html{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{margin:0;min-height:100dvh;font-family:system-ui,sans-serif}#controls{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));box-sizing:border-box;width:min(240px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:12px;border:1px solid #ccc;border-radius:8px;background:#f5f5f5;touch-action:auto}#controls label{display:block;margin-bottom:12px;font-size:14px}#controls input{display:block;width:100%;margin:6px 0 0}#controls button{width:100%;min-height:40px}#start-audio{margin-top:8px;color:red}#start-audio:disabled{color:green;-webkit-text-fill-color:currentColor;opacity:1}