html,body{color:#e8e2d8;background:#000;height:100%;margin:0;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}#gfx,#fx{width:100vw;height:100vh;display:block;position:fixed;inset:0}#fx{pointer-events:none}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a08069e;border:1px solid #ffbe782e;border-radius:8px;min-width:170px;padding:8px 10px;position:absolute;top:12px;left:12px}#stats{white-space:pre;margin-bottom:6px}.hint{opacity:.7;margin-top:6px;font-size:11px}#status{opacity:.9;background:#0a08069e;border-radius:6px;padding:6px 12px;transition:opacity .6s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#status.hidden{opacity:0}#buttons{gap:6px;display:flex;position:absolute;top:12px;right:12px}#buttons button{font:inherit;color:#f3e6d2;cursor:pointer;background:#0a08069e;border:1px solid #ffbe7840;border-radius:6px;padding:4px 9px}#buttons button:hover{background:#3c230fcc}#btnRecord{color:#ff8a7a}.off{display:none!important}body.recording #ui{display:none}body.recording{cursor:none}#cakePanel{top:auto;bottom:12px;left:12px}#cakePanel .row{align-items:center;gap:6px;margin-bottom:6px;display:flex}#cakePanel button{font:inherit;color:#f3e6d2;cursor:pointer;background:#28190cb3;border:1px solid #ffbe7840;border-radius:5px;padding:2px 8px}#cakePanel input[type=range]{accent-color:#ffb36b;width:140px}#cCount{text-align:right;min-width:2ch}#micMeter{background:#ffffff1f;border-radius:3px;width:60px;height:6px;display:inline-block;overflow:hidden}#micMeter i{background:linear-gradient(90deg,#7bd389,#ffd166,#ff6f91);width:0%;height:100%;display:block}#cMic.on{color:#b8f0c0;border-color:#7bd389}