:root{--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--font-ui: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;--r-pill: 999px;--r-button: 22px;--r-card: 14px;--r-lg: 16px;--r-md: 12px;--r-sm: 10px;--r-xs: 8px;--r-chip: 6px;--s-1: 4px;--s-2: 6px;--s-3: 8px;--s-4: 12px;--s-5: 16px;--s-6: 20px;--s-7: 24px;--s-8: 32px;--s-9: 48px;--hairline: .5px}:root,[data-theme=light]{--background: #f7f8fa;--surface: #ffffff;--surface-secondary: #ffffff;--surface-tertiary: #eef1f4;--text: #1a1714;--text-secondary: #8a847a;--text-tertiary: #a4a8ae;--text-dim: #6b7078;--text-inverse: #ffffff;--accent: #7a3f66;--accent-light: #5e2e4f;--accent-pastel: #a88895;--accent-fg: #ffffff;--accent-soft: rgba(122, 63, 102, .1);--accent-bg: rgba(122, 63, 102, .06);--destructive: #9c3225;--on-destructive: #f3ece0;--border: rgba(20, 24, 33, .09);--separator: rgba(20, 24, 33, .07);--border-strong: rgba(20, 24, 33, .14);--track: #e7eaef;--bar-track: #e7eaef;--nav-active: rgba(26, 23, 20, .06);--review-pill-bg: #5e2e4f;--review-pill-fg: #f7f8fa;--review-pill-dim: rgba(247, 248, 250, .6);--review-pill-divider: rgba(247, 248, 250, .22);--icon: #8a847a;--icon-selected: #1a1714;--card-bg: #ffffff;--card-shadow: 0 1px 2px rgba(20, 24, 33, .05), 0 8px 22px rgba(20, 24, 33, .08);--dock: #1a1714;--dock-icon: #f3ece0;--dock-accent: #7a3f66;--menu-surface: #ffffff;--menu-divider: rgba(26, 23, 20, .07);--overlay-shadow: rgba(20, 24, 33, .18);--scrim: rgba(20, 24, 33, .32);--m-new: #7a93a5;--m-infant: #7fa89a;--m-young: #c99a3d;--m-mature: #9a9438;--m-mastered: #a0356a;--m-lapsed: #c2756a;--m-track: #e7eaef;color-scheme:light}[data-theme=dark]{--background: #0a0b0d;--surface: #151618;--surface-secondary: #1c1d1f;--surface-tertiary: #28292b;--text: #f3ece0;--text-secondary: #948b7e;--text-tertiary: #a8a095;--text-dim: #a8a095;--text-inverse: #1a1714;--accent: #b58fa3;--accent-light: #a88895;--accent-pastel: #3d2a33;--accent-fg: #0e0c0a;--accent-soft: rgba(181, 143, 163, .14);--accent-bg: rgba(181, 143, 163, .08);--destructive: #dc7f6e;--on-destructive: #f3ece0;--border: #232426;--separator: rgba(243, 236, 224, .07);--border-strong: rgba(243, 236, 224, .12);--track: #222325;--bar-track: rgba(243, 236, 224, .1);--nav-active: rgba(243, 236, 224, .08);--review-pill-bg: #b58fa3;--review-pill-fg: #0e0c0a;--review-pill-dim: rgba(14, 12, 10, .55);--review-pill-divider: rgba(14, 12, 10, .18);--icon: #948b7e;--icon-selected: #f3ece0;--card-bg: #151618;--card-shadow: 0 1px 2px rgba(20, 24, 33, .05), 0 8px 22px rgba(20, 24, 33, .08);--dock: #151618;--dock-icon: #f3ece0;--dock-accent: #b58fa3;--menu-surface: #292a2c;--menu-divider: rgba(243, 236, 224, .07);--overlay-shadow: rgba(0, 0, 0, .55);--scrim: rgba(0, 0, 0, .55);--m-new: #9cb4c4;--m-infant: #a0c3b5;--m-young: #ddb661;--m-mature: #bfb855;--m-mastered: #cb7da4;--m-lapsed: #c2756a;--m-track: #222325;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.4;transition:background-color .25s ease,color .25s ease}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--track) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--track);border-radius:var(--r-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.mono-caps{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:400;color:var(--text-secondary);font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.serif{font-family:var(--font-serif)}.btn{font-family:var(--font-ui);font-weight:500;font-size:16px;letter-spacing:-.085px;height:44px;padding:0 22px;border-radius:var(--r-button);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s ease,background-color .15s ease,transform .06s ease;white-space:nowrap}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-light)}.btn-ghost{background:transparent;color:var(--text);border:var(--hairline) solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--accent-bg)}.btn-destructive{background:transparent;color:var(--destructive);border:var(--hairline) solid var(--border)}.btn-sm{height:34px;font-size:14px;padding:0 16px}.card{background:var(--card-bg);border:var(--hairline) solid var(--border);border-radius:var(--r-card);box-shadow:var(--card-shadow)}.overlay{background:var(--menu-surface);border-radius:var(--r-lg);box-shadow:0 18px 48px var(--overlay-shadow)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}