:root{--color-paper: #f5f0e8;--color-paper-deep: #ede5d6;--color-paper-shade: #e8e0cf;--color-ink: #1a1814;--color-ink-soft: #3a3630;--color-muted: #7a7468;--color-muted-soft: #a59f91;--color-rule: #d4cdb9;--color-rule-soft: #e0d9c6;--color-accent: #c4521a;--color-canvas-bg: #2a2620;--color-canvas-grid: rgba(245, 240, 232, .04);--font-serif: "Spectral", "Source Serif Pro", Georgia, serif;--font-mono: "JetBrains Mono", "DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-fallback-sans: "DM Sans", system-ui, -apple-system, sans-serif;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--text-9: 9px;--text-10: 10px;--text-11: 11px;--text-13: 13px;--text-14: 14px;--text-15: 15px;--text-16: 16px;--text-17: 17px;--text-20: 20px;--text-24: 24px;--text-28: 28px;--text-38: 38px;--text-56: 56px;--text-64: 64px;--leading-tightest: .95;--leading-tighter: .98;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.5;--leading-reading: 1.65;--tracking-display: -.015em;--tracking-headline: -.012em;--tracking-numeral: -.01em;--tracking-headword: -.005em;--tracking-normal: 0;--tracking-mono-tight: .18em;--tracking-mono: .2em;--tracking-mono-wide: .22em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-13: 52px;--space-14: 56px;--border-width-1: 1px;--border-width-2: 2px;--border-width-3: 3px;--border-rule: var(--border-width-1) solid var(--color-rule);--border-rule-soft: var(--border-width-1) solid var(--color-rule-soft);--border-ink: var(--border-width-1) solid var(--color-ink);--border-accent: var(--border-width-1) solid var(--color-accent);--border-tab-active: var(--border-width-2) solid var(--color-accent);--radius-none: 0;--radius-pill: 999px;--touch-min: 44px;--touch-preferred: 56px;--device-screen-w: 760px;--device-screen-h: 1010px;--device-bezel: 28px;--device-chin: 64px;--device-frame-w: 816px;--device-frame-h: 1102px;--duration-fast: .1s;--duration-base: .15s;--duration-slow: .2s;--duration-press: .12s;--duration-hover: .18s;--duration-segment: .22s;--duration-panel-open: .32s;--duration-panel-close: .2s;--duration-flip: .6s;--duration-hero: .42s;--duration-mastery: .4s;--duration-draw: .32s;--duration-shimmer: 1.5s;--easing-out: cubic-bezier(.2, .6, .2, 1);--ease-press: cubic-bezier(.34, 1.56, .64, 1);--ease-hover: cubic-bezier(.2, .8, .2, 1);--ease-segment: cubic-bezier(.32, .72, 0, 1);--ease-panel: cubic-bezier(.16, 1, .3, 1);--ease-flip: cubic-bezier(.4, .15, .2, 1);--ease-draw: cubic-bezier(.65, 0, .35, 1);--shadow-color: 26, 24, 20;--z-base: 0;--z-toolbar: 10;--z-overlay: 20;--z-modal: 30;--opacity-dim: .5;--opacity-disabled: .35}:root{--bg-page: #f5f0e8;--bg-card: #ede5d6;--bg-overlay: #f5f0e8;--bg-segment-idle: #e8e0cf;--bg-segment-active: #1a1814;--fg-default: #1a1814;--fg-body: #3a3630;--fg-muted: #7a7468;--fg-muted-soft: #a59f91;--fg-on-ink: #f5f0e8;--fg-accent: #c4521a;--rule-default: #d4cdb9;--rule-soft: #e0d9c6;--rule-strong: #1a1814;--status-learning-fg: #1a1814;--status-learning-border: #1a1814;--status-mastered-fg: #c4521a;--status-mastered-border: #c4521a;--tab-idle-fg: #7a7468;--tab-active-fg: #1a1814;--tab-underline: #c4521a;--fg-accent-dim: #c4521a28;--border-rule: 1px solid var(--rule-default);--border-rule-soft: 1px solid var(--rule-soft);--border-ink: 1px solid var(--fg-default);--border-accent: 1px solid var(--fg-accent);--border-tab-active: 2px solid var(--tab-underline)}:root{--shadow-stamp: inset 0 0 0 1px var(--fg-default), inset 0 0 0 4px var(--bg-page), inset 0 0 0 5px var(--fg-default);--shadow-stamp-sm: inset 0 0 0 3px var(--fg-default), inset 0 0 0 4px var(--bg-page);--border-accent-bar: var(--border-width-3) solid var(--fg-accent);--shadow-press-rest: 0 6px 16px -8px rgba(var(--shadow-color), .4);--shadow-press-down: 0 1px 2px rgba(var(--shadow-color), .2);--shadow-hover-lift: 0 10px 20px -10px rgba(var(--shadow-color), .35);--shadow-flip: 0 10px 24px rgba(var(--shadow-color), .18)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-page: #1e1b17;--bg-card: #242018;--bg-overlay: #1e1b17;--bg-segment-idle: #2a2620;--bg-segment-active: #ede8df;--fg-default: #ede8df;--fg-body: #cec9be;--fg-muted: #8a8478;--fg-muted-soft: #5e5a54;--fg-on-ink: #1e1b17;--fg-accent: #d46030;--rule-default: #302c25;--rule-soft: #262219;--rule-strong: #ede8df;--status-learning-fg: #ede8df;--status-learning-border: #ede8df;--status-mastered-fg: #d46030;--status-mastered-border: #d46030;--tab-idle-fg: #8a8478;--tab-active-fg: #ede8df;--tab-underline: #d46030;--fg-accent-dim: #d4603028}}[data-theme=dark]{--bg-page: #1e1b17;--bg-card: #242018;--bg-overlay: #1e1b17;--bg-segment-idle: #2a2620;--bg-segment-active: #ede8df;--fg-default: #ede8df;--fg-body: #cec9be;--fg-muted: #8a8478;--fg-muted-soft: #5e5a54;--fg-on-ink: #1e1b17;--fg-accent: #d46030;--rule-default: #302c25;--rule-soft: #262219;--rule-strong: #ede8df;--status-learning-fg: #ede8df;--status-learning-border: #ede8df;--status-mastered-fg: #d46030;--status-mastered-border: #d46030;--tab-idle-fg: #8a8478;--tab-active-fg: #ede8df;--tab-underline: #d46030;--fg-accent-dim: #d4603028}[data-theme=light]{--bg-page: #f5f0e8;--bg-card: #ede5d6;--bg-overlay: #f5f0e8;--bg-segment-idle: #e8e0cf;--bg-segment-active: #1a1814;--fg-default: #1a1814;--fg-body: #3a3630;--fg-muted: #7a7468;--fg-muted-soft: #a59f91;--fg-on-ink: #f5f0e8;--fg-accent: #c4521a;--rule-default: #d4cdb9;--rule-soft: #e0d9c6;--rule-strong: #1a1814;--status-learning-fg: #1a1814;--status-learning-border: #1a1814;--status-mastered-fg: #c4521a;--status-mastered-border: #c4521a;--tab-idle-fg: #7a7468;--tab-active-fg: #1a1814;--tab-underline: #c4521a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-canvas-bg);color:var(--color-ink);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{cursor:default}button,a,[role=button],input[type=range],select,label{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--fg-accent);outline-offset:2px}@keyframes diurna-dot-pulse{0%,80%,to{opacity:.2}40%{opacity:1}}.fetch-dot{display:inline-block;animation:diurna-dot-pulse 1.2s ease-in-out infinite}.fetch-dot:nth-child(2){animation-delay:.2s}.fetch-dot:nth-child(3){animation-delay:.4s}@keyframes route-fade-in{0%{opacity:0}to{opacity:1}}.route-fade{animation:route-fade-in .15s ease-out both;height:100%}@media(prefers-reduced-motion:reduce){.route-fade,.toast-slide-up,.sr-nudge-card,.sheet-rise,.hero-chrome-in,.skeleton-shimmer:after{animation:none}.btn-press,.hover-lift,.segment-fill{transition:none}.btn-press:active:not(:disabled),.hover-lift:hover:not(:disabled){transform:none;box-shadow:none}}@keyframes toast-slide-up{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.toast-slide-up{animation:toast-slide-up .18s cubic-bezier(.2,.6,.2,1) both}@keyframes sr-nudge-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.sr-nudge-card{animation:sr-nudge-slide-up var(--duration-hover) var(--ease-panel) both}.btn-press{transition:transform var(--duration-press) var(--ease-press)}.btn-press:active:not(:disabled){transform:scale(.97)}.hover-lift{transition:transform var(--duration-hover) var(--ease-hover),box-shadow var(--duration-hover) ease-out}@media(hover:hover){.hover-lift:hover:not(:disabled){transform:translateY(-4px);box-shadow:var(--shadow-hover-lift)}}.segment-fill{transition:left var(--duration-segment) var(--ease-segment),width var(--duration-segment) var(--ease-segment)}@keyframes sheet-rise{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-rise{animation:sheet-rise var(--duration-panel-open) var(--ease-panel) both}@keyframes hero-chrome-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-chrome-in{animation:hero-chrome-in var(--duration-slow) ease-out both}@keyframes draw-check{to{stroke-dashoffset:0}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-shimmer{position:relative;overflow:hidden;background:var(--bg-segment-idle)}.skeleton-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--bg-page),transparent);opacity:.6;animation:skeleton-shimmer var(--duration-shimmer) ease-in-out infinite}input[type=range].slider-ink{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;background:transparent;outline:none;cursor:default;display:block;width:100%}input[type=range].slider-ink::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,var(--fg-default) var(--fill, 0%),var(--rule-default) var(--fill, 0%));border-radius:0}input[type=range].slider-ink::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--bg-page);border:1.5px solid var(--fg-default);margin-top:-9.5px;box-shadow:none}input[type=range].slider-ink::-moz-range-track{height:1px;background:linear-gradient(to right,var(--fg-default) var(--fill, 0%),var(--rule-default) var(--fill, 0%));border-radius:0}input[type=range].slider-ink::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--bg-page);border:1.5px solid var(--fg-default);box-shadow:none}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}