/* Compiled from tokens.json by frames.mjs — do not edit. */
:root, [data-theme="light"] {
  --graphite-0: #FFFFFF;
  --graphite-50: #F3F4F1;
  --graphite-100: #E7E9E5;
  --graphite-150: #DCDFDA;
  --graphite-200: #C8CCC7;
  --graphite-300: #AEB3AE;
  --graphite-400: #969C9A;
  --graphite-500: #7A807D;
  --graphite-600: #5B6163;
  --graphite-700: #43484B;
  --graphite-800: #2C3033;
  --graphite-850: #1F2225;
  --graphite-900: #16181B;
  --graphite-950: #111315;
  --highlighter-50: #FFFCE6;
  --highlighter-100: #FFF7C2;
  --highlighter-200: #FFEF8F;
  --highlighter-300: #FFE14D;
  --highlighter-400: #E6CB35;
  --highlighter-500: #C4AA1F;
  --highlighter-600: #9E8914;
  --highlighter-700: #76660E;
  --highlighter-800: #514609;
  --highlighter-900: #332C05;
  --highlighter-950: #1F1B03;
  --red-50: #FDEDEB;
  --red-100: #FAD4CF;
  --red-200: #F4A99F;
  --red-300: #F28B7D;
  --red-400: #E5604F;
  --red-500: #D2412F;
  --red-600: #B83224;
  --red-700: #9C2A1F;
  --red-800: #7A2119;
  --red-900: #561812;
  --red-950: #330E0A;
  --leaf-50: #EAF5EE;
  --leaf-100: #CFE9D8;
  --leaf-200: #A3D4B4;
  --leaf-300: #7CC395;
  --leaf-400: #4FA873;
  --leaf-500: #338A58;
  --leaf-600: #2A7249;
  --leaf-700: #215A3A;
  --leaf-800: #19432B;
  --leaf-900: #102C1C;
  --leaf-950: #0A1C12;
  --graphite-900-a40: #16181B66;
  --black-a60: #00000099;
  --graphite-900-a06: #16181B0F;
  --graphite-100-a05: #E7E9E50D;
  --color-bg-canvas: var(--graphite-50);
  --color-surface-raised: var(--graphite-0);
  --color-surface-sunken: var(--graphite-100);
  --color-surface-selected: var(--graphite-100);
  --color-overlay-pressed: var(--graphite-900-a06);
  --color-scrim: var(--graphite-900-a40);
  --color-text-primary: var(--graphite-900);
  --color-text-secondary: var(--graphite-600);
  --color-text-disabled: var(--graphite-500);
  --color-text-on-ink: var(--graphite-0);
  --color-text-on-highlight: var(--graphite-900);
  --color-text-link: var(--color-text-primary);
  --color-border-hairline: var(--graphite-150);
  --color-border-control: var(--graphite-500);
  --color-border-strong: var(--graphite-900);
  --color-focus-ring: var(--color-text-primary);
  --color-action-primary: var(--graphite-900);
  --color-action-primary-pressed: var(--graphite-700);
  --color-action-primary-disabled: var(--graphite-150);
  --color-action-destructive: var(--red-600);
  --color-highlight: var(--highlighter-300);
  --color-feedback-success: var(--leaf-600);
  --color-feedback-success-subtle: var(--leaf-50);
  --color-feedback-error: var(--red-600);
  --color-feedback-error-subtle: var(--red-50);
  --color-feedback-info: var(--color-text-secondary);
  --color-feedback-info-subtle: var(--color-surface-sunken);
  --color-marker-band: var(--color-highlight);
  --color-scribble-live: var(--graphite-700);
  --color-waveform-idle: var(--graphite-500);
  --color-sheet-grabber: var(--color-border-control);
  --color-swipe-move-fill: var(--color-action-primary);
  --color-swipe-delete-fill: var(--color-action-destructive);
  --color-task-done-text: var(--color-text-secondary);
  --color-check-done-fill: var(--color-text-secondary);
  --color-task-highlight-fill: var(--color-surface-selected);
  --color-task-lifted-fill: var(--color-surface-raised);
  --color-calendar-day-selected-fill: var(--color-surface-selected);
  --color-calendar-day-today-mark: var(--color-text-primary);
  --color-calendar-day-disabled-text: var(--color-text-disabled);
  --color-skeleton-fill: var(--color-surface-sunken);
  --color-quiz-progress-track: var(--color-border-control);
  --color-quiz-progress-fill: var(--color-action-primary);
  --color-toggle-on-fill: var(--color-action-primary);
  --color-toggle-off-fill: var(--color-border-control);
  --color-toggle-thumb-fill: var(--color-surface-raised);
  --color-list-divider: var(--color-border-hairline);
  --color-chip-selected-fill: var(--color-surface-selected);
  --color-weekday-selected-fill: var(--color-surface-selected);
  --color-field-invalid-ring: var(--color-feedback-error);
  --color-focus-page-fill: var(--color-surface-raised);
  --color-focus-page-rule: var(--color-border-hairline);
  --color-focus-page-mark: var(--color-border-control);
  --color-pencil-line: var(--color-text-secondary);
  --color-focus-pen-eye: var(--color-text-primary);
  --shadow-sheet: 0 -8px 32px rgba(22, 24, 27, 0.12);
  --shadow-dialog: 0 16px 48px rgba(22, 24, 27, 0.18);
  --shadow-panel: 0 -1px 0 rgba(22, 24, 27, 0.06);
  --shadow-row-lifted: 0 4px 16px rgba(22, 24, 27, 0.12);
}
[data-theme="dark"] {
  --color-bg-canvas: var(--graphite-950);
  --color-surface-raised: var(--graphite-850);
  --color-surface-sunken: var(--graphite-800);
  --color-surface-selected: var(--graphite-800);
  --color-overlay-pressed: var(--graphite-100-a05);
  --color-scrim: var(--black-a60);
  --color-text-primary: var(--graphite-100);
  --color-text-secondary: var(--graphite-400);
  --color-text-disabled: var(--graphite-500);
  --color-text-on-ink: var(--graphite-950);
  --color-text-on-highlight: var(--graphite-900);
  --color-text-link: var(--color-text-primary);
  --color-border-hairline: var(--graphite-800);
  --color-border-control: var(--graphite-500);
  --color-border-strong: var(--graphite-100);
  --color-focus-ring: var(--color-text-primary);
  --color-action-primary: var(--graphite-100);
  --color-action-primary-pressed: var(--graphite-300);
  --color-action-primary-disabled: var(--graphite-800);
  --color-action-destructive: var(--red-300);
  --color-highlight: var(--highlighter-400);
  --color-feedback-success: var(--leaf-300);
  --color-feedback-success-subtle: var(--leaf-950);
  --color-feedback-error: var(--red-300);
  --color-feedback-error-subtle: var(--red-950);
  --color-feedback-info: var(--color-text-secondary);
  --color-feedback-info-subtle: var(--color-surface-sunken);
  --color-marker-band: var(--color-highlight);
  --color-scribble-live: var(--graphite-900);
  --color-waveform-idle: var(--graphite-500);
  --color-sheet-grabber: var(--color-border-control);
  --color-swipe-move-fill: var(--color-action-primary);
  --color-swipe-delete-fill: var(--color-action-destructive);
  --color-task-done-text: var(--color-text-secondary);
  --color-check-done-fill: var(--color-text-secondary);
  --color-task-highlight-fill: var(--color-surface-selected);
  --color-task-lifted-fill: var(--graphite-800);
  --color-calendar-day-selected-fill: var(--color-surface-selected);
  --color-calendar-day-today-mark: var(--color-text-primary);
  --color-calendar-day-disabled-text: var(--color-text-disabled);
  --color-skeleton-fill: var(--color-surface-sunken);
  --color-quiz-progress-track: var(--color-border-control);
  --color-quiz-progress-fill: var(--color-action-primary);
  --color-toggle-on-fill: var(--color-action-primary);
  --color-toggle-off-fill: var(--color-border-control);
  --color-toggle-thumb-fill: var(--color-surface-raised);
  --color-list-divider: var(--color-border-hairline);
  --color-chip-selected-fill: var(--color-surface-selected);
  --color-weekday-selected-fill: var(--color-surface-selected);
  --color-field-invalid-ring: var(--color-feedback-error);
  --color-focus-page-fill: var(--color-surface-raised);
  --color-focus-page-rule: var(--color-border-hairline);
  --color-focus-page-mark: var(--color-border-control);
  --color-pencil-line: var(--color-text-secondary);
  --color-focus-pen-eye: var(--color-text-primary);
  --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.50);
  --shadow-dialog: 0 16px 48px rgba(0, 0, 0, 0.60);
  --shadow-panel: 0 -1px 0 rgba(0, 0, 0, 0.40);
  --shadow-row-lifted: inset 0 0 0 1px rgba(231, 233, 229, 0.30), 0 4px 16px rgba(0, 0, 0, 0.50);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;
  --border-hairline: 1px;
  --border-control: 1.5px;
  --border-strong: 2px;
  --size-touch-min: 44px;
  --size-row-min: 56px;
  --size-button: 52px;
  --size-mic: 64px;
  --size-panel-max-ax: 50%;
  --size-check: 24px;
  --size-icon-s: 16px;
  --size-icon-m: 20px;
  --size-icon: 24px;
  --size-icon-l: 28px;
  --size-progress: 4px;
  --size-grabber-width: 36px;
  --size-grabber-height: 5px;
  --size-toggle-width: 51px;
  --size-toggle-height: 31px;
  --size-illu-welcome: 280px;
  --size-illu-plan-first: 260px;
  --size-illu-no-date: 200px;
  --size-illu-consent: 128px;
  --size-illu-plan-done: 120px;
  --size-focus-page-row: 12px;
  --size-focus-page-dot: 6px;
  --size-focus-pen: 96px;
  --size-focus-pen-eye: 4px;
  --stroke-band-trim: 6px;
  --stroke-band-overhang: 4px;
  --stroke-band-slant: 8deg;
  --stroke-scribble: 2px;
  --stroke-illustration: 2px;
  --duration-fast: 120ms;
  --duration-base: 240ms;
  --duration-slow: 400ms;
  --duration-highlight: 480ms;
  --duration-reduced: 150ms;
  --duration-skeleton-delay: 300ms;
  --duration-toast: 4000ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15);
  --easing-highlight: cubic-bezier(0.65, 0, 0.35, 1);
  --easing-linear: linear;
  --easing-gesture: spring(bounce 0);
  --gesture-dismiss-distance: 33%;
  --gesture-dismiss-velocity: 1000px/s;
  --gesture-strike-distance: 100%;
  --gesture-autoscroll-velocity: 240px/s;
  --gesture-press-scale: 0.97;
  --haptic-selection: selection;
  --haptic-impact-light: impact-light;
  --haptic-success: success;
  --haptic-error: error;
  --type-scale-ax3: 2.35;
  --type-scale-display-cap: 1.35;
  --font-sans: "Atkinson Hyperlegible Next", -apple-system, system-ui, sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", monospace;
}
.display-l { font-family: var(--font-sans); font-size: 34px; line-height: 40px; font-weight: 700; letter-spacing: -0.015em; }
.display-m { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -0.01em; }
.display-s { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -0.005em; }
.title { font-family: var(--font-sans); font-size: 20px; line-height: 26px; font-weight: 700; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 600; }
.button { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 700; }
.subhead { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 400; }
.subhead-strong { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 700; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.caption-strong { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: 0.01em; }
.mono { font-family: var(--font-mono); font-size: 15px; line-height: 20px; font-weight: 500; }
.mono-l { font-family: var(--font-mono); font-size: 40px; line-height: 44px; font-weight: 500; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --color-bg-canvas: var(--graphite-950);
  --color-surface-raised: var(--graphite-850);
  --color-surface-sunken: var(--graphite-800);
  --color-surface-selected: var(--graphite-800);
  --color-overlay-pressed: var(--graphite-100-a05);
  --color-scrim: var(--black-a60);
  --color-text-primary: var(--graphite-100);
  --color-text-secondary: var(--graphite-400);
  --color-text-disabled: var(--graphite-500);
  --color-text-on-ink: var(--graphite-950);
  --color-text-on-highlight: var(--graphite-900);
  --color-text-link: var(--color-text-primary);
  --color-border-hairline: var(--graphite-800);
  --color-border-control: var(--graphite-500);
  --color-border-strong: var(--graphite-100);
  --color-focus-ring: var(--color-text-primary);
  --color-action-primary: var(--graphite-100);
  --color-action-primary-pressed: var(--graphite-300);
  --color-action-primary-disabled: var(--graphite-800);
  --color-action-destructive: var(--red-300);
  --color-highlight: var(--highlighter-400);
  --color-feedback-success: var(--leaf-300);
  --color-feedback-success-subtle: var(--leaf-950);
  --color-feedback-error: var(--red-300);
  --color-feedback-error-subtle: var(--red-950);
  --color-feedback-info: var(--color-text-secondary);
  --color-feedback-info-subtle: var(--color-surface-sunken);
  --color-marker-band: var(--color-highlight);
  --color-scribble-live: var(--graphite-900);
  --color-waveform-idle: var(--graphite-500);
  --color-sheet-grabber: var(--color-border-control);
  --color-swipe-move-fill: var(--color-action-primary);
  --color-swipe-delete-fill: var(--color-action-destructive);
  --color-task-done-text: var(--color-text-secondary);
  --color-check-done-fill: var(--color-text-secondary);
  --color-task-highlight-fill: var(--color-surface-selected);
  --color-task-lifted-fill: var(--graphite-800);
  --color-calendar-day-selected-fill: var(--color-surface-selected);
  --color-calendar-day-today-mark: var(--color-text-primary);
  --color-calendar-day-disabled-text: var(--color-text-disabled);
  --color-skeleton-fill: var(--color-surface-sunken);
  --color-quiz-progress-track: var(--color-border-control);
  --color-quiz-progress-fill: var(--color-action-primary);
  --color-toggle-on-fill: var(--color-action-primary);
  --color-toggle-off-fill: var(--color-border-control);
  --color-toggle-thumb-fill: var(--color-surface-raised);
  --color-list-divider: var(--color-border-hairline);
  --color-chip-selected-fill: var(--color-surface-selected);
  --color-weekday-selected-fill: var(--color-surface-selected);
  --color-field-invalid-ring: var(--color-feedback-error);
  --color-focus-page-fill: var(--color-surface-raised);
  --color-focus-page-rule: var(--color-border-hairline);
  --color-focus-page-mark: var(--color-border-control);
  --color-pencil-line: var(--color-text-secondary);
  --color-focus-pen-eye: var(--color-text-primary);
  --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.50);
  --shadow-dialog: 0 16px 48px rgba(0, 0, 0, 0.60);
  --shadow-panel: 0 -1px 0 rgba(0, 0, 0, 0.40);
  --shadow-row-lifted: inset 0 0 0 1px rgba(231, 233, 229, 0.30), 0 4px 16px rgba(0, 0, 0, 0.50);
  }
}