:root{--radius: 4px;--radius-lg: 8px;--f-display: "Fraunces", ui-serif, Georgia, serif;--f-body: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--f-mono: "DM Mono", ui-monospace, "Menlo", monospace;--f-stomp: "Rubik Mono One", "Fraunces", sans-serif;--f-garamond: "EB Garamond", "Fraunces", ui-serif, Georgia, serif}html[data-theme=funk]{--bg: #1b120a;--surface: #2d1e10;--surface-2: #3a2912;--surface-3: #4a341a;--ink: #f6e9b9;--ink-2: #e6d592;--ink-mute: #c9a14f;--accent: #ff5aa2;--accent-2: #79ff4a;--good: #aaff3c;--warn: #ffb43c;--bad: #ff3c6a;--hair: #5a3e22;--hair-2: #7a5a30;--paper: var(--bg);--paper-2: var(--surface);--paper-3: var(--surface-2);--muted: var(--ink-mute);--hairline: var(--hair);--hairline-2:var(--hair-2);--sage: var(--good);--amber: var(--accent-2);--umber: var(--accent);--rust: var(--bad);--bristol-1: var(--bad);--bristol-2: var(--warn);--bristol-3: var(--accent-2);--bristol-4: var(--good);--bristol-5: var(--accent-2);--bristol-6: var(--warn);--bristol-7: var(--bad);--shadow-off: 8px 8px 0 0 var(--accent);--shadow-off2: 6px 6px 0 0 var(--accent-2);--sel-bg: var(--accent);--sel-fg: var(--bg);--btn-bg: var(--accent);--btn-fg: var(--bg);--btn-bg-2: var(--accent-2);--btn-fg-2: var(--bg)}html[data-theme=nature]{--bg: #eaeadc;--surface: #dee1c5;--surface-2: #c8cfa7;--surface-3: #b4bd8a;--ink: #1f2b14;--ink-2: #3d4d28;--ink-mute: #768258;--accent: #b45d2e;--accent-2: #5a8a3a;--good: #4e7a2a;--warn: #c4a23a;--bad: #8f3624;--hair: #a8b07f;--hair-2: #808a5e;--paper: var(--bg);--paper-2: var(--surface);--paper-3: var(--surface-2);--muted: var(--ink-mute);--hairline: var(--hair);--hairline-2:var(--hair-2);--sage: var(--good);--amber: var(--warn);--umber: var(--accent);--rust: var(--bad);--shadow-off: 0 6px 18px color-mix(in srgb, var(--accent-2) 28%, transparent);--shadow-off2: 0 6px 18px color-mix(in srgb, var(--accent) 22%, transparent);--sel-bg: var(--accent-2);--sel-fg: var(--bg);--btn-bg: var(--accent-2);--btn-fg: var(--bg);--btn-bg-2: var(--accent);--btn-fg-2: var(--bg)}html[data-theme=georgian]{--bg: #f3ead3;--surface: #e9dfc1;--surface-2: #dcd0ac;--surface-3: #cdc099;--ink: #1d130a;--ink-2: #3a2819;--ink-mute: #7b5e3d;--accent: #8b1a1a;--accent-2: #1d4b4a;--good: #4c6b2b;--warn: #a87026;--bad: #6b1414;--hair: #a69264;--hair-2: #7b5e3d;--paper: var(--bg);--paper-2: var(--surface);--paper-3: var(--surface-2);--muted: var(--ink-mute);--hairline: var(--hair);--hairline-2:var(--hair-2);--sage: var(--good);--amber: var(--accent-2);--umber: var(--accent);--rust: var(--bad);--shadow-off: 0 2px 0 color-mix(in srgb, var(--ink) 18%, transparent);--shadow-off2: 0 2px 0 color-mix(in srgb, var(--ink) 18%, transparent);--sel-bg: var(--accent);--sel-fg: var(--bg);--btn-bg: var(--accent);--btn-fg: var(--bg);--btn-bg-2: var(--accent-2);--btn-fg-2: var(--bg)}html[data-theme=industrial-neon]{--bg: #050608;--surface: #0d1014;--surface-2: #141920;--surface-3: #1c232d;--ink: #e9f7ff;--ink-2: #b8d2e4;--ink-mute: #7f9fb5;--accent: #ff1e88;--accent-2: #2cf7ff;--good: #69ffa5;--warn: #ffd257;--bad: #ff5151;--hair: #1e2630;--hair-2: #2a3545;--paper: var(--bg);--paper-2: var(--surface);--paper-3: var(--surface-2);--muted: var(--ink-mute);--hairline: var(--hair);--hairline-2:var(--hair-2);--sage: var(--good);--amber: var(--accent-2);--umber: var(--accent);--rust: var(--bad);--bristol-1: var(--bad);--bristol-2: var(--warn);--bristol-3: var(--accent-2);--bristol-4: var(--good);--bristol-5: var(--accent-2);--bristol-6: var(--warn);--bristol-7: var(--bad);--shadow-off: 0 0 0 1px var(--hair-2), 0 0 18px color-mix(in srgb, var(--accent) 45%, transparent);--shadow-off2: 0 0 0 1px var(--hair-2), 0 0 18px color-mix(in srgb, var(--accent-2) 45%, transparent);--sel-bg: var(--accent-2);--sel-fg: var(--bg);--btn-bg: var(--accent);--btn-fg: #fff;--btn-bg-2: var(--accent-2);--btn-fg-2: var(--bg)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}html[data-theme=funk] body:before{background:radial-gradient(60% 50% at 10% 0%,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 60%),radial-gradient(55% 45% at 100% 100%,color-mix(in srgb,var(--accent-2) 16%,transparent) 0%,transparent 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 0.85  0 0 0 0 0.35  0 0 0 0.28 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:screen;opacity:.55}html[data-theme=industrial-neon] body:before{background:linear-gradient(transparent 0 0) 0 0/100% 100%,repeating-linear-gradient(0deg,transparent 0 38px,color-mix(in srgb,var(--hair) 55%,transparent) 38px 39px),repeating-linear-gradient(90deg,transparent 0 38px,color-mix(in srgb,var(--hair) 55%,transparent) 38px 39px),radial-gradient(80% 55% at 50% 0%,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 65%),radial-gradient(70% 50% at 50% 100%,color-mix(in srgb,var(--accent-2) 10%,transparent) 0%,transparent 65%);opacity:.9}html[data-theme=nature] body:before{background:radial-gradient(55% 45% at 15% 10%,color-mix(in srgb,var(--warn) 22%,transparent) 0%,transparent 60%),radial-gradient(65% 55% at 100% 90%,color-mix(in srgb,var(--accent-2) 20%,transparent) 0%,transparent 65%),radial-gradient(45% 35% at 70% 20%,color-mix(in srgb,var(--good) 14%,transparent) 0%,transparent 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.45  0 0 0 0 0.22  0 0 0 0.1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:multiply;opacity:.85}html[data-theme=nature] h1,html[data-theme=nature] h2,html[data-theme=nature] h3{font-family:var(--f-display)}html[data-theme=nature] a{color:var(--accent)}html[data-theme=georgian] body:before{background:radial-gradient(70% 55% at 10% 0%,color-mix(in srgb,var(--accent) 6%,transparent) 0%,transparent 70%),radial-gradient(60% 50% at 100% 100%,color-mix(in srgb,var(--accent-2) 6%,transparent) 0%,transparent 70%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.6  0 0 0 0 0.45  0 0 0 0 0.2  0 0 0 0.1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:multiply;opacity:.8}html[data-theme=georgian] h1,html[data-theme=georgian] h2,html[data-theme=georgian] h3{font-family:var(--f-garamond)}html[data-theme=georgian] body{font-family:var(--f-garamond);font-size:1.02rem}html[data-theme=georgian] a{color:var(--accent)}main{position:relative;z-index:1}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}h1,h2,h3{font-family:var(--f-display);font-weight:700;color:var(--ink);letter-spacing:-.015em;margin:0}::selection{background:var(--sel-bg);color:var(--sel-fg)}button{font-family:var(--f-body);font-size:.95rem;letter-spacing:.01em;padding:.65rem 1rem;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bg);border-radius:var(--radius);cursor:pointer;transition:transform .14s var(--ease-spring-3, cubic-bezier(.5,1.8,.4,.8)),box-shadow .14s var(--ease-out-3, ease),background .16s var(--ease-out-2, ease)}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-3, 0 3px 0 0 var(--hair-2))}button:active{transform:translateY(0);box-shadow:none}input,textarea,select{font-family:var(--f-body);background:var(--surface);color:var(--ink);border:1px solid var(--hair);border-radius:var(--radius);padding:.55rem .7rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 28%,transparent)}.chrome-bar{position:fixed;top:.9rem;right:.9rem;display:inline-flex;align-items:stretch;border:1px solid var(--hair-2);background:color-mix(in srgb,var(--surface) 92%,transparent);border-radius:999px;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;z-index:40;box-shadow:0 4px 18px #0005;backdrop-filter:blur(8px);overflow:hidden}.chrome-bar a,.chrome-bar .current{padding:.5rem .8rem;color:var(--ink-mute);text-decoration:none;align-self:center;transition:color .12s ease,background .12s ease;border-right:1px solid var(--hair-2)}.chrome-bar a:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 18%,transparent)}.chrome-bar a[aria-current=page]{color:var(--ink);background:color-mix(in srgb,var(--accent) 22%,transparent)}.chrome-bar .theme-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .55rem .4rem .8rem;color:var(--ink-mute)}.chrome-bar .theme-pill b{color:var(--ink);font-weight:500;letter-spacing:.12em}.chrome-bar .theme-pill button{background:transparent;border:1px solid var(--hair-2);color:var(--ink);padding:.18rem .5rem;border-radius:999px;font-family:var(--f-mono);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}.chrome-bar .theme-pill button:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:520px){.chrome-bar{top:.5rem;right:.5rem;font-size:.55rem}.chrome-bar a,.chrome-bar .theme-pill{padding-inline:.55rem}}html[data-theme=funk] .chrome-bar{border-width:2px;box-shadow:4px 4px 0 0 var(--accent)}html[data-theme=industrial-neon] .chrome-bar{background:color-mix(in srgb,var(--surface) 85%,transparent);box-shadow:0 0 0 1px var(--hair-2),0 0 18px color-mix(in srgb,var(--accent-2) 25%,transparent)}html[data-theme=georgian] .chrome-bar{border-radius:2px;border:1px double var(--ink);background:var(--surface);box-shadow:2px 2px 0 0 var(--hair-2)}html[data-theme=georgian] .chrome-bar a,html[data-theme=georgian] .chrome-bar .theme-pill{font-family:var(--f-mono);letter-spacing:.22em}html[data-theme=nature] .chrome-bar{border-radius:999px;border:1px solid var(--hair-2);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 6px 18px color-mix(in srgb,var(--accent-2) 26%,transparent)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
