*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0e1a;overflow:hidden}#root{width:100vw;height:100vh}.app{background:#0a0e1a;width:100vw;height:100dvh;position:relative;overflow:hidden}.header{z-index:10;text-align:center;transition:opacity 1s;position:absolute;top:16px;left:0;right:0}.title{letter-spacing:8px;color:#c8d2e6cc;text-transform:uppercase;margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:300}.canvas-container{width:100%;height:100%;position:absolute;top:0;left:0}.controls{bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;flex-direction:column;align-items:center;gap:8px;transition:opacity 1s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.version-button{color:#c8d2e699;cursor:pointer;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1a99;border:1px solid #c8d2e633;border-radius:14px;width:40px;height:28px;font-family:Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:500;transition:all .3s}.version-button:hover{color:#c8d2e6e6;border-color:#c8d2e666}.mic-button{color:#c8d2e680;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1a99;border:1px solid #c8d2e633;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.mic-button:hover{color:#c8d2e6cc;border-color:#c8d2e666}.mic-button.active{color:#64b4ffe6;border-color:#64b4ff80;box-shadow:0 0 20px #64b4ff26}