:root{--bg:#f3f8f5;--surface:#fff;--surface-2:#eef3f8;--ink:#17342b;--muted:#667a72;--line:#d9e6df;--blue:#25885d;--blue-deep:#176c48;--blue-soft:#e5f5ec;--green:#168257;--green-soft:#e9f8f1;--red:#c43e4f;--red-soft:#fff0f2;--amber:#9a6700;--shadow:0 16px 45px #173e2f17;--radius:18px}[data-theme=dark]{--bg:#0e1a16;--surface:#172620;--surface-2:#20342b;--ink:#f0f7f3;--muted:#a8bbb2;--line:#304b3f;--blue:#6dd5a3;--blue-deep:#8ae3b8;--blue-soft:#1b4935;--green:#67d5a7;--green-soft:#153b31;--red:#ff8291;--red-soft:#4a2029;--amber:#f5c35b;--shadow:0 16px 45px #00000038}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);min-width:320px;color:var(--ink);margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:16px;line-height:1.55}button,select,input{font:inherit}button,select{color:inherit}button{cursor:pointer}.topbar{z-index:30;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,4vw,52px);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:11px;font-family:Manrope,sans-serif;text-decoration:none;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#1f8a5b,#55bd88);border-radius:11px;place-items:center;width:36px;height:36px;font-weight:800;display:grid;box-shadow:0 8px 18px #1f8a5b3d}.brand-copy{flex-direction:column;line-height:1.05;display:flex}.brand-copy strong{font-size:1rem;font-weight:800}.brand-copy small{color:var(--muted);letter-spacing:.03em;margin-top:4px;font:600 .66rem DM Sans,sans-serif}.top-actions{align-items:center;gap:8px;display:flex}.header-auth-actions{align-items:center;gap:7px;display:flex}.header-auth-button{border:1px solid var(--line);background:var(--surface);border-radius:11px;min-height:42px;padding:0 14px;font-weight:700}.header-auth-button:hover{border-color:var(--blue);color:var(--blue-deep)}.header-auth-button.signup-button{border-color:var(--blue);color:#fff;background:var(--blue)}.header-auth-button.signup-button:hover{color:#fff;background:var(--blue-deep)}.icon-button,.bookmark-button,.close-filter,.account-button{border:1px solid var(--line);background:var(--surface);border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.account-button{padding:0 12px 0 7px;font-weight:700}.account-button[hidden],.header-auth-actions[hidden]{display:none}.account-avatar{width:29px;height:29px;color:var(--blue);background:var(--blue-soft);text-transform:uppercase;border-radius:8px;place-items:center;font:800 .78rem Manrope,sans-serif;display:grid}.account-avatar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px}.icon-button{padding:0 12px}.icon-button svg,.bookmark-button svg,.filter-button svg,.shuffle-button svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.icon-button[aria-pressed=true],.bookmark-button[aria-pressed=true]{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}.app-shell{grid-template-columns:310px minmax(0,1fr);width:min(1380px,100%);min-height:calc(100vh - 68px);margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface);padding:32px 28px}.sidebar-head{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.eyebrow{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:.75rem;font-weight:700}h1,h2{letter-spacing:-.03em;margin:0;font-family:Manrope,sans-serif}h1{font-size:1.4rem;line-height:1.25}.close-filter{width:42px;font-size:1.7rem;display:none}.filter-group{margin:0 0 22px}.filter-group>label{margin-bottom:8px;font-size:.86rem;font-weight:700;display:block}.segmented{gap:7px;display:grid}.segmented button{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;width:100%;padding:10px 12px}.segmented button:hover{background:var(--surface-2)}.segmented button.active{color:var(--blue-deep);background:var(--blue-soft);border-color:color-mix(in srgb, var(--blue) 28%, transparent);font-weight:700}select{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;min-height:43px;padding:0 34px 0 11px}.check-row{flex-wrap:wrap;gap:7px;display:flex}.check-row label{cursor:pointer}.check-row input{opacity:0;pointer-events:none;position:absolute}.check-row span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:.82rem;display:block}.check-row input:checked+span{color:var(--blue-deep);background:var(--blue-soft);border-color:color-mix(in srgb, var(--blue) 35%, transparent);font-weight:700}.set-summary{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.set-summary>div{align-items:baseline;gap:7px;margin-bottom:12px;display:flex}.set-summary strong{font:800 1.25rem Manrope,sans-serif}.set-summary span{color:var(--muted);font-size:.82rem}.shuffle-button,.filter-button{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:43px;font-weight:700;display:flex}.shuffle-button:hover,.filter-button:hover,.secondary-button:hover{border-color:var(--blue);color:var(--blue)}.session-stats{background:var(--surface-2);border-radius:14px;margin-top:24px;padding:18px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-grid>div{flex-direction:column;display:flex}.stat-grid strong{font:800 1.35rem Manrope,sans-serif}.stat-grid span{color:var(--muted);font-size:.78rem}.text-button{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin-top:14px;padding:0;font-size:.82rem;text-decoration:underline}.workspace{width:min(900px,100%);margin:0 auto;padding:34px clamp(20px,5vw,72px) 70px}.mobile-controls{display:none}.progress-wrap{margin-bottom:18px}.progress-meta{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.progress-track{background:var(--line);border-radius:99px;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--blue), #63c996);width:0;height:100%;transition:width .3s}.question-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:470px;box-shadow:var(--shadow);padding:clamp(24px,4vw,42px)}.question-topline{justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px;display:flex}.pills{flex-wrap:wrap;gap:7px;display:flex}.pill{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:700}.pill.difficulty-hard{color:#a94200;background:#fff0df}[data-theme=dark] .pill.difficulty-hard{color:#ffc285;background:#4a2d14}.bookmark-button{flex:0 0 42px;width:42px}.stimulus{border-left:3px solid var(--blue);background:var(--surface-2);white-space:pre-line;border-radius:0 10px 10px 0;margin:0 0 26px;padding:20px 22px}.stimulus p{margin:0}.data-title{margin:0 0 8px;font-weight:700}.data-wrap{margin:0 0 25px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{text-align:left;border:1px solid var(--line);padding:10px 12px}.data-table th{background:var(--surface-2)}.prompt{letter-spacing:-.01em;margin:0 0 22px;font:700 clamp(1.05rem,2vw,1.2rem)/1.55 Manrope,sans-serif}.choices{gap:10px;display:grid}.choice{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:34px 1fr;align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 15px;transition:border-color .15s,background .15s,transform .15s;display:grid}.choice:hover:not(:disabled){border-color:var(--blue);transform:translateY(-1px)}.choice.selected{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--blue) 15%, transparent)}.choice.correct{border-color:var(--green);background:var(--green-soft)}.choice.incorrect{border-color:var(--red);background:var(--red-soft)}.choice-key{border:1px solid var(--line);border-radius:8px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.choice-text{line-height:1.4}.spr-label{margin-bottom:8px;font-weight:700;display:block}.spr-input{border:1px solid var(--line);background:var(--surface);border-radius:11px;width:min(330px,100%);min-height:52px;padding:0 14px;font-size:1.05rem}.spr-input:focus{outline:3px solid color-mix(in srgb, var(--blue) 18%, transparent);border-color:var(--blue)}.answer-feedback{border-radius:12px;margin-top:24px;padding:18px 20px}.answer-feedback.correct{color:var(--green);background:var(--green-soft)}.answer-feedback.incorrect{color:var(--red);background:var(--red-soft)}.feedback-title{margin:0 0 5px;font:800 1rem Manrope,sans-serif}.answer-feedback p:last-child{color:var(--ink);margin:0}.question-actions{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:18px;display:grid}.primary-button,.secondary-button{border-radius:11px;min-height:46px;padding:0 19px;font-weight:700}.primary-button{border:1px solid var(--blue);color:#fff;background:var(--blue);box-shadow:0 7px 16px color-mix(in srgb, var(--blue) 23%, transparent)}.primary-button:hover:not(:disabled){background:var(--blue-deep);border-color:var(--blue-deep)}.primary-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.secondary-button{border:1px solid var(--line);background:var(--surface)}.keyboard-hint{color:var(--muted);text-align:center;font-size:.78rem}.results-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;box-shadow:var(--shadow);padding:48px 30px}.result-ring{background:conic-gradient(var(--blue) var(--score-angle), var(--line) 0);border-radius:50%;place-items:center;width:110px;height:110px;margin:0 auto 22px;display:grid;position:relative}.result-ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:9px}.result-ring span{z-index:1;font:800 1.35rem Manrope,sans-serif;position:relative}.results-card h2{font-size:1.8rem}.results-card>p:not(.eyebrow){color:var(--muted)}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px;display:flex}.empty-state{text-align:center;padding:65px 20px}.empty-state h2{margin-bottom:8px}.empty-state p{color:var(--muted)}.toast{z-index:60;opacity:0;pointer-events:none;color:#fff;box-shadow:var(--shadow);background:#142237;border-radius:10px;padding:10px 15px;transition:all .22s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,25px)}.toast.show{opacity:1;transform:translate(-50%)}.scrim{z-index:39;background:#030c197a;position:fixed;inset:0}.auth-dialog{border:1px solid var(--line);width:min(480px,100% - 28px);max-height:calc(100vh - 34px);color:var(--ink);background:var(--surface);border-radius:20px;padding:32px;overflow-y:auto;box-shadow:0 24px 80px #030c1947}.auth-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030c1994}.dialog-close{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;font-size:1.6rem;position:absolute;top:14px;right:15px}.dialog-close:hover{background:var(--surface-2)}.auth-dialog h2{padding-right:30px;font-size:1.65rem}.auth-intro,.account-email,.sync-note{color:var(--muted)}.auth-intro{margin:8px 0 22px}.auth-tabs{background:var(--surface-2);border-radius:11px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.auth-tabs button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-weight:700}.auth-tabs button.active{color:var(--ink);background:var(--surface);box-shadow:0 3px 12px #12253f14}.auth-field{margin-bottom:15px}.auth-field label{margin-bottom:6px;font-size:.86rem;font-weight:700;display:block}.auth-field input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:var(--surface);border-radius:10px;padding:0 13px}.auth-field input:focus{outline:3px solid color-mix(in srgb, var(--blue) 18%, transparent);border-color:var(--blue)}.auth-message{min-height:22px;color:var(--red);margin:4px 0 10px;font-size:.86rem}.auth-message.success{color:var(--green)}.auth-help{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin:-3px 0 12px auto;padding:0;font-size:.82rem;text-decoration:underline;display:block}.auth-help:hover{color:var(--blue)}.auth-back{margin:13px auto 0}.auth-submit,.signout-button{width:100%}.account-email{margin-top:5px}.account-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 16px;display:grid}.account-stats div{background:var(--surface-2);text-align:center;border-radius:12px;min-width:0;padding:15px 10px}.account-stats strong,.account-stats span{display:block}.account-stats strong{font:800 1.3rem Manrope,sans-serif}.account-stats span{color:var(--muted);margin-top:3px;font-size:.72rem;line-height:1.25}.sync-note{font-size:.83rem}.admin-analytics{border:1px solid color-mix(in srgb, var(--blue) 24%, var(--line));background:var(--blue-soft);border-radius:14px;margin-top:20px;padding:18px}.admin-analytics-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.admin-analytics-head .eyebrow{margin-bottom:2px}.admin-analytics-head h3{margin:0;font:800 1.05rem Manrope,sans-serif}.admin-analytics-head .text-button{width:auto}.admin-stat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-stat-grid>div{background:var(--surface);border-radius:10px;padding:12px}.admin-stat-grid strong,.admin-stat-grid span{display:block}.admin-stat-grid strong{font:800 1.2rem Manrope,sans-serif}.admin-stat-grid span{color:var(--muted);margin-top:2px;font-size:.7rem;line-height:1.25}.admin-stat-grid .admin-stat-primary{grid-column:1/-1}.admin-stat-grid .admin-stat-primary strong{color:var(--blue-deep);font-size:1.65rem}.admin-tracking-note{color:var(--muted);margin:11px 0 0;font-size:.73rem}.signout-button{margin-top:8px}footer{border-top:1px solid var(--line);color:var(--muted);background:var(--surface);text-align:center;padding:22px;font-size:.78rem}@media (width<=860px){.app-shell{display:block}.sidebar{z-index:40;width:min(340px,90vw);box-shadow:var(--shadow);transition:transform .24s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-103%)}.sidebar.open{transform:translate(0)}.close-filter{display:inline-flex}.workspace{padding-top:20px}.mobile-controls{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:.86rem;display:flex}.filter-button{width:auto;padding:0 14px}}@media (width<=600px){.topbar{height:62px;padding-inline:10px}.desktop-label,.keyboard-hint{display:none}.icon-button,.account-button{width:42px;padding:0}.brand-copy{display:none}.header-auth-actions{gap:5px}.header-auth-button{border-radius:9px;min-height:38px;padding:0 9px;font-size:.76rem}.brand-mark{width:31px;height:31px}.workspace{padding-inline:14px}.question-card{border-radius:15px;min-height:0;padding:22px 17px}.stimulus{padding:16px}.question-actions{grid-template-columns:auto 1fr}.question-actions .primary-button{justify-self:end}.choice{gap:9px;padding:9px 11px}.auth-dialog{padding:27px 20px 22px}.account-stats{grid-template-columns:1fr}.account-stats div{text-align:left;justify-content:space-between;align-items:center;display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}