.shell{grid-template-columns:var(--nav-width) 1fr;min-height:100%;display:grid}.shell__sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);height:100vh;padding:var(--space-4) var(--space-3);align-self:start;gap:var(--space-5);flex-direction:column;display:flex;position:sticky;top:0}.shell__brand{align-items:center;gap:var(--space-2);padding:var(--space-2);display:flex}.shell__brand-mark{border-radius:var(--radius-sm);background:var(--color-ink);width:28px;height:28px;color:var(--color-surface);font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);justify-content:center;align-items:center;display:inline-flex}.shell__brand-name{letter-spacing:-.01em;font-weight:600}.shell__nav{flex-direction:column;gap:2px;display:flex}.shell__nav-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:500;display:flex}.shell__nav-link:hover{background:var(--color-surface-2);color:var(--color-ink);text-decoration:none}.shell__nav-link--active{background:var(--color-accent-bg);color:var(--color-accent)}.shell__content{min-width:0}.shell__content-inner{max-width:var(--content-max);padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto}.shell__bottom-nav{display:none}@media (width<=820px){.shell{grid-template-columns:1fr}.shell__sidebar{display:none}.shell__content-inner{padding:var(--space-4) var(--space-4) calc(var(--bottom-nav-height) + var(--space-4))}.shell__bottom-nav{height:var(--bottom-nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);z-index:20;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;inset:auto 0 0}.shell__bottom-link{color:var(--color-ink-subtle);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.68rem;font-weight:500;display:flex}.shell__bottom-link:hover{text-decoration:none}.shell__bottom-link--active{color:var(--color-accent)}}:root{--font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--color-bg:#f7f6f2;--color-surface:#fff;--color-surface-2:#f1efe9;--color-border:#dcd8ce;--color-border-strong:#c3beb1;--color-ink:#1c1b18;--color-ink-muted:#57534a;--color-ink-subtle:#8a8478;--color-progress:#2f7d54;--color-progress-bg:#e2efe7;--color-attention:#b5730f;--color-attention-bg:#f7ecd6;--color-error:#b23a35;--color-error-bg:#f6e0de;--color-accent:#2f5d8a;--color-accent-bg:#e3ecf5;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--shadow-sm:0 1px 2px #1c1b180f;--shadow-md:0 2px 8px #1c1b1814;--nav-width:232px;--bottom-nav-height:60px;--content-max:1120px;--text-xs:.75rem;--text-sm:.875rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-header__title{gap:var(--space-1);flex-direction:column;display:flex}.page-header__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-subtle)}.page-header__subtitle{color:var(--color-ink-muted);font-size:var(--text-sm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.card--flush{padding:0;overflow:hidden}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid #0000;font-weight:500;line-height:1.2;transition:background .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-ink);color:var(--color-surface)}.btn--primary:hover:not(:disabled){background:#000}.btn--secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-2)}.btn--ghost{color:var(--color-ink-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-ink)}.btn--danger{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.badge{align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;display:inline-flex}.badge--progress{background:var(--color-progress-bg);color:var(--color-progress)}.badge--attention{background:var(--color-attention-bg);color:var(--color-attention)}.badge--error{background:var(--color-error-bg);color:var(--color-error)}.badge--neutral{background:var(--color-surface-2);color:var(--color-ink-muted)}.state-block{align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center;color:var(--color-ink-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.state-block--error{border-color:var(--color-error);color:var(--color-error);border-style:solid}.state-title{color:var(--color-ink);font-weight:600}.state-description{font-size:var(--text-sm);max-width:42ch}.state-spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress{align-items:center;gap:var(--space-2);display:flex}.progress__track{background:var(--color-surface-2);border-radius:999px;flex:1;height:6px;overflow:hidden}.progress__fill{background:var(--color-progress);height:100%;transition:width .2s}.progress__label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-ink-muted);white-space:nowrap}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack--sm{gap:var(--space-2)}.section-title{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.section-title h3{font-size:var(--text-base)}.muted{color:var(--color-ink-muted);font-size:var(--text-sm)}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.badge-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.activity{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.activity--done{background:var(--color-progress-bg);border-color:var(--color-progress)}.activity--deferred{background:var(--color-attention-bg);border-color:var(--color-attention)}.activity__check{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:20px;height:20px;color:var(--color-progress);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.activity__body{flex:1;min-width:0}.activity__title{font-weight:600;font-size:var(--text-sm)}.activity__desc{font-size:var(--text-sm);color:var(--color-ink-muted);margin-top:2px}.activity__meta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.activity__actions{gap:var(--space-1);display:flex}.icon-btn{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink-muted);font-size:var(--text-xs);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--color-surface-2);color:var(--color-ink)}.assignment{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface)}.assignment__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.assignment__title{font-weight:600;font-size:var(--text-sm)}.assignment__source{font-size:var(--text-xs);color:var(--color-ink-subtle)}.assignment__note{font-size:var(--text-xs);color:var(--color-ink-subtle);margin-top:var(--space-2);font-style:italic}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface)}.stat__value{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:600}.stat__label{font-size:var(--text-xs);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.04em}.field{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.field label{font-size:var(--text-sm);font-weight:500}.input,.textarea,.select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font:inherit;color:var(--color-ink)}.textarea{resize:vertical;min-height:72px}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4);display:flex;overflow-x:auto}.tab{padding:var(--space-2) var(--space-3);color:var(--color-ink-muted);font-size:var(--text-sm);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500}.tab--active{color:var(--color-ink);border-bottom-color:var(--color-ink)}.list-item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.list-item__title{font-weight:600;font-size:var(--text-sm)}.list-item__meta{font-size:var(--text-xs);color:var(--color-ink-subtle);margin-top:2px}.tab-bar{gap:var(--space-1);border-bottom:2px solid var(--color-border);display:flex}.tab-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:500}.tab-btn--active{color:var(--color-ink);border-bottom-color:var(--color-accent)}.week-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));display:grid}.week-tile{align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);flex-direction:column;display:flex;position:relative}.week-tile--active{border-color:var(--color-accent);background:var(--color-accent-bg)}.week-tile--gate{border-style:dashed}.week-tile--done{opacity:.6}.week-tile__num{font-weight:700}.week-tile__cefr{color:var(--color-ink-muted)}.week-tile__bar{background:var(--color-progress-bg);border-radius:2px;width:100%;height:4px;overflow:hidden}.week-tile__fill{background:var(--color-progress);border-radius:2px;height:100%;transition:width .2s}.week-tile__gate-dot{background:var(--color-attention);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.drawer-overlay{z-index:100;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--color-surface);flex-direction:column;width:min(480px,100%);height:100%;display:flex;overflow-y:auto;box-shadow:-4px 0 24px #0000001f}.drawer__header{padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.form-field{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;font-weight:500;display:flex}.input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-ink);box-sizing:border-box;width:100%}.input:focus{outline:2px solid var(--color-accent);outline-offset:1px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.25}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}code,pre,kbd{font-family:var(--font-mono);font-size:.9em}button{font-family:inherit;font-size:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}