:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0a0a0a;--surface:#fff;--accent:#0a0a0a;--muted:#737373;--hairline:#e5e5e5;--grid-line:#0f0f0f0f;--section-line:#0f0f0f14;--font-body:"Geist", Arial, sans-serif;--font-mono:"Geist Mono", Consolas, monospace;--content-width:1200px}*{box-sizing:border-box}html{background:var(--surface);min-width:320px;color:var(--ink);font-family:var(--font-body);scroll-behavior:smooth}body{background:var(--surface);min-width:320px;min-height:100vh;color:var(--ink);margin:0;font-size:.9375rem;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#root{min-height:100vh}.app-shell{background:var(--surface);min-height:100vh;position:relative}.page-bg{z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg, transparent 0, transparent calc((100vw - 2px) / 6 - 1px), var(--grid-line) calc((100vw - 2px) / 6 - 1px), var(--grid-line) calc((100vw - 2px) / 6));position:fixed;inset:0}.topbar,.app-content{z-index:1;position:relative}.topbar{border-bottom:1px solid var(--section-line);background:var(--surface)}.topbar-inner{width:min(100%, var(--content-width));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:76px;margin:0 auto;padding:16px 24px;display:grid}.brand-block,.user-block,.main-nav,.row-actions,.button-row,.footer-actions,.mode-toggle{align-items:center;gap:10px;display:flex}.brand-block{gap:12px}.brand-mark{font-family:var(--font-mono);font-size:1.25rem;font-weight:600}.brand-logo{object-fit:contain;flex-shrink:0;width:28px;height:28px;display:block}.brand-block strong{font-size:1rem;font-weight:600}.eyebrow{color:var(--ink);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:.6875rem}.main-nav{flex-wrap:wrap;justify-content:center;gap:2px}.nav-button,.ghost-button,.primary-button{min-height:40px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:0;padding:9px 14px;font-weight:500;text-decoration:none;transition:background-color .16s,color .16s,border-color .16s}.nav-button:hover,.ghost-button:hover{border-color:var(--hairline)}.nav-button.active{border-color:var(--ink);background:var(--ink);color:var(--surface)}.user-block{white-space:nowrap;justify-content:flex-end}.ghost-button{border-color:var(--hairline)}.primary-button{border-color:var(--accent);background:var(--accent);color:var(--surface);padding:11px 22px}.ghost-button.danger{border-color:var(--hairline);color:var(--muted)}.app-content{width:min(100%, var(--content-width));min-height:calc(100vh - 76px);margin:0 auto;padding:72px 24px 96px}.page-shell{display:block}.section-heading{margin:0 0 32px}.section-heading h1{letter-spacing:-.04em;max-width:18ch;margin:0 0 12px;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:600;line-height:1}.section-heading>p:not(.eyebrow){max-width:66ch;color:var(--muted)}.section-heading label{max-width:260px;margin-top:24px}.stats-grid,.split-layout{background:var(--section-line);border-block:1px solid var(--section-line);grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;display:grid}.stats-grid{margin-top:24px}.stat-card,.panel,.auth-card{background:var(--surface);min-width:0;box-shadow:none;border:0;border-radius:0;padding:24px}.stat-card{flex-direction:column;grid-column:span 3;gap:8px;display:flex}.stat-card>span,.meta-row,.task-row,.subject-name,.breakdown-row{color:var(--muted)}.stat-card strong{color:var(--ink);letter-spacing:-.04em;font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.1}.stat-card small{color:var(--muted)}.panel{grid-column:span 6}.panel h2,.exam-card h2,.insight-card h2{letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:600;line-height:1.25}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.panel-header p{color:var(--muted);margin:6px 0 0}.top-gap{margin-top:24px}.progress-stack,.list-stack,.stack-form,.subject-breakdown{flex-direction:column;gap:16px;display:flex}.meta-row{justify-content:space-between;gap:16px;margin-bottom:8px;display:flex}.progress-bar{background:#0f0f0f14;height:8px;position:relative;overflow:hidden}.progress-bar span{background:var(--ink);position:absolute;inset:0 auto 0 0}.progress-bar.compact{flex:1;height:6px}.list-stack{margin:0;padding:0;list-style:none}.list-stack li{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.list-stack li.done{color:var(--muted);text-decoration:line-through}.list-stack input[type=checkbox],.inline-setting input[type=checkbox],.task-row input[type=checkbox]{width:auto}.subject-list{flex-direction:column;display:flex}.subject-row,.breakdown-row,.task-row,.goal-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.subject-name{align-items:center;gap:10px;display:flex}.swatch{background:var(--ink);flex:0 0 12px;width:12px;height:12px;display:inline-block}.stack-form{width:100%}.stack-form label,.subject-select,.note-textarea,.range-control{color:var(--muted);flex-direction:column;gap:8px;display:flex}input,select,textarea{border:1px solid var(--hairline);background:var(--surface);width:100%;min-height:42px;color:var(--ink);border-radius:0;padding:10px 12px}input[type=color]{min-height:48px;padding:4px}textarea{resize:vertical}.goal-row input,.goal-row select{flex:1}.task-row input[type=checkbox]{flex:none}.inline-setting{align-items:center;flex-direction:row!important}.timer-panel{flex-direction:column;gap:20px;display:flex}.timer-display{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,8vw,5rem);line-height:1.1}.button-row,.footer-actions,.mode-toggle{flex-wrap:wrap}.session-card{border-block:1px solid var(--hairline);padding:16px 0}.session-card p{margin:6px 0}.review-summary{border-top:1px solid var(--hairline);padding-top:16px}.heatmap-grid{grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;display:grid}.heat-cell{border:1px solid var(--hairline);min-height:18px;color:var(--ink);font-family:var(--font-mono);place-items:center;font-size:.55rem;display:grid}.bar-chart{justify-content:space-between;align-items:end;gap:6px;min-height:220px;padding-top:12px;display:flex}.bar-item{flex-direction:column;flex:1 1 0;justify-content:end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.bar{background:var(--ink);width:min(100%,28px);min-height:2px}.bar-value{color:var(--muted);font-family:var(--font-mono);writing-mode:vertical-rl;font-size:.6rem}.bar-item small{color:var(--muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.year-chart{gap:2px}.year-chart .bar-value{display:none}.year-chart .bar-item small{font-size:.5rem}.breakdown-row{grid-template-columns:minmax(100px,180px) 1fr 80px 40px;display:grid}.syllabus-tree,.syllabus-topic ul{margin:16px 0 0;padding-left:24px;list-style:none}.syllabus-topic{border-top:1px solid var(--hairline);padding:8px 0}.syllabus-topic-row{grid-template-columns:minmax(0,1fr) minmax(150px,220px);align-items:center;gap:16px;display:grid}.exam-card p{color:var(--muted)}.insight-card h2{margin-bottom:20px}.insight-card dl{gap:8px;margin:0;display:grid}.insight-number{border-top:1px solid var(--hairline);justify-content:space-between;gap:16px;padding-top:8px;display:flex}.insight-number dt{color:var(--muted);text-transform:capitalize}.insight-number dd{font-family:var(--font-mono);margin:0}.friend-request-form{flex-direction:column;gap:16px;display:flex}.friend-request-form h2{margin:0}.friend-request-form label{color:var(--muted);flex-direction:column;gap:8px;display:flex}.social-row,.friend-row{align-items:center}.social-row .row-actions,.friend-row .row-actions{flex-wrap:wrap;justify-content:flex-end}.friend-row>div:first-child{min-width:0}.friend-row p,.leaderboard-row p{color:var(--muted);margin:4px 0 0}.social-note{max-width:66ch;color:var(--muted)}.leaderboard-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.leaderboard-controls label{color:var(--muted);flex-direction:column;gap:8px;display:flex}.leaderboard-personal-rank{border-block:1px solid var(--hairline);padding:12px 0;font-weight:600}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-row{border-bottom:1px solid var(--hairline);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;display:grid}.leaderboard-rank{font-family:var(--font-mono);color:var(--muted)}.error-message{border-block:1px solid var(--ink);color:var(--ink);padding:12px 0}.success-message{border-block:1px solid var(--hairline);color:var(--muted);padding:12px 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.auth-shell{background:var(--surface);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.auth-card{border-block:1px solid var(--section-line);background:var(--surface);z-index:1;width:min(440px,100%);position:relative}.auth-header{margin-bottom:24px}.auth-logo{object-fit:contain;width:44px;height:44px;margin-bottom:16px;display:block}.auth-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:600;line-height:1}.mode-toggle{margin:24px 0 16px}.mode-toggle button{flex:1}@media (width<=1000px){.topbar-inner{grid-template-columns:1fr;justify-items:center;gap:12px}.main-nav,.user-block{justify-content:center}.app-content{padding-top:48px}}@media (width<=700px){.page-bg{background-image:repeating-linear-gradient(90deg, transparent 0, transparent calc(50% - 1px), var(--grid-line) calc(50% - 1px), var(--grid-line) 50%)}.app-content{padding:40px 16px 64px}.topbar-inner{padding-inline:16px}.stat-card{grid-column:span 6}.panel{grid-column:span 12;padding:20px 16px}.main-nav{gap:0}.nav-button{padding-inline:9px;font-size:.8rem}.breakdown-row{grid-template-columns:1fr 1fr}.breakdown-row .progress-bar{grid-column:span 2}.heatmap-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.heat-cell{min-height:24px}.goal-row{flex-wrap:wrap}.goal-row input{min-width:38%}.syllabus-topic-row,.leaderboard-controls{grid-template-columns:1fr}.social-row,.friend-row{flex-direction:column;align-items:flex-start}.social-row .row-actions,.friend-row .row-actions{justify-content:flex-start}.leaderboard-row{grid-template-columns:32px minmax(0,1fr) auto;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.dot-grid{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}