*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{color:#e8f0f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0f14;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#00e5ff40}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#d7e8df;background:radial-gradient(circle at 50% 35%,#23463740,#0000 45%),linear-gradient(145deg,#050807 0%,#0a100e 45%,#030504 100%);margin:0;font-family:Courier New,Lucida Console,monospace;overflow-x:hidden}#center{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:min(720px,100% - 32px);min-height:100vh;margin:auto;padding:70px 20px 50px;display:flex;position:relative}#center:before{content:"";pointer-events:none;z-index:-2;background-image:linear-gradient(#50ffaa06 1px,#0000 1px),linear-gradient(90deg,#50ffaa06 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 80%);mask-image:radial-gradient(circle,#000 20%,#0000 80%)}#center:after{content:"";pointer-events:none;opacity:.35;z-index:20;background:repeating-linear-gradient(#0000 0 3px,#ffffff03 4px);position:fixed;inset:0}.decrypted-message,.morse-message{background:linear-gradient(145deg,#0f1e18f2,#050c09f2);border:1px solid #55ffaa38;border-radius:12px;width:100%;padding:18px 22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 0 30px #00ff8c09}.decrypted-message:before,.morse-message:before{content:"";background:linear-gradient(90deg,#0000,#4bffa0b3,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.decrypted-message p:first-child,.morse-message p:first-child{color:#6e9585;letter-spacing:2px;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:700}.decrypted-message p:last-child{color:#b9ffd9;letter-spacing:2px;word-break:break-word;text-shadow:0 0 8px #50ffaa73,0 0 20px #50ffaa1f;min-height:34px;margin:0;font-size:clamp(18px,4vw,26px);font-weight:600}.morse-message{opacity:.85}.morse-message p:last-child{color:#77dba8;letter-spacing:4px;word-break:break-word;text-shadow:0 0 8px #3cff964d;min-height:28px;margin:0;font-size:17px}.typing-morse{color:#91ffbd;letter-spacing:5px;text-shadow:0 0 8px #5affa099,0 0 25px #5affa026;justify-content:center;align-items:center;min-height:38px;margin:4px 0;font-size:20px;font-weight:700;display:flex}.typing-morse p{margin:0}.morse-button{cursor:pointer;background:radial-gradient(circle at 50% 38%,#273b32 0%,#15221d 38%,#0b110e 68%,#050806 100%);border:none;border-radius:50%;width:190px;height:190px;margin:20px 0 25px;transition:transform 80ms,box-shadow 80ms;position:relative;box-shadow:0 18px 35px #000000a6,0 0 0 1px #82ffb42e,0 0 0 8px #14231ccc,0 0 0 10px #46ff960d,inset 0 8px 15px #ffffff0d,inset 0 -15px 25px #0009}.morse-button:before{content:"";pointer-events:none;border:1px solid #50ffa01f;border-radius:50%;position:absolute;inset:-15px;box-shadow:0 0 20px #3cff960a}.morse-button:after{color:#82ffb999;letter-spacing:3px;pointer-events:none;text-shadow:0 0 8px #50ffa066;font-family:inherit;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.morse-button:hover{box-shadow:0 18px 35px #000000a6,0 0 0 1px #82ffb44d,0 0 0 8px #14231ccc,0 0 35px #3cff961f,inset 0 8px 15px #ffffff0f,inset 0 -15px 25px #0009}.morse-button:active{background:radial-gradient(circle at 50% 45%,#314b3e 0%,#182920 40%,#09100c 75%);transform:scale(.94);box-shadow:0 5px 12px #000000b3,0 0 0 1px #78ffaf73,0 0 0 8px #1e372ae6,0 0 40px #3cff9640,inset 0 5px 18px #0000008c}#center>button:not(.morse-button){color:#a8d8bd;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#192b23f2,#0a120ef2);border:1px solid #64ffaf40;border-radius:7px;min-width:150px;padding:11px 20px;font-family:inherit;font-size:11px;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .1s;box-shadow:0 5px 15px #0000004d,inset 0 1px #ffffff0a}#center>button:not(.morse-button):hover{color:#caffdf;background:linear-gradient(#234133f2,#0c1913f2);border-color:#64ffaf80;box-shadow:0 0 20px #3cff9614}#center>button:not(.morse-button):active{transform:translateY(2px)}@media (width<=600px){#center{gap:14px;width:100%;min-height:100svh;padding:35px 16px 30px}.decrypted-message,.morse-message{border-radius:10px;padding:15px 17px}.decrypted-message p:last-child{font-size:19px}.morse-message p:last-child{letter-spacing:3px;font-size:15px}.typing-morse{font-size:18px}.morse-button{width:165px;height:165px;margin:15px 0 20px}}@media (width<=380px){#center{padding-left:12px;padding-right:12px}.morse-button{width:145px;height:145px}.decrypted-message p:last-child{font-size:17px}.morse-message p:last-child{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.radio-header{border-bottom:1px solid #64ffaf1f;justify-content:space-between;align-items:center;width:100%;padding:0 4px 12px;display:flex}.radio-brand{color:#a7d9bd;letter-spacing:2.5px;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.status-dot{background:#69ffac;border-radius:50%;width:7px;height:7px;animation:2s infinite statusPulse;box-shadow:0 0 6px #69ffac,0 0 14px #69ffac80}.radio-status{color:#62b88a;letter-spacing:2px;font-size:9px;font-weight:700}@keyframes statusPulse{0%,to{opacity:.5}50%{opacity:1}}.message-panel{background:linear-gradient(145deg,#0d1c16f2,#050c09fa);border:1px solid #50ffa52e;border-radius:10px;width:100%;padding:0;overflow:hidden;box-shadow:0 12px 30px #00000040,inset 0 1px #ffffff06}.panel-header{color:#658f79;letter-spacing:2px;background:#32644b14;border-bottom:1px solid #50ffa51a;justify-content:space-between;align-items:center;height:32px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.panel-indicator{background:#4cff9c;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #4cff9ccc}.message-display{color:#bdffd8;letter-spacing:2px;word-break:break-word;text-shadow:0 0 8px #50ffa566;background:radial-gradient(#32785014,#0000 70%);align-items:center;min-height:65px;padding:15px;font-size:21px;font-weight:600;line-height:1.5;display:flex}.morse-display{color:#6fd59c;letter-spacing:5px;word-break:break-word;align-items:center;min-height:55px;padding:14px;font-size:16px;line-height:1.6;display:flex}.typing-morse{background:#1432231f;border:1px dashed #5affaa1f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:80px;display:flex}.typing-label{color:#527866;letter-spacing:2px;margin-bottom:7px;font-size:8px;font-weight:700}.typing-code{color:#9dffc2;letter-spacing:7px;text-shadow:0 0 12px #64ffaf80;font-size:24px;font-weight:700}.typing-decoded{color:#609f7c;letter-spacing:2px;min-height:14px;margin-top:3px;font-size:16px}.transmitter-area{flex-direction:column;align-items:center;margin-top:8px;display:flex}.transmitter-label{color:#587e6a;letter-spacing:2px;align-items:center;gap:10px;margin-bottom:24px;font-size:8px;font-weight:700;display:flex}.transmitter-label span{background:#50ffa526;width:30px;height:1px}.morse-button{cursor:pointer;background:radial-gradient(circle at 50% 35%,#293d33 0%,#17251e 30%,#0c1410 62%,#050806 100%);border:1px solid #64ffaf40;border-radius:50%;justify-content:center;align-items:center;width:185px;height:185px;padding:0;transition:transform 80ms,box-shadow .15s;display:flex;box-shadow:0 15px 35px #000000a6,0 0 0 7px #192d23e6,0 0 0 9px #4bff9b12,inset 0 8px 12px #ffffff0d,inset 0 -15px 25px #000000a6}.morse-button,.morse-button *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.morse-button{touch-action:none;cursor:pointer}.button-inner{color:#96ffc3a6;letter-spacing:3px;background:radial-gradient(circle,#416e5533,#050a0766);border:1px solid #64ffaf1f;border-radius:50%;justify-content:center;align-items:center;width:115px;height:115px;font-size:10px;font-weight:700;display:flex;box-shadow:inset 0 0 25px #32ff9608}.morse-button:hover{border-color:#6effb473;box-shadow:0 15px 35px #000000a6,0 0 0 7px #192d23e6,0 0 0 9px #4bff9b1a,0 0 30px #46ffa026,inset 0 8px 12px #ffffff0f,inset 0 -15px 25px #000000a6}.morse-button:active{transform:scale(.94);box-shadow:0 5px 12px #000000b3,0 0 0 7px #192d23e6,0 0 35px #46ffa040,inset 0 5px 15px #000000b3}.morse-button:active .button-inner{color:#baffd2;box-shadow:0 0 25px #46ffa026,inset 0 0 20px #46ffa014}.signal-hint{color:#557966;letter-spacing:1px;align-items:center;margin-top:22px;font-size:9px;display:flex}.signal-hint .dot{background:#7cffad;border-radius:50%;width:5px;height:5px;margin-right:5px}.signal-hint .dash{background:#7cffad;border-radius:2px;width:13px;height:3px;margin-right:5px}.signal-hint .separator{width:20px}.controls{justify-content:center;gap:10px;width:100%;margin-top:10px;display:flex}.control-button{color:#739b84;letter-spacing:1.5px;cursor:pointer;background:#0f1b15e6;border:1px solid #5affa52e;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:135px;padding:10px 15px;font-family:inherit;font-size:9px;font-weight:700;transition:all .2s;display:flex}.control-button:hover{color:#aaffc7;background:#193024e6;border-color:#5affa566}.button-icon{font-size:13px}.sound-on{color:#8dffb6;border-color:#5affa54d}.sound-on .button-icon{text-shadow:0 0 8px #50ffa0b3}.radio-footer{color:#456454;letter-spacing:2px;align-items:center;gap:10px;width:100%;margin-top:10px;font-size:8px;font-weight:700;display:flex}.footer-line{background:linear-gradient(90deg,#46ff9633,#0000);flex:1;height:1px}@media (width<=600px){#center{padding:25px 14px}.radio-header{margin-bottom:3px}.message-display{font-size:18px}.morse-display{letter-spacing:4px;font-size:14px}.morse-button{width:160px;height:160px}.button-inner{width:100px;height:100px}.controls{width:100%}.control-button{flex:1;min-width:0}}