:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7fb;--panel:#fff;--text:#172033;--muted:#667085;--line:#d9dee8;--primary:#2563eb;--green:#059669;--amber:#b45309;--danger:#dc2626;--shadow:0 18px 45px #0f172a14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111827;--panel:#182235;--text:#f8fafc;--muted:#a9b4c6;--line:#2b3952;--primary:#60a5fa;--green:#34d399;--shadow:0 18px 45px #00000040}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:22px;height:100vh;padding:20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand svg{color:var(--primary)}.brand strong{font-size:1.05rem;display:block}.brand span,.muted{color:var(--muted);font-size:.92rem}nav{gap:6px;display:grid}nav a,.icon-text{color:var(--text);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;text-decoration:none;display:flex}nav a.active,nav a:hover,.icon-text:hover{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.side-actions{gap:6px;margin-top:auto;display:grid}main{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.topbar span{color:var(--muted)}.topbar h1{margin:2px 0 0;font-size:clamp(1.6rem,2vw,2.2rem)}.user-pill{border:1px solid var(--line);background:var(--panel);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:260px;padding:10px 14px;overflow:hidden}.page-grid{gap:18px;display:grid}.hero-panel,.panel,.stat-card,.auth-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.hero-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 14%, var(--panel)), var(--panel));justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.hero-panel h2{margin:4px 0 8px;font-size:clamp(1.8rem,4vw,3rem)}.score-ring{aspect-ratio:1;border:14px solid color-mix(in srgb, var(--green) 40%, var(--line));border-radius:50%;flex:none;align-content:center;place-items:center;width:156px;display:grid}.score-ring strong{font-size:2rem}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.stats-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.stats-grid.compact>div{align-items:center;gap:12px;min-height:96px;padding:16px;display:flex}.stat-card svg{color:var(--primary);flex:none}.stat-card span,.stats-grid.compact span{color:var(--muted);font-size:.86rem;display:block}.stat-card strong,.stats-grid.compact strong{margin:4px 0;font-size:1.3rem;display:block}small{color:var(--muted)}.panel{padding:20px}.panel h2{margin:0 0 14px}.two-col{grid-template-columns:1fr 1fr;gap:18px;display:grid}.progress-block{margin:13px 0}.progress-label{justify-content:space-between;gap:12px;margin-bottom:6px;font-size:.92rem;display:flex}.progress-track{background:color-mix(in srgb, var(--line) 72%, transparent);border-radius:999px;height:10px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--primary), var(--green));border-radius:inherit;height:100%;transition:width .35s;display:block}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.list-row span{color:var(--muted);text-align:right}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.subject-card{border:1px solid var(--line);border-radius:8px;padding:16px}.subject-card span{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);border-radius:999px;margin:5px;padding:6px 9px;font-size:.86rem;display:inline-block}.form-grid{grid-template-columns:1fr 160px;gap:14px;display:grid}label{color:var(--muted);gap:7px;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:11px 12px}.prompt-box,.json-box{resize:vertical;min-height:240px;font-family:SFMono-Regular,Consolas,monospace;font-size:.9rem;line-height:1.45}.primary,.danger button{background:var(--primary);color:#fff;border:0;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:11px 14px;display:inline-flex}.danger button{background:var(--danger)}.section-title{align-items:center;gap:10px;display:flex}.error-list{color:var(--danger)}.segmented{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.segmented button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:9px 12px}.segmented .active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.question-card{border:1px solid var(--line);border-radius:8px;margin:16px 0;padding:16px}.question-head{color:var(--muted);justify-content:space-between;font-size:.9rem;display:flex}.stem{font-weight:650}.passage,.image-note{color:var(--muted)}.choices{gap:8px;display:grid}.choice{text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:11px}.choice.selected{border-color:var(--primary)}.feedback{border-radius:8px;margin-top:12px;padding:12px}.correct{background:color-mix(in srgb, var(--green) 13%, transparent)}.incorrect{background:color-mix(in srgb, var(--danger) 13%, transparent)}.chart-box{border:1px solid var(--line);border-radius:8px;min-height:260px;margin:12px 0;padding:12px}table{border-collapse:collapse;width:100%;margin:12px 0}th,td{border:1px solid var(--line);text-align:left;padding:8px}caption{color:var(--muted);margin-bottom:6px}.test-tools{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.test-tools span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px}.auth-screen,.center-screen{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{width:min(460px,100%);padding:28px}.auth-card h1{margin:20px 0}.auth-actions{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.auth-actions button{color:var(--primary);background:0 0;border:0}.notice{color:var(--amber)}@media (width<=1050px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}nav,.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){main{padding:16px}.topbar,.hero-panel,.two-col,.form-grid{flex-direction:column;grid-template-columns:1fr;align-items:stretch}nav{grid-template-columns:repeat(2,1fr)}.stats-grid,.stats-grid.compact,.subject-grid{grid-template-columns:1fr}.score-ring{width:132px}.user-pill{max-width:100%}}.progress-track span.unknown{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--line) 70%, transparent), color-mix(in srgb, var(--line) 70%, transparent) 10px, color-mix(in srgb, var(--primary) 16%, transparent) 10px, color-mix(in srgb, var(--primary) 16%, transparent) 20px)}.callout{border-color:color-mix(in srgb, var(--primary) 45%, var(--line));background:color-mix(in srgb, var(--primary) 8%, var(--panel))}