@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;--font-display: "Inter", "Helvetica Neue", Arial, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--text-xs: .6875rem;--text-sm: .8125rem;--text-md: .9375rem;--text-lg: 1.125rem;--radius: 14px;--bg-dark: #050507;--surface-dark: #101014;--ink-dark: #f5f5f7;--muted-dark: #8b8b94;--accent-dark: #4c6fff;--accent-ink-dark: #ffffff;--bg-light: #ede4d4;--surface-light: #f7f1e6;--ink-light: #1c1812;--muted-light: #7a7368;--accent-light: #4c6fff;--accent-ink-light: #ffffff;--ease: .16s cubic-bezier(.2, .7, .2, 1);--duration-fast: 80ms;--duration: .16s;--duration-slow: .28s}:root,[data-theme=light]{color-scheme:light dark;--bg: var(--bg-light);--surface: var(--surface-light);--ink: var(--ink-light);--muted: var(--muted-light);--accent: var(--accent-light);--accent-ink: var(--accent-ink-light);--canvas-blend: multiply;--glass: color-mix(in srgb, var(--surface-light) 78%, transparent);--glass-line: color-mix(in srgb, var(--ink-light) 14%, transparent);--glass-shadow: 0 18px 48px color-mix(in srgb, #1c1812 14%, transparent)}[data-theme=dark]{color-scheme:light dark;--bg: var(--bg-dark);--surface: var(--surface-dark);--ink: var(--ink-dark);--muted: var(--muted-dark);--accent: var(--accent-dark);--accent-ink: var(--accent-ink-dark);--canvas-blend: screen;--glass: color-mix(in srgb, var(--surface-dark) 62%, transparent);--glass-line: color-mix(in srgb, var(--ink-dark) 16%, transparent);--glass-shadow: 0 22px 60px color-mix(in srgb, #000000 55%, transparent)}@media(prefers-reduced-motion:reduce){:root{--ease: 0ms;--duration-fast: 0ms;--duration: 0ms;--duration-slow: 0ms}}html{color-scheme:light dark;height:100%;height:100dvh}html,body{margin:0;min-height:100%;min-height:100dvh;height:100%;height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}button,input{font:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus-visible{position:fixed;top:var(--space-2);left:var(--space-2);z-index:10;width:auto;height:auto;margin:0;padding:var(--space-2) var(--space-3);clip:auto;overflow:visible;white-space:normal;border:1px solid var(--glass-line);border-radius:calc(var(--radius) - 4px);background:var(--glass);color:var(--ink);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);font-size:var(--text-sm);font-weight:600;text-decoration:none}.stage{position:fixed;inset:0;width:100%;height:100%;height:100dvh;display:block;background:var(--bg);touch-action:none}html.is-idle .ui{opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--duration-slow),visibility 0s linear var(--duration-slow)}.ui{opacity:1;visibility:visible;transition:opacity var(--duration-slow),visibility 0s linear 0s}.card{position:fixed;left:auto;right:max(var(--space-3),env(safe-area-inset-right));bottom:calc(var(--space-5) + max(var(--space-3),env(safe-area-inset-bottom)) + var(--vv-bottom, 0px));transform:none;z-index:2;width:min(22rem,calc(100vw - var(--space-5)));max-height:calc(100dvh - 5.5rem - var(--vv-bottom, 0px));overflow:auto;padding:var(--space-2) var(--space-3);border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--glass);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}.card[data-chrome=collapsed]{left:max(var(--space-3),env(safe-area-inset-left));right:auto;width:auto;max-width:min(18rem,calc(100vw - var(--space-5)));max-height:none;overflow:visible;padding:var(--space-1) var(--space-2)}.card[data-chrome=collapsed] .chrome-panel{display:none}.chrome-pill{display:flex;align-items:center;gap:var(--space-2)}.chrome-toggle{flex:0 0 auto;min-width:2.75rem;min-height:2.75rem}@media(max-width:40rem){.card[data-chrome=collapsed]{left:50%;right:auto;transform:translate(-50%)}.card[data-chrome=expanded]{left:0;right:0;bottom:0;width:auto;max-width:none;transform:none;border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;max-height:70dvh;padding:var(--space-2) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom) + var(--vv-bottom, 0px))}.card[data-chrome=expanded] .sheet-handle{display:flex}.card[data-chrome=expanded][data-sheet=collapsed] .sheet-summary{display:block}.card[data-chrome=expanded][data-sheet=collapsed] #live-body .ctrl-group:not(:first-of-type){display:none}.colophon{display:none}}.sheet-handle{display:none;align-items:center;justify-content:center;width:100%;min-height:2.75rem;margin:0 0 var(--space-1);padding:0;border:0;background:transparent;cursor:pointer;touch-action:none}.sheet-handle-bar{display:block;width:2.5rem;height:.25rem;border-radius:999px;background:var(--muted)}.sheet-summary{display:none;margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-sm);line-height:1.4}.ctrl-group{margin:0 0 var(--space-3);padding:0 0 var(--space-3);border-bottom:1px solid var(--glass-line)}.ctrl-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.ctrl-heading{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.slider-row{display:grid;grid-template-columns:5.5rem 1fr 3.25rem;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);min-height:2.75rem}.slider-row:last-child{margin-bottom:0}.slider-label{color:var(--muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.device-row{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);min-height:2.75rem}.device-row select{width:100%;min-height:2.75rem;padding:0 var(--space-2);border:1px solid var(--glass-stroke);border-radius:calc(var(--radius) - 4px);background:var(--glass-fill);color:var(--ink);font:inherit;font-size:var(--text-sm);touch-action:manipulation}.level-row{display:grid;grid-template-columns:5.5rem 1fr;grid-template-rows:auto auto;align-items:center;column-gap:var(--space-2);row-gap:var(--space-1);margin:0 0 var(--space-2)}.level-meter{--level: 0;position:relative;height:.5rem;overflow:hidden;border-radius:calc(var(--radius) - 4px);background:color-mix(in srgb,var(--ink) 12%,transparent)}.level-fill{display:block;width:100%;height:100%;transform:scaleX(var(--level));transform-origin:left center;background:var(--accent);will-change:transform}.level-caption{grid-column:2;margin:0;color:var(--muted);font-size:var(--text-xs);line-height:1.3;min-height:1.3em}.auto-row{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);min-height:2.75rem}.auto-toggle{justify-self:start;min-width:3.5rem}.auto-toggle[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.slider-row input[type=range]{width:100%;height:2.75rem;accent-color:var(--accent);touch-action:manipulation}.slider-out{margin:0;color:var(--ink);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:right;line-height:1}.palette-swatch{display:inline-flex;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-1) var(--space-2);min-width:3.5rem}.palette-swatch .swatch{display:block;height:.75rem;border-radius:2px}.palette-swatch .swatch-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.palette-swatch[aria-pressed=true]{background:transparent;color:var(--ink);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mode-swatch{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);min-width:3.75rem}.mode-glyph{width:1.5rem;height:1.5rem;display:block}.mode-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.control-describe{position:fixed;z-index:20;max-width:min(18rem,calc(100vw - var(--space-5)));padding:var(--space-2) var(--space-3);border:1px solid var(--glass-line);border-radius:calc(var(--radius) - 4px);background:var(--glass);color:var(--ink);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);font-size:var(--text-sm);line-height:1.35;pointer-events:none}.settings{margin:0;border:0}.settings-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:2.75rem;padding:var(--space-1) var(--space-1);touch-action:manipulation}.settings-summary::-webkit-details-marker{display:none}.settings-label{color:var(--muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}.settings-label:after{content:" +";letter-spacing:0}.settings[open] .settings-label:after{content:" –"}.settings-body{padding:var(--space-2) var(--space-1) var(--space-1);border-top:1px solid var(--glass-line);margin-top:var(--space-1)}.identity{display:flex;align-items:center;gap:var(--space-2);margin:0}.mark{width:1.5rem;height:1.5rem;color:var(--accent);display:block;flex-shrink:0}.wordmark{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.16em;line-height:1}.seed{appearance:none;margin:0;padding:var(--space-2) 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:var(--text-xs);letter-spacing:.1em;line-height:1.2;cursor:pointer;text-align:left;min-height:2.75rem;touch-action:manipulation}.share-row{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3)}.share-row .seed{flex:1;min-width:0}.seed-row{display:grid;grid-template-columns:5.5rem 1fr auto;align-items:center;gap:var(--space-2);margin:var(--space-2) 0;min-height:2.75rem}.seed-input{width:100%;min-height:2.75rem;padding:0 var(--space-2);border:1px solid var(--glass-stroke);border-radius:calc(var(--radius) - 4px);background:var(--glass-fill);color:var(--ink);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:lowercase}.share-row .link-copy{flex:0 0 auto}.gate-copy{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--text-sm);line-height:1.4}.gate-privacy{margin:0 0 var(--space-3);color:var(--ink);font-size:var(--text-xs);line-height:1.4;letter-spacing:.02em}.row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-2)}.row:last-child{margin-bottom:0}.seg,.ghost,.primary,.theme-toggle button{appearance:none;border-radius:calc(var(--radius) - 4px);border:1px solid var(--glass-line);background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--ink);cursor:pointer;touch-action:manipulation;min-height:2.75rem}.seg,.theme-toggle button{padding:0 var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ghost{padding:0 var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em}.seg[aria-pressed=true]:not(.palette-swatch),.theme-toggle button[aria-pressed=true],.live-tools .ghost[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.primary,.ghost{padding:0 var(--space-3);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.ghost{background:transparent}.primary:disabled,.ghost:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;gap:var(--space-2);margin:0 0 var(--space-3)}.actions .primary,.actions .ghost{flex:1}.live-tools{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0}.live-tools .ghost{flex:1 1 calc(50% - var(--space-1))}.theme-toggle{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.theme-toggle button{flex:1}.onboard{width:min(24rem,calc(100vw - var(--space-5)));margin:auto;padding:0;border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--glass);color:var(--ink);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}.onboard::backdrop{background:color-mix(in srgb,var(--bg) 55%,transparent)}.onboard-panel{margin:0;padding:var(--space-4) var(--space-4) var(--space-4)}.onboard-kicker{margin:0 0 var(--space-2);color:var(--accent);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.16em}.onboard-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;line-height:1.25}.onboard-copy{margin:0 0 var(--space-4);color:var(--muted);font-size:var(--text-md);line-height:1.45}.onboard-actions{display:grid;gap:var(--space-2)}.onboard-actions .primary,.onboard-actions .ghost{width:100%}.colophon{position:fixed;left:0;right:0;bottom:var(--vv-bottom, 0px);z-index:2;padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));text-align:center;pointer-events:none}.byline{margin:0;color:var(--muted);font-size:var(--text-xs);letter-spacing:.08em}.colophon a,.colophon a:link,.colophon a:visited,.colophon a:hover,.colophon a:active,.byline a,.byline a:link,.byline a:visited,.byline a:hover,.byline a:active{color:inherit;text-decoration:inherit;opacity:inherit;pointer-events:auto}.rec-dot{position:fixed;top:max(var(--space-3),env(safe-area-inset-top));right:max(var(--space-3),env(safe-area-inset-right));z-index:3;width:.55rem;height:.55rem;border-radius:999px;background:var(--accent);pointer-events:none}.rec-dot[hidden]{display:none}.rec-status{margin:0;color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.rec-status[hidden]{display:none}.shortcuts-dialog{width:min(28rem,calc(100vw - var(--space-5)));margin:auto;padding:0;border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--glass);color:var(--ink);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}.shortcuts-dialog::backdrop{background:color-mix(in srgb,var(--bg) 55%,transparent)}.shortcuts-panel{padding:var(--space-4)}.shortcuts-title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.shortcuts-body{display:grid;gap:var(--space-3);margin:0 0 var(--space-4)}.shortcuts-group h3{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.shortcuts-group ul{list-style:none;margin:0;padding:0}.shortcuts-group li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:2.75rem;padding:var(--space-1) 0;border-top:1px solid var(--glass-line);font-size:var(--text-sm)}.shortcuts-group li:first-of-type{border-top:0}.shortcuts-group kbd{flex:0 0 auto;min-width:1.75rem;padding:var(--space-1) var(--space-2);border:1px solid var(--glass-line);border-radius:calc(var(--radius) - 6px);background:color-mix(in srgb,var(--surface) 55%,transparent);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-align:center}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}