.folio{--f-paper:#FBF9F4;--f-paper-2:#F4EFE4;--f-vellum:#FFFDF8;--f-ink:#141210;--f-graphite:#5B5650;--f-faint:#7E776C;--f-rule:#E3DCCD;--f-rule-2:#D3C9B5;--f-sanguine:#9C3E26;--f-sanguine-wash:rgba(156,62,38,.08);--f-blue:#1B365D;--f-blue-wash:rgba(27,54,93,.07);--f-light:#2F7BE8;--f-light-glow:rgba(47,123,232,.55);--f-light-wash:rgba(47,123,232,.08);--f-ok:#4C6B3F;--f-warn:#687834;--f-err:#A3341F;--f-serif:"EB Garamond",Garamond,Georgia,serif;--f-sans:"IBM Plex Sans",-apple-system,system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;background:var(--f-paper);color:var(--f-ink);font-family:var(--f-sans);color-scheme:light}@media(prefers-color-scheme:dark){.folio:not([data-theme=light]){--f-paper:#16140F;--f-paper-2:#1D1A14;--f-vellum:#1F1C16;--f-ink:#EEE7DA;--f-graphite:#B5AC9D;--f-faint:#958D7F;--f-rule:#2E2A22;--f-rule-2:#3A352B;--f-sanguine:#D9785A;--f-sanguine-wash:rgba(217,120,90,.12);--f-blue:#9DB6DE;--f-blue-wash:rgba(157,182,222,.1);--f-light:#5B9BFF;--f-light-glow:rgba(91,155,255,.6);--f-light-wash:rgba(91,155,255,.1);--f-ok:#9CC18A;--f-warn:#ADBA80;--f-err:#F08A70;color-scheme:dark}}.folio[data-theme=dark]{--f-paper:#16140F;--f-paper-2:#1D1A14;--f-vellum:#1F1C16;--f-ink:#EEE7DA;--f-graphite:#B5AC9D;--f-faint:#958D7F;--f-rule:#2E2A22;--f-rule-2:#3A352B;--f-sanguine:#D9785A;--f-sanguine-wash:rgba(217,120,90,.12);--f-blue:#9DB6DE;--f-blue-wash:rgba(157,182,222,.1);--f-light:#5B9BFF;--f-light-glow:rgba(91,155,255,.6);--f-light-wash:rgba(91,155,255,.1);--f-ok:#9CC18A;--f-warn:#ADBA80;--f-err:#F08A70;color-scheme:dark}.folio .f-serif{font-family:var(--f-serif)}.folio .f-mono{font-family:var(--f-mono)}.folio .f-btn{display:inline-flex;align-items:center;gap:8px;border-radius:8px;padding:8px 14px;font:500 13px var(--f-sans);border:1px solid var(--f-rule-2);background:var(--f-vellum);color:var(--f-ink);cursor:pointer;text-decoration:none;line-height:1.2}.folio .f-btn:hover{border-color:var(--f-graphite)}.folio .f-btn.ink{background:var(--f-ink);color:var(--f-paper);border-color:var(--f-ink)}.folio .f-btn.quiet{background:transparent;border-color:transparent;color:var(--f-graphite)}.folio .f-btn:disabled{opacity:.55;cursor:default}.folio .f-link{background:none;border:0;padding:0;color:var(--f-ink);font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--f-rule-2);text-underline-offset:3px}.folio .f-link:hover{text-decoration-color:currentColor}.folio .f-label{font:600 11px/1.2 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--f-faint)}.folio .f-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--f-rule-2);border-radius:999px;padding:2px 9px;font-size:12px;color:var(--f-graphite);background:var(--f-vellum)}.folio .f-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;background:var(--c, var(--f-graphite))}.folio :focus-visible{outline:2px solid var(--f-blue);outline-offset:2px}.folio,.folio-inks{--ink-you:#9C3E26;--ink-a2:#3F6B4E;--ink-a3:#6B4C8A;--ink-a4:#627131;--ink-a5:#2C6E78;--ink-a6:#546129;--ink-ai:#2F7BE8;--ink-gap:#C9C0AE}@media(prefers-color-scheme:dark){.folio:not([data-theme=light]),.folio-inks:not([data-theme=light]){--ink-you:#D9785A;--ink-a2:#8DBA98;--ink-a3:#B79AD6;--ink-a4:#ADBB80;--ink-a5:#7FC3CC;--ink-a6:#B2BF88;--ink-ai:#5B9BFF;--ink-gap:#4A4438}}.folio[data-theme=dark],.folio-inks[data-theme=dark]{--ink-you:#D9785A;--ink-a2:#8DBA98;--ink-a3:#B79AD6;--ink-a4:#ADBB80;--ink-a5:#7FC3CC;--ink-a6:#B2BF88;--ink-ai:#5B9BFF;--ink-gap:#4A4438}.folio .f-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:f-draw 2.2s cubic-bezier(.45,.05,.3,1) forwards}.folio .f-ink-in{opacity:0;animation:f-inkin .9s ease-out forwards}.folio .f-pulse{fill:none;stroke:var(--f-light);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:.08 .92;opacity:0;filter:drop-shadow(0 0 3px var(--f-light-glow));animation:f-flowonce 2.4s linear forwards;animation-delay:var(--d,2.6s)}.folio.f-drawn .f-draw{animation:none;stroke-dashoffset:0}.folio.f-drawn .f-ink-in{animation:none;opacity:1}.folio.f-drawn .f-pulse{display:none}@keyframes f-draw{to{stroke-dashoffset:0}}@keyframes f-inkin{to{opacity:1}}@keyframes f-flowonce{0%{opacity:0;stroke-dashoffset:0}8%{opacity:1}88%{opacity:1}to{opacity:0;stroke-dashoffset:-.92}}.folio .f-thread{position:relative;height:2px;background:var(--f-rule);overflow:hidden}.folio .f-thread.on:after{content:"";position:absolute;top:0;left:-30%;width:30%;height:2px;background:linear-gradient(90deg,transparent,var(--f-light),transparent);box-shadow:0 0 6px var(--f-light-glow);animation:f-run 1.6s linear infinite}@keyframes f-run{to{left:100%}}@media(prefers-reduced-motion:reduce){.folio .f-draw{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.folio .f-ink-in{animation:none;opacity:1}.folio .f-pulse{display:none}.folio .f-thread.on:after{animation:none;left:0;width:100%;opacity:.6}}
