@layer tokens{:root{--ink-0:oklch(98% .003 75);--ink-50:oklch(93% .004 72);--ink-100:oklch(85% .005 68);--ink-200:oklch(72% .006 65);--ink-300:oklch(58% .006 62);--ink-400:oklch(44% .005 58);--ink-500:oklch(32% .005 55);--ink-600:oklch(22% .005 50);--ink-700:oklch(15% .005 45);--ink-800:oklch(10% .005 40);--ink-900:oklch(6% .006 35);--amber-100:oklch(95% .06 90);--amber-200:oklch(88% .12 90);--amber-300:oklch(80% .16 90);--amber-400:oklch(72% .18 90);--amber-500:oklch(62% .17 90);--amber-600:oklch(52% .15 90);--amber-700:oklch(42% .13 90);--bg:var(--ink-900);--bg-raised:var(--ink-800);--bg-overlay:var(--ink-700);--fg:var(--ink-50);--fg-muted:var(--ink-200);--fg-subtle:var(--ink-400);--fg-faint:var(--ink-600);--accent:var(--amber-400);--accent-dim:var(--amber-600);--accent-bright:var(--amber-200);--annotation-highlight:var(--amber-300);--annotation-underline:var(--amber-500);--annotation-bracket:var(--ink-200);--annotation-circle:var(--amber-400);--annotation-strikethrough:var(--ink-400);--annotation-box:var(--ink-100);--annotation-note-fg:var(--ink-100);--ai-suggestion-fg:var(--amber-300);--ai-suggestion-bg:oklch(62% .19 65/.08);--font-editorial:"Recursive", ui-monospace, monospace;--font-axes-body:"MONO" 1, "CASL" 0;--font-axes-note:"MONO" 1, "CASL" 1;--font-axes-mark:"MONO" 0, "CASL" 1;--font-axes-ui:"MONO" 1, "CASL" 0;--font-axes-mono:"MONO" 1, "CASL" 0;--font-axes-italic:"MONO" 1, "CASL" .5;--font-axes-mark-display:"MONO" 0, "CASL" 1, "wght" 700;--font-axes-note-weighted:"MONO" 1, "CASL" 1, "wght" 300;--font-weight-body:350;--font-weight-bold:600;--font-weight-mark:400;--ratio:1.125;--text-base:clamp(1rem, .92rem + .32vw, 1.125rem);--text--2:calc(var(--text-base) / var(--ratio) / var(--ratio));--text--1:calc(var(--text-base) / var(--ratio));--text-0:var(--text-base);--text-1:calc(var(--text-0) * var(--ratio));--text-2:calc(var(--text-1) * var(--ratio));--text-3:calc(var(--text-2) * var(--ratio));--text-4:calc(var(--text-3) * var(--ratio));--text-5:calc(var(--text-4) * var(--ratio));--space-base:clamp(1rem, .84rem + .77vw, 1.5rem);--space-1:calc(var(--space-base) * .25);--space-2:calc(var(--space-base) * .5);--space-3:calc(var(--space-base) * .75);--space-4:var(--space-base);--space-5:calc(var(--space-base) * 1.25);--space-6:calc(var(--space-base) * 1.5);--space-8:calc(var(--space-base) * 2);--space-10:calc(var(--space-base) * 2.5);--space-12:calc(var(--space-base) * 3);--space-16:calc(var(--space-base) * 4);--transition-fast:.1s ease;--transition:.2s ease;--transition-slow:.6s ease;--column-width:65ch;--column-padding:var(--space-8);--header-height:48px;--margin-width:48px;--page-min-height:calc(100vh - var(--header-height));--note-fg:oklch(65% .08 85);--note-max-width-landing:18ch;--note-max-width-shape:26ch;--border-subtle:color-mix(in srgb, var(--fg-faint) 65%, transparent);--border-accent:color-mix(in srgb, var(--accent) 55%, var(--fg-faint));--line-height-editor:1.8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@layer base{html,body{background-color:var(--bg);height:100%;color:var(--fg);font-family:var(--font-editorial);font-variation-settings:var(--font-axes-body);font-weight:var(--font-weight-body);font-size:var(--text-0);-webkit-font-smoothing:antialiased;background-image:radial-gradient(oklch(35% .012 55/.045) .8px,#0000 .8px),linear-gradient(90deg,oklch(0% 0 0/.04) 0%,#0000 12% 88%,oklch(0% 0 0/.04) 100%);background-size:14px 14px,100% 100%;background-attachment:fixed;line-height:1.7}.surface{font-variation-settings:var(--font-axes-body);font-weight:var(--font-weight-body);font-size:var(--text-0);color:var(--fg);caret-color:var(--accent);line-height:1.8}.annotation-note{font-variation-settings:var(--font-axes-note-weighted);font-size:var(--text--2);color:var(--note-fg);max-width:var(--note-max-width-landing);line-height:1.4}.annotation-note[data-type=highlight]{color:var(--annotation-highlight)}.annotation-note[data-type=underline]{color:var(--annotation-underline)}.annotation-note[data-type=bracket]{color:var(--annotation-bracket)}.annotation-note[data-type=circle]{color:var(--annotation-circle)}.annotation-note[data-type=strikethrough]{color:var(--annotation-strikethrough)}.annotation-note[data-type=box]{color:var(--annotation-box)}.mark{font-variation-settings:var(--font-axes-mark);font-weight:var(--font-weight-mark);font-size:var(--text-2);color:var(--accent);line-height:1}.meta{font-variation-settings:var(--font-axes-ui);font-size:var(--text--2);color:var(--fg-subtle);letter-spacing:.02em}.mono{font-variation-settings:var(--font-axes-mono);font-size:var(--text--1);color:var(--fg-muted)}a{color:inherit;text-decoration:none}button{font-family:var(--font-editorial);font-variation-settings:var(--font-axes-ui);cursor:pointer;color:inherit;background:0 0;border:none}textarea,input{font-family:var(--font-editorial);font-variation-settings:var(--font-axes-mono);color:var(--fg);background:var(--bg)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.ai-dot--ready:focus-visible{outline:2px solid var(--accent);outline-offset:4px;opacity:1;color:var(--accent);border-radius:999px}@keyframes breathing-dot{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.65;transform:scale(1.15)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.marginal-note,.annotation-note{opacity:1;animation:none!important}}}@font-face{font-family:Recursive;font-style:oblique 0deg 15deg;font-weight:300 1000;font-display:swap;src:url(../../../fonts/recursive-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Recursive;font-style:oblique 0deg 15deg;font-weight:300 1000;font-display:swap;src:url(../../../fonts/recursive-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.ProseMirror{white-space:pre-wrap;word-wrap:break-word;outline:none}.ProseMirror,.snap-text,.demo-text,.snap-body,.piece-title{font-variation-settings:var(--font-axes-body)}.marginal-note p,.snap-note,.piece-spine,.ai-suggestion{font-variation-settings:var(--font-axes-note)}.wordmark,.mark{font-variation-settings:var(--font-axes-mark)}@media (width<=640px){:root{--column-width:100%;--margin-width:36px;--header-height:44px}}header.svelte-12qhfyh{height:var(--header-height);padding:0 var(--space-5);background:var(--bg);border-bottom:1px solid var(--fg-faint);z-index:100;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.header-left.svelte-12qhfyh{align-items:center;gap:var(--space-4);display:flex}.header-center.svelte-12qhfyh{justify-content:center;align-items:center;display:flex}.header-status.svelte-12qhfyh{justify-content:center;align-items:center;gap:.95ch;min-height:1lh;display:flex}.header-right.svelte-12qhfyh{justify-content:flex-end;align-items:center;gap:var(--space-4);display:flex}.wordmark.svelte-12qhfyh{font-family:var(--font-editorial);font-variation-settings:var(--font-axes-mark);font-size:var(--text-1);font-weight:var(--font-weight-mark);letter-spacing:.04em;color:var(--accent);transition:opacity var(--transition-fast);text-decoration:none}.wordmark.svelte-12qhfyh:hover{opacity:.65}.wordmark-mark.svelte-12qhfyh{font-variation-settings:var(--font-axes-mark-display)}.nav-link.svelte-12qhfyh{font-size:var(--text--1);font-variation-settings:var(--font-axes-ui);color:var(--fg-muted);letter-spacing:.03em;transition:color var(--transition-fast);text-decoration:none}.nav-link.svelte-12qhfyh:hover,.nav-link.active.svelte-12qhfyh{color:var(--fg)}.ai-dot.svelte-12qhfyh{appearance:none;width:.62rem;height:.62rem;color:var(--fg);transition:opacity .6s ease, color var(--transition), transform var(--transition), scale var(--transition);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.ai-dot.svelte-12qhfyh:before{content:"";box-sizing:border-box;transition:opacity .6s ease, transform var(--transition), background var(--transition), border-color var(--transition);background:currentColor;border-radius:999px;position:absolute;inset:0}.ai-dot--thinking.svelte-12qhfyh{color:var(--fg);animation:3s ease-in-out infinite svelte-12qhfyh-aiPulse}.ai-dot--thinking.svelte-12qhfyh:before{opacity:1;background:0 0;border:1.25px solid;transform:scale(.8)}.ai-dot--idle.svelte-12qhfyh{color:var(--fg)}.ai-dot--idle.svelte-12qhfyh:before{opacity:1;background:0 0;border:1.25px solid;transform:scale(.8)}.ai-dot--ready.svelte-12qhfyh{color:var(--fg);cursor:pointer}.ai-dot--ready.svelte-12qhfyh:before{opacity:1;transform:scale(1)}.ai-dot--ready.svelte-12qhfyh:hover{color:var(--accent);transform:translateY(-.5px)scale(1.04)}.ai-dot--revealed.svelte-12qhfyh{color:var(--fg)}.ai-dot--revealed.svelte-12qhfyh:before{opacity:1;filter:brightness(.9);background:currentColor;border:1.25px solid;transform:scale(1)}.ai-complete.svelte-12qhfyh{font-size:var(--text-1);font-variation-settings:var(--font-axes-mark);color:var(--accent-bright);justify-content:center;align-items:center;line-height:1;animation:.8s svelte-12qhfyh-aiCompleteFade;display:inline-flex}main.svelte-12qhfyh{padding-top:var(--header-height);min-height:100vh}@media (width<=640px){header.svelte-12qhfyh{padding:0 16px}}@keyframes svelte-12qhfyh-aiPulse{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.85;transform:translateY(-.5px)}}@keyframes svelte-12qhfyh-aiCompleteFade{0%{opacity:0;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ai-dot--thinking.svelte-12qhfyh{opacity:.6;animation:none}.ai-complete.svelte-12qhfyh{animation:none}}