:root{color:#26324a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#26324a;--muted:#6e7890;--line:#e3e8f1;--paper:#fff;--blue:#5b6fe8;--blue-dark:#485bd0;--blue-soft:#eef0ff;--green:#3f9b77;--green-soft:#e7f6ef;--coral:#e77d72;--coral-soft:#ffefec;--yellow-soft:#fff3ce;--purple-soft:#eee9ff;--sky-soft:#e6f4ff;--danger:#b94a57;--danger-soft:#fff0f2;--shadow:0 12px 34px #394a7014;background:#f6f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#f6f8fc;min-width:320px;min-height:100%;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #5b6fe847}button:disabled,.disabled{cursor:not-allowed;opacity:.5}.app-shell{background:#f6f8fc;min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:0 clamp(18px,4vw,56px);display:flex}.brand{min-width:0;color:var(--ink);letter-spacing:-.02em;align-items:center;gap:11px;font-size:1rem;font-weight:750;display:flex}.brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-mark{background:var(--blue);border-radius:10px;flex:none;align-items:flex-end;gap:2px;width:34px;height:34px;padding:7px 6px;display:flex}.brand-mark span{background:#fff;border-radius:3px;width:3px;height:9px}.brand-mark span:nth-child(2){height:14px}.brand-mark span:nth-child(3){height:19px}.brand-mark span:nth-child(4){height:12px}.brand-mark span:nth-child(5){height:17px}.privacy-note{color:var(--muted);font-size:.84rem}.topbar-actions{align-items:center;gap:18px;display:flex}.topbar-actions a,.text-button{color:#59657d;cursor:pointer;background:0 0;border:0;padding:7px 0;font-size:.84rem;font-weight:650;text-decoration:none}.topbar-actions a:hover,.text-button:hover{color:var(--blue)}.setup-view{width:min(900px,100% - 32px);margin:0 auto;padding:clamp(54px,9vh,92px) 0 46px}.setup-intro{text-align:center;max-width:620px;margin:0 auto 34px}.setup-icon{color:#35795e;background:var(--green-soft);border-radius:17px;place-items:center;width:54px;height:54px;margin:0 auto 18px;font-size:1.35rem;font-weight:800;display:grid}h1,h2,h3,p{margin-top:0}.setup-intro h1,.page-heading h1{color:var(--ink);letter-spacing:-.05em;margin-bottom:10px;font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.05}.setup-intro p{color:var(--muted);margin-bottom:0;font-size:1.04rem;line-height:1.6}.setup-grid{grid-template-columns:1fr 44px 1fr;align-items:center;display:grid}.setup-card{border:1px solid var(--line);background:var(--paper);min-height:310px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:flex-start;padding:30px;display:flex}.step-number{border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:32px;font-size:1.05rem;font-weight:800;display:grid}.step-number.coral{color:#a94f47;background:var(--coral-soft)}.step-number.blue{color:#4557c6;background:var(--blue-soft)}.eyebrow{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:.74rem;font-weight:800}.setup-card h2,.resume-panel h2,.empty-state h2{color:var(--ink);letter-spacing:-.03em;margin-bottom:10px;font-size:1.28rem}.setup-card p:not(.eyebrow){color:var(--muted);margin-bottom:26px;font-size:.94rem;line-height:1.55}.button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-size:.88rem;font-weight:750;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button.primary{border-color:var(--blue);color:#fff;background:var(--blue)}.button.primary:not(:disabled):hover{border-color:var(--blue-dark);background:var(--blue-dark)}.button.secondary{color:#46516a;background:#f8f9fc;border-color:#d9deea}.button.secondary:not(:disabled):hover{background:#f0f2f7;border-color:#c8cfdd}.button:not(:disabled):not(.disabled):active{transform:translateY(1px)}.setup-card .button{width:100%;margin-top:auto}.process-arrow{color:#aab2c2;text-align:center;font-size:1.3rem;font-weight:700}.privacy-line{color:#778197;text-align:center;margin:24px auto 0;font-size:.84rem;line-height:1.5}.resume-panel{background:var(--green-soft);border:1px solid #cce9dc;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:20px 22px;display:flex}.resume-panel .eyebrow{color:var(--green);margin-bottom:5px}.resume-panel h2{margin-bottom:0;font-size:1.05rem}.resume-panel .button{flex:none}.divider{color:#8790a3;text-align:center;margin:0 0 18px;font-size:.8rem}.banner{border:1px solid;border-radius:11px;align-items:center;gap:10px;width:100%;margin:0 0 18px;padding:12px 14px;font-size:.88rem;line-height:1.45;display:flex}.banner>span{color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:grid}.error-banner{color:var(--danger);background:var(--danger-soft);border-color:#f0cbd0}.error-banner>span{background:var(--danger)}.success-banner{color:#30775b;background:var(--green-soft);border-color:#bde3d3}.success-banner>span{background:var(--green)}.setup-banner{max-width:900px}.gradebook-view{width:min(1180px,100% - 32px);margin:0 auto;padding:48px 0 56px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-heading h1{margin-bottom:9px;font-size:clamp(2.1rem,5vw,3.5rem)}.subtext{color:var(--muted);margin-bottom:0;font-size:.94rem}.class-total{border:1px solid var(--line);background:var(--paper);text-align:right;border-radius:14px;min-width:156px;padding:15px 17px;box-shadow:0 7px 20px #394a700f}.class-total strong{color:var(--ink);letter-spacing:-.05em;font-size:1.65rem}.class-total span{color:#929aad;font-size:.95rem;font-weight:650}.class-total small{color:var(--muted);margin-top:1px;font-size:.72rem;display:block}.student-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.student-card{border:1px solid var(--line);min-width:0;min-height:82px;color:var(--ink);background:var(--paper);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:0 4px 14px #394a7009}.student-card:hover{border-color:#c9d1e2;transform:translateY(-1px);box-shadow:0 10px 24px #394a7014}.initials{color:#45516a;background:var(--sky-soft);border-radius:13px;place-items:center;width:46px;height:46px;font-size:.76rem;font-weight:800;display:grid}.initials.color-2{background:var(--yellow-soft)}.initials.color-3{background:var(--purple-soft)}.initials.color-4{background:var(--green-soft)}.initials.color-5{background:var(--coral-soft)}.student-details{min-width:0}.student-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;font-size:.9rem;font-weight:700;display:block;overflow:hidden}.bubbles{gap:4px;display:flex}.bubbles>span{filter:grayscale();opacity:.5;background:#eef1f5;border-radius:7px;place-items:center;width:23px;height:23px;font-size:.76rem;display:grid}.bubbles>span.on{background:var(--green-soft);filter:none;opacity:1}.score{color:#7e879b;font-size:1rem;font-weight:800}.score.perfect{color:var(--green)}.score small{font-size:.67rem;font-weight:700}.chevron{color:#adb5c5;font-size:1.3rem}.empty-state{background:var(--paper);text-align:center;border:1px dashed #cbd2df;border-radius:18px;padding:58px 24px}.empty-icon{background:var(--yellow-soft);border-radius:17px;place-items:center;width:54px;height:54px;margin:0 auto 17px;font-size:1.35rem;display:grid}.empty-state p{color:var(--muted);margin-bottom:22px}.grade-modal{width:min(520px,100% - 24px);max-height:calc(100vh - 24px);color:var(--ink);background:var(--paper);border:0;border-radius:20px;padding:0;overflow:auto;box-shadow:0 30px 80px #1d28443d}.grade-modal::backdrop{background:#222b407a}.grade-modal form{padding:24px}.modal-close{color:#758096;cursor:pointer;background:#f1f3f7;border:0;border-radius:10px;width:36px;height:36px;font-size:1.35rem;line-height:1;position:absolute;top:18px;right:18px}.modal-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding-right:42px;display:grid}.modal-heading h2{letter-spacing:-.03em;margin-bottom:0;font-size:1.22rem}.modal-initials{color:#4557c6;background:var(--blue-soft)}.modal-score{text-align:right}.modal-score strong{color:var(--ink);letter-spacing:-.05em;font-size:1.7rem}.modal-score span{color:#9098aa;font-size:.8rem;font-weight:700}.dimensions{border:0;gap:8px;margin:22px 0 0;padding:0;display:grid}.dimensions legend{color:var(--muted);margin-bottom:5px;font-size:.8rem;font-weight:750}.dimension-row{border:1px solid var(--line);width:100%;min-height:62px;color:var(--ink);background:var(--paper);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.dimension-row:hover{border-color:#cbd3e3}.dimension-row.checked{background:#f4fbf8;border-color:#b9dfd0}.dimension-emoji{background:#f2f4f8;border-radius:10px;place-items:center;width:38px;height:38px;font-size:1.05rem;display:grid}.checked .dimension-emoji{background:var(--green-soft)}.dimension-copy strong{margin-bottom:2px;font-size:.9rem;display:block}.dimension-copy small{color:var(--muted);font-size:.76rem}.toggle{background:#dce1e9;border-radius:99px;width:39px;height:23px;padding:3px;transition:background .15s}.toggle span{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;display:block;box-shadow:0 1px 3px #232e4633}.checked .toggle{background:var(--green)}.checked .toggle span{transform:translate(16px)}.modal-error{color:var(--danger);margin:14px 0 0;font-size:.84rem}.modal-actions{grid-template-columns:1fr 1.25fr;gap:10px;margin-top:20px;display:grid}@media (width<=900px){.student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.topbar{min-height:62px;padding:0 15px}.privacy-note{display:none}.topbar-actions{gap:12px}.topbar-actions a,.text-button{font-size:.76rem}.setup-view{width:min(500px,100% - 24px);padding-top:42px}.setup-grid{grid-template-columns:1fr;gap:0}.setup-card{min-height:275px}.process-arrow{padding:12px 0;transform:rotate(90deg)}.resume-panel{flex-direction:column;align-items:stretch}.resume-panel .button{width:100%}.gradebook-view{width:min(600px,100% - 24px);padding-top:36px}.page-heading{flex-direction:column;align-items:flex-start;gap:18px}.class-total{text-align:left;width:100%}.student-grid{grid-template-columns:1fr}}@media (width<=440px){.brand>span:last-child{display:none}.topbar-actions{gap:10px}.grade-modal{border-radius:16px;width:calc(100% - 12px);max-height:calc(100vh - 12px)}.grade-modal form{padding:18px}.modal-heading{grid-template-columns:auto 1fr}.modal-score{text-align:left;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}.auth-panel{flex-wrap:wrap}.auth-panel.warning{background:#fff7e8;border-color:#f1d9b6}.auth-panel.warning .eyebrow{color:#a8692a}.panel-note{color:var(--muted);margin:6px 0 0;font-size:.88rem;line-height:1.5}