@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--grey-0:#fff;--grey-1:#f6f8fc;--grey-2:#eef1f6;--grey-3:#e4e9f1;--grey-4:#d3dae6;--ink-0:#131a28;--ink-1:#1b2333;--ink-2:#333d52;--ink-3:#4c566b;--ink-4:#5f6a7b;--ink-5:#a3acbb;--indigo-50:#edeffc;--indigo-100:#dce0f8;--indigo-300:#9aa5ea;--indigo-500:#4c5fd5;--indigo-600:#3f51c4;--indigo-700:#33429f;--teal-50:#e4f3f0;--teal-100:#cdeae4;--teal-500:#178c7e;--teal-700:#0f6b60;--rose-50:#fbeaee;--rose-500:#c24a5e;--rose-700:#9b3448;--sand-50:#fbf1e3;--sand-500:#a9762b;--sand-700:#7a5418;--bg-app:var(--grey-2);--bg-canvas:var(--grey-0);--surface-card:var(--grey-0);--surface-sunken:var(--grey-1);--surface-raised:var(--grey-0);--surface-inverse:var(--ink-1);--surface-hover:var(--grey-1);--surface-active:var(--grey-3);--text-heading:var(--ink-1);--text-body:var(--ink-2);--text-secondary:var(--ink-3);--text-muted:var(--ink-4);--text-inverse:var(--grey-0);--text-accent:var(--indigo-500);--text-link:var(--indigo-500);--text-link-hover:var(--indigo-700);--border-hairline:#e4e9f1;--border-strong:#d3dae6;--border-accent:var(--indigo-500);--focus-ring:var(--indigo-500);--action-primary:var(--indigo-500);--action-primary-hover:var(--indigo-600);--action-primary-press:var(--indigo-700);--action-primary-text:#fff;--on-teal:var(--teal-700);--on-rose:var(--rose-700);--on-sand:var(--sand-700);--on-indigo:var(--indigo-700);--recall-yes:var(--teal-700);--recall-yes-fill:var(--teal-500);--recall-yes-bg:var(--teal-50);--recall-no:var(--rose-700);--recall-no-fill:var(--rose-500);--recall-no-bg:var(--rose-50);--recall-unsure:var(--ink-3);--recall-unsure-bg:var(--grey-2);--type-highlight:var(--teal-700);--type-highlight-dot:var(--teal-500);--type-highlight-bg:var(--teal-50);--type-choice:var(--indigo-700);--type-choice-dot:var(--indigo-500);--type-choice-bg:var(--indigo-50);--type-flip:var(--sand-700);--type-flip-dot:var(--sand-500);--type-flip-bg:var(--sand-50);--sched-due:var(--indigo-500);--sched-done:var(--ink-5);--sched-overdue:var(--rose-500);--sched-future:var(--grey-4);--status-success:var(--teal-500);--status-warning:var(--sand-500);--status-danger:var(--rose-500);--status-info:var(--indigo-500);--mark-teal:var(--teal-50);--mark-indigo:var(--indigo-50);--mark-sand:var(--sand-50)}[data-theme=night]{--bg-app:#12161f;--bg-canvas:#171c27;--surface-card:#1a202c;--surface-sunken:#151a24;--surface-raised:#212836;--surface-inverse:var(--grey-1);--surface-hover:#212836;--surface-active:#29313f;--text-heading:#eef1f6;--text-body:#dce1ea;--text-secondary:#a6b0c0;--text-muted:#a2acbc;--text-inverse:var(--ink-1);--text-accent:#9aa5ea;--text-link:#9aa5ea;--text-link-hover:#c0c8f4;--border-hairline:#262e3c;--border-strong:#333d52;--action-primary:#5468dc;--action-primary-hover:#6376e3;--action-primary-press:#4c5fd5;--recall-unsure-bg:#212836;--indigo-50:#1f2745;--indigo-100:#2a3358;--indigo-300:#9aa5ea;--indigo-500:#5468dc;--indigo-600:#6376e3;--indigo-700:#b6bef2;--teal-50:#15332e;--teal-100:#1d453e;--teal-500:#2aa192;--teal-700:#6dd2c2;--rose-50:#38202a;--rose-500:#d45c71;--rose-700:#f09aa8;--sand-50:#332819;--sand-500:#c08f3e;--sand-700:#e0b372;--focus-ring:var(--indigo-300);--recall-unsure:#a6b0c0;--sched-done:#5f6a7b;--sched-future:#262e3c}:root{--font-display:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--size-2xs:11px;--size-xs:12px;--size-sm:13px;--size-base:14px;--size-md:16px;--size-lg:18px;--size-xl:22px;--size-2xl:28px;--size-3xl:34px;--size-4xl:46px;--size-5xl:60px;--leading-tight:1.08;--leading-snug:1.24;--leading-normal:1.45;--leading-relaxed:1.6;--weight-regular:400;--weight-medium:500;--weight-bold:700;--tracking-display:-.03em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-caps:.1em;--measure-prose:70ch;--measure-card:46ch;--type-display:var(--weight-bold) var(--size-4xl)/var(--leading-tight) var(--font-display);--type-title:var(--weight-bold) var(--size-2xl)/var(--leading-snug) var(--font-display);--type-section:var(--weight-bold) var(--size-md)/var(--leading-snug) var(--font-display);--type-body:var(--weight-regular) var(--size-base)/var(--leading-relaxed) var(--font-body);--type-ui:var(--weight-medium) var(--size-sm)/1.35 var(--font-body);--type-caption:var(--weight-regular) var(--size-xs)/1.4 var(--font-body);--type-mono:var(--weight-regular) var(--size-sm)/1.5 var(--font-mono);--space-0:0px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:64px;--space-10:96px;--space-11:128px;--gutter-app:clamp(4px, 4vw, var(--space-6));--gutter-page:var(--space-8);--pad-card:var(--space-6);--pad-control:var(--space-4);--stack-tight:var(--space-3);--stack-default:var(--space-5);--stack-loose:var(--space-7);--sidebar-width:264px;--rail-width:56px;--reader-max:720px;--review-max:640px;--topbar-height:56px;--touch-min:44px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--radius-card:var(--radius-lg);--radius-control:var(--radius-pill);--radius-field:var(--radius-md);--radius-sheet:var(--radius-xl);--border-width:1px;--shadow-none:none;--shadow-xs:0 1px 2px #1b23330d;--shadow-card:0 1px 2px #1b23330a, 0 6px 18px #1b23330d;--shadow-raised:0 2px 6px #1b23330f, 0 14px 32px #1b233314;--shadow-overlay:0 10px 24px #131a281a, 0 32px 64px #131a2829;--shadow-accent:0 6px 16px #4c5fd547;--shadow-inset:inset 0 1px 2px #1b23330f;--ring-focus:0 0 0 3px #4c5fd53d;--scrim:#131a285c;--blur-sheet:blur(6px);--dur-instant:80ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.34s;--dur-reveal:.48s;--ease-standard:cubic-bezier(.2, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--transition-control:background-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);--transition-surface:box-shadow var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-out)}.app-shell-sidebar{width:var(--app-shell-sidebar-width,var(--sidebar-width));transition:transform var(--dur-base) var(--ease-standard);position:relative}.app-shell-scrim,.app-shell-mobile-bar,.app-shell-drawer-close{display:none}.app-shell-resize-handle{cursor:col-resize;z-index:10;touch-action:none;width:6px;height:100%;position:absolute;top:0;right:-3px}.app-shell-resize-handle:hover,.app-shell-resize-handle:active{background:var(--border-accent)}@media (width<=1179px){.app-shell-drawer-close{display:flex}.app-shell-resize-handle{display:none}.app-shell-sidebar{z-index:40;height:100%;position:fixed;top:0;left:0;transform:translate(-100%)}.app-shell-sidebar.open{box-shadow:var(--shadow-overlay);transform:translate(0)}.app-shell-scrim.open{background:var(--scrim);z-index:30;display:block;position:fixed;inset:0}.app-shell-mobile-bar{align-items:center;gap:var(--space-3);z-index:20;background:var(--bg-app);border-bottom:1px solid var(--border-hairline);padding:var(--space-3) var(--space-4);flex:none;display:flex;position:sticky;top:0}}@media (width<=719px){.app-shell-sidebar{width:100%}}.control-button,.control-icon-button{cursor:pointer;transition:var(--transition-control), transform var(--dur-instant) var(--ease-standard)}.control-button:active:not(:disabled),.control-icon-button:active:not(:disabled){box-shadow:none;transform:scale(.985)}.control-button:disabled,.control-icon-button:disabled{color:var(--text-muted);box-shadow:none;cursor:default}.control-button-primary{background:var(--action-primary);color:var(--action-primary-text);border:1px solid #0000}.control-button-primary:hover:not(:disabled){background:var(--action-primary-hover)}.control-button-primary:active:not(:disabled){background:var(--action-primary-press)}.control-button-secondary{background:var(--surface-card);color:var(--text-body);border:1px solid var(--border-hairline);box-shadow:var(--shadow-xs)}.control-button-secondary:hover:not(:disabled){background:var(--surface-hover)}.control-button-secondary:active:not(:disabled){background:var(--surface-active)}.control-button-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.control-button-ghost:hover:not(:disabled){background:var(--surface-hover)}.control-button-ghost:active:not(:disabled){background:var(--surface-active)}.control-button-danger{background:var(--rose-700);color:var(--grey-0);border:1px solid #0000}.control-button-danger:hover:not(:disabled){background:var(--rose-500)}.control-button-danger:active:not(:disabled){background:var(--rose-700)}.control-button:disabled{background:var(--surface-sunken)}.control-icon-button{color:var(--text-secondary)}.control-icon-button-ghost{background:0 0;border:1px solid #0000}.control-icon-button-secondary{background:var(--surface-card);border:1px solid var(--border-hairline);box-shadow:var(--shadow-xs)}.control-icon-button:hover:not(:disabled){background:var(--surface-hover)}.control-icon-button:active:not(:disabled){background:var(--surface-active)}.control-icon-button:disabled{background:0 0}.field-surface{border:1px solid var(--border-strong);transition:var(--transition-control)}.field-surface:focus-within,.field-surface:focus{border-color:var(--focus-ring);box-shadow:var(--ring-focus)}.field-surface[data-error=true]{border-color:var(--status-danger)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-app);color:var(--text-body);font:var(--type-body)}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover)}