.ms-card{position:relative;background:var(--v4-bg-elevated);border:1px solid var(--v4-border-dim);border-radius:var(--v4-radius-lg);padding:var(--v4-space-4) var(--v4-space-5);margin:var(--v4-space-5) 0;overflow:hidden}.ms-header{margin-bottom:var(--v4-space-3)}.ms-title{display:flex;align-items:baseline;gap:var(--v4-space-3);flex-wrap:wrap}.ms-text-label{font-family:var(--v4-font-display);font-size:var(--v4-text-base);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--v4-text-primary)}.ms-morse-label{font-family:var(--v4-font-mono);font-size:var(--v4-text-sm);font-weight:500;letter-spacing:.12em;color:var(--v4-primary);opacity:.75}.ms-timing{margin-bottom:var(--v4-space-3);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--v4-border-dim) transparent}.ms-timing::-webkit-scrollbar{height:4px}.ms-timing::-webkit-scrollbar-thumb{background:var(--v4-border-dim);border-radius:2px}.ms-timing-track{display:flex;align-items:center;gap:2px;min-height:20px;padding:var(--v4-space-1) 0}.ms-t{border-radius:2px;transition:background-color .08s ease,box-shadow .08s ease;flex-shrink:0}.ms-t-dot{height:18px;min-width:6px;background:var(--v4-primary-dim, var(--v4-primary));opacity:.4}.ms-t-dash{height:18px;min-width:18px;background:var(--v4-primary-dim, var(--v4-primary));opacity:.4}.ms-t-intra{height:18px;min-width:4px}.ms-t-inter{height:18px;min-width:14px;border-right:1px dashed var(--v4-border-dim)}.ms-t-word{height:18px;min-width:28px;border-right:2px dashed var(--v4-text-muted);opacity:.3}.ms-t.ms-active{opacity:1;background:var(--v4-primary);box-shadow:0 0 8px var(--v4-primary-glow, var(--v4-primary))}.ms-timing-labels{display:flex;margin-top:2px}.ms-timing-char-label{font-family:var(--v4-font-mono);font-size:10px;color:var(--v4-text-muted);text-align:center;flex:1;letter-spacing:.05em;opacity:.6}.ms-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--v4-space-3)}.ms-char{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--v4-bg-surface);border:1px solid var(--v4-border-dim);border-radius:var(--v4-radius-sm);transition:border-color .15s ease,background-color .15s ease}.ms-char.ms-char-active{border-color:var(--v4-primary);background:var(--v4-primary-subtle, var(--v4-bg-elevated))}.ms-char-letter{font-family:var(--v4-font-display);font-size:var(--v4-text-sm);font-weight:700;color:var(--v4-text-primary);line-height:1}.ms-char-morse{font-family:var(--v4-font-mono);font-size:11px;color:var(--v4-primary);letter-spacing:.08em;white-space:nowrap;opacity:.8}.ms-controls{display:flex;align-items:center;gap:var(--v4-space-2)}.ms-play-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--v4-primary);color:var(--v4-bg-darkest);border:none;border-radius:50%;cursor:pointer;transition:opacity .2s,transform .1s;flex-shrink:0}.ms-play-btn svg{width:16px;height:16px}.ms-play-btn:hover{opacity:.85}.ms-play-btn:active{transform:scale(.95)}.ms-speed-control{display:flex;align-items:center;gap:var(--v4-space-2);flex:1;min-width:0}.ms-speed-label{font-family:var(--v4-font-mono);font-size:11px;color:var(--v4-text-muted);white-space:nowrap;min-width:48px}.ms-speed-value{color:var(--v4-text-primary);font-weight:600}.ms-speed-slider{flex:1;min-width:60px;height:3px;-webkit-appearance:none;appearance:none;background:var(--v4-border-dim);border-radius:2px;outline:none;cursor:pointer}.ms-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--v4-primary);border-radius:50%;cursor:pointer}.ms-speed-slider::-moz-range-thumb{width:12px;height:12px;background:var(--v4-primary);border:none;border-radius:50%;cursor:pointer}.ms-flash-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:var(--v4-text-muted);background:transparent;border:1px solid var(--v4-border-dim);border-radius:var(--v4-radius-sm);cursor:pointer;transition:all .2s;flex-shrink:0}.ms-flash-btn svg{width:14px;height:14px}.ms-flash-btn:hover{color:var(--v4-primary);border-color:var(--v4-primary)}.ms-flash-btn.active{color:var(--v4-primary);border-color:var(--v4-primary);background:var(--v4-primary-subtle, var(--v4-bg-elevated))}.ms-flash-overlay{position:absolute;inset:0;z-index:10;background:var(--v4-primary);opacity:0;pointer-events:none;transition:opacity .05s ease;border-radius:var(--v4-radius-lg)}.ms-flash-overlay.active{opacity:.85}@media(max-width:480px){.ms-card{padding:var(--v4-space-3)}.ms-title{flex-direction:column;gap:2px}.ms-text-label{font-size:var(--v4-text-sm)}.ms-morse-label{font-size:var(--v4-text-xs)}.ms-char{padding:3px 8px}}