.fn-grade-subject-picker{display:grid;gap:6px;margin:0 0 12px}.fn-grade-subject-picker>span{font-size:.78rem;font-weight:800;color:var(--muted)}.fn-grade-subject-picker select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface-strong);color:var(--text);padding:0 12px;font:inherit;font-weight:700}.fn-grade-entry-backdrop{position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,.56);display:grid;place-items:end center;padding:20px 12px max(20px,env(safe-area-inset-bottom));backdrop-filter:blur(8px)}.fn-grade-entry{width:min(100%,560px);max-height:88vh;overflow:auto;background:var(--surface-strong);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.34)}.fn-grade-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.fn-grade-entry-head span{display:block;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.fn-grade-entry-head h3{margin:3px 0 0;font-size:1.35rem}.fn-grade-entry-head button{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:1.5rem}.fn-grade-entry form{display:grid;gap:12px}.fn-grade-entry label{display:grid;gap:6px}.fn-grade-entry label>span{font-size:.78rem;color:var(--muted);font-weight:800}.fn-grade-entry input,.fn-grade-entry select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px;font:inherit}.fn-grade-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fn-grade-save{min-height:48px;border:0;border-radius:14px;background:var(--primary);color:#fff;font:inherit;font-weight:850}.fn-grade-entry input::placeholder{color:color-mix(in srgb,var(--muted) 82%,transparent)}[data-mode="dark"] .fn-grade-entry,[data-mode="dark"] .fn-grade-entry input,[data-mode="dark"] .fn-grade-entry select,[data-mode="dark"] .fn-grade-subject-picker select{background:var(--surface-strong);color:var(--text);border-color:var(--line)}@media(max-width:520px){.fn-grade-entry{border-radius:22px}.fn-grade-grid{grid-template-columns:1fr}}