*{box-sizing:border-box}:root{--bg:#07100e;--line:#23443a;--green:#69ffb0;--dim:#719487;--text:#d7e8e1;--amber:#ffc76a}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#11231d,#07100e 48%,#040807);color:var(--text);font-family:"Courier New",monospace}
body{padding:0 5vw;letter-spacing:.03em}.scanlines{position:fixed;inset:0;pointer-events:none;opacity:.035;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);z-index:10}
.topbar{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);max-width:1250px;margin:auto}.brand{display:flex;align-items:center;gap:18px}.signal-dot,.led{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green);display:inline-block}.callsign{font-size:36px;font-weight:700;letter-spacing:.14em;color:#fff}.subtitle{font-size:11px;color:var(--dim);letter-spacing:.28em;margin-top:4px}.status{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:9px}.led{width:7px;height:7px}
main{max-width:1250px;margin:48px auto 70px}.hero{display:grid;grid-template-columns:2fr 1fr;gap:22px}.radio,.terminal,.card,.spectrum,.log,.morse-panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,35,29,.95),rgba(7,15,13,.96));box-shadow:0 18px 55px #0008}.radio{padding:18px}.radio-top,.terminal-head,.section-title{display:flex;justify-content:space-between;color:var(--dim);font-size:11px;border-bottom:1px solid var(--line);padding-bottom:12px}.display{margin:18px 0;padding:25px 30px;background:#020806;border:1px solid #19352c;box-shadow:inset 0 0 40px #000}.display-label{font-size:10px;color:var(--dim);letter-spacing:.2em}.frequency{font-size:54px;color:var(--green);text-shadow:0 0 18px #69ffb055;margin:5px 0}.frequency small{font-size:15px;color:var(--dim)}.mode{color:var(--amber);font-size:12px}.mode span{color:var(--dim);margin:0 8px}.meter{margin-top:22px}.meter-label{display:flex;justify-content:space-between;color:var(--dim);font-size:11px}.bars{height:15px;display:flex;gap:4px;margin-top:5px}.bar{flex:1;background:#163329;border:1px solid #24493d}.bar.on{background:var(--green);box-shadow:0 0 8px #69ffb055}.controls{display:flex;flex-wrap:wrap;gap:7px}.controls button,.morse-key{background:#09130f;color:var(--dim);border:1px solid var(--line);padding:10px 14px;font:inherit;font-size:11px;cursor:pointer}.controls button:hover,.controls .active,.morse-key:hover{color:var(--green);border-color:#4a8d76}
.terminal{padding:18px}.terminal-head span:last-child{color:var(--green);text-shadow:0 0 12px var(--green)}.terminal-body{padding:20px 5px;font-size:12px}.terminal-body p{display:flex;justify-content:space-between;border-bottom:1px dashed #193128;padding:12px 0;margin:0}.terminal-body i{font-style:normal;color:var(--dim)}.terminal-body b{font-weight:400;color:#fff}.green{color:var(--green)!important}.cursor{color:var(--green);font-size:20px;margin-top:18px;animation:blink 1s steps(1) infinite}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.card{padding:23px;min-height:205px}.icon{font-size:28px;color:var(--green);margin-bottom:24px}.card h2{font-size:13px;letter-spacing:.18em;margin:0 0 14px;color:#fff}.card p{font-size:11px;line-height:1.7;color:var(--dim);min-height:58px}.tag{display:inline-block;border:1px solid #285042;color:#6c9888;font-size:9px;padding:5px 7px}.morse-key{font-size:16px;color:var(--green);width:100%;margin-top:4px}.morse-out{text-align:center;color:var(--amber);font-size:12px;margin-top:12px;letter-spacing:.2em}
.spectrum,.log{margin-top:22px;padding:18px 22px}.spectrum-line{height:100px;margin-top:18px;display:flex;align-items:end;gap:3px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,transparent,#0c2019)}.signal{flex:1;background:var(--green);opacity:.6;min-width:2px}.scale{display:flex;justify-content:space-between;color:#557266;font-size:9px;padding-top:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:14px;font-size:11px}th,td{text-align:left;padding:11px 8px;border-bottom:1px dashed #193128;white-space:nowrap}th{color:#527064;font-weight:400}.call{color:var(--green)}
.morse-panel{margin-top:22px;padding:22px;display:flex;justify-content:space-between;align-items:center}.morse-panel .section-title{border:0;padding:0}.morse-big{color:var(--amber);font-size:22px;margin-top:12px}.qsl{font-size:20px;color:var(--green);letter-spacing:.12em}
footer{max-width:1250px;margin:0 auto 35px;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#527064;font-size:10px}@keyframes blink{50%{opacity:0}}
@media(max-width:850px){body{padding:0 4vw}.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.frequency{font-size:38px}.topbar{height:90px}.callsign{font-size:28px}.morse-panel{align-items:flex-start;gap:20px;flex-direction:column}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.status{display:none}.display{padding:20px 16px}.frequency{font-size:30px}}