:root{--glass:#0c122266;--glass-strong:#0c1222c2;--line:#ffffff24;--text:#f6f1e9;--muted:#f6f1e9ad;--accent:#f3d59b;--accent-ink:#1d1a14;--focus:#a9d8ff;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{background:#0d1424;height:100%;margin:0;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui button,#ui select,#ui input,#ui .panel,#ui .dock{pointer-events:auto}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}kbd{font:inherit;border:1px solid var(--line);background:#ffffff14;border-radius:6px;padding:1px 6px;font-size:.85em}.topbar{padding:max(18px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) 0 max(22px, env(safe-area-inset-left));text-shadow:0 1px 14px #0006;justify-content:space-between;align-items:flex-start;gap:12px;transition:opacity .6s;display:flex;position:absolute;top:0;left:0;right:0}.brand h1{font-family:var(--serif);letter-spacing:.04em;margin:0;font-size:clamp(20px,2.4vw,28px);font-weight:500}.tagline{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:3px 0 0;font-size:11px}.now-playing{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);text-shadow:none;border-radius:999px;margin:4px 0 0;padding:7px 14px;font-size:13px}.now-playing #np-chord{color:var(--text);text-align:center;min-width:2.6em;display:inline-block}.now-playing .dot{opacity:.5;margin:0 7px}.intro{text-align:center;text-shadow:0 2px 18px #00000073;place-content:center;justify-items:center;gap:10px;padding:24px;transition:opacity 1s,visibility 1s;display:grid;position:absolute;inset:0}.intro.hidden{opacity:0;visibility:hidden}.big-play{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:radial-gradient(circle at 32% 28%,#ffffff4d,#ffffff0f 70%);border:1px solid #ffffff61;border-radius:50%;place-items:center;width:108px;height:108px;transition:transform .35s,background .35s;display:grid;position:relative;box-shadow:0 16px 50px #00000047,inset 0 0 0 6px #ffffff0a}.big-play:after{content:"";border:1px solid #ffffff40;border-radius:50%;animation:4s ease-in-out infinite breathe;position:absolute;inset:-10px}.big-play:hover{background:radial-gradient(circle at 32% 28%,#ffffff61,#ffffff1a 70%);transform:scale(1.05)}.big-play .icon svg{width:42px;height:42px;margin-left:6px}.big-play .spinner,.icon-btn .spinner{opacity:0;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:46px;height:46px;animation:1s linear infinite spin;position:absolute}.big-play.loading .big-play-icon{opacity:0}.big-play.loading .spinner{opacity:1}.icon-btn.loading{opacity:.6}.intro-title{font-family:var(--serif);margin:20px 0 0;font-size:clamp(22px,3.2vw,36px);font-weight:400}.intro-sub{max-width:34em;color:var(--muted);margin:0;font-size:15px;line-height:1.5}.intro-hint{color:var(--muted);margin:6px 0 0;font-size:12px}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}.dock{left:50%;bottom:max(18px, env(safe-area-inset-bottom));background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.2);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:calc(100vw - 24px);padding:7px;transition:opacity .6s,transform .6s;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 14px 44px #00000042}.icon-btn{width:42px;height:42px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .2s,color .2s,transform .15s;display:inline-grid;position:relative}.icon-btn .icon{place-items:center;display:grid}.icon-btn:hover{background:#ffffff1f}.icon-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.5;cursor:default}.icon-btn.primary{background:var(--accent);width:48px;height:48px;color:var(--accent-ink)}.icon-btn.primary:hover{background:#f8e2b6}.icon-btn.small{width:34px;height:34px}.icon-btn.small svg{width:18px;height:18px}.icon-btn.record.recording{color:#ff7a7a;background:#ff5a5a24;border-radius:999px;gap:6px;width:auto;padding:0 12px 0 10px;display:inline-flex}.icon-btn.record.recording .icon{animation:1.6s ease-in-out infinite pulse}.rec-time{font-variant-numeric:tabular-nums;font-size:12px}.rec-time:empty{display:none}@keyframes pulse{50%{opacity:.35}}.sep{background:var(--line);width:1px;height:26px;margin:0 4px}select{appearance:none;font:inherit;color:var(--text);cursor:pointer;border:1px solid var(--line);background:#ffffff14 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23f6f1e9' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:999px;padding:9px 32px 9px 14px;font-size:14px}select:hover{background-color:#ffffff24}select option{color:#121620;background:#f6f1e9}.panel{overscroll-behavior:contain;background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.25);scrollbar-width:thin;scrollbar-color:#fff3 transparent;border-radius:20px;width:min(384px,100vw - 24px);padding:0 20px 24px;animation:.35s panel-in;position:absolute;top:12px;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 24px 70px #0006}.panel[hidden]{display:none}@keyframes panel-in{0%{opacity:0;transform:translate(16px)}}.panel-head{z-index:1;background:linear-gradient(#0e1424e6 70%,#0e142400);justify-content:space-between;align-items:center;margin:0 -20px;padding:14px 20px 10px;display:flex;position:sticky;top:0}.panel-head h2{font-family:var(--serif);margin:0;font-size:22px;font-weight:500}.group{border-top:1px solid var(--line);padding:14px 0 8px}.group h3{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:11px;font-weight:600}.group h4{color:var(--muted);margin:16px 0 6px;font-size:13px;font-weight:600}.field{margin-bottom:14px}.field>label{justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.range-row{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.range-row input{flex:1}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#fff3;border-radius:4px;height:4px}input[type=range]::-moz-range-track{background:#fff3;border-radius:4px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 6px #00000059}input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:16px;height:16px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 12px;display:grid}.select-field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.select-field.wide{grid-column:1/-1}.select-field select{border-radius:12px;width:100%}.switch{cursor:pointer;align-items:center;gap:12px;padding:8px 0;display:flex;position:relative}.switch input{opacity:0;width:1px;height:1px;position:absolute}.track{background:#ffffff2e;border-radius:999px;flex:none;width:40px;height:24px;transition:background .2s;position:relative}.track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{outline:2px solid var(--focus);outline-offset:2px}.switch-label{flex-direction:column;font-size:14px;line-height:1.3;display:flex}.switch-label small{color:var(--muted);font-size:12px}.segmented{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.segmented button,.text-btn{font:inherit;color:var(--text);cursor:pointer;border:1px solid var(--line);background:#ffffff12;border-radius:999px;padding:8px 12px;font-size:13px;transition:background .2s,color .2s}.segmented button:hover,.text-btn:hover{background:#ffffff24}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.layers{margin:0;padding:0;list-style:none}.layer{border-bottom:1px dashed #ffffff14;padding:4px 0 8px}.layer:last-child{border-bottom:0}.layer input[type=range]{width:calc(100% - 52px);margin-left:52px;display:block}.layer.off input[type=range]{opacity:.4}.scene-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.scene-grid button{aspect-ratio:4/3;font:inherit;text-align:left;color:#fff;text-shadow:0 1px 6px #0009;cursor:pointer;border:1px solid var(--line);border-radius:12px;align-items:flex-end;padding:7px 8px;font-size:11.5px;line-height:1.2;transition:transform .2s,box-shadow .2s;display:flex}.scene-grid button:hover{transform:translateY(-1px)}.scene-grid button[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.scene-grid [data-scene=forest]{background:linear-gradient(#f7cfa4,#6f8f63 55%,#243b2c)}.scene-grid [data-scene=lake]{background:linear-gradient(#a9cbe6,#6d93b8 50%,#22385a)}.scene-grid [data-scene=mountain]{background:linear-gradient(#f7b27a,#b86a78 55%,#3b2c50)}.scene-grid [data-scene=blossom]{background:linear-gradient(#fde2ea,#e9a8c0 55%,#7a4e6c)}.scene-grid [data-scene=aurora]{background:linear-gradient(#0a1633,#1b4d63 55%,#2fa38a)}.scene-grid [data-scene=rain]{background:linear-gradient(#9aa7b5,#6b7f86 55%,#34503f)}.seed-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}code{color:var(--accent);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.favorites{margin:0;padding:0;list-style:none}.favorites li{align-items:center;gap:6px;display:flex}.favorites li.empty{color:var(--muted);font-size:13px}.fav-load{font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:8px 10px;font-size:13px}.fav-load:hover{background:#ffffff1a}.shortcuts{grid-template-columns:auto 1fr;gap:7px 14px;margin:0;font-size:13px;display:grid}.shortcuts dd{color:var(--muted);margin:0}.toast{left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 76px);text-align:center;background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);opacity:0;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;transition:opacity .3s,transform .3s;position:absolute;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}body.zen{cursor:none}body.zen .topbar,body.zen .intro,body.zen .dock,body.zen .panel{opacity:0;pointer-events:none!important}body.zen .dock{transform:translate(-50%,24px)}body.zen .dock *{pointer-events:none!important}@media (max-width:680px){.topbar{flex-direction:column;gap:8px}.now-playing{padding:6px 12px;font-size:12px}.dock{bottom:max(10px, env(safe-area-inset-bottom));border-radius:24px;gap:2px;padding:6px}.icon-btn{width:40px;height:40px}.sep{display:none}.scene-wrap{flex-basis:100%;order:10;justify-content:center;padding-top:2px;display:flex}.scene-wrap select{width:100%}.panel{background:#0c1222ed;width:auto;max-height:80vh;inset:auto 8px 8px}.toast{bottom:calc(max(10px, env(safe-area-inset-bottom)) + 120px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.reduced-motion *,body.reduced-motion :before,body.reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}