:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3d9bd;--ink:#3b2f2a;--btn:clamp(68px, 10.5vmin, 96px);--knob:clamp(80px, 12vmin, 108px);--tile:clamp(76px, 12vmin, 112px);--gap:clamp(10px, 1.6vmin, 16px);--safe-l:max(16px, env(safe-area-inset-left));--safe-r:max(16px, env(safe-area-inset-right));--safe-t:max(14px, env(safe-area-inset-top));--safe-b:max(14px, env(safe-area-inset-bottom));--red:#e8483b;--green:#2fbf62;--blue:#3aa6e8;--yellow:#ffc93c;--slate:#2f333d}html,body{background:var(--bg);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0}#stage{width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#ui button,#ui .lever,#ui .panel,#ui .start{pointer-events:auto}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}svg{width:100%;height:100%;display:block}.lever{left:var(--safe-l);width:calc(var(--knob) + 12px);touch-action:none;cursor:grab;flex-direction:column;align-items:center;gap:8px;height:min(64vh,600px);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lever-icon{color:#fff;box-sizing:border-box;background:#2f333d8c;border-radius:50%;flex:none;width:38px;height:38px;padding:6px}.lever-track{width:46px;margin:calc(var(--knob) / 2 - 8px) 0;background:linear-gradient(90deg,#262a33,#3a3f4b 50%,#262a33);border-radius:23px;flex:1;position:relative;box-shadow:inset 0 3px 8px #00000073,0 2px #ffffff80}.lever-fill{max-height:calc(100% - 12px);box-shadow:0 0 calc(6px + var(--level,0) * 18px) rgba(255, 201, 60, calc(.25 + var(--level,0) * .5));background:linear-gradient(#ffc93c,#b6e34a 40%,#2fbf62);border-radius:17px;position:absolute;bottom:6px;left:6px;right:6px}.lever-knob{width:var(--knob);height:var(--knob);margin-left:calc(var(--knob) / -2);margin-bottom:calc(var(--knob) / -2);background:radial-gradient(circle at 35% 30%, #ff8a7d, var(--red) 55%, #b9352b);box-sizing:border-box;border:5px solid #fff4e6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:transform .12s;display:flex;position:absolute;left:50%;box-shadow:0 8px 16px #0000004d,inset 0 -6px 10px #0003}.lever-knob span{background:#fff4e6bf;border-radius:3px;width:38%;height:5px}.lever.active .lever-knob{transform:scale(1.08)}.controls{right:var(--safe-r);gap:var(--gap);flex-direction:column;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ctl{width:var(--btn);height:var(--btn);color:#fff;background:radial-gradient(circle at 35% 30%,#7a8294,#4a5162 60%,#353a47);border:5px solid #fff4e6;border-radius:50%;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms,background .2s;display:grid;position:relative;box-shadow:0 7px #00000038,0 10px 18px #0000002e}.ctl.pressed{transform:translateY(5px);box-shadow:0 2px #00000038,0 4px 8px #0000002e}.ctl-icon{width:52%;height:52%}.ctl-engine{background:radial-gradient(circle at 35% 30%, #74e39b, var(--green) 55%, #1f9048)}.ctl-engine.on{background:radial-gradient(circle at 35% 30%, #ff8a7d, var(--red) 55%, #b9352b);animation:1.4s ease-in-out infinite engine-glow}@keyframes engine-glow{50%{box-shadow:0 7px #00000038,0 0 0 8px #e8483b40}}.ctl-tail.on{background:radial-gradient(circle at 35% 30%, #8fd3ff, var(--blue) 55%, #1f7fbf)}.ctl-slash{background:linear-gradient(135deg,#0000 45%,#ff5a4a 45% 55%,#0000 55%);border-radius:50%;display:none;position:absolute;inset:18%}.ctl-tail:not(.on) .ctl-slash{display:block}.ctl-wind{color:#1f5f8f;box-shadow:0 7px 0 #00000038, 0 0 calc(var(--wind,0) * 40px) rgba(143, 211, 255, calc(var(--wind,0)));background:radial-gradient(circle at 35% 30%,#c9ecff,#8fd3ff 55%,#4fa8dc)}.ctl-wind.blowing .ctl-icon{animation:.3s ease-in-out infinite wobble}@keyframes wobble{50%{transform:translate(4px)}}.ctl-badge{color:#1f5f8f;box-sizing:border-box;background:#fff4e6;border-radius:50%;width:30px;height:30px;padding:5px;display:none;position:absolute;top:-6px;right:-6px}.ctl-wind.mic .ctl-badge{display:block}.ctl-slowmo.on{background:radial-gradient(circle at 35% 30%, #ffe28a, var(--yellow) 55%, #d99a00);color:#5a3b00}.ctl-glasses.on{background:radial-gradient(circle at 35% 30%,#d7b3ff,#a56cf0 55%,#7a45c2)}.tray{left:50%;bottom:var(--safe-b);gap:var(--gap);-webkit-backdrop-filter:blur(6px);background:#2f333d59;border-radius:28px;padding:10px;display:flex;position:absolute;transform:translate(-50%)}.tile{width:var(--tile);height:var(--tile);box-sizing:border-box;background:#fff9f0;border:5px solid #fff4e6;border-radius:24px;padding:8px 8px 18px;transition:transform .12s,box-shadow .12s,border-color .2s;position:relative;box-shadow:0 6px #0000002e}.tile-art{width:100%;height:100%;display:block}.tile-weight{justify-content:center;gap:3px;display:flex;position:absolute;bottom:6px;left:0;right:0}.tile-weight i{background:#8a7a70;border-radius:2px;width:8px;height:8px}.tile.on{border-color:var(--yellow);transform:translateY(-8px)scale(1.04);box-shadow:0 12px #00000026,0 0 0 6px #ffc93c73}.caption{top:var(--safe-t);text-align:center;opacity:0;pointer-events:none;background:#fff9f0f0;border-radius:22px;max-width:min(70vw,760px);padding:12px 22px;font-size:clamp(16px,2.3vmin,22px);line-height:1.3;transition:opacity .25s,transform .25s;position:absolute;left:50%;transform:translate(-50%,-12px);box-shadow:0 6px 18px #00000026}.caption.visible{opacity:1;transform:translate(-50%)}.gear{top:var(--safe-t);right:var(--safe-r);color:#ffffffe6;box-sizing:border-box;background:#2f333d59;border:none;border-radius:50%;width:52px;height:52px;padding:12px;position:absolute}.gear-icon{width:100%;height:100%;display:block}.gear-ring{background:conic-gradient(var(--yellow) calc(var(--hold,0) * 1turn), transparent 0);border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}@property --hold{syntax:"";inherits:true;initial-value:0}.gear.holding{animation:hold-fill var(--hold-ms,1s) linear forwards}@keyframes hold-fill{0%{--hold:0}to{--hold:1}}.spark{pointer-events:none;border-radius:3px;width:14px;height:14px;margin:-7px 0 0 -7px;animation:1.2s cubic-bezier(.2,.7,.3,1) forwards spark;position:absolute}@keyframes spark{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) rotate(260deg) scale(.4);opacity:0}}.start{z-index:10;background:linear-gradient(#6ec6ffeb,#f3d9bdf2);place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.start.leaving{opacity:0}.start-card{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:24px;display:flex}.start h1{color:#fff;letter-spacing:.5px;text-shadow:0 4px #2f333d40;margin:0;font-size:clamp(40px,8vmin,76px)}.start-go{--go:clamp(150px, 26vmin, 220px);width:var(--go);height:var(--go);background:radial-gradient(circle at 35% 30%, #74e39b, var(--green) 55%, #1f9048);color:#fff;padding:calc(var(--go) * .2);border:8px solid #fff4e6;border-radius:50%;animation:1.8s ease-in-out infinite bob;box-shadow:0 10px #0003,0 18px 30px #0003}@keyframes bob{50%{transform:translateY(-8px)}}.start-mic{cursor:pointer;background:#fff9f0d9;border-radius:18px;align-items:center;gap:12px;padding:12px 18px;font-size:clamp(16px,2.4vmin,22px);display:flex}.start-mic small{opacity:.7}.start-mic input{opacity:0;pointer-events:none;position:absolute}.switch{background:#c9bdb3;border-radius:15px;flex:none;width:52px;height:30px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px}input:checked+.switch{background:var(--green)}input:checked+.switch:after{transform:translate(22px)}.start-note{opacity:.75;max-width:420px;margin:0;font-size:14px}@media (prefers-reduced-motion:reduce){.start-go,.ctl-engine.on,.ctl-wind.blowing .ctl-icon,.voice-row.recording .rec{animation:none}}@media (orientation:portrait){.lever{top:calc(var(--safe-t) + 70px);height:min(46vh,520px);transform:none}.controls{top:auto;left:50%;right:auto;bottom:var(--safe-b);flex-direction:row;transform:translate(-50%)}.tray{bottom:calc(var(--safe-b) + var(--btn) + 26px)}}.panel{z-index:20;visibility:hidden;touch-action:pan-y;background:#1e202600;transition:background .25s,visibility 0s linear .25s;position:absolute;inset:0}.panel.open{visibility:visible;background:#1e202659;transition:background .25s}.panel-sheet{-webkit-user-select:text;user-select:text;background:#fffaf3;flex-direction:column;width:min(540px,94vw);transition:transform .28s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-10px 0 30px #0003}.panel.open .panel-sheet{transform:translate(0)}.panel-head{padding:calc(var(--safe-t) + 4px) 20px 8px;justify-content:space-between;align-items:center;display:flex}.panel-head h2{margin:0;font-size:24px}.panel-close{background:#f0e4d6;border:none;border-radius:50%;width:44px;height:44px;padding:11px}.panel-tabs{border-bottom:1px solid #eadccb;gap:6px;padding:0 16px 10px;display:flex;overflow-x:auto}.panel-tabs button{white-space:nowrap;background:0 0;border:none;border-radius:12px;padding:10px 14px;font-size:16px}.panel-tabs button.on{color:#fff;background:#3b2f2a}.panel-body{-webkit-overflow-scrolling:touch;padding:16px 20px calc(var(--safe-b) + 24px);touch-action:pan-y;flex:1;font-size:16px;line-height:1.45;overflow-y:auto}.panel-intro{color:#6b5b52;margin:0 0 14px}.card,.group{background:#fff;border:1px solid #eee1d2;border-radius:16px;margin-bottom:12px;padding:14px 16px}.card h3,.group h3{margin:0 0 8px;font-size:18px}.card p,.group p{margin:0 0 8px}.label{text-transform:uppercase;letter-spacing:.04em;color:#b0654f;min-width:70px;font-size:12px;font-weight:700;display:inline-block}.card-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.primary,.secondary{border:none;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:16px;text-decoration:none;display:inline-flex}.primary{background:var(--green);color:#fff}.primary svg{width:18px;height:18px}.secondary{color:#3b2f2a;background:#f0e4d6}.row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.row input[type=range]{width:55%}.row input[type=checkbox]{width:26px;height:26px}.mic-status{color:#6b5b52;font-size:14px}.meter{align-items:center;gap:10px;margin:8px 0;font-size:14px;display:flex}.meter span{width:50px}.meter .bar{background:#efe5d9;border-radius:6px;flex:1;height:12px;overflow:hidden}.meter i{background:linear-gradient(90deg,#56b8f2,#1f9bff);width:0;height:100%;display:block}.meter .mic-level{background:linear-gradient(90deg,#b6e34a,#ffc93c)}.seg{background:#f0e4d6;border-radius:12px;padding:3px;display:inline-flex}.seg button{background:0 0;border:none;border-radius:9px;padding:8px 12px;font-size:15px}.seg button.on{background:#fff;box-shadow:0 1px 3px #00000026}.fine{color:#8a7a70;font-size:13px}.voice-status{color:#b0654f;min-height:1.4em;font-weight:600}.voice-row{border-top:1px solid #f2e8dc;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.voice-row:first-of-type{border-top:none}.voice-text{flex:1;font-size:15px;margin:0!important}.voice-actions{flex:none;align-items:center;gap:6px;display:flex}.icon-btn{background:#f0e4d6;border:none;border-radius:50%;width:44px;height:44px;padding:13px}.icon-btn:disabled{opacity:.35}.icon-btn.rec{color:#e8483b}.voice-badge,.voice-row [data-act=reset]{display:none}.voice-row.mine .voice-badge{color:#2f8f55;background:#e3f6ea;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.voice-row.mine [data-act=reset]{display:inline-block}.voice-row.recording .rec{color:#fff;background:#e8483b;animation:1s ease-in-out infinite engine-glow}