@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0a0a;--bg-panel: #151515;--bg-recessed: #0d0d0d;--text-primary: #33ff66;--text-dim: #1a8033;--text-amber: #ffaa00;--text-error: #cc4444;--border: #2a2a2a;--border-light: #3a3a3a;--font-mono: "JetBrains Mono", "IBM Plex Mono", "Courier New", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}html,body{height:100%;background:#000;overflow-x:hidden}body{font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#root{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-sm)}.crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px)}.panel{background:var(--bg-panel);border:1px solid var(--border);padding:var(--space-sm) var(--space-md)}.panel-label{font-size:9px;letter-spacing:2px;color:var(--text-dim);margin-bottom:var(--space-xs);text-transform:uppercase}::selection{background:var(--text-primary);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@media(hover:none)and (pointer:coarse){.control-button{min-height:44px;min-width:44px}}@media(min-width:480px){html{font-size:16px}#root{padding:var(--space-lg)}.panel{padding:var(--space-md) var(--space-lg)}.panel-label{font-size:10px;margin-bottom:var(--space-sm)}}@media(min-width:768px){.crt-overlay{background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px)}}.hud{width:100%;max-width:380px;min-height:100vh;min-height:100dvh;background:#000;font-family:SF Mono,Consolas,Monaco,monospace;color:#00ff41;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.static-canvas{position:absolute;inset:0;z-index:0;opacity:.6;pointer-events:none}.hud.transmitting .static-canvas{opacity:.9}.hud.critical .static-canvas{opacity:.8}.scanlines{position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px);animation:scanlines-move 8s linear infinite}@keyframes scanlines-move{0%{background-position:0 0}to{background-position:0 100px}}.hud.critical{animation:critical-bg 2s ease-in-out infinite}@keyframes critical-bg{0%,to{background:#000}50%{background:#0a0000}}.hud>*:not(.static-canvas):not(.scanlines){position:relative;z-index:20}.hud-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,255,65,.2);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-title{font-size:14px;letter-spacing:4px;font-weight:300;opacity:.8;text-shadow:0 0 10px #00ff41}.hud.critical .hud-title{color:#f33;text-shadow:0 0 10px #ff3333}.hud-status{font-size:11px;letter-spacing:2px;opacity:.4}.hud-status.active{opacity:1;color:#00ff41;text-shadow:0 0 8px #00ff41}.hud-display{flex:1;display:flex;flex-direction:column;padding:20px;background:#00000080}.hud-meter{position:relative;height:4px;background:#00ff411a;margin-bottom:20px;border-radius:2px;overflow:hidden}.meter-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#00ff41,#0c3);box-shadow:0 0 10px #00ff41;transition:width .3s ease}.hud.critical .meter-fill{background:linear-gradient(90deg,#f33,#f66);box-shadow:0 0 10px #f33}.meter-value{position:absolute;right:0;top:8px;font-size:10px;opacity:.5;letter-spacing:1px}.hud-transmission{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:200px}.transmission-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-glyph{font-size:48px;opacity:.9;text-shadow:0 0 30px #00ff41}.loading-text{font-size:11px;letter-spacing:3px;opacity:.6}.loading-bars{display:flex;gap:4px;height:30px;align-items:flex-end}.loading-bar{width:4px;height:100%;background:#00ff41;transform-origin:bottom;box-shadow:0 0 8px #00ff41}.transmission-empty{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:.5}.empty-glyph{font-size:48px;text-shadow:0 0 20px rgba(0,255,65,.3)}.empty-text{font-size:12px;letter-spacing:4px}.hint-text{font-size:9px;opacity:.5;letter-spacing:1px}.error-text{font-size:9px;color:#f66;text-align:center;padding:0 10px}.transmission-content{padding:20px 0}.transmission-content.glitch{animation:glitch-effect .5s ease-out}@keyframes glitch-effect{0%{transform:translate(0);filter:hue-rotate(0deg)}10%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}20%{transform:translate(2px,-1px);filter:hue-rotate(180deg)}30%{transform:translate(-1px,2px);filter:hue-rotate(270deg)}40%{transform:translate(1px,-2px);filter:hue-rotate(0deg)}50%,to{transform:translate(0);filter:hue-rotate(0deg)}}.transmission-status{display:flex;gap:12px;margin-bottom:16px;font-size:10px;letter-spacing:2px}.urgency{text-transform:uppercase;padding:4px 8px;background:#00ff411a;border:1px solid rgba(0,255,65,.2)}.urgency.dormant{opacity:.4}.urgency.aware{color:#00ff41}.urgency.concerned{color:#fc0;background:#ffc8001a;border-color:#ffc80033}.urgency.alarmed{color:#f60;background:#ff64001a;border-color:#ff640033}.urgency.critical{color:#f33;background:#ff32321a;border-color:#ff323233}.resonance{opacity:.5;font-style:italic;padding:4px 0}.transmission-voice{font-size:16px;line-height:1.8;font-weight:300;letter-spacing:.5px;white-space:pre-wrap;word-break:break-word;text-shadow:0 0 10px rgba(0,255,65,.3)}.hud.critical .transmission-voice{color:#f66;text-shadow:0 0 10px rgba(255,100,100,.3)}.transmission-echo{margin-top:20px;padding:12px 16px;border-left:2px solid rgba(0,255,65,.3);font-size:13px;opacity:.7;font-style:italic;background:#00ff4105}.echo-label{opacity:.5;font-style:normal;text-transform:uppercase;font-size:9px;letter-spacing:2px;margin-right:8px}.transmission-patterns{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.pattern-tag{font-size:11px;padding:6px 12px;border:1px solid rgba(0,255,65,.3);letter-spacing:2px;background:#00ff410d;transition:all .2s}.hud.critical .pattern-tag{border-color:#ff32324d;color:#f66;background:#ff32320d}.hud-state{margin-top:auto;padding-top:20px;text-align:center}.state-label{font-size:10px;letter-spacing:3px;opacity:.5}.state-label.high,.state-label.critical{color:#f33;opacity:1;text-shadow:0 0 10px rgba(255,50,50,.5)}.words-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.words-panel{width:100%;max-width:340px;background:#001400e6;border:1px solid rgba(0,255,65,.3);padding:20px}.words-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(0,255,65,.2);margin-bottom:20px}.words-header span{font-size:12px;letter-spacing:3px;opacity:.7}.words-close{width:32px;height:32px;background:none;border:1px solid rgba(255,50,50,.3);color:#f66;font-size:18px;cursor:pointer;transition:all .2s}.words-close:hover{background:#ff32321a;border-color:#ff323280}.words-grid{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}.word-btn{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#00ff4105;border:1px solid rgba(0,255,65,.2);color:#00ff41;cursor:pointer;transition:all .2s;font-family:inherit}.word-btn:hover{border-color:#00ff4180;background:#00ff4114;box-shadow:0 0 15px #00ff411a}.word-btn:active{background:#00ff4126}.word-name{font-size:13px;letter-spacing:3px}.word-freq{font-size:10px;opacity:.4}.hud-controls{display:flex;gap:1px;padding:0 20px;margin-bottom:16px;background:#000000b3}.ctrl-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:#00ff410d;border:1px solid rgba(0,255,65,.15);color:#00ff4199;cursor:pointer;transition:all .2s;font-family:inherit}.ctrl-btn:hover{background:#00ff411a;color:#00ff41;box-shadow:0 0 15px #00ff411a}.ctrl-btn:active{background:#00ff4126}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.ctrl-btn.monitor.active{background:#00ff4126;border-color:#00ff4166;color:#00ff41;box-shadow:0 0 20px #00ff4133}.ctrl-btn.transmit{border-color:#00ff414d}.ctrl-btn.transmit.active{background:#00ff4133;box-shadow:0 0 25px #00ff414d}.ctrl-btn.abort{color:#ff646499;border-color:#ff323233;background:#ff32320d}.ctrl-btn.abort:hover{background:#ff32321a;color:#f66;box-shadow:0 0 15px #ff32321a}.ctrl-btn.abort.pulse{animation:abort-pulse 1s ease-in-out infinite}@keyframes abort-pulse{0%,to{background:#ff32320d}50%{background:#ff323226}}.ctrl-icon{font-size:20px}.ctrl-label{font-size:9px;letter-spacing:2px}.hud-settings{display:flex;justify-content:center;gap:4px;padding:0 20px;margin-bottom:16px}.setting-btn{padding:8px 12px;background:#00000080;border:1px solid rgba(0,255,65,.1);color:#00ff4166;font-size:9px;letter-spacing:1px;cursor:pointer;font-family:inherit;transition:all .2s}.setting-btn:hover{border-color:#00ff414d;color:#00ff41b3;background:#00ff410d}.setting-btn:active{background:#00ff411a}.hud-footer{text-align:center;padding:16px;font-size:8px;letter-spacing:3px;opacity:.2;border-top:1px solid rgba(0,255,65,.1);background:#000000b3}.hud:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:30;background:linear-gradient(#00ff4104 50%,#0000000d 50%);background-size:100% 4px;animation:crt-flicker .15s infinite;opacity:.2}@keyframes crt-flicker{0%{opacity:.18}50%{opacity:.2}to{opacity:.18}}.hud:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:31;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.3) 100%)}@supports (padding-bottom: env(safe-area-inset-bottom)){.hud{padding-bottom:env(safe-area-inset-bottom)}}@media(max-height:500px){.hud-transmission{min-height:120px}.transmission-voice{font-size:14px}.loading-glyph,.empty-glyph{font-size:32px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:#000}body{font-family:SF Mono,Consolas,Monaco,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100%;min-height:100dvh;display:flex;justify-content:center;background:#000}