:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;background:#101418;color:#f5f7f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#101418}main{max-width:760px;margin:auto;padding:max(20px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}h1{margin:.2rem 0;font-size:2rem}#status{margin:.2rem 0 1.2rem;color:#b8c1c8}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics div,.morse{background:#1a2229;border:1px solid #303b44;border-radius:14px;padding:14px}.metrics span,.morse span{display:block;font-size:.75rem;color:#9eabb5;text-transform:uppercase}.metrics strong{display:block;margin-top:5px;font-size:1.1rem}.controls{display:flex;gap:10px;margin:14px 0}.controls button{flex:1;min-height:50px;border:0;border-radius:12px;font-size:1rem;font-weight:700}.controls button:first-child{background:#f5f7f8;color:#101418}.controls button:last-child{background:#26323b;color:#f5f7f8}.morse strong{display:block;margin-top:8px;font:700 1.8rem ui-monospace,monospace;min-height:2rem}textarea{width:100%;height:38vh;min-height:240px;resize:none;border:1px solid #303b44;border-radius:14px;background:#151b20;color:#fff;padding:16px;font:600 1.35rem/1.5 ui-monospace,monospace}.secondary button{background:#26323b!important;color:#f5f7f8!important}@media(max-width:480px){.metrics{grid-template-columns:1fr 1fr}.metrics div:last-child{grid-column:1/-1}textarea{height:42vh}}