:root{--primary: 215 78 27;--primary-foreground: 251 246 248;--secondary: 79 132 120;--secondary-foreground: 251 246 248;--background: 244 235 238;--main-bg: 247 240 243;--card: 251 246 248;--card-foreground: 74 53 72;--popover: 229 211 218;--popover-foreground: 42 30 43;--muted: 236 223 228;--muted-foreground: 138 114 131;--accent: 221 232 228;--accent-foreground: 31 58 51;--foreground: 42 30 43;--ink-2: 74 53 72;--border: 226 210 216;--input: 207 185 194;--ring: 215 78 27;--destructive: 179 58 24;--chart-1: 79 132 120;--chart-2: 197 138 26;--chart-3: 44 62 85;--chart-4: 215 78 27;--chart-5: 127 177 164;--teal: 79 132 120;--teal-soft: 221 232 228;--good: 79 132 120;--warn: 181 130 26;--bad: 179 58 24;--holiday: 44 62 85;--event: 79 132 120}.dark{--primary: 229 96 47;--primary-foreground: 20 16 28;--secondary: 130 181 168;--secondary-foreground: 20 16 28;--background: 20 16 28;--main-bg: 25 20 34;--card: 30 24 40;--card-foreground: 214 204 211;--popover: 42 34 55;--popover-foreground: 240 232 238;--muted: 42 34 55;--muted-foreground: 150 138 160;--accent: 30 47 44;--accent-foreground: 130 181 168;--foreground: 240 232 238;--ink-2: 214 204 211;--border: 44 36 56;--input: 61 51 73;--ring: 229 96 47;--destructive: 224 112 89;--chart-1: 130 181 168;--chart-2: 224 177 86;--chart-3: 90 122 158;--chart-4: 229 96 47;--chart-5: 168 197 189;--teal: 130 181 168;--teal-soft: 30 47 44;--good: 107 192 154;--warn: 224 177 86;--bad: 224 112 89;--holiday: 90 122 158;--event: 168 197 189}:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-sans: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--text-2xs: 10px;--text-micro: 10px;--text-meta: 11px;--text-body: 13px;--text-body-l: 14px;--text-h4: 18px;--text-h3: 24px;--text-h2: 30px;--text-h1: 38px;--text-h0: 56px;--tracking-display: -.02em;--tracking-tight: -.01em;--tracking-eyebrow: .06em;--tracking-mono: .04em;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrablack: 950;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-body: 1.45}:root{--radius-xs: 4px;--radius-sm: 7px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 9999px;--shadow-hard-1: -2px 2px 8px 0px rgba(38, 38, 38, .2);--shadow-hard-2: 0px 3px 10px 0px rgba(38, 38, 38, .2);--shadow-hard-3: 2px 2px 8px 0px rgba(38, 38, 38, .2);--shadow-hard-4: 0px -3px 10px 0px rgba(38, 38, 38, .2);--shadow-hard-5: 0px 2px 10px 0px rgba(38, 38, 38, .1);--shadow-soft-1: 0px 0px 10px rgba(38, 38, 38, .1);--shadow-soft-2: 0px 0px 20px rgba(38, 38, 38, .2);--shadow-soft-3: 0px 0px 30px rgba(38, 38, 38, .1);--shadow-soft-4: 0px 0px 40px rgba(38, 38, 38, .1);--space-0-5: 2px;--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}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:rgb(var(--main-bg));color:rgb(var(--foreground));font-family:var(--font-sans);font-size:var(--text-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);color:rgb(var(--foreground));margin:0}code,pre,.mono{font-family:var(--font-mono)}.demo-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:rgb(var(--popover));border-bottom:1px solid rgb(var(--border));color:rgb(var(--muted-foreground));font-family:var(--font-sans);font-size:12px}.demo-bar__tag{padding:2px var(--space-2);border:1px solid rgb(var(--border));border-radius:var(--radius-sm);letter-spacing:.06em;color:rgb(var(--muted-foreground))}.demo-bar__step{background:transparent;border:1px solid rgb(var(--border));border-radius:var(--radius-sm);color:rgb(var(--foreground));padding:var(--space-1) var(--space-2);cursor:pointer}.demo-bar__now{display:flex;flex-direction:column;line-height:1.2}.demo-bar__date{color:rgb(var(--foreground));font-family:var(--font-mono)}.demo-bar__chapter{color:rgb(var(--muted-foreground))}.demo-bar__scrubber{flex:1;accent-color:rgb(var(--primary))}.demo-bar__presenter-link{color:rgb(var(--muted-foreground));white-space:nowrap;text-decoration:underline}.phone-chrome__canvas{min-height:100%;background:rgb(var(--main-bg))}.phone-chrome__frame{min-height:100%}.phone-chrome--wide{min-height:100%;background:rgb(var(--main-bg))}@media(min-width:768px){.phone-chrome__canvas{display:flex;justify-content:center;padding:var(--space-8) 0}.phone-chrome__frame{width:390px;min-height:700px;background:rgb(var(--card));border-radius:var(--radius-lg);box-shadow:var(--shadow-hard-2);overflow:hidden}}.chapter-index,.chapter-screen{padding:var(--space-6) var(--space-4)}.chapter-index__list{list-style:none;padding:0;margin:var(--space-4) 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.chapter-index__list li{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid rgb(var(--border))}.chapter-index__list a{color:rgb(var(--foreground))}.chapter-index__anchor{color:rgb(var(--muted-foreground))}.chapter-screen__eyebrow{color:rgb(var(--muted-foreground));letter-spacing:.06em;font-size:10px}.chapter-screen__date{color:rgb(var(--teal));font-family:var(--font-mono)}.chapter-screen__beat{color:rgb(var(--ink-2))}