*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000}canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.loading{color:#fff;font-family:system-ui,sans-serif;font-size:1.25rem;letter-spacing:.05em;white-space:nowrap}.ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.btn{pointer-events:auto;border:none;border-radius:999px;background:#14141499;color:#fff;font-family:system-ui,sans-serif;font-size:1.1rem;font-weight:600;min-width:120px;min-height:64px;padding:0 28px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{background:#3c3c3ccc}.nav{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:space-between;padding:0 24px}.audio{position:absolute;top:max(24px,env(safe-area-inset-top));right:24px;min-width:64px;padding:0}.enter-bar{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.enter{background:#22a050eb;font-size:1.35rem;min-height:76px;padding:0 44px}.enter:active{background:#1c8242f2}.exit{position:absolute;top:max(24px,env(safe-area-inset-top));left:24px;background:#c83232e6;min-width:96px;min-height:56px}.exit:active{background:#aa2828f2}.tuner{position:absolute;top:max(24px,env(safe-area-inset-top));left:24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.readout{pointer-events:auto;user-select:all;-webkit-user-select:all;margin:0;padding:10px 14px;border-radius:10px;background:#000000b3;color:#7cfc9c;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;white-space:pre}.copy{pointer-events:auto;border:none;border-radius:999px;background:#141414b3;color:#fff;font-family:system-ui,sans-serif;font-weight:600;font-size:.95rem;min-height:44px;padding:0 22px;cursor:pointer;-webkit-tap-highlight-color:transparent}.copy:active{background:#3c3c3cd9}