@layer legacy{.panel,.meter{border:1px solid #5f5038;box-shadow:inset 0 1px #ffefbe1f,inset 0 -14px 28px #00000047,0 22px 48px #00000059}.eyebrow{margin:0 0 4px;color:#d4bc83;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.panel h3,.mic-panel__body h2{margin:0;color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:1.6rem;letter-spacing:0}.machine-button{display:inline-grid;min-height:44px;place-items:center;padding:0 18px;border:1px solid #9b7736;border-radius:5px;background:linear-gradient(180deg,#e0bb68,#8d6426 52%,#4f3417),#8d6426;color:#241507;font-weight:900;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 1px rgba(255,242,186,.4);box-shadow:inset 0 2px #fff6ca61,inset 0 -3px #381f088c,0 6px #24160c}.machine-button:active{transform:translateY(3px);box-shadow:inset 0 2px #fff6ca47,inset 0 -3px #381f0873,0 3px #24160c}.machine-button.secondary{border-color:#66766d;background:linear-gradient(180deg,#b7c1b6,#657166 52%,#2f3832);color:#101713}.machine-button.danger{border-color:#985246;background:linear-gradient(180deg,#e08a62,#9d3f2f 52%,#4d1711);color:#210805}.machine-button input{width:0;height:0;position:absolute;opacity:0}.mic-panel{display:grid;grid-template-columns:1fr;justify-items:center;align-content:center;min-height:300px;gap:16px;padding:26px;border-radius:8px;border:1px solid #64583f;background:linear-gradient(180deg,#22251ff0,#0f100df5),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px);box-shadow:inset 0 1px #ffefbe1a}.mic-panel.is-recording{border-color:#b45b49;box-shadow:inset 0 1px #ffefbe1a,0 0 24px #ad3a262e}.mic-panel__horn{width:112px;height:112px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 50%,#15120e 0 17%,transparent 18%),conic-gradient(from 20deg,#9d8353,#28231a,#d2b06c,#302719,#9d8353);border:8px solid #181512;box-shadow:inset 0 0 20px #000000b3,0 7px 16px #0000005c}.mic-panel__horn span{width:48px;height:48px;border-radius:50%;background:repeating-linear-gradient(90deg,#1b1b18 0 4px,#6a6047 4px 6px),#1b1b18;border:2px solid #9d8353}.mic-panel__body h2{text-align:center}.mic-panel__body p{margin:8px 0 12px;color:#bfb194;line-height:1.5;text-align:center}.mic-meter{height:16px;overflow:hidden;border-radius:999px;border:1px solid #46543b;background:#10170f;box-shadow:inset 0 0 10px #000}.mic-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5bc179,#e5c767 62%,#c54a35);transition:width 80ms linear}.mic-panel__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;justify-content:center}.recording-time{min-width:58px;padding:9px 10px;border-radius:4px;background:#121911;border:1px solid #46543b;color:#8ff0a4;font-family:Courier New,monospace;font-weight:900;text-align:center}.mic-error{color:#ffb199!important;font-weight:800}.machine-button.compact{min-height:38px;padding:0 14px;font-size:.82rem;white-space:nowrap}.meter{min-height:116px;display:grid;align-content:center;gap:10px;padding:14px;border-radius:8px;background:linear-gradient(180deg,#2b231a,#14130f)}.meter p{margin:0;color:#c8b58d;font-weight:800;text-align:center}.panel{min-width:0;padding:18px;border-radius:8px;background:linear-gradient(180deg,#3c3224eb,#14120ef5),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.timeline-panel,.scope-panel{grid-column:span 1}.timeline-panel,.scope-panel{grid-column:1 / -1}.empty-slot{display:grid;min-height:64px;place-items:center;border:1px dashed rgba(211,190,137,.35);border-radius:5px;color:#9f9277}.transport-button{width:48px;height:48px;border:1px solid #8d743f;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f0d48a,#7b5520 58%,#2b190a);color:#160d05;font-weight:950;box-shadow:inset 0 2px #fff6ca6b,inset 0 -4px 8px #0000007a,0 4px #201309}.transport-button:active{transform:translateY(2px);box-shadow:inset 0 2px #fff6ca4d,inset 0 -4px 8px #0006,0 2px #201309}.timeline{min-height:70px;display:flex;align-items:stretch;overflow:hidden;border-radius:5px;border:1px solid #49523d;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent),#111711}.timeline__segment{min-width:4px;display:grid;place-items:center;color:#1f1508;font-family:Courier New,monospace;font-size:1.2rem;font-weight:900}.timeline__segment.on{background:linear-gradient(180deg,#c8f59a,#50ab6e);box-shadow:inset 0 0 10px #ffffff59}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.waveform{width:100%;min-height:132px;border-radius:6px;background:#10170f;border:1px solid #41513b}.waveform rect{fill:#10170f}.waveform path{fill:none;stroke:#9bed95;stroke-width:1.4;opacity:.92}.waveform line{stroke:#d2f0b42e}.spectrum{min-height:132px;display:flex;align-items:end;gap:2px;padding:10px;border-radius:6px;border:1px solid #41513b;background:linear-gradient(rgba(161,238,149,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(161,238,149,.08) 1px,transparent 1px),#10170f;background-size:100% 28px,28px 100%}.spectrum span{flex:1 1 4px;min-width:2px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#f3d77b,#7b9f57)}.spectrum span.is-selected{background:linear-gradient(180deg,#fff4b5,#d53e2d);box-shadow:0 0 12px #ffd966cc}.light-output{border:1px solid #64583f;border-radius:8px;background:linear-gradient(180deg,#181b16f5,#0d0e0cfa);padding:18px}.light-output__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.light-output h3{margin:0;color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.light-output__actions{display:flex;align-items:center;gap:10px}.light-output__controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:14px}.light-mode-toggle{display:inline-flex;flex:0 0 auto;padding:4px;border:1px solid rgba(212,188,131,.38);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#10140f;box-shadow:inset 0 0 14px #00000094}.light-mode-toggle button{min-height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#d4bc83;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.light-mode-toggle button.is-active{background:linear-gradient(180deg,#e0bb68,#8d6426 64%,#5a3a18);color:#1c1107;text-shadow:0 1px rgba(255,242,186,.4);box-shadow:inset 0 1px #fff6ca61,0 2px 8px #00000052}.signal-lamp-stage{position:relative;overflow:hidden;min-height:220px;display:grid;place-items:center;align-content:center;gap:14px;border-radius:8px;border:1px solid rgba(143,240,164,.2);background:radial-gradient(circle at 50% 45%,rgba(143,240,164,.08),transparent 34%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),#070b08;box-shadow:inset 0 0 34px #000c}.signal-lamp-stage.is-flood{background:#030303;border-color:#ffffff38;box-shadow:inset 0 0 30px #ffffff0f,inset 0 0 34px #000000eb}.signal-lamp-stage.is-flood.is-on{background:#fff;box-shadow:0 0 36px #ffffff7a,inset 0 0 42px #00000014}.fullscreen-light-controls{position:relative;z-index:2;display:none;align-items:center;gap:12px}.signal-lamp-stage:not(:fullscreen) .fullscreen-light-controls{display:none}.signal-lamp-stage:fullscreen .fullscreen-light-controls{display:flex;position:absolute;left:50%;bottom:30px;z-index:4;transform:translate(-50%);padding:12px 14px;border:1px solid rgba(212,188,131,.58);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent),#090a08b8;box-shadow:inset 0 1px #ffefbe29,0 10px 32px #00000061;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.signal-lamp-stage:fullscreen{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0;background:radial-gradient(circle at 50% 50%,rgba(143,240,164,.14),transparent 42%),#020503}.signal-lamp-stage.is-flood:fullscreen{background:#000}.signal-lamp-stage.is-flood.is-on:fullscreen{background:#fff}.signal-lamp{width:128px;height:128px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 36% 28%,#415040,#121913 62%,#020402);border:10px solid #15120e;box-shadow:inset 0 0 24px #000000db,0 10px 28px #0000006b;transition:background 70ms linear,box-shadow 70ms linear,transform 70ms linear}.signal-lamp span{width:58%;height:58%;border-radius:50%;background:radial-gradient(circle,#8ff0a42e,#8ff0a405)}.signal-flood-panel{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 22%),#030303;transition:background 70ms linear}.signal-lamp-stage.is-flood.is-on .signal-flood-panel{background:#fff}.signal-lamp-stage.is-on .signal-lamp{transform:scale(1.04);background:radial-gradient(circle at 35% 28%,#f3ffd3,#8ff0a4 36%,#2f6d45 72%);box-shadow:0 0 36px #8ff0a4d6,0 0 96px #8ff0a473,inset 0 0 18px #ffffff6b}.signal-lamp-stage:fullscreen .signal-lamp{width:min(42vw,420px);height:min(42vw,420px)}.signal-lamp-stage p{position:relative;z-index:1;margin:0;color:#d8c69d;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.signal-lamp-stage.is-flood p{padding:8px 12px;border-radius:999px;background:#00000094;color:#f5f0e2}.signal-lamp-stage.is-flood.is-on p{background:#ffffffb8;color:#111}.vibration-output{border:1px solid #64583f;border-radius:8px;background:linear-gradient(180deg,#181b16f5,#0d0e0cfa),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px);padding:18px}.vibration-output__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.vibration-output h3{margin:0;color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.vibration-meter{min-height:76px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(143,240,164,.2);border-radius:8px;background:radial-gradient(circle at 50% 50%,rgba(143,240,164,.08),transparent 56%),#071009;box-shadow:inset 0 0 26px #000000d1}.vibration-meter span{width:12px;height:46px;border-radius:999px;background:#263428;box-shadow:inset 0 0 8px #000000b8;transition:transform 90ms linear,background 90ms linear,box-shadow 90ms linear}.vibration-meter span:nth-child(2){height:58px}.vibration-meter.is-active span{background:#8ff0a4;box-shadow:0 0 16px #8ff0a494,inset 0 0 6px #ffffff6b;transform:translateY(-4px)}.vibration-meter.is-active span:nth-child(2){transform:translateY(5px)}.vibration-output p{margin:10px 0 0;color:#d8c69d;font-weight:900}.morse-tapper{border:1px solid #64583f;border-radius:8px;background:linear-gradient(180deg,#181b16f5,#0d0e0cfa);padding:18px}.morse-tapper h3{margin:0 0 10px;color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.morse-tapper__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.telegraph-key{position:relative;width:100%;min-height:118px;display:grid;place-items:center;border:1px solid #705c35;border-radius:8px;background:radial-gradient(circle at 50% 18%,rgba(255,236,176,.18),transparent 34%),linear-gradient(180deg,#252219,#0b0c0a);box-shadow:inset 0 1px #ffefbe24,inset 0 -16px 24px #00000075}.telegraph-key:before{content:"";position:absolute;left:12%;right:12%;bottom:27px;height:10px;border-radius:999px;background:linear-gradient(180deg,#d8bd79,#6c4d1f);box-shadow:0 6px #1b1007;transform-origin:18% 50%;transition:transform 70ms linear,box-shadow 70ms linear}.telegraph-key span{position:relative;z-index:1;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff1b8,#b58d43 45%,#3b240d 76%);border:2px solid #8d743f;box-shadow:inset 0 2px #fff6ca73,inset 0 -8px 12px #00000085,0 7px #1b1007;transition:transform 70ms linear,box-shadow 70ms linear}.telegraph-key.is-down:before{transform:rotate(2deg) translateY(4px);box-shadow:0 2px #1b1007}.telegraph-key.is-down span{transform:translateY(6px);box-shadow:inset 0 2px #fff6ca57,inset 0 -8px 12px #00000073,0 1px #1b1007,0 0 24px #8ff0a447}.tapper-readouts{display:grid;gap:10px;margin-top:12px}.tapper-readouts div{display:grid;gap:4px;padding:10px;border:1px solid rgba(143,240,164,.18);border-radius:5px;background:#0f1d11bd}.tapper-readouts span{color:#d4bc83;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.tapper-readouts strong{color:#8ff0a4;font-family:Courier New,monospace;font-size:1.1rem;overflow-wrap:anywhere}.morse-tapper>p{margin:10px 0 0;color:#d8c69d;line-height:1.5}@media(max-width:1050px){.scope-grid{grid-template-columns:1fr}}@media(max-width:680px){.mic-panel{grid-template-columns:1fr}.mic-panel__horn{width:104px;height:104px}.light-output__head,.light-output__controls,.light-output__actions{align-items:stretch;flex-direction:column}.light-mode-toggle{width:100%}.light-mode-toggle button{flex:1 1 0}}}@font-face{font-family:Archivo;src:url(/fonts/archivo-regular.ttf) format("truetype");font-weight:400 600;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-bold.ttf) format("truetype");font-weight:700 900;font-display:swap}:root{font-family:Archivo,Arial,sans-serif;color:#253b33;background:#f6f5ef;color-scheme:light;font-synthesis:none;--ink: #253b33;--muted: #626a60;--line: #d9dcd1;--paper: #f6f5ef;--green: #254d3d;--accent: #edce7b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);color:var(--ink);overflow-x:initial}button,input,textarea,select{font:inherit}button,a,input,textarea,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a66b1b;outline-offset:4px}::selection{background:#edce7b;color:#253b33}textarea,input{caret-color:#254d3d}a{text-underline-offset:4px;color:inherit}button{color:inherit}svg{flex-shrink:0}.studio{width:min(1200px,calc(100% - 80px));margin:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--green);color:#fff;padding:14px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;gap:48px;min-height:100px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap;font-size:25px;letter-spacing:-1px;font-weight:700}.brand-light{font-weight:400}.brand small{font-size:14px;letter-spacing:0;margin-left:2px;font-weight:400;color:var(--muted)}.main-navigation{display:flex;gap:6px;align-self:stretch;align-items:center}.main-navigation a{font-size:14px;position:relative;padding:12px 15px;text-decoration:none;color:var(--muted);border-radius:6px;transition:background .2s}.main-navigation a[aria-current]{color:var(--green);font-weight:700;background:#e7ebdf}.main-navigation a:hover{background:#e7ebdf;color:var(--green)}.header-privacy{margin-left:auto;font-size:11px;display:flex;gap:7px;align-items:center;color:var(--muted);white-space:nowrap}.privacy-dot,.live-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#477d50}.page-intro{display:flex;justify-content:space-between;align-items:center;padding:56px 0 40px;gap:32px}h1{font-size:clamp(34px,4.2vw,57px);font-weight:700;letter-spacing:-.035em;line-height:1.12;margin:0;text-wrap:balance}h1>span{display:block}.intro-second-line{color:#69786a}.page-intro p{margin:20px 0 0;max-width:540px;font-size:15px;line-height:1.7;color:var(--muted)}.intro-signal{width:180px;height:153px;display:flex;align-items:center;justify-content:center;gap:7px;position:relative;background:#edce7b;border-radius:50% 50% 6px 6px;transform:rotate(-5deg);flex-shrink:0;margin-right:15px}.intro-signal>span{font-family:monospace;font-size:27px;font-weight:700;letter-spacing:1px}.intro-signal>small{position:absolute;bottom:31px;font-size:9px;letter-spacing:5px;transform:translate(2px)}.main-workspace{min-height:300px}.workspace-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px}.direction-control{display:flex;gap:4px;background:#e9ece3;padding:4px;border-radius:8px}.direction-control button{border:0;background:transparent;font-size:13px;padding:10px 17px;border-radius:5px;color:#596657}.direction-control button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 2px 6px #253b3310;font-weight:700}.live-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.translation-desk{position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid #ced5c8;border-radius:12px;overflow:hidden}.message-pane{padding:22px 26px 18px;min-width:0;background:#fffefb}.output-pane{background:#eaf0e5;border-left:1px solid #ced5c8}.pane-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;min-height:28px}.pane-heading label,.pane-heading h3{font-size:13px;font-weight:700;margin:0}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;font-size:12px;line-height:1.4;padding:7px 0;text-decoration:none;color:var(--green);font-weight:600}.text-button:hover{color:#835817}.message-pane textarea{display:block;width:100%;height:145px;resize:vertical;border:0;background:transparent;color:var(--ink);font-size:28px;line-height:1.6;padding:0;min-height:110px;max-height:360px;border-radius:0}.message-pane textarea::placeholder{color:#6e776c;font-size:21px;line-height:1.6}.message-pane textarea.morse-output,.message-pane textarea.morse-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:27px;letter-spacing:3px;line-height:1.8;font-weight:600}.pane-bottom{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted);margin-top:18px;font-variant-numeric:tabular-nums}.pane-bottom>span:last-child{flex-shrink:0}.swap-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #cbd3c6;background:#f6f5ef;z-index:1}.swap-button:hover{background:var(--accent)}.transmission-bar{display:flex;align-items:center;gap:24px;padding:23px 0 20px;border-bottom:1px solid var(--line)}.playback-actions{display:flex;gap:10px;flex-shrink:0}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;font-weight:600;font-size:12px;min-height:44px;padding:12px 17px;text-decoration:none;line-height:1.3;transition:background .15s}.primary-button{background:var(--green);border:1px solid var(--green);color:#fffdf5}.primary-button:hover{background:#183c2d}.secondary-button{background:transparent;color:var(--ink);border:1px solid #bac4b4}.secondary-button:hover{background:#e6ebdf}.signal-wave{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;height:42px;overflow:hidden;color:#879680}.signal-wave span{display:block;width:2px;flex-shrink:0;background:currentColor;border-radius:2px}.signal-wave span.transmitting{animation:transmit .65s ease-in-out infinite alternate;background:#315d45}@keyframes transmit{0%{transform:scaleY(.4)}to{transform:scaleY(1.3)}}.playback-duration{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:5px;min-width:110px}.playback-duration strong{font-size:12px;color:var(--ink);font-weight:400;font-variant-numeric:tabular-nums}.tuning-row{display:flex;align-items:center;gap:40px;padding:21px 0 0}.tuning-row label{display:grid;grid-template-columns:1fr auto;column-gap:20px;row-gap:10px;font-size:11px;width:185px;flex-shrink:0}.tuning-row label strong{font-weight:600;font-variant-numeric:tabular-nums}input[type=range]{grid-column:1/-1;width:100%;height:4px;accent-color:var(--green);cursor:pointer;margin:4px 0}.tuning-row>.text-button{margin-left:auto}.feedback-line{font-size:12px;line-height:1.6;min-height:20px;margin:12px 0 0;color:var(--green)}.inline-warning{font-size:12px;line-height:1.7;color:#83571e;background:#f2e8cb;padding:10px 14px;border-radius:4px;margin:12px 0}.translator-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:20px;padding:29px 0;border-top:1px solid var(--line)}.translator-notes h2{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 9px}.translator-notes p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:380px}.example-strip{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;align-content:center}.example-strip>span{width:100%;font-size:10px;color:var(--muted);margin-bottom:3px}.example-strip button{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:transparent;border-radius:5px;padding:10px 12px;font-size:11px}.example-strip button:hover{background:#e9ece1}.privacy-note{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid var(--line);padding:23px 0;margin:14px 0 0;color:var(--muted)}.privacy-note p{font-size:10px;line-height:1.7;margin:0}.studio-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;padding:32px 0 42px;border-top:1px solid var(--line)}.footer-brand{font-weight:700;text-decoration:none;font-size:14px}.studio-footer p{font-size:10px;color:var(--muted);margin:9px 0 0}.studio-footer nav{display:flex;gap:12px 22px;flex-wrap:wrap;max-width:560px;padding-top:3px}.studio-footer nav a{font-size:10px;text-decoration:none;color:var(--muted)}.studio-footer nav a:hover{text-decoration:underline}.footer-code{display:flex;flex-direction:column;gap:7px;font-family:monospace;font-size:18px;letter-spacing:2px;white-space:nowrap}.footer-code small{font-family:Archivo,Arial,sans-serif;font-size:9px;letter-spacing:0;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-intro{margin:3px 0 25px}.section-intro h2{font-size:25px;letter-spacing:-.025em;font-weight:600;margin:0 0 9px}.section-intro p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:620px}.audio-inputs{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.audio-drop{border:1px dashed #8c9b83;border-radius:10px;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#edf0e6;text-align:center;position:relative;padding:28px;cursor:pointer}.audio-drop>strong{font-size:16px;font-weight:600}.audio-drop>span:not(.secondary-button){font-size:11px;color:var(--muted);line-height:1.7}.audio-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.audio-drop:focus-within{outline:3px solid #a66b1b;outline-offset:4px}.audio-drop.is-dragging{background:#dae4ce}.audio-drop.is-disabled{opacity:.5;cursor:not-allowed}.recording-box{border:1px solid var(--line);padding:26px;border-radius:10px;display:flex;align-items:center}.recording-box .mic-panel{padding:0;background:transparent;border:0;box-shadow:none;display:block;min-height:0;width:100%}.recording-box .mic-panel__horn{display:none}.recording-box h3{font-size:18px;margin:0 0 9px;font-weight:600}.recording-box .mic-panel p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 15px}.recording-box .mic-panel__actions{flex-direction:row;justify-content:flex-start;gap:10px;flex-wrap:wrap;align-items:center}.recording-box .mic-meter{height:5px;background:#dfe6d6;border:0;box-shadow:none;margin:0 0 20px}.recording-box .mic-meter span{background:#4b7753;box-shadow:none}.studio .machine-button{background:var(--green);color:#fffdf5;border:1px solid var(--green);border-radius:6px;box-shadow:none;text-transform:none;font-size:12px;letter-spacing:0;min-height:42px;font-weight:600;padding:11px 15px;text-shadow:none;transform:none}.studio .machine-button.secondary{background:transparent;color:var(--green);border-color:#b8c3b0}.studio .machine-button.danger{background:#864736;border-color:#864736;color:#fff}.recording-box .recording-time{font-size:13px;background:none;border:0;color:var(--ink);padding:0;font-variant-numeric:tabular-nums}.audio-status{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:17px 0 25px}.audio-status p{font-size:12px;line-height:1.7;max-width:700px;margin:0}.audio-status button{flex-shrink:0}.source-player{display:flex;align-items:center;justify-content:space-between;gap:25px;border-block:1px solid var(--line);padding:15px 0;margin-bottom:20px}.source-player>span{font-size:12px;overflow-wrap:anywhere}.source-player audio{height:36px;width:350px;max-width:100%}.audio-result{padding:25px;background:#eaf0e5;border-radius:10px;margin:20px 0}.audio-result textarea{width:100%;min-height:90px;resize:vertical;background:transparent;border:0;font-size:27px;line-height:1.6;color:var(--ink);padding:0}.result-morse{font-family:monospace;font-size:17px;line-height:1.8;letter-spacing:2px;overflow-wrap:anywhere}.result-measurements{display:flex;gap:40px;padding:15px 0;margin:15px 0 5px;border-top:1px solid #cad6c2;flex-wrap:wrap}.result-measurements span{display:flex;gap:6px;flex-direction:column;font-size:10px;color:var(--muted)}.result-measurements strong{font-size:13px;color:var(--ink)}summary{cursor:pointer;font-size:12px;font-weight:600;padding:15px 0}.fine-settings{border-block:1px solid var(--line);margin-top:25px;padding-bottom:5px}.fine-settings p{font-size:12px;color:var(--muted)}.frequency-settings{display:flex;gap:24px;align-items:center;margin:20px 0}.frequency-settings label{display:flex;flex-direction:column;gap:10px;font-size:11px;flex:1}.frequency-settings input[type=number]{background:#fffefb;border:1px solid #b8c3b0;border-radius:4px;width:100%;padding:10px;color:var(--ink)}.fine-settings>.secondary-button{margin-bottom:15px}.audio-caveat{font-size:11px;line-height:1.8;color:var(--muted);margin:22px 0}.alternative-reading{font-size:15px;line-height:1.7;border-bottom:1px solid #cad6c2;padding-bottom:12px}.signal-details .panel{background:#f6f5ef;color:var(--ink);box-shadow:none;border:0;margin-top:15px}.signal-details .panel-heading h3{color:var(--ink);font-family:Archivo,Arial,sans-serif;font-size:16px}.signal-details .eyebrow{color:var(--muted)}.learning-layout{display:grid;grid-template-columns:1fr 260px;gap:40px}.alphabet-section{min-width:0}.alphabet-section h3{font-size:16px}.letter-search input{background:transparent;border:1px solid #bdc7b6;padding:9px 12px;width:130px;border-radius:5px;font-size:11px;color:var(--ink)}.alphabet-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.alphabet-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:14px 12px;background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:76px}.alphabet-grid button:hover{background:#e7ebdf}.alphabet-grid button[aria-pressed=true]{background:var(--green);color:#fffdf5}.alphabet-grid strong{font-size:18px}.alphabet-grid code{font-size:13px;font-weight:600;letter-spacing:1px}.letter-listener{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#edce7b;border-radius:10px;padding:30px;align-self:stretch}.selected-letter{font-size:96px;line-height:1;font-weight:700;letter-spacing:-.04em}.letter-listener>code{font-size:35px;letter-spacing:8px}.letter-listener p{font-size:11px;line-height:1.8;text-align:center;margin:0}.timing-lesson{padding:35px 0;margin-top:30px;border-block:1px solid var(--line)}.timing-lesson h3{font-size:21px;font-weight:600;margin:0 0 25px}.timing-lesson>div{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.timing-lesson p{display:flex;flex-direction:column;gap:9px;font-size:11px;color:var(--muted);margin:0}.timing-lesson strong{font-size:13px;color:var(--ink)}.timing-symbol{display:block;height:7px;background:var(--green);border-radius:4px;margin:7px 0 10px;width:7px}.dash-symbol{width:30px}.letter-symbol{width:30px;background:transparent;border:1px solid #75876e}.word-symbol{width:70px;background:transparent;border:1px solid #75876e}.practice-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 0}.practice-section h3{font-size:23px;margin:0 0 12px;font-weight:600}.practice-section p{font-size:13px;line-height:1.8;color:var(--muted)}.practice-section .tapper-panel{border:0;background:#e8ede1;color:var(--ink);box-shadow:none;padding:25px;border-radius:10px}.practice-section .eyebrow{display:none}.practice-section h2{font-family:Archivo,Arial,sans-serif;color:var(--ink);font-size:17px}.practice-section .tapper-key{background:var(--green);color:#fff;border:0;box-shadow:none;text-shadow:none}.practice-section .tapper-readout{background:#f6f5ef;color:var(--ink);border-color:var(--line);box-shadow:none}.reading-links{display:flex;gap:25px;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0}.reading-links a{font-size:12px;display:flex;gap:12px;align-items:center;text-decoration:none}.reading-links a:hover{text-decoration:underline}.output-extras{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px 0}.output-extras>section{background:#e7edde;color:var(--ink);border:0;box-shadow:none}.output-extras h3{font-family:Archivo,Arial,sans-serif;color:var(--ink);font-size:18px}.output-extras .eyebrow{display:none}.output-extras .signal-lamp-stage{background:#d6dfc9;border:0;box-shadow:none;color:var(--ink)}.output-extras .signal-lamp-stage p{color:var(--ink)}.output-extras .signal-lamp{background:#a0ad92;border-color:#75876e;box-shadow:none}.output-extras .is-on .signal-lamp{background:#f8d970}.studio .transport-button{background:var(--green);color:#fff;border:0;box-shadow:none;border-radius:5px;text-shadow:none}.output-extras .light-mode-toggle button{color:var(--ink);background:transparent;border-color:#a9b89a}.output-extras .light-mode-toggle button.is-active{background:var(--green);color:#fff}.loading-message{font-size:14px;padding:50px 0;color:var(--muted)}@media(min-width:1500px){.studio{width:1200px}.page-intro{padding-top:65px;padding-bottom:48px}}@media(max-width:1100px){.studio{width:calc(100% - 56px)}.site-header{gap:25px}.header-privacy{display:none}.main-navigation{margin-left:auto}.tuning-row{gap:25px}.tuning-row label{width:165px}}@media(max-width:760px){.studio{width:calc(100% - 36px)}.site-header{min-height:114px;flex-wrap:wrap;gap:0;padding-top:20px;padding-bottom:12px}.brand{font-size:23px}.brand svg{width:31px}.main-navigation{width:100%;margin:15px 0 0;justify-content:space-between;gap:4px}.main-navigation a{padding:9px 12px;font-size:12px}.page-intro{padding:30px 0 27px;gap:16px}.page-intro p{font-size:12px;line-height:1.7;margin-top:13px}.intro-signal{width:90px;height:90px;gap:2px;margin:0}.intro-signal>span{font-size:15px;letter-spacing:0}.intro-signal>small{font-size:6px;bottom:18px;letter-spacing:3px}h1{font-size:34px;line-height:1.12}.workspace-top{padding-bottom:13px}.direction-control button{font-size:11px;padding:9px 11px}.live-label{font-size:9px}.translation-desk{grid-template-columns:1fr}.message-pane{padding:17px 19px 15px}.output-pane{border-left:0;border-top:1px solid #ced5c8}.message-pane textarea{height:93px;min-height:80px;font-size:23px}.message-pane textarea.morse-output,.message-pane textarea.morse-input{font-size:23px;line-height:1.6;letter-spacing:2px}.pane-heading{margin-bottom:10px}.pane-bottom{font-size:9px;margin-top:12px}.swap-button{left:auto;right:17px;top:50%;transform:translateY(-50%) rotate(90deg);width:30px;height:30px}.transmission-bar{gap:15px;padding:17px 0;flex-wrap:wrap}.playback-actions{width:100%;gap:9px}.playback-actions>button{flex:1;font-size:11px;padding:10px 12px}.signal-wave{justify-content:flex-start;height:25px;max-width:240px}.signal-wave span{width:2px;transform:scaleY(.75)}.playback-duration{font-size:9px;margin-left:auto;min-width:95px}.playback-duration strong{font-size:11px}.tuning-row{gap:20px;flex-wrap:wrap;padding-top:18px}.tuning-row label{flex:1;width:auto;min-width:110px;font-size:10px}.tuning-row>.text-button{margin-left:0;width:100%;justify-content:flex-start;font-size:11px;padding:1px 0 0}.feedback-line{margin-top:8px;min-height:10px;font-size:11px}.translator-notes{grid-template-columns:1fr;gap:21px;margin-top:12px;padding:24px 0}.translator-notes h2{font-size:19px}.translator-notes p{font-size:12px}.example-strip{justify-content:flex-start}.example-strip>span{font-size:10px}.privacy-note{align-items:flex-start;text-align:left;padding:19px 0;margin-top:6px}.privacy-note p{font-size:10px}.studio-footer{flex-wrap:wrap;gap:23px;padding:24px 0}.studio-footer>div{flex:1}.studio-footer nav{order:3;width:100%;gap:15px 22px}.footer-code{font-size:16px}.audio-inputs{grid-template-columns:1fr;gap:16px}.audio-drop{min-height:210px;padding:23px}.recording-box{padding:22px}.audio-status{align-items:flex-start;flex-direction:column;gap:8px}.source-player{flex-direction:column;align-items:stretch;gap:12px}.source-player audio{width:100%}.audio-result{padding:20px}.audio-result textarea{font-size:22px}.frequency-settings{flex-wrap:wrap;gap:18px}.frequency-settings label{flex-basis:40%}.section-intro h2{font-size:23px}.section-intro p{font-size:12px}.learning-layout{grid-template-columns:1fr;gap:20px}.alphabet-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.alphabet-grid button{padding:12px 8px;min-height:65px}.alphabet-grid code{font-size:11px;letter-spacing:0}.letter-listener{flex-direction:row;flex-wrap:wrap;gap:18px;padding:22px}.selected-letter{font-size:50px}.letter-listener>code{font-size:25px}.letter-listener p{width:100%}.timing-lesson{margin-top:23px;padding:25px 0}.timing-lesson h3{font-size:20px;line-height:1.4}.timing-lesson>div{grid-template-columns:1fr 1fr;gap:25px}.practice-section{grid-template-columns:1fr;gap:10px;padding:25px 0}.reading-links{flex-direction:column;gap:20px}.output-extras{grid-template-columns:1fr}.result-measurements{gap:25px}}@media(max-width:440px){.intro-signal{display:none}.page-intro h1{font-size:34px}.page-intro p{max-width:340px}.live-label{font-size:0;gap:0}.live-label i{width:6px;height:6px;margin-right:6px}.signal-wave{max-width:200px;gap:2px}.signal-wave span{width:2px}.pane-bottom{gap:8px}.message-pane textarea::placeholder{font-size:18px}.main-navigation a{padding:9px 13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.wave-control{display:flex;gap:12px;align-items:center;font-size:10px;margin:15px 0 4px;color:var(--muted)}.wave-control select{font-size:10px;color:var(--ink);padding:6px 26px 6px 9px;border:1px solid #bdc7b6;border-radius:4px;background:transparent;min-height:30px}.practice-section .morse-tapper{background:#e8ede1;color:var(--ink);border:0;box-shadow:none}.practice-section .morse-tapper h3{font-family:Archivo,Arial,sans-serif;font-size:16px;color:var(--ink)}.practice-section .telegraph-key{background:#d5dfca;border:1px solid #acbba0;box-shadow:none;min-height:100px}.practice-section .tapper-readouts>div{background:#f6f5ef;border-color:#cbd5c2;box-shadow:none}.practice-section .tapper-readouts span{color:#626a60}.practice-section .tapper-readouts strong{color:#253b33}.practice-section .telegraph-key.is-down{background:#edce7b}.search-guide{max-width:860px;margin:3rem auto;padding:2rem 0;border-top:1px solid #c9cec3;line-height:1.7}.search-guide h2{font-size:clamp(1.4rem,3vw,2rem)}.search-guide details{border-bottom:1px solid #c9cec3;padding:1rem 0}.search-guide summary{cursor:pointer;font-weight:700}.search-guide a{color:inherit;text-underline-offset:3px}.morsefight-banner{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin:18px 0 0;padding:18px 26px 40px;overflow:hidden;color:#e8dfc4;text-decoration:none;font-family:Courier New,monospace;background:repeating-linear-gradient(0deg,#0000 0 3px,#0002 3px 4px),radial-gradient(120% 140% at 0% 0%,#3c4a2c,#1b2418 60%,#120f0b);border:3px solid #c9a24a;border-radius:6px;box-shadow:0 0 0 4px #17120e,0 10px 26px #0006,inset 0 0 40px #000a;transition:transform .15s,box-shadow .15s}.morsefight-banner:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #17120e,0 16px 34px #0008,0 0 24px #e8503a55,inset 0 0 40px #000a}.mf-radar{position:relative;width:104px;aspect-ratio:1;border-radius:50%;border:4px solid #c9a24a;background:repeating-radial-gradient(circle,#0000 0 16px,#2f8a4a66 16px 17px),linear-gradient(#0000 49.5%,#2f8a4a66 49.5% 50.5%,#0000 50.5%),linear-gradient(90deg,#0000 49.5%,#2f8a4a66 49.5% 50.5%,#0000 50.5%),radial-gradient(#0d2a14,#031006);box-shadow:inset 0 0 14px #000,0 0 16px #3f3a;overflow:hidden}.mf-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#6dff8c88,#6dff8c00 70deg,#0000 360deg);animation:mf-spin 3s linear infinite}.mf-blip{position:absolute;width:8px;height:8px;border-radius:50%;background:#e8503a;box-shadow:0 0 8px #e8503a;animation:mf-blip 3s ease-out infinite}.mf-copy{display:grid;gap:4px;min-width:0}.mf-tag{justify-self:start;padding:2px 8px;background:#e8503a;color:#fff3e0;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;animation:mf-blink 1.2s steps(2) infinite}.mf-title{font-size:clamp(30px,5vw,48px);line-height:1;letter-spacing:.18em;color:#c9a24a;text-shadow:3px 3px 0 #000,0 0 18px #c9a24a66}.mf-sub{font-size:15px;line-height:1.4;max-width:52ch}.mf-morse{color:#6dff8c;font-size:13px;letter-spacing:.25em;text-shadow:0 0 6px #2f6;white-space:nowrap;overflow:hidden}.mf-cta{padding:14px 26px;font-size:18px;font-weight:700;letter-spacing:.2em;color:#fff3e0;background:linear-gradient(#c23a2e,#6a1610);border:2px solid #f07a62;border-radius:4px;box-shadow:0 4px #2a0806,0 0 18px #e8503a77;animation:mf-pulse 1.6s ease-in-out infinite;white-space:nowrap}.mf-fleet{position:absolute;left:0;bottom:2px;width:420px;height:32px;fill:#0a0c08;stroke:#c9a24a99;stroke-width:1.2;animation:mf-sail 22s linear infinite}@keyframes mf-spin{to{transform:rotate(360deg)}}@keyframes mf-blip{0%,60%,to{opacity:0}8%{opacity:1}}@keyframes mf-blink{50%{opacity:.45}}@keyframes mf-pulse{50%{box-shadow:0 4px #2a0806,0 0 34px #e8503acc}}@keyframes mf-sail{0%{transform:translate(-420px)}to{transform:translate(110vw)}}@media(max-width:640px){.morsefight-banner{grid-template-columns:auto 1fr;gap:14px;padding:14px 14px 38px}.mf-radar{width:70px}.mf-sub{font-size:13px}.mf-cta{grid-column:1 / -1;text-align:center}}@media(prefers-reduced-motion:reduce){.mf-sweep,.mf-blip,.mf-tag,.mf-cta,.mf-fleet{animation:none}.mf-blip{opacity:1}}