:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#171410;color:#f2e6c9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip;background:radial-gradient(circle at 18% 0%,rgba(168,45,28,.18),transparent 24rem),linear-gradient(135deg,#211b15,#0d0e0d 52%,#1a1711)}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.mode-switch{display:flex;justify-content:center;gap:10px;margin-bottom:14px;position:sticky;top:10px;z-index:10}.mode-switch button{min-width:150px;padding:12px 18px;border:1px solid #7b6337;border-radius:999px;background:linear-gradient(180deg,#2d2c25,#14140f);color:#d4bc83;font-weight:900;text-transform:uppercase;letter-spacing:.06em;box-shadow:inset 0 1px #ffefbe1f}.mode-switch button.is-active{background:linear-gradient(180deg,#d9b866,#7d5923);color:#211307}.app-shell .hero-console{transition:transform .72s cubic-bezier(.16,1,.3,1),filter .72s ease;transform-origin:50% 50%}.app-shell.mode-writer .hero-console,.app-shell.mode-reader .hero-console,.app-shell.mode-learn .hero-console{transform:none}.hero-console,.control-bench,.panel,.meter{border:1px solid #5f5038;box-shadow:inset 0 1px #ffefbe1f,inset 0 -14px 28px #00000047,0 22px 48px #00000059}.hero-console{border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 12%,rgba(0,0,0,.22)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px),#332a1f;padding:18px;position:relative;overflow:hidden}.hero-console:after,.machine-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 35%,rgba(255,236,176,.2) 48%,transparent 60% 100%);transform:translate(calc((var(--mode-index) - 1) * 45%));opacity:.45;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .72s ease}.brand-plate{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-radius:6px;border:1px solid #8d743f;background:linear-gradient(180deg,#b28b45,#5f4924);color:#1a1208;text-shadow:0 1px rgba(255,236,171,.42)}.brand-plate p,.eyebrow{margin:0 0 4px;color:#d4bc83;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand-plate p{color:#37240d}.brand-plate h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,3.5rem);letter-spacing:0}.machine-stage{position:relative;margin-top:18px;perspective:1400px;overflow:hidden;border-radius:10px}.machine-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;width:300%;transform:translate(calc(var(--mode-index) * -33.3333%));transition:transform .76s cubic-bezier(.16,1,.3,1),filter .76s ease}.machine-face{min-width:0;padding:0 1px 4px;transform:scale(.94) rotateY(calc((1 - var(--mode-index)) * 7deg));opacity:.42;filter:blur(1px) saturate(.72);pointer-events:none;transition:transform .76s cubic-bezier(.16,1,.3,1),opacity .76s ease,filter .76s ease}.machine-face[aria-hidden=true]{height:0;overflow:hidden}.machine-face[aria-hidden=false]{height:auto;overflow:visible}.mode-learn .face-learn,.mode-reader .face-reader,.mode-writer .face-writer{opacity:1;filter:none;transform:scale(1) rotateY(0);pointer-events:auto}.mode-learn .face-reader,.mode-reader .face-writer{transform:scale(.94) rotateY(-10deg) translate(18px)}.mode-reader .face-learn,.mode-writer .face-reader{transform:scale(.94) rotateY(10deg) translate(-18px)}.rivet{width:20px;height:20px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1b8 0 12%,transparent 13%),radial-gradient(circle,#7d6633,#2d2113 70%);box-shadow:inset -2px -3px 5px #00000080}.hero-console__body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;margin-top:18px}.input-rack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.drop-zone,.text-decoder-panel{position:relative;min-height:300px;display:grid;grid-template-columns:1fr;justify-items:center;align-content:center;gap:16px;padding:26px;border-radius:8px;border:2px dashed #7b6b4c;background:linear-gradient(180deg,#141814eb,#0e0f0df2),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 5px);overflow:hidden}.drop-zone.is-dragging{border-color:#d6bd72;box-shadow:inset 0 0 60px #d6bd722e}.drop-zone__rings{width:150px;height:150px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#111 0 24%,transparent 25%),repeating-radial-gradient(circle,#8c7041 0 5px,#2b231b 6px 13px);box-shadow:inset 0 0 18px #000,0 0 0 8px #00000038}.drop-zone__rings span{grid-area:1 / 1;border-radius:50%;border:1px solid rgba(232,206,141,.36)}.drop-zone__rings span:nth-child(1){width:118px;height:118px}.drop-zone__rings span:nth-child(2){width:76px;height:76px}.drop-zone__rings span:nth-child(3){width:32px;height:32px;background:#1d1b16}.drop-zone h2,.panel h3,.mic-panel__body h2,.writer-panel h2,.text-decoder-panel h2{margin:0;color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:1.6rem;letter-spacing:0}.drop-zone p,.text-decoder-panel p{max-width:34ch;margin:8px auto 0;color:#bfb194;line-height:1.6;text-align:center}.drop-zone__actions{display:flex;flex-wrap:wrap;gap:12px}.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}.text-decoder-panel{border:1px solid #64583f;background:linear-gradient(180deg,#1c201bf0,#0c0e0cf5),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px);box-shadow:inset 0 1px #ffefbe1a}.practice-decoder{grid-column:1 / -1;min-height:auto}.practice-decoder textarea{min-height:120px}.text-decoder-panel textarea{width:100%;min-height:104px;resize:vertical;padding:12px;border-radius:5px;border:1px solid #41513b;background:#10170f;color:#8ff0a4;font-family:Courier New,monospace;font-size:1rem;line-height:1.5;box-shadow:inset 0 0 14px #000000a3}.decoded-chip{width:100%;display:grid;gap:4px;padding:10px;border-radius:5px;border:1px solid rgba(143,240,164,.22);background:#0f1d11bd}.decoded-chip span{color:#d4bc83;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.decoded-chip strong{color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:1.25rem;overflow-wrap:anywhere}.text-decoder-warning{color:#ffd9aa!important;font-weight:900}.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}.analog-gauge{display:grid;align-content:center;gap:10px;padding:18px;border-radius:8px;background:linear-gradient(180deg,#1e211d,#11120f);border:1px solid #574b37}.analog-gauge__face{position:relative;width:100%;aspect-ratio:1.22;border-radius:50% 50% 18px 18px;background:radial-gradient(circle at 50% 76%,#22160a 0 8px,transparent 9px),linear-gradient(180deg,#eee0bc,#9d8656);border:7px solid #191817;overflow:hidden;box-shadow:inset 0 0 26px #00000073}.analog-gauge__face span{position:absolute;top:58%;color:#26180a;font-family:Georgia,Times New Roman,serif;font-weight:800}.analog-gauge__face span:nth-child(1){left:13%}.analog-gauge__face span:nth-child(2){left:45%;top:18%}.analog-gauge__face span:nth-child(3){right:10%}.analog-gauge__needle{position:absolute;left:50%;bottom:19%;width:4px;height:42%;background:#741f16;border-radius:4px;transform-origin:50% 100%;transition:transform .32s ease;box-shadow:0 0 8px #741f1666}.analog-gauge p{margin:0;text-align:center;color:#d4bc83;font-weight:800}.control-bench{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(260px,1fr) auto;align-items:center;gap:16px;margin-top:18px;padding:16px;border-radius:8px;background:linear-gradient(180deg,#2f3029,#171915),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 8px)}.instrument-deck{transition:opacity .26s ease,filter .26s ease}.instrument-deck.is-off{opacity:.46;filter:saturate(.45) brightness(.72)}.status-lamp{display:flex;align-items:center;gap:12px;min-width:0}.status-lamp span{width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:#35251f;box-shadow:inset 0 0 8px #000}.status-lamp span.is-hot{background:#e8be55;box-shadow:0 0 22px #e8be55b3,inset 0 0 4px #fff1ba}.status-lamp span.is-ready{background:#5cc287;box-shadow:0 0 22px #5cc2878c,inset 0 0 4px #d9ffe6}.status-lamp p{margin:0;color:#dacaa8;line-height:1.45}.auto-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:12px 14px;border:1px solid rgba(148,126,85,.45);border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#0000002e}.auto-panel strong{display:block;color:#f1dfb7;line-height:1.35}.machine-button.compact{min-height:38px;padding:0 14px;font-size:.82rem;white-space:nowrap}.advanced-bench{display:grid;gap:14px;margin-top:12px;padding:16px;border:1px solid #5f5038;border-radius:8px;background:linear-gradient(180deg,#2a2b24f5,#11120ff5),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 8px);box-shadow:inset 0 1px #ffefbe1a,0 16px 34px #00000047}.advanced-bench__intro{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.advanced-bench__intro span{color:#bfb194}.knob-row{display:grid;grid-template-columns:repeat(5,minmax(118px,1fr));gap:12px}.knob{min-width:0;display:grid;justify-items:center;gap:7px;padding:10px;border-radius:6px;border:1px solid rgba(148,126,85,.45);background:#0000002e}.knob span{color:#c8b58d;font-size:.76rem;font-weight:800;text-align:center}.knob__dial{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,transparent 47%,#d8c48a 48% 52%,transparent 53%),radial-gradient(circle at 35% 28%,#6e6f68,#111 76%);border:2px solid #0a0a09;box-shadow:inset -6px -7px 10px #000000b3,0 3px #000}.knob input{width:100%;accent-color:#d4bc83}.knob strong{color:#f6e7c0;font-size:.82rem}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.meter{min-height:116px;display:grid;align-content:center;gap:10px;padding:14px;border-radius:8px;background:linear-gradient(180deg,#2b231a,#14130f)}.meter__glass{display:grid;min-height:54px;place-items:center;border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 44%),#191d16;border:1px solid #48533b;box-shadow:inset 0 0 22px #000}.meter__glass span{color:#8ff0a4;font-family:Courier New,monospace;font-size:1.38rem;font-weight:800;text-shadow:0 0 12px rgba(143,240,164,.58)}.meter p{margin:0;color:#c8b58d;font-weight:800;text-align:center}.dashboard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;margin-top:18px}.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}.result-panel,.timeline-panel,.scope-panel,.debug-panel{grid-column:span 1}.timeline-panel,.scope-panel{grid-column:1 / -1}.mini-widgets{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}.mini-widgets .timeline-panel,.mini-widgets .scope-panel{grid-column:auto}.mini-widgets .panel{padding:14px}.mini-widgets .panel h3{font-size:1.1rem}.decoded-text{min-height:98px;padding:18px;border-radius:5px;color:#18200e;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 38%),#e4d2a4;font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1.25;overflow-wrap:anywhere;box-shadow:inset 0 0 18px #482e0a66}.morse-text{margin-top:12px;padding:12px;border-radius:5px;background:#171d14;color:#91eba5;font-family:Courier New,monospace;line-height:1.55;overflow-wrap:anywhere}.warning-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.warning-list span{padding:6px 9px;border:1px solid #9d7744;border-radius:999px;background:#6f322085;color:#ffd9aa;font-size:.85rem;font-weight:800}.alternatives{display:grid;gap:8px;margin-top:14px}.alternatives p{margin:0;color:#d4bc83;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.alternatives button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid rgba(143,240,164,.28);border-radius:5px;background:#0f1d11bd;color:#d8f5c6;text-align:left}.alternatives strong{font-family:Courier New,monospace;overflow-wrap:anywhere}.alternatives span{color:#8ff0a4;font-family:Courier New,monospace;font-weight:900}.empty-slot{display:grid;min-height:64px;place-items:center;border:1px dashed rgba(211,190,137,.35);border-radius:5px;color:#9f9277}.vintage-player{display:grid;gap:12px;margin-top:14px;padding:12px;border-radius:7px;border:1px solid rgba(143,240,164,.18);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#10140f;box-shadow:inset 0 0 18px #000000b3,inset 0 1px #ffefbe14}.scope-screen{position:relative;overflow:hidden;border-radius:6px;border:1px solid #41513b;background:radial-gradient(circle at 50% 50%,rgba(143,240,164,.12),transparent 58%),#081009;box-shadow:inset 0 0 28px #000000b8,0 0 18px #8ff0a414}.scope-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);mix-blend-mode:screen}.scope-screen svg{display:block;width:100%;min-height:112px}.scope-screen rect{fill:transparent}.scope-grid-lines line{stroke:#8ff0a421;stroke-width:.6}.scope-wave{fill:none;stroke:#8ff0a4;stroke-width:1.7;filter:drop-shadow(0 0 5px rgba(143,240,164,.72))}.scope-playhead{stroke:#ffe28ccc;stroke-width:1;filter:drop-shadow(0 0 4px rgba(255,226,140,.7))}.player-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.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}.player-readout{min-width:0;display:grid;gap:5px}.player-readout strong{color:#fff3ce;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-readout span{color:#8ff0a4;font-family:Courier New,monospace;font-weight:900}.player-progress{width:100%;accent-color:#d4bc83}.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}.timeline__segment.off{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 8px),#151b16}.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}.debug-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.debug-toggle-panel{grid-column:1 / -1}.debug-toggle-panel>.machine-button{margin-bottom:12px}.debug-toggle-panel .debug-panel{box-shadow:none;background:#0000002e}.writer-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:18px;margin-top:18px;padding:18px;border:1px solid #5f5038;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 36%,rgba(0,0,0,.18)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px),#30281e;box-shadow:inset 0 1px #ffefbe1a,0 22px 48px #00000057}.writer-panel,.writer-side>*{border:1px solid #64583f;border-radius:8px;background:linear-gradient(180deg,#181b16f5,#0d0e0cfa);padding:18px}.writer-panel textarea{width:100%;min-height:240px;resize:vertical;margin-top:14px;padding:18px;border:1px solid #8d743f;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 34%),#e4d2a4;color:#18200e;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;line-height:1.35;box-shadow:inset 0 0 18px #482e0a57}.writer-side{display:grid;gap:14px}.paper-tape strong{display:block;min-height:90px;margin-top:10px;padding:14px;border-radius:5px;background:#111a12;color:#8ff0a4;font-family:Courier New,monospace;line-height:1.5;overflow-wrap:anywhere}.paper-tape span,.writer-player p{display:block;margin-top:10px;color:#d8c69d}.writer-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding:14px;border-radius:6px;border:1px solid rgba(212,188,131,.2);background:#0000002e}.writer-controls label{display:grid;gap:8px;color:#d4bc83;font-weight:900}.writer-controls input,.writer-controls select{accent-color:#d4bc83}.writer-controls select{min-height:36px;padding:0 10px;border-radius:5px;border:1px solid #6f6044;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#10170f;color:#fff3ce;font-weight:900}.writer-controls span{color:#fff3ce;font-family:Courier New,monospace}.writer-download{width:fit-content;margin-top:12px;text-decoration:none}.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}.operator-metronome{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}.operator-metronome__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.operator-metronome h3{margin:0;color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.operator-metronome p{margin:0 0 12px;color:#d8c69d;line-height:1.5}.metronome-scope{position:relative;min-height:112px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(143,240,164,.2);border-radius:8px;background:radial-gradient(circle at 50% 90%,rgba(212,188,131,.16),transparent 28%),linear-gradient(rgba(143,240,164,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(143,240,164,.08) 1px,transparent 1px),#081009;background-size:auto,100% 22px,32px 100%;box-shadow:inset 0 0 30px #000000c7}.metronome-needle{position:absolute;bottom:14px;left:50%;width:4px;height:76px;border-radius:999px;background:linear-gradient(180deg,#f1d990,#8f6b2e);transform-origin:50% 100%;box-shadow:0 0 14px #f1d99052;transition:transform 90ms linear}.metronome-scope.is-running .metronome-needle{box-shadow:0 0 22px #f1d99094}.metronome-lamps{position:absolute;bottom:12px;display:flex;gap:9px}.metronome-lamps span{width:9px;height:9px;border-radius:50%;background:#253426;box-shadow:inset 0 0 6px #000000c7}.metronome-lamps span.is-active{background:#8ff0a4;box-shadow:0 0 16px #8ff0a4c2,inset 0 0 4px #ffffff7a}.metronome-readout{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:10px;padding:8px 10px;border:1px solid rgba(143,240,164,.18);border-radius:5px;background:#0f1d11bd}.metronome-readout strong{color:#8ff0a4;font-family:Courier New,monospace;font-size:1.1rem}.metronome-readout span{color:#d4bc83;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.metronome-control{display:grid;gap:8px;margin-top:12px;color:#d4bc83;font-weight:900}.metronome-control input{accent-color:#d4bc83}.learn-console{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:18px;padding:18px;border:1px solid #5f5038;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 36%,rgba(0,0,0,.18)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px),#30281e;box-shadow:inset 0 1px #ffefbe1a,0 22px 48px #00000057}.guide-view-menu{grid-column:1 / -1;display:grid;grid-template-columns:minmax(180px,.25fr) minmax(0,1fr);align-items:center;gap:16px;padding:14px 18px;border:1px solid #64583f;border-radius:8px;background:linear-gradient(180deg,#21241efa,#0d0e0cfa),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px)}.guide-view-menu h3{margin:0;color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.guide-view-menu__switches{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.guide-view-menu__switches label{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid rgba(212,188,131,.28);border-radius:999px;background:#00000038;color:#d4bc83;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.guide-view-menu__switches input{accent-color:#d4bc83}.guide-view-menu__switches label:has(input:checked){border-color:#8ff0a457;background:#0f1d11d1;color:#f4e5be}.learn-guide,.cheat-table,.operator-brief,.morse-tapper,.q-code-panel{border:1px solid #64583f;border-radius:8px;background:linear-gradient(180deg,#181b16f5,#0d0e0cfa);padding:18px}.learn-practice-column{display:grid;gap:14px}.learn-guide h2{margin:0 0 16px;color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:2rem;letter-spacing:0}.lesson-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lesson-strip article{min-height:86px;display:grid;align-content:center;gap:6px;padding:12px;border-radius:6px;border:1px solid rgba(212,188,131,.24);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),#121911}.lesson-strip strong{color:#8ff0a4;font-family:Courier New,monospace;font-size:1.15rem}.lesson-strip span{color:#d8c69d}.mini-lesson{margin:16px 0 0;padding-left:22px;color:#e6d8b7;line-height:1.75}.operator-brief h3,.morse-tapper h3{margin:0 0 10px;color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.operator-brief p{margin:0 0 10px;color:#d8c69d;line-height:1.55}.operator-brief p:last-child{margin-bottom:0}.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}.q-code-panel{grid-column:1 / -1}.q-code-panel h3{margin:0 0 10px;color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.q-code-panel>p{max-width:76ch;margin:0 0 14px;color:#d8c69d;line-height:1.55}.q-code-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px}.q-code-grid button{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid rgba(143,240,164,.2);border-radius:5px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#0f1d11bd;text-align:left}.q-code-grid button:hover,.q-code-grid button:focus-visible{border-color:#8ff0a47a;box-shadow:inset 0 0 18px #8ff0a414,0 0 16px #8ff0a41f;outline:none}.q-code-grid strong{color:#8ff0a4;font-family:Courier New,monospace;font-size:1.1rem}.q-code-grid em{color:#f0dfb7;font-style:normal;line-height:1.35}.guide-toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:fit-content;max-width:min(100%,520px);margin:0;padding:10px 14px;border:1px solid rgba(143,240,164,.42);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#0c180ef5;color:#d8ffd2;font-family:Courier New,monospace;font-weight:900;text-align:center;box-shadow:inset 0 1px #ffefbe1a,0 12px 30px #00000059,0 0 18px #8ff0a42e;transform:translate(-50%);z-index:80}.cheat-table.compact-table{grid-column:1 / -1}.morse-grid{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:8px}.morse-grid.numbers{grid-template-columns:repeat(5,minmax(92px,1fr))}.morse-grid span{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 9px;border-radius:5px;border:1px solid rgba(143,240,164,.2);background:#0f1d11bd}.morse-grid strong{color:#fff3ce;font-family:Georgia,Times New Roman,serif;font-size:1.14rem}.morse-grid code{color:#8ff0a4;font-family:Courier New,monospace;font-weight:900;font-size:1rem}.debug-grid div,.candidate-table__head,.candidate-table__row{display:grid;gap:4px;padding:10px;border-radius:5px;background:#0000003d;border:1px solid rgba(212,188,131,.18)}.debug-grid strong,.candidate-table__head{color:#d4bc83;font-size:.8rem}.debug-grid span,.candidate-table__row{color:#e9dec1;font-family:Courier New,monospace}.candidate-table{display:grid;gap:6px;overflow-x:auto}.candidate-table__head,.candidate-table__row{grid-template-columns:repeat(6,minmax(80px,1fr));align-items:center}.candidate-table__head{font-family:inherit;font-weight:900}@media(max-width:1050px){.hero-console__body,.control-bench,.dashboard,.scope-grid{grid-template-columns:1fr}.knob-row{grid-template-columns:repeat(2,minmax(120px,1fr))}.summary-grid,.debug-grid,.input-rack,.mini-widgets,.writer-console,.learn-console{grid-template-columns:repeat(2,minmax(0,1fr))}.writer-console,.learn-console,.guide-view-menu{grid-template-columns:1fr}.guide-view-menu__switches{justify-content:flex-start}.morse-grid,.morse-grid.numbers{grid-template-columns:repeat(3,minmax(80px,1fr))}.q-code-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:680px){.app-shell{width:min(100% - 20px,1500px);padding-top:10px}.drop-zone,.mic-panel{grid-template-columns:1fr}.drop-zone__rings{width:118px;height:118px}.mic-panel__horn{width:104px;height:104px}.knob-row,.summary-grid,.debug-grid,.input-rack,.mini-widgets,.writer-controls,.lesson-strip{grid-template-columns:1fr}.morse-grid,.morse-grid.numbers,.q-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.morse-grid strong{font-size:1rem}.morse-grid code{font-size:.9rem}.mode-switch{overflow-x:auto;justify-content:flex-start;padding-bottom:4px}.auto-panel,.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}.decoded-text{font-size:1.45rem}.candidate-table__head,.candidate-table__row{grid-template-columns:repeat(6,minmax(72px,1fr))}}