*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Segoe UI,system-ui,sans-serif;color:#e0e0e0}canvas{display:block}#controls{position:fixed;top:12px;left:12px;z-index:100;background:#0a0a1ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(100,140,255,.25);border-radius:12px;padding:16px 20px;width:260px;display:flex;flex-direction:column;gap:10px;transition:opacity .4s}#controls h2{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:#8aa8ff;margin-bottom:4px}#controls label{display:flex;flex-wrap:wrap;align-items:center;font-size:13px;gap:6px}#controls input[type=range]{flex:1;accent-color:#6e8efb}#controls span{min-width:28px;text-align:right;font-variant-numeric:tabular-nums;color:#a0b4ff}#enter-vr{margin-top:6px;padding:10px;border:none;border-radius:8px;background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s}#enter-vr:hover{transform:scale(1.04)}#breath-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:none;place-items:center;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#breath-overlay.active{display:grid}#breath-canvas{width:100%;height:100%}