:root{--bg-center:#525356;--bg-mid:#3a3b3e;--bg-edge:#323335;--ink:#26211d;--ink-soft:#6f675f;--control-ink:#26211d;--control-ink-soft:#6f675f;--glass:#ffffff9e;--glass-strong:#fcfaf7db;--glass-line:#26211d17;--glass-shadow:0 10px 30px -12px #3c281447, 0 1px 0 #ffffffb3 inset;--active:#26211d;--active-ink:#fbfaf8;--accent:#c2410c;--gutter:max(16px, env(safe-area-inset-left));--top:max(16px, env(safe-area-inset-top));--bottom:calc(max(6px, env(safe-area-inset-bottom)) + 22px);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}body.on-dark{--ink:#f6f2ed;--ink-soft:#f6f2edad}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--bg-edge);background-image:radial-gradient(120% 90% at 50% 38%, var(--bg-center) 0%, var(--bg-mid) 45%, var(--bg-edge) 100%);transition:background-color .3s}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.top{padding:var(--top) var(--gutter) 0;pointer-events:none;max-width:calc(100% - 300px);position:fixed;top:0;left:0}.brand h1{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.hint,.credit{color:var(--ink-soft);margin:3px 0 0;font-size:12.5px;line-height:1.35}.credit{pointer-events:auto}.credit a{color:inherit;text-underline-offset:2px}@media (hover:none){.hide-touch{display:none}}.picker{left:50%;bottom:var(--bottom);width:min(calc(100% - 2 * var(--gutter)), 468px);flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.stepper{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);color:var(--control-ink);border-radius:999px;align-items:center;gap:4px;padding:3px;display:flex}.count{text-align:center;min-width:84px;color:var(--control-ink-soft);font-variant-numeric:tabular-nums;margin:0;font-size:13.5px}.count strong{color:var(--control-ink);font-weight:600}.step{appearance:none;width:34px;height:34px;color:var(--control-ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;font-size:19px;line-height:1;transition:background-color .16s,transform .16s}.step:hover{background:#26211d12}.step:active{transform:scale(.9)}.buttons{background:var(--glass);border:1px solid var(--glass-line);width:100%;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-radius:18px;grid-template-columns:repeat(9,1fr);gap:4px;padding:5px;display:grid}.buttons button{appearance:none;min-width:0;height:44px;color:var(--control-ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:13px;margin:0;font-size:16px;font-weight:500;transition:background-color .16s,color .16s,transform .16s}.buttons button:hover{background:#26211d0f}.buttons button:active{transform:scale(.94)}.buttons button[aria-pressed=true]{background:var(--active);color:var(--active-ink);box-shadow:0 4px 12px -4px #26211d73}.buttons button:focus-visible,.step:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fineprint{left:0;right:0;bottom:max(6px, env(safe-area-inset-bottom));text-align:center;letter-spacing:.02em;color:var(--ink-soft);opacity:.8;pointer-events:none;margin:0;font-size:10.5px;line-height:14px;position:fixed}.panel{z-index:5;position:fixed}.panel-lighting{top:var(--top);right:var(--gutter)}.panel-apple{top:calc(var(--top) + 78px);left:var(--gutter)}.panel .lil-gui{--background-color:transparent;--text-color:var(--control-ink);--title-background-color:transparent;--title-text-color:var(--control-ink);--widget-color:#26211d13;--hover-color:#26211d1f;--focus-color:#26211d29;--number-color:#a1361a;--string-color:#3f6d24;--font-family:inherit;--font-size:12px;--input-font-size:12px;--padding:6px;--spacing:6px;--widget-height:24px;--title-height:32px;--widget-border-radius:6px;--name-width:42%;--slider-knob-width:3px;--folder-indent:0px}.panel .lil-gui.lil-root{background:var(--glass-strong);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-radius:14px;overflow:hidden}.panel .lil-gui.lil-root>.lil-title{padding-left:12px;font-size:12.5px;font-weight:600}.panel .lil-gui.lil-root>.lil-children{max-height:calc(100dvh - 250px);padding:0 4px 6px;overflow-y:auto}.panel .lil-gui .lil-gui>.lil-title{border-top:1px solid var(--glass-line);color:var(--control-ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.panel .lil-gui .lil-controller.lil-function button .lil-name{text-align:center}.panel .lil-gui .lil-controller.danger{--text-color:#b42318}@media (width<=700px){.top{max-width:calc(100% - 150px)}.credit{display:none}.panel-lighting{left:auto}.panel-lighting .lil-gui.lil-root{width:min(272px, calc(100vw - 2 * var(--gutter)))!important}.panel-lighting .lil-gui.lil-root.lil-closed{width:124px!important}.panel-apple{top:auto;left:var(--gutter);right:var(--gutter);bottom:calc(var(--bottom) + 108px)}.panel-apple .lil-gui.lil-root{width:100%!important}.panel-apple .lil-gui.lil-root>.lil-children{max-height:34dvh}}.loader{background:var(--bg-edge);background-image:radial-gradient(120% 90% at 50% 38%, var(--bg-center) 0%, var(--bg-mid) 45%, var(--bg-edge) 100%);z-index:10;place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}.loader.done{opacity:0;visibility:hidden}.loader-inner{text-align:center;width:min(220px,60vw)}.bar{background:#80766c40;border-radius:3px;height:3px;overflow:hidden}.bar span{background:var(--ink);border-radius:inherit;width:0%;height:100%;transition:width .2s;display:block}#loader-text{color:var(--ink-soft);margin:12px 0 0;font-size:13px}@media (prefers-reduced-motion:reduce){.buttons button,.step,.loader,.bar span,body{transition:none}}