@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#08080c;color:#e0e0e0;font-family:Space Mono,monospace}#root>canvas{display:block;position:fixed!important;inset:0;z-index:0}#ui-overlay{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;pointer-events:none;justify-content:space-between}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 36px}.top-bar a{color:#e0e0e0;text-decoration:underline;transition:color .3s ease}.logo{font-family:Syne,sans-serif;font-size:15px;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:#fff;opacity:.7}.maker{pointer-events:all}.stats{text-align:right;font-size:11px;letter-spacing:1.5px;line-height:1.8;opacity:.45;text-transform:uppercase}.bottom-bar{padding:28px 36px;display:flex;justify-content:space-between;align-items:flex-end}.bottom-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.controls{display:flex;gap:12px;pointer-events:all}.btn{font-family:Space Mono,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:#ccc;padding:12px 24px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.btn.active:hover{filter:brightness(1.2)}.theme-selector{display:flex;gap:10px;pointer-events:all}.theme-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:all .3s ease;padding:0}.theme-dot:hover{border-color:#ffffff80;transform:scale(1.2)}.theme-dot.active{border-color:#ffffffb3;transform:scale(1.25)}.amplitude-bar-container{position:fixed;left:36px;top:50%;transform:translateY(-50%);width:3px;height:200px;background:#ffffff0f;z-index:10;border-radius:2px;overflow:hidden}.amplitude-bar-fill{position:absolute;bottom:0;width:100%;border-radius:2px;transition:height .05s ease-out}.hint{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;opacity:.35;max-width:280px;line-height:1.7}.speaking-indicator{position:fixed;top:28px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:10px;font-family:Space Mono,monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;opacity:0;transition:opacity .3s ease}.speaking-indicator.visible{opacity:1}.speaking-dot{width:6px;height:6px;border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}