:root{--bg: oklch(.985 .006 83);--card: oklch(.998 .003 83);--surface-2: oklch(.955 .008 83);--border: oklch(.912 .01 83);--border-strong: oklch(.845 .013 83);--text: oklch(.29 .014 70);--muted: oklch(.52 .012 70);--faint: oklch(.66 .01 70);--shadow: 0 1px 2px rgba(52,42,26,.05), 0 6px 20px rgba(52,42,26,.05);--shadow-lg: 0 2px 4px rgba(52,42,26,.06), 0 18px 44px rgba(52,42,26,.1);--primary: oklch(.7 .108 340);--primary-dark: oklch(.64 .12 340);--primary-tint: oklch(.955 .032 338);--primary-ink: oklch(.515 .118 338);--ok: oklch(.475 .098 152);--ok-tint: oklch(.955 .03 155);--ok-solid: oklch(.705 .088 152);--warn: oklch(.5 .09 68);--warn-tint: oklch(.958 .034 82);--warn-solid: oklch(.76 .1 78);--err: oklch(.52 .15 26);--err-tint: oklch(.955 .032 30);--err-solid: oklch(.635 .14 26);--neu-solid: oklch(.76 .012 80);--r-sm: 9px;--r: 12px;--r-md: 14px;--r-lg: 16px;color-scheme:light}html[data-theme=dark]{--bg: oklch(.205 .008 75);--card: oklch(.248 .01 75);--surface-2: oklch(.292 .011 75);--border: oklch(.335 .012 75);--border-strong: oklch(.41 .014 75);--text: oklch(.935 .008 83);--muted: oklch(.705 .011 80);--faint: oklch(.56 .01 80);--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.36);--shadow-lg: 0 2px 6px rgba(0,0,0,.34), 0 22px 52px rgba(0,0,0,.48);--primary-tint: oklch(.345 .054 338);--primary-ink: oklch(.83 .098 338);--ok: oklch(.825 .088 155);--ok-tint: oklch(.335 .044 152);--warn: oklch(.84 .088 82);--warn-tint: oklch(.35 .046 78);--err: oklch(.82 .11 30);--err-tint: oklch(.345 .06 28);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:"Source Sans 3",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}::selection{background:var(--primary-tint)}.mi{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;font-feature-settings:"liga";vertical-align:middle}main{max-width:640px;margin:0 auto;padding:16px calc(16px + env(safe-area-inset-right)) 56px calc(16px + env(safe-area-inset-left))}h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 16px}h2{font-size:1.3rem;font-weight:700;letter-spacing:-.015em;margin:4px 0 14px}h3{font-size:1.05rem;font-weight:600;margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:.8rem}.error{color:var(--err);font-weight:500}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:6px 0 14px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand-badge{width:32px;height:32px;border-radius:9px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center}.brand-badge .mi{font-size:20px}.brand-name{font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.topbar-actions{display:flex;align-items:center;gap:6px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:9px;box-shadow:var(--shadow)}.theme-toggle .mi{font-size:19px}.theme-toggle:active{transform:scale(.96)}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.link{background:none;border:none;color:var(--primary-ink);padding:6px 4px;font-weight:600}.link:hover{color:var(--primary)}.back{display:inline-flex;align-items:center;gap:4px;margin-bottom:8px}.primary{width:100%;background:var(--primary);color:#fff;border:none;border-radius:var(--r);padding:15px;font-size:1.05rem;font-weight:600;margin-top:16px;box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s ease}.primary:hover:not(:disabled){filter:brightness(1.05)}.primary:active{background:var(--primary-dark)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow)}.card.center{text-align:center}form label{display:block;margin-bottom:14px;font-weight:600;font-size:.92rem}input,textarea,select{width:100%;margin-top:6px;padding:12px 13px;border:1.5px solid var(--border-strong);border-radius:var(--r);font:inherit;font-size:1rem;background:var(--bg);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-tint)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:36px}form button[type=submit]{width:100%;background:var(--primary);color:#fff;border:none;border-radius:var(--r);padding:14px;font-weight:600;font-size:1rem;box-shadow:var(--shadow);transition:filter .15s ease}form button[type=submit]:hover:not(:disabled){filter:brightness(1.05)}.tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:4px}.tab{flex:1;background:none;border:none;border-radius:var(--r-sm);padding:9px 8px;font-size:.95rem;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s ease,color .15s ease}.tab .mi{font-size:19px}.tab.active{color:var(--primary-ink);background:var(--card);box-shadow:var(--shadow)}.class-list,.student-list,.draft-list,.obs-list,.manage-list{list-style:none;padding:0;margin:0}.class-item{width:100%;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:17px 44px 17px 16px;margin-bottom:10px;position:relative;box-shadow:var(--shadow);transition:border-color .15s ease,transform .12s ease}.class-item:hover{border-color:var(--primary);transform:translate(2px)}.class-item:after{content:"chevron_right";font-family:Material Symbols Rounded;font-size:22px;color:var(--faint);position:absolute;right:12px;top:50%;transform:translateY(-50%)}.class-name{font-weight:600;font-size:1.05rem}.mic{width:100%;border:1.5px solid var(--primary);color:var(--primary-ink);background:var(--card);border-radius:var(--r-md);padding:22px;font-size:1.15rem;font-weight:600;margin-bottom:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow)}.mic .mi{font-size:26px}.mic-on{background:var(--primary);color:#fff;border-color:var(--primary);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.74}}.transcript{min-height:130px;resize:vertical;line-height:1.5}.sent-box{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;margin-bottom:14px}.sent-box summary{cursor:pointer;font-weight:600;font-size:.9rem}.sent-text{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.82rem;background:var(--surface-2);border-radius:var(--r-sm);padding:10px;margin:10px 0 4px;white-space:pre-wrap;word-break:break-word}.draft-item{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:var(--r);padding:15px;margin-bottom:12px;box-shadow:var(--shadow)}.draft-item.status-matched{border-left-color:var(--ok-solid)}.draft-item.status-low_confidence,.draft-item.status-off_roster{border-left-color:var(--warn-solid)}.draft-head{display:flex;align-items:center;gap:8px;margin-bottom:9px}.draft-head strong{font-size:1.05rem}.badge{font-size:.8rem;font-weight:600;padding:3px 9px;border-radius:999px}.badge.ok{background:var(--ok-tint);color:var(--ok)}.badge.warn{background:var(--warn-tint);color:var(--warn)}.draft-text{min-height:46px}.draft-controls{display:flex;gap:8px;margin-top:10px}.draft-controls select{flex:1}.draft-name{margin-top:8px}.big-ok{font-size:2.6rem;color:var(--ok-solid);margin:0 auto 8px;width:74px;height:74px;border-radius:22px;background:var(--ok-tint);display:flex;align-items:center;justify-content:center;font-weight:700}.export-row{display:flex;gap:8px;margin-bottom:16px}.export{background:var(--card);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r-sm);padding:9px 15px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s ease}.export:hover{border-color:var(--primary);color:var(--primary-ink)}.student-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:15px 16px;margin-bottom:10px;box-shadow:var(--shadow);transition:border-color .15s ease}.student-item:hover{border-color:var(--primary)}.student-name{font-weight:600}.counts{display:flex;gap:6px}.chip{font-size:.85rem;padding:2px 10px;border-radius:999px;font-weight:600;font-family:IBM Plex Mono,monospace}.chip.pos{background:var(--ok-tint);color:var(--ok)}.chip.neu{background:var(--surface-2);color:var(--muted)}.chip.neg{background:var(--err-tint);color:var(--err)}.trend{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-bottom:18px;box-shadow:var(--shadow)}.bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--surface-2)}.seg.pos{background:var(--ok-solid)}.seg.neu{background:var(--neu-solid)}.seg.neg{background:var(--err-solid)}.trend-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}.avg{margin-left:auto;font-weight:600;font-family:IBM Plex Mono,monospace}.obs-item{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:var(--r);padding:13px;margin-bottom:12px;box-shadow:var(--shadow)}.obs-item.status-sent-positive{border-left-color:var(--ok-solid)}.obs-item.status-sent-neutral{border-left-color:var(--neu-solid)}.obs-item.status-sent-negative{border-left-color:var(--err-solid)}.obs-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.obs-meta .muted{font-family:IBM Plex Mono,monospace;font-size:.85rem}.del{background:none;border:none;color:var(--err);font-size:.85rem;font-weight:500}.del:hover{text-decoration:underline}.obs-controls{display:flex;gap:10px;align-items:center;margin-top:10px}.obs-controls select{flex:1}.score{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--muted);font-weight:600;white-space:nowrap}.score input{width:66px;margin:0;text-align:center;font-family:IBM Plex Mono,monospace}.manage-list{margin:0 0 20px}.manage-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:13px 15px;margin-bottom:10px;box-shadow:var(--shadow)}.manage-item.inactive{opacity:.55}.manage-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.manage-open{flex:1;text-align:left;background:none;border:none;padding:4px 0;font-size:1rem;color:var(--text);font-weight:600}.manage-name{font-weight:600}.manage-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.manage-actions .link,.manage-actions .del{padding:4px 2px;font-size:.9rem}.student-edit{display:flex;gap:8px;margin-bottom:8px}.stud-name{flex:2;margin:0}.stud-short{flex:1;margin:0}.alias-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.alias-chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);color:var(--muted);border-radius:999px;padding:3px 5px 3px 11px;font-size:.85rem;font-weight:500}.alias-x{background:none;border:none;color:var(--muted);font-size:1rem;line-height:1;padding:0 4px}.alias-add{width:110px;margin:0;padding:6px 9px;font-size:.85rem}.add-form{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow)}.add-form h3{margin:0 0 12px}.add-form input{margin-bottom:10px}.add-form .row,.editor .row{display:flex;gap:8px}.add-form .row input{flex:1}.editor input{margin-bottom:8px}