.trainer-page{--trainer-green:#1c3029;--trainer-red:#b33724}.trainer-page .hero{min-height:0;padding:24px 0 10px}.trainer-page .hero h1{font-size:clamp(38px,5vw,60px)}.trainer-page .hero .eyebrow{margin-bottom:12px}.trainer-page .hero-tagline{margin:8px 0;font-size:23px}.trainer-page .hero-intro{max-width:none;margin-top:12px}.morse-trainer{margin:0 0 30px}.morse-trainer .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.morse-trainer button{min-height:44px}.morse-trainer button[aria-disabled=true]{opacity:.43;cursor:not-allowed}.trainer-modes{border-bottom:1px solid var(--line);max-width:440px;margin-bottom:20px;display:flex}.trainer-modes button{border-bottom:3px solid #0000;flex:1;padding:12px;font-size:16px}.trainer-modes button[aria-pressed=true]{color:var(--trainer-red);border-bottom-color:var(--trainer-red)}.trainer-workbench{align-items:start;gap:16px;display:grid}.trainer-board,.trainer-key-panel,.trainer-message{background:#fcfaf4;border:1px solid #d6d8cc;border-radius:12px;min-width:0}.trainer-board{padding:18px}.trainer-signal-heading{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.trainer-label{text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:750}.trainer-example-badge{color:#a32f20;background:#fff0e8;border:1px solid #eccfc1;border-radius:5px;padding:6px 9px;font-size:12px}.trainer-draft-state{color:var(--muted);font-size:12px}.trainer-example{text-underline-offset:3px;margin-left:auto;font-size:12px;text-decoration:underline}.trainer-readout{justify-content:center;align-items:center;gap:20px;min-height:73px;margin:13px 0 9px;display:flex}.trainer-readout>div{flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;display:flex}.trainer-readout>div+div{border-left:1px solid #c4cabf}.trainer-readout span{color:var(--muted);font-size:12px}.trainer-readout strong{letter-spacing:5px;color:var(--trainer-green);white-space:nowrap;font-size:clamp(22px,4vw,34px);line-height:1.2}.trainer-readout strong.empty{letter-spacing:0;font-size:19px;font-weight:450}.trainer-readout .trainer-candidate{font-family:var(--serif);color:var(--trainer-red);letter-spacing:0;font-size:62px;font-weight:450;line-height:.8}.trainer-path{text-align:center;overflow-wrap:anywhere;color:#505d55;margin:12px 0 20px;font-size:13px}.trainer-tree-region{min-width:0}.trainer-view-switch{border:1px solid var(--line);background:#f3f2e9;border-radius:9px;margin:0 0 12px;padding:3px;display:flex}.trainer-view-switch button{border-radius:7px;flex:1;transition:none}.trainer-view-switch button[aria-pressed=true]{background:var(--trainer-green);color:#fffdf5}.trainer-tree-caption{color:#505d55;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.trainer-tree-caption b{color:var(--trainer-green);margin:0 5px;font-size:20px}.trainer-zoom{gap:2px;display:flex}.trainer-zoom button{border:1px solid var(--line);border-radius:5px;min-width:44px;padding:5px 8px}.trainer-tree-window{overscroll-behavior-x:contain;border-radius:7px;width:100%;overflow:auto}.trainer-tree-window:focus-visible,.trainer-message:focus-visible{outline:2px solid var(--trainer-red);outline-offset:3px}.trainer-tree{width:100%;height:auto;display:block}.trainer-tree-window.zoom-2 .trainer-tree{width:200%}.trainer-tree-window.zoom-3 .trainer-tree{width:300%}.trainer-tree-window.zoom-4 .trainer-tree{width:400%}.trainer-edge line{stroke:#b6c0b4;stroke-width:2px}.trainer-edge.active line{stroke:var(--trainer-red);stroke-width:3px}.trainer-branch-symbol{fill:var(--trainer-green);paint-order:stroke;stroke:#fcfaf4;stroke-width:4px;stroke-linejoin:round;font-size:21px;font-weight:650}.trainer-edge.active text{fill:var(--trainer-red)}.trainer-node circle,.trainer-node rect{fill:#eaf0e5;stroke:#a8b5a4;stroke-width:1.5px}.trainer-node text{fill:var(--trainer-green);font-size:23px;font-weight:600}.trainer-node rect+text{fill:var(--trainer-red);font-size:18px}.trainer-node.visited circle{fill:#fff9ef;stroke:var(--trainer-red);stroke-width:2px}.trainer-node.current circle{fill:var(--trainer-red);stroke:#fcfaf4;stroke-width:5px;paint-order:stroke}.trainer-node.current text{fill:#fffdf5}.trainer-node.prefix circle{fill:#fcfaf4;stroke-dasharray:3 3}.trainer-node.prefix.current circle{stroke:var(--trainer-red);stroke-width:2px}.trainer-tree-footnote{border-top:1px solid var(--line);color:#505d55;margin:5px 0 0;padding-top:12px;font-size:11px}.trainer-controls{gap:14px;min-width:0;display:grid}.trainer-key-panel{background:#eef0e5;padding:16px}.trainer-sound-row{justify-content:space-between;align-items:center;gap:10px;margin:-4px 0 12px;display:flex}.trainer-sound-toggle{align-items:center;gap:9px;padding:0;font-size:13px;display:flex}.trainer-switch{background:#8c9585;border:1px solid #697966;border-radius:20px;width:42px;height:25px;padding:3px;display:inline-block}.trainer-switch:after{content:"";background:#fffdf5;border-radius:50%;width:17px;height:17px;transition:transform .15s;display:block}.trainer-sound-toggle[aria-pressed=true] .trainer-switch{background:var(--trainer-green)}.trainer-sound-toggle[aria-pressed=true] .trainer-switch:after{transform:translate(16px)}.trainer-stop{padding:4px 10px;font-size:13px}.trainer-key{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;color:#fcfaf3;background:var(--trainer-green);border:1px solid #0f251c;border-radius:12px;justify-content:center;align-items:center;gap:22px;width:100%;padding:20px 12px;display:flex;box-shadow:0 4px #c6cbbb;min-height:128px!important}.trainer-key.held{background:#284e3d;box-shadow:0 1px #c6cbbb}.trainer-key span:not(.trainer-key-disc){text-align:left}.trainer-key strong{font-family:var(--serif);font-size:clamp(30px,3vw,39px);font-weight:500;line-height:1.15;display:block}.trainer-key small{margin-top:7px;font-size:12px;display:block}.trainer-key-disc{border:1px solid #6f8376;border-radius:50%;flex-shrink:0;place-items:center;width:65px;height:65px;display:grid}.trainer-key-disc i{background:#fcfaf3;border-radius:50%;width:22px;height:22px}.trainer-key.held .trainer-key-disc i{background:#ffe2b4}.trainer-key-help{color:#4d5a50;margin:12px 0;font-size:12px}.trainer-dual{gap:12px;display:flex}.trainer-dual button{background:var(--trainer-green);color:#fffdf5;border:1px solid #243d31;border-radius:9px;width:50%;min-height:112px;font-size:17px}.trainer-dual b{font-size:44px;font-weight:550;line-height:1;display:block}.trainer-auto{flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.trainer-auto input{width:19px;height:19px;margin:0}.trainer-auto small{margin-left:auto;font-size:11px}.trainer-progress{color:#505d55;min-height:36px;padding:5px 0 9px;font-size:11px}.trainer-progress progress{margin-top:5px;display:block}.trainer-actions{border-top:1px solid #d0d8c7;grid-template-columns:1.3fr 1fr 1fr;gap:7px;padding-top:13px;display:grid}.trainer-actions button,.trainer-secondary-actions button,.trainer-message-actions button,.trainer-clear button,.trainer-timing button{background:#fcfaf3;border:1px solid #cbd1c2;border-radius:7px;min-height:48px;padding:9px 7px;font-size:13px}.trainer-actions .trainer-add{background:var(--trainer-green);color:#fffdf5;border-color:var(--trainer-green)}.trainer-notice{min-height:36px;margin:13px 0 0;font-size:12px}.trainer-notice.error{color:#a32f20}#trainer-more{border-top:1px solid #d0d8c7;margin-top:10px;padding-top:15px}.trainer-secondary-actions{gap:8px;margin-bottom:14px;display:flex}.trainer-secondary-actions button{flex:1}#trainer-more label{font-size:12px;line-height:1.7;display:block}#trainer-more label>span{float:right}.trainer-timing{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.trainer-timing input{background:#fcfaf3;border:1px solid #bdc7b6;border-radius:5px;width:100%;min-height:44px;padding:9px}.trainer-timing button{grid-column:1/-1}.trainer-message{padding:18px}.trainer-message-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.trainer-message-heading h2{letter-spacing:1.5px;text-transform:uppercase;margin:0;font-family:inherit;font-size:11px;font-weight:750;line-height:1.7}.trainer-message-heading h2 span{color:#536050;font-size:9px;display:block}.trainer-message-heading>span{color:#505d55;white-space:nowrap;font-size:13px}.trainer-output{overflow-wrap:anywhere;min-height:55px;max-height:200px;font-family:var(--serif);letter-spacing:1px;margin:20px 0;font-size:29px;line-height:1.35;overflow-y:auto}.trainer-output.empty{color:#697166;letter-spacing:0;font-size:25px;font-style:italic}.trainer-message-actions{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:flex}.trainer-message-actions button{flex:1}.trainer-copy-notice,.trainer-audio-status{color:#536050;margin:12px 0 0;font-size:11px;line-height:1.6}.trainer-clear{padding-top:12px}.trainer-clear p{font-size:13px}.trainer-clear button{margin-bottom:6px;margin-right:6px}.trainer-copy-fallback{margin-top:14px;font-size:12px;display:block}.trainer-copy-fallback textarea{border:1px solid var(--line);min-height:90px;padding:10px}@media (min-width:1050px){.trainer-workbench{grid-template-columns:minmax(0,1.62fr) minmax(355px,1fr)}.trainer-modes{margin-left:auto}.trainer-board{padding:24px 18px}.trainer-readout{margin-top:22px}.trainer-tree-window.full{margin-top:12px}}@media (max-width:700px),(max-width:1000px) and (max-height:500px){.trainer-page .hero{padding:20px 0 5px}.trainer-page .hero-tagline{display:none}.trainer-page .hero-intro{margin-top:10px;font-size:13px}.trainer-page .hero h1{font-size:clamp(35px,9vw,48px)}.trainer-modes{max-width:none;margin:6px 0 14px}.trainer-modes button{padding:9px;font-size:15px}.trainer-board{padding:12px}.trainer-signal-heading{gap:4px 8px}.trainer-example{font-size:11px;min-height:36px!important}.trainer-label{letter-spacing:1.3px;font-size:10px}.trainer-draft-state{display:none}.trainer-readout{min-height:64px;margin:5px 0}.trainer-readout .trainer-candidate{font-size:49px}.trainer-path{margin:8px 0 12px;font-size:12px}.trainer-tree-window.local{height:162px}.trainer-tree-window.local .trainer-tree{height:100%}.trainer-tree-window.full{max-height:340px}.trainer-node text{font-size:23px}.trainer-tree-footnote{padding-top:8px;font-size:10px}.trainer-key-panel{padding:12px}.trainer-key{gap:17px;min-height:106px!important}.trainer-key-disc{width:53px;height:53px}.trainer-key strong{font-size:31px}.trainer-key small{font-size:11px}.trainer-message{padding:15px}}@media (max-width:350px){.trainer-key-disc{width:39px;height:39px}.trainer-key{gap:10px}.trainer-key strong{font-size:27px}.trainer-key small{font-size:10px}.trainer-actions button{font-size:11px}}@media (hover:hover){.morse-trainer button:not(:disabled):not(.trainer-key):not(.trainer-add):hover{filter:brightness(.94)}}@media (prefers-reduced-motion:reduce){.morse-trainer *,.morse-trainer :after{scroll-behavior:auto!important;transition:none!important}}