@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-ext-wght-normal-7w74d1lj.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-wght-normal-B9hoeQUC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-vietnamese-wght-normal-BhFYcaJr.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-ext-wght-normal-DMEAsnHD.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-wght-normal-BWQ3gi2K.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--canvas: #fff7fa;--canvas-deep: #f8e8ee;--surface: #fffdfd;--surface-muted: #fff3f7;--surface-strong: #f7e4eb;--surface-glass: rgb(255 253 253 / 90%);--ink: #3d2634;--ink-soft: #5c4251;--muted: #755e6b;--line: #e8cfd9;--line-strong: #d8aebe;--berry: #972f5c;--berry-dark: #762044;--plum: #54273f;--rose: #ce6d92;--rose-soft: #f4d9e3;--mauve: #7b5870;--danger: #a72f4b;--danger-soft: #ffedf1;--success: #3e725b;--success-soft: #eaf5ef;--white: #ffffff;--scrim: rgb(52 27 42 / 58%);--focus: #6f2043;--shadow-sm: 0 6px 18px rgb(84 39 63 / 7%);--shadow-md: 0 16px 44px rgb(84 39 63 / 11%);--shadow-lg: 0 28px 70px rgb(84 39 63 / 18%);--shadow-button: 0 4px 0 #68203f;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--motion-fast: .15s;--motion-base: .22s;--ease-out: cubic-bezier(.2, .75, .25, 1);--tab-0: #a33763;--tab-1: #b95f7f;--tab-2: #8b5876;--tab-3: #cf7d99;--tab-4: #75435f;--tab-5: #b46f91;font-family:Nunito Sans Variable,ui-rounded,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% -10%,var(--surface) 0,transparent 30rem),radial-gradient(circle at 95% 18%,var(--rose-soft) 0,transparent 25rem),var(--canvas)}body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none;border:20px solid rgb(206 109 146 / 9%);border-left-color:transparent;border-radius:50%}body:before{width:330px;height:470px;top:120px;right:-205px;transform:rotate(-18deg)}body:after{width:230px;height:360px;bottom:-235px;left:-105px;transform:rotate(34deg)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.file-button:focus-within{outline:3px solid var(--focus);outline-offset:3px}button{min-height:44px;cursor:pointer}button:disabled{cursor:wait;opacity:.58}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Fraunces Variable,Georgia,serif;font-variation-settings:"SOFT" 80,"WONK" 1;letter-spacing:-.035em}h1{font-size:clamp(2.35rem,5vw,4rem);font-weight:650;line-height:.98;margin-bottom:.7rem;text-wrap:balance}h1:after{content:"";display:block;width:min(3.4em,180px);height:8px;margin-top:13px;background:var(--rose-soft);border-radius:90% 15% 80% 20%;transform:rotate(-1.5deg)}h2{font-size:clamp(1.55rem,3vw,1.9rem);font-weight:620;line-height:1.15}h3{margin-bottom:.35rem;color:var(--ink-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-page,.auth-page{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.loading-page{align-content:center;gap:16px;color:var(--muted)}.auth-card{width:min(100%,500px);padding:clamp(32px,6vw,58px);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-glass);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-card:before{content:"";position:absolute;width:210px;height:92px;top:-66px;right:-30px;border:13px solid var(--rose-soft);border-radius:50%;transform:rotate(-9deg)}.auth-card h1{font-size:clamp(2.45rem,8vw,3.65rem)}.brand-mark,.mini-mark{display:grid;place-items:center;background:var(--plum);color:var(--white);font-family:Fraunces Variable,Georgia,serif;font-variation-settings:"SOFT" 100,"WONK" 1;transform:rotate(-3deg)}.brand-mark{width:66px;height:66px;border-radius:44% 56% 46% 54%/54% 43% 57% 46%;font-size:34px;margin-bottom:30px;box-shadow:6px 7px 0 var(--rose)}.mini-mark{width:36px;height:36px;border-radius:43% 57% 47% 53%/55% 44% 56% 45%;font-size:20px;box-shadow:3px 3px 0 var(--rose)}.eyebrow{color:var(--berry);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:11px}.auth-copy{color:var(--muted);line-height:1.65;margin-bottom:28px}.stack{display:grid;gap:19px}label{display:grid;gap:8px;color:var(--ink-soft);font-size:.9rem;font-weight:700}input,select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:11px 14px;box-shadow:inset 0 1px 0 var(--white);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}input:hover,select:hover{border-color:var(--line-strong)}input:focus,select:focus{border-color:var(--berry);background:var(--white);box-shadow:0 0 0 4px var(--rose-soft)}input::placeholder{color:var(--muted);opacity:.82}.hint{color:var(--muted);font-size:.82rem;line-height:1.5;margin:-8px 0 0}.error{color:var(--danger);background:var(--danger-soft);border:1px solid rgb(167 47 75 / 18%);border-radius:var(--radius-sm);padding:12px 14px;margin:0;font-size:.9rem}.button{border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;text-decoration:none;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.button.primary{background:var(--berry);color:var(--white);box-shadow:var(--shadow-button)}.button.primary:hover{background:var(--berry-dark);transform:translateY(-1px);box-shadow:0 5px 0 var(--plum)}.button.primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--plum)}.button.ghost{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-sm)}.button.ghost:hover,.button.subtle:hover{background:var(--surface-strong);border-color:var(--line-strong)}.button.subtle{background:transparent;border-color:transparent}.button.danger-text{background:transparent;color:var(--danger);padding-inline:6px}.button.danger-text:hover{background:var(--danger-soft)}.icon-button{width:44px;height:44px;border:0;border-radius:var(--radius-sm);background:transparent;display:inline-grid;place-items:center;padding:0;transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.icon-button:hover{color:var(--berry);background:var(--surface-strong)}.icon-button.danger:hover{color:var(--danger);background:var(--danger-soft)}.app-shell{position:relative;z-index:1;min-height:100vh}.topbar{height:76px;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;box-shadow:0 4px 22px #54273f0d}.wordmark{display:flex;align-items:center;gap:13px;color:var(--plum);font-family:Fraunces Variable,Georgia,serif;font-size:1.4rem;font-weight:700;text-decoration:none;border:0;background:transparent;padding:0}.top-actions{display:flex;align-items:center;gap:4px}.class-register{background:#fff3f7db;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.tabs{max-width:1180px;margin:auto;display:flex;align-items:end;padding:17px 20px 0;min-width:max-content;gap:7px}.class-tab,.add-tab{border:0;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:12px 18px 10px;position:relative;background:var(--surface-strong);display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-weight:750;transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),min-height var(--motion-fast) var(--ease-out)}.class-tab:before{content:"";position:absolute;left:8px;right:8px;top:0;height:5px;border-radius:0 0 9px 9px;background:var(--tab-color)}.tab-tone-0{--tab-color: var(--tab-0)}.tab-tone-1{--tab-color: var(--tab-1)}.tab-tone-2{--tab-color: var(--tab-2)}.tab-tone-3{--tab-color: var(--tab-3)}.tab-tone-4{--tab-color: var(--tab-4)}.tab-tone-5{--tab-color: var(--tab-5)}.class-tab small{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:20px;background:#ffffffad;color:var(--mauve);font-size:.72rem}.class-tab:hover{background:var(--rose-soft)}.class-tab.active{background:var(--canvas);color:var(--plum);min-height:56px;box-shadow:0 -5px 18px #54273f12}.add-tab{background:transparent;color:var(--berry);font-weight:700}.add-tab:hover{background:var(--rose-soft)}.content{position:relative;max-width:1180px;margin:0 auto;padding:clamp(38px,6vw,74px) 20px 80px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.page-heading p:last-child{color:var(--muted);margin-bottom:0}.heading-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.search-field{position:relative;display:block;width:min(500px,100%)}.search-field>svg{position:absolute;z-index:1;left:15px;top:15px;color:var(--berry)}.search-field input{padding-left:46px;padding-right:45px;background:var(--surface);box-shadow:var(--shadow-sm)}.search-field button{position:absolute;right:3px;top:3px;border:0;border-radius:10px;background:transparent;width:44px;height:44px;display:grid;place-items:center}.student-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px 21px;border-bottom:1px solid var(--line)}th{background:var(--surface-strong);color:var(--mauve);font-size:.74rem;text-transform:uppercase;letter-spacing:.11em}th button{border:0;background:transparent;padding:0;text-transform:inherit;letter-spacing:inherit;color:inherit;font-weight:800}th button:hover{color:var(--berry)}tbody tr{transition:background var(--motion-fast) var(--ease-out)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-muted)}.actions-heading{text-align:right;width:130px}.row-actions{text-align:right;white-space:nowrap}.empty-state{position:relative;min-height:390px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px;background:#fffdfda6;box-shadow:inset 0 0 0 8px #f4d9e333;overflow:hidden}.empty-state:after{content:"";position:absolute;width:145px;height:54px;right:-46px;bottom:-32px;border:9px solid var(--rose-soft);border-radius:50%;transform:rotate(-12deg)}.empty-state.compact{min-height:320px}.empty-state p{max-width:480px;color:var(--muted);line-height:1.65}.empty-illustration{display:flex;align-items:end;height:86px;margin-bottom:26px}.empty-illustration span{display:grid;place-items:center;width:54px;height:66px;background:var(--berry);color:var(--white);font:700 28px Fraunces Variable,Georgia,serif;border-radius:48% 52% 18% 20%/28% 28% 12% 12%;margin:-4px;box-shadow:0 5px #54273f2e;transform:rotate(-5deg)}.empty-illustration span:nth-child(2){height:78px;background:var(--mauve);transform:rotate(2deg)}.empty-illustration span:nth-child(3){height:58px;background:var(--rose);transform:rotate(6deg)}.round-icon{width:62px;height:62px;border-radius:46% 54% 48% 52%/55% 45%;display:grid;place-items:center;background:var(--rose-soft);margin-bottom:20px;color:var(--berry);transform:rotate(-3deg)}.round-icon svg{transform:rotate(3deg)}.modal-backdrop{position:fixed;inset:0;z-index:50;background:var(--scrim);display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:backdrop-in var(--motion-base) var(--ease-out)}.modal{width:min(100%,560px);max-height:min(90vh,850px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:27px;box-shadow:var(--shadow-lg);animation:modal-in var(--motion-base) var(--ease-out)}.modal-wide{width:min(100%,840px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:17px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.modal-actions.split{justify-content:space-between;align-items:center}.modal-actions.split>div{display:flex;gap:10px}.group-result-header,.group-card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.group-result-header h3:focus{outline:none}.group-result-header p{margin:0;color:var(--muted)}.group-result-header .button{flex-shrink:0}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.group-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted)}.group-card-heading{align-items:baseline;margin-bottom:12px}.group-card h3{margin:0;color:var(--berry)}.group-card-heading span{color:var(--muted);font-size:.82rem}.group-card ul{list-style:none;margin:0;padding:0}.group-card li{padding:9px 0;overflow-wrap:anywhere}.group-card li+li{border-top:1px solid var(--line)}.form-grid,.mapping{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drop-zone{border:2px dashed var(--line-strong);border-radius:var(--radius-md);padding:26px;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);background:var(--surface-muted);text-align:center;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.drop-zone:hover{border-color:var(--berry);background:var(--rose-soft)}.drop-zone strong{color:var(--ink)}.drop-zone svg{color:var(--berry)}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;height:100%}.preview-head{display:flex;justify-content:space-between;font-size:.88rem;color:var(--muted)}.preview{max-height:230px;border:1px solid var(--line);border-radius:var(--radius-sm)}.preview th,.preview td{padding:9px 11px;font-size:.82rem}.row-error{background:var(--danger-soft)!important;color:var(--danger)}.choice{border:1px solid var(--line);border-radius:var(--radius-md);padding:15px;display:grid;gap:10px;background:var(--surface-muted)}.choice legend{font-weight:800;padding:0 6px;color:var(--ink-soft)}.choice label{display:grid;grid-template-columns:22px 1fr;gap:0 8px;align-items:center}.choice input{width:18px;min-height:18px;accent-color:var(--berry)}.choice small{grid-column:2;color:var(--muted);font-weight:400}.settings-list{display:grid;gap:10px}.settings-list section{display:grid;grid-template-columns:54px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.settings-list p{color:var(--muted);font-size:.9rem;line-height:1.55}.settings-icon{width:48px;height:48px;border-radius:44% 56% 47% 53%/53% 44% 56% 47%;display:grid;place-items:center;background:var(--rose-soft);color:var(--berry);transform:rotate(-3deg)}.settings-icon svg{transform:rotate(3deg)}.settings-icon.coral{background:var(--surface-strong);color:var(--mauve)}.file-button{width:max-content;position:relative}.file-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-button.disabled{opacity:.5}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%);z-index:80;background:var(--plum);color:var(--white);border:1px solid rgb(255 255 255 / 14%);border-radius:var(--radius-md);padding:13px 18px;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow-lg);animation:toast-in var(--motion-base) var(--ease-out)}.toast svg{color:var(--rose-soft)}.banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.banner button{border:0;border-radius:10px;background:transparent;min-width:44px}.banner.complete{justify-content:flex-start;gap:10px;padding:13px 16px;color:var(--success);background:var(--success-soft);border:1px solid rgb(62 114 91 / 20%);border-radius:var(--radius-sm)}.back-link{min-height:44px;border:0;background:transparent;color:var(--berry);display:inline-flex;align-items:center;gap:7px;padding:4px 8px 4px 0;margin-bottom:22px;font-weight:800}.back-link:hover{color:var(--berry-dark)}.overview-heading{align-items:center}.class-list{display:grid;gap:14px}.class-list-row{--row-accent: var(--tab-0);position:relative;display:grid;grid-template-columns:70px minmax(100px,1fr) minmax(0,3fr);align-items:center;gap:20px;min-height:116px;padding:20px 22px 20px 18px;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--row-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.class-list-row:after{content:"";position:absolute;width:100px;height:30px;right:22%;bottom:-24px;border:7px solid color-mix(in srgb,var(--row-accent) 16%,transparent);border-radius:50%;transform:rotate(-4deg);pointer-events:none}.class-list-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.row-tone-1{--row-accent: var(--tab-1)}.row-tone-2{--row-accent: var(--tab-2)}.row-tone-3{--row-accent: var(--tab-3)}.row-tone-4{--row-accent: var(--tab-4)}.row-tone-5{--row-accent: var(--tab-5)}.class-monogram{width:62px;height:62px;display:grid;place-items:center;border-radius:46% 54% 48% 52%/54% 44% 56% 46%;background:color-mix(in srgb,var(--row-accent) 14%,var(--surface));color:var(--row-accent);font:680 1.45rem Fraunces Variable,Georgia,serif;text-transform:uppercase;transform:rotate(-2deg)}.class-summary h2{margin:0 0 3px;font-size:1.7rem}.class-summary p,.class-row-hint{margin:0;color:var(--muted)}.class-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center}.class-row-hint{grid-column:2 / -1;margin-top:-13px;font-size:.82rem}.grade-overview{position:relative;margin-bottom:46px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md)}.grade-overview:after{content:"";position:absolute;width:190px;height:54px;right:-54px;top:-40px;border:10px solid var(--rose-soft);border-radius:50%;transform:rotate(-7deg);pointer-events:none}.grade-overview-header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:28px;align-items:end;padding:25px;background:var(--surface-muted);border-bottom:1px solid var(--line)}.grade-overview-header h2{margin:0 0 8px}.grade-overview-header p:last-child{max-width:660px;margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}.weight-editor{display:grid;gap:10px}.weight-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.percent-input{position:relative;display:block}.percent-input input{min-height:46px;padding-right:35px}.percent-input>span{position:absolute;right:13px;top:12px;color:var(--muted)}.weight-ribbon{display:flex;height:8px;overflow:hidden;border-radius:999px;background:var(--surface-strong)}.weight-ribbon span{transition:width var(--motion-base) var(--ease-out)}.weight-ribbon .oral{background:var(--berry)}.weight-ribbon .written{background:var(--mauve)}.weight-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.weight-editor-footer>span{font-size:.76rem;font-weight:750}.weight-valid{color:var(--success)}.weight-invalid{color:var(--danger)}.weight-editor-footer .button{min-height:44px;padding-block:7px}.grade-overview>.error,.grade-overview>.loading-inline{margin:18px 22px}.grade-table-wrap{overflow-x:auto}.grade-table th:not(:first-child),.grade-table td:not(:first-child){text-align:center}.grade-table td:first-child{display:grid}.grade-table td:first-child span{color:var(--muted)}.grade-average{display:inline-grid;gap:1px}.grade-average strong{color:var(--plum);font-size:1.02rem}.grade-average small,.grade-table td:last-child small{display:block;color:var(--muted);font-size:.7rem}.homework-no-count{display:inline-grid;gap:1px;color:var(--muted)}.homework-no-count strong{font-size:1.02rem}.homework-no-count.has-misses strong{color:var(--berry-dark)}.homework-no-count small{font-size:.7rem}.overall-grade{display:inline-grid;place-items:center;min-width:58px;min-height:38px;padding:5px 10px;border-radius:999px;background:var(--plum);color:var(--white);font:650 1.05rem Fraunces Variable,Georgia,serif}.overall-grade.missing{background:var(--surface-strong);color:var(--muted)}.grade-empty{padding:24px;color:var(--muted);text-align:center}.grade-empty p{margin:0}.history-groups{display:grid;gap:34px}.history-group{display:grid;gap:14px}.history-group-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5px 11px;border-bottom:1px solid var(--line)}.history-group-header h2{margin:0 0 4px;font-size:1.75rem}.history-group-header p{margin:0;color:var(--muted);font-size:.88rem}.history-group-count{flex:0 0 auto;min-width:38px;min-height:38px;display:grid;place-items:center;padding:4px 10px;border-radius:999px;background:var(--rose-soft);color:var(--berry-dark);font-weight:850}.history-group:nth-child(2n) .history-group-count{background:var(--surface-strong);color:var(--plum)}.history-list,.query-list{display:grid;gap:12px}.history-row{display:grid;grid-template-columns:minmax(220px,1fr) 110px auto;align-items:center;gap:20px;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.history-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.history-title h2,.history-title h3{font:620 1.35rem Fraunces Variable,Georgia,serif;letter-spacing:-.035em;margin:0;color:var(--ink)}.history-row p{margin:5px 0 0;color:var(--muted);font-size:.88rem}.status-badge{border-radius:999px;padding:5px 9px;font-size:.71rem;font-weight:850;letter-spacing:.04em}.status-badge.draft{color:var(--berry);background:var(--rose-soft)}.status-badge.completed{color:var(--success);background:var(--success-soft)}.progress-copy{display:grid;color:var(--muted);font-size:.76rem}.progress-copy strong{color:var(--plum);font-size:1.05rem}.history-actions{display:flex;align-items:center;gap:4px}.history-group-empty{position:relative;min-height:126px;display:flex;align-items:center;gap:16px;padding:22px;overflow:hidden;border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:#fffdfda6}.history-group-empty:after{content:"";position:absolute;width:112px;height:30px;right:-38px;bottom:-20px;border:7px solid var(--rose-soft);border-radius:50%;transform:rotate(-12deg)}.history-group-empty .round-icon{flex:0 0 auto;width:48px;height:48px;margin:0}.history-group-empty h3{margin:0 0 3px;font:620 1.08rem Fraunces Variable,Georgia,serif;color:var(--ink)}.history-group-empty p{margin:0;color:var(--muted);font-size:.86rem}.query-heading{margin-bottom:22px}.query-progress{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:18px;padding:14px 20px;margin-bottom:18px;background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-md)}.query-progress>div:not(.progress-track){display:flex;align-items:baseline;gap:6px;color:var(--muted);font-size:.8rem}.query-progress strong{color:var(--plum);font-size:1.2rem}.progress-track{height:10px;border-radius:999px;background:var(--surface-strong);overflow:hidden}.progress-track span{display:block;height:100%;background:var(--berry);border-radius:inherit;transition:width var(--motion-base) var(--ease-out)}.query-entry{display:grid;grid-template-columns:42px minmax(180px,.8fr) minmax(260px,1.2fr);align-items:center;gap:15px;min-height:82px;padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.query-entry.answered{border-left:4px solid var(--success)}.query-entry.open{border-left:4px solid var(--rose)}.entry-number{color:var(--line-strong);font:650 1.2rem Fraunces Variable,Georgia,serif}.entry-name{display:grid}.entry-name strong{color:var(--plum)}.entry-name span{color:var(--muted)}.entry-control{position:relative;display:grid;gap:5px}.entry-control select{max-width:160px}.save-state{color:var(--muted);text-align:right;min-height:18px}.save-error{display:flex;justify-content:flex-end;gap:10px;align-items:center;color:var(--danger);font-size:.78rem}.save-error button{min-height:32px;border:0;background:var(--danger-soft);color:var(--danger);border-radius:9px;font-weight:800}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px;background:var(--surface-muted)}.segmented button{min-height:40px;border:0;border-radius:9px;background:transparent;font-weight:750}.segmented button:hover{background:var(--surface-strong)}.segmented button.active{background:var(--berry);color:var(--white);box-shadow:var(--shadow-sm)}.dialog-context{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;padding:15px;border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--muted)}.dialog-context strong{color:var(--plum)}.dialog-context small{grid-column:2}.template-picker{min-width:0;margin:0;padding:0;border:0}.template-picker>legend{margin-bottom:8px;padding:0;color:var(--ink-soft);font-size:.9rem;font-weight:700}.template-picker-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.template-picker-group{min-width:0;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted)}.template-picker-heading{margin-bottom:10px}.template-picker-heading h3{margin:0;font:620 1.05rem Fraunces Variable,Georgia,serif;color:var(--plum)}.template-picker-heading span{color:var(--muted);font-size:.72rem}.template-options{display:grid;gap:7px}.template-option{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:58px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.template-option:hover{border-color:var(--line-strong)}.template-option:has(input:checked){border-color:var(--berry);background:var(--rose-soft);box-shadow:var(--shadow-sm)}.template-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.template-option input{width:18px;min-height:18px;margin:0;padding:0;accent-color:var(--berry);box-shadow:none}.template-option>span{min-width:0;display:grid}.template-option strong{overflow-wrap:anywhere;color:var(--ink);font-size:.84rem;line-height:1.25}.template-option small{color:var(--muted);font-size:.7rem;font-weight:650}.template-picker-empty{min-height:58px;display:flex;align-items:center;margin:0;padding:10px;border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--muted);font-size:.76rem;line-height:1.35}.work-points-option{display:grid;gap:15px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted)}.toggle-row{grid-template-columns:auto 1fr;align-items:center;gap:12px;cursor:pointer}.toggle-row input{width:22px;min-height:22px;margin:0;accent-color:var(--berry);box-shadow:none}.toggle-row>span{display:grid;gap:2px}.toggle-row small{color:var(--muted);font-weight:500;line-height:1.4}.grading-scale{position:relative;margin-bottom:18px;padding:22px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.grading-scale:after{content:"";position:absolute;pointer-events:none;width:150px;height:48px;right:-42px;top:-29px;border:9px solid var(--rose-soft);border-radius:50%;transform:rotate(-8deg)}.grading-scale-heading h2{margin-bottom:7px;font-size:1.55rem}.grading-scale-heading p:last-child{max-width:720px;margin-bottom:18px;color:var(--muted);line-height:1.5}.grading-scale form{display:grid;gap:15px}.max-points-field{width:min(220px,100%)}.threshold-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px}.threshold-input{display:grid;grid-template-columns:1fr;gap:4px}.threshold-input small{min-height:18px;color:var(--berry);font-size:.76rem;font-weight:800}.grading-scale-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.field-warning{margin:0;color:var(--danger);font-size:.83rem}.work-points-entry{grid-template-columns:42px minmax(150px,.55fr) minmax(480px,1.45fr);align-items:start}.work-points-control{display:grid;grid-template-columns:minmax(150px,.8fr) auto minmax(175px,1fr);align-items:end;gap:14px}.points-input-wrap{display:grid;grid-template-columns:minmax(90px,130px) auto;align-items:center;gap:8px}.points-input-wrap>span{color:var(--muted);white-space:nowrap;font-size:.82rem}.grade-result{display:flex;align-items:center;gap:9px;min-height:50px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted)}.grade-result span{display:grid;color:var(--muted);font-size:.7rem}.grade-result strong{color:var(--plum);font:650 1.15rem Fraunces Variable,Georgia,serif}.settings-block{padding-bottom:24px;margin-bottom:6px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}.section-heading h3{font:620 1.55rem Fraunces Variable,Georgia,serif;margin:0}.section-heading p{color:var(--muted);font-size:.86rem;margin:0}.template-list{display:grid;gap:8px;margin-bottom:14px}.template-row{display:grid;grid-template-columns:minmax(150px,1fr) 150px auto 44px;gap:8px;align-items:center}.template-create{display:grid;grid-template-columns:minmax(150px,1fr) 150px auto;gap:8px;align-items:end;padding:15px;background:var(--surface-muted);border-radius:var(--radius-md)}.loading-inline{color:var(--muted)}@keyframes backdrop-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@media(max-width:720px){body:before{opacity:.55}.topbar{padding-inline:14px}.top-actions .button span{display:none}.tabs{padding-left:14px;padding-right:14px}.content{padding-inline:14px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;justify-content:stretch}.heading-actions .button{flex:1}.toolbar{align-items:stretch;flex-direction:column}.toolbar>.button{width:100%}.student-card{background:transparent;border:0;box-shadow:none;overflow:visible}.student-table thead{display:none}.student-table,.student-table tbody,.student-table tr,.student-table td{display:block;width:100%}.student-table tr{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 64px 16px 17px;margin-bottom:11px;box-shadow:var(--shadow-sm)}.student-table td{padding:2px 0;border:0}.student-table td:before{content:attr(data-label) ": ";color:var(--muted);font-size:.78rem}.student-table .row-actions{position:absolute;right:8px;top:7px;display:flex;flex-direction:column}.form-grid,.mapping{grid-template-columns:1fr}.modal{padding:21px}.group-grid{grid-template-columns:1fr}.group-result-header{align-items:stretch;flex-direction:column}.modal-actions.split{align-items:stretch;flex-direction:column-reverse}.modal-actions.split>div{display:grid;grid-template-columns:1fr 1fr}.modal-actions.split>.danger-text{align-self:flex-start}.class-tab{padding-inline:14px}.overview-heading>.button{width:100%}.class-list-row{grid-template-columns:58px 1fr;padding:18px 16px 18px 14px;gap:14px}.class-monogram{width:54px;height:54px}.class-row-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.class-row-actions .button:first-child{grid-column:1 / -1}.class-row-hint{grid-column:1 / -1;margin:0}.grade-overview-header{grid-template-columns:1fr;padding:21px}.weight-editor-footer{align-items:stretch;flex-direction:column}.weight-editor-footer .button{width:100%}.grade-table-wrap{overflow:visible;padding:12px}.grade-table thead{display:none}.grade-table,.grade-table tbody,.grade-table tr,.grade-table td{display:block;width:100%}.grade-table tr{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:11px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.grade-table tr:last-child{margin-bottom:0}.grade-table td{padding:0;border:0;text-align:left!important}.grade-table td:before{display:block;content:attr(data-label);margin-bottom:4px;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.grade-table td:first-child{grid-column:1 / -1;display:flex;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line)}.grade-table td:first-child:before{display:none}.grade-table td:first-child span:before{content:", "}.history-row{grid-template-columns:1fr auto;gap:12px}.history-row>div:first-child{grid-column:1 / -1}.history-actions{justify-content:flex-end}.template-picker-groups{grid-template-columns:1fr}.query-entry{grid-template-columns:34px 1fr;align-items:start}.entry-control{grid-column:1 / -1}.entry-control select{max-width:none}.threshold-grid{grid-template-columns:repeat(2,1fr)}.threshold-grid label:last-child{grid-column:1 / -1}.grading-scale-actions{display:grid}.grading-scale-actions .button{width:100%}.work-points-control{grid-template-columns:1fr 1fr}.work-points-control>label:first-child{grid-column:1 / -1}.query-progress{gap:10px;padding-inline:14px}.query-progress>div:not(.progress-track){display:grid;gap:0}.template-row{grid-template-columns:1fr 44px;padding-bottom:12px;border-bottom:1px solid var(--line)}.template-row input,.template-row select,.template-row .button{grid-column:1}.template-row .icon-button{grid-column:2;grid-row:1}.template-create{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.auth-card{padding-inline:25px;border-radius:var(--radius-lg)}.wordmark{font-size:1.25rem}.page-heading h1{font-size:2.65rem}.heading-actions{display:grid}.heading-actions .button{width:100%}.modal-actions:not(.split){display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.empty-state{padding-inline:24px}.settings-list section{grid-template-columns:48px 1fr}.class-row-actions{grid-template-columns:1fr}.class-row-actions .button:first-child{grid-column:auto}.history-row{grid-template-columns:1fr}.history-row>div:first-child{grid-column:auto}.history-actions{justify-content:space-between}.history-group-header{align-items:flex-start}.history-group-empty{align-items:flex-start;padding:18px}.weight-fields{grid-template-columns:1fr}.grade-table tr{grid-template-columns:1fr 1fr}.grade-table td:last-child{grid-column:1 / -1;padding-top:10px;border-top:1px solid var(--line)}.query-progress{grid-template-columns:auto 1fr auto}.query-progress span{font-size:.68rem}.grading-scale{padding:18px 15px}.threshold-grid{grid-template-columns:1fr}.threshold-grid label:last-child{grid-column:auto}.work-points-control{grid-template-columns:1fr}.work-points-control>label:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}