:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d8fffb;background:#000;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#000;margin:0;overflow:hidden}main,canvas{background:#000;width:100vw;height:100vh;display:block}main{cursor:none}main.awake{cursor:default}canvas{position:fixed;inset:0}button,select,input{font:inherit}button{color:#bffef5;cursor:pointer;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#041f1fb8;border:1px solid #47ffe852;border-radius:999px;padding:.6rem .9rem}button:hover,button.selected{background:#00ffdb2e;border-color:#6effe9}.quick-controls{z-index:2;opacity:0;gap:8px;transition:opacity .25s,transform .25s;display:flex;position:fixed;top:18px;right:18px;transform:translateY(-8px)}.awake .quick-controls{opacity:1;transform:none}.permission-card{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#010c0dc7;border:1px solid #59ffe838;border-radius:22px;width:min(440px,100vw - 32px);padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 80px #00ffdc1a}.permission-card h1{margin:.2rem 0 1rem;font-size:clamp(1.5rem,4vw,2.2rem)}.permission-card p{color:#a6c7c4;line-height:1.55}.permission-card button{color:#001311;background:#04cdb4;margin-top:.6rem;font-weight:750}.permission-card small{color:#ffb4ae;margin-top:12px;display:block}.eyebrow{letter-spacing:.18em;color:#67fbe5;font-size:.72rem}.debug-panel{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#001011e0;border:1px solid #58ffe747;border-radius:15px;width:min(330px,100vw - 36px);padding:15px;font-size:.78rem;position:fixed;bottom:18px;left:18px;box-shadow:0 12px 50px #00ffdc1f}.debug-panel header,.debug-panel header span,.range span{justify-content:space-between;align-items:center;display:flex}.debug-panel header{color:#88ffeb;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.debug-panel header strong{color:#fff;font-size:.72rem}.debug-panel>label:not(.range){gap:5px;margin-bottom:9px;display:grid}.debug-panel select{color:#d8fffb;background:#062323;border:1px solid #1c7c70;border-radius:7px;padding:6px}.toggles{grid-template-columns:1fr 1fr;gap:7px;margin:12px 0;display:grid}.toggles label:last-child{grid-column:1/-1}.toggles input{accent-color:#00e5ca;margin-right:5px}.range{gap:3px;margin:8px 0;display:grid}.range output{font-variant-numeric:tabular-nums;color:#7affeb}.range input{accent-color:#00dcc2;width:100%}.debug-panel footer{color:#9fb9b6;border-top:1px solid #58ffe729;margin-top:10px;padding-top:9px}.camera-preview{z-index:2;aspect-ratio:16/9;opacity:0;pointer-events:none;object-fit:cover;border:1px solid #1bcab7;border-radius:12px;width:190px;transition:opacity .2s;position:fixed;bottom:18px;right:18px;transform:scaleX(-1)}.camera-preview.visible{opacity:.75}@media (width<=600px){.debug-panel{bottom:10px;left:10px}.quick-controls{top:10px;right:10px}.permission-card{padding:22px}}