@font-face{font-family:Typefound Cosmic;src:url(../../../fonts/typefound-cosmic.woff2?v=15d3c4c6) format("woff2");font-display:swap}@font-face{font-family:Typefound Relief;src:url(../../../fonts/typefound-solid3d.woff2?v=bf85ca11) format("woff2");font-display:swap}@font-face{font-family:Typefound Bubble;src:url(../../../fonts/typefound-bubble.woff2?v=60540cfe) format("woff2");font-display:swap}@font-face{font-family:Typefound Star;src:url(../../../fonts/typefound-star.woff2?v=f99ed2fb) format("woff2");font-display:swap}@font-face{font-family:Typefound Fire;src:url(../../../fonts/typefound-fire.woff2?v=405b1297) format("woff2");font-display:swap}@font-face{font-family:Typefound Mercury;src:url(../../../fonts/typefound-mercury.woff2?v=d93564ae) format("woff2");font-display:swap}@font-face{font-family:Typefound Rail;src:url(../../../fonts/typefound-rail.woff2?v=75383bdc) format("woff2");font-display:swap}@font-face{font-family:Typefound Drip;src:url(../../../fonts/typefound-drip.woff2?v=48563a38) format("woff2");font-display:swap}:root{--bg: #ffffff;--fg: #111111;--ink: #050505;--muted: #6b6b6b;--rule: #e8e8e8;--tint: #f4f4f4;--err: #c0392b;--deep: #0d0c0a;--gold: #d8b25c;--gold-dim: #8c7434;--screenful: min(100svh, 940px);--pad: clamp(18px, 4vw, 40px);--radius: 22px;--sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--display: "Typefound Cosmic", var(--sans);--mono: ui-monospace, "Cascadia Mono", Menlo, monospace;color-scheme:light dark}@media(max-width:760px){:root{--screenful: 0px}}@media(prefers-color-scheme:dark){:root{--bg: #0a0a0a;--fg: #f2f2f2;--ink: #fafafa;--muted: #8a8a8a;--rule: #1f1f1f;--tint: #141414;--err: #ff6b5e;--deep: #050505;--gold: #e2bd66;--gold-dim: #9c8038}}*{box-sizing:border-box;margin:0;padding:0;font:inherit;color:inherit}html{height:100%;scroll-behavior:smooth;overscroll-behavior-y:none;scrollbar-width:none;background:var(--bg)}body{min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--display);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}h1,h2,h3,.mono{font-family:var(--display);font-weight:400;letter-spacing:0}h1{font-size:clamp(32px,5.6vw,66px);line-height:1.16}h2{font-size:clamp(22px,2.6vw,31px);line-height:1.2}button,input,textarea,select{background:none;border:0;outline-offset:3px;font-family:inherit}button{cursor:pointer;transition:opacity .12s,border-color .12s,color .12s}button:disabled{cursor:default;opacity:.35}input:focus-visible,textarea:focus-visible{outline:none}a{color:inherit;text-decoration:none}::placeholder{color:var(--muted)}::selection{background:var(--fg);color:var(--bg)}.pill{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:11px 30px;font-family:var(--display);font-size:15px;font-weight:600;white-space:nowrap}.pill-solid{background:var(--ink);color:var(--bg)}.pill-solid:hover{opacity:.84}.pill-quiet{background:var(--tint);color:var(--fg)}.pill-quiet:hover{background:var(--rule)}dialog{margin:auto}::selection{background:var(--gold);color:#0d0c0a}.scroller{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.scroller::-webkit-scrollbar{width:0;height:0}.card{border-radius:var(--radius);background:var(--tint);overflow:hidden}.card-dots{background-color:var(--tint);background-image:radial-gradient(color-mix(in srgb,var(--muted) 34%,transparent) 1px,transparent 1px);background-size:14px 14px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.knob{display:grid;grid-template-columns:5.5em minmax(70px,1fr) 2.6em 30px;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.knob>span:first-child,.knob>.tick{grid-column:1}.knob input[type=range],.knob select,.knob .swatches{grid-column:2}.knob input[type=range]{width:100%;accent-color:var(--gold)}.knob select{width:100%}.knob em{grid-column:3;font-family:var(--display);font-style:normal;font-size:11px;color:var(--muted);text-align:right}.knob input[type=color]{grid-column:4;width:30px;height:24px;padding:0;border:1px solid var(--rule);border-radius:7px;background:none;cursor:pointer;justify-self:end}.knob .pair{grid-column:3 / 5;display:flex;align-items:center;justify-content:flex-end;gap:6px}.knob .pair input[type=color]{grid-column:auto}.knob .tick{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.knob :disabled{opacity:.35;cursor:default}.rail.svelte-pyqjfx{position:fixed;left:0;right:0;bottom:0;height:3px;z-index:90;background:var(--rule);opacity:0;transition:opacity .2s;pointer-events:none}.rail.live.svelte-pyqjfx{opacity:1}.fill.svelte-pyqjfx{height:100%;transform-origin:0 50%;background:linear-gradient(90deg,var(--gold-dim),var(--gold))}
