.mc-tabs{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--bg-soft);scrollbar-width:none;gap:4px;padding:4px;display:flex;overflow-x:auto}.mc-tabs [role=tab]{border-radius:var(--radius-pill);min-height:42px;color:var(--ink-2);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1 0 auto;padding:0 16px;font-size:.95rem;font-weight:600}.mc-tabs [role=tab][aria-selected=true]{background:var(--surface-2);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong), 0 0 24px -8px #7cc4ff80}.mc-tabs [role=tab]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mc-panel{gap:16px;display:grid}.mc-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--edge);align-content:start;gap:10px;padding:16px;display:grid}.mc-io{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.mc-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mc-label{font-size:.95rem;font-weight:650}.mc-h{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:650}.mc-sub,.mc-note{color:var(--muted);margin:0;font-size:.88rem}.mc-note[hidden]{display:none}.mc-mode label{min-height:32px;padding:0 10px;font-size:.85rem}.mc textarea,.mc input[type=text],.mc select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);width:100%;min-width:0;color:var(--ink)}.mc textarea{font-family:var(--font-mono);resize:vertical;min-height:120px;padding:12px 14px;font-size:1rem;line-height:1.6}.mc input[type=text]{height:48px;padding:0 14px;font-size:1.05rem}.mc select{width:auto;height:40px;padding:0 10px}.mc textarea:focus-visible,.mc input:focus-visible,.mc select:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.mc-status{min-height:1.2em;font-family:var(--font-mono);color:var(--muted);margin:0;font-size:.78rem}.mc-warn{color:var(--danger);margin:0;font-size:.88rem}.mc-warn:empty{display:none}.mc-btns{flex-wrap:wrap;gap:6px;display:flex}.mc-chip,.mc-copy{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.mc-copy{min-height:36px;padding:0 14px;font-size:.9rem}.mc-chip svg,.mc-copy svg{width:16px;height:16px}.mc-stage{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px}.mc-lamp{background:radial-gradient(circle at 35% 30%, #ffffff1f, transparent 60%), var(--bg-soft);border:1px solid var(--line-strong);border-radius:50%;width:64px;height:64px}.mc-lamp.is-lit{background:radial-gradient(circle at 40% 35%, #fff, var(--ice) 35%, var(--sky) 70%);border-color:var(--ice);box-shadow:0 0 30px 8px #7cc4ffa6,0 0 90px 20px #2f7bff59}.mc-lamp.is-gentle{transition:background-color .18s,box-shadow .18s,opacity .18s}.mc-lamp.is-gentle.is-lit{background:var(--primary-soft);border-color:var(--sky);box-shadow:0 0 18px 2px #7cc4ff4d}.mc-tape{flex-wrap:wrap;align-content:flex-start;gap:10px 22px;min-height:48px;max-height:220px;display:flex;overflow-y:auto}.mc-tape .mc-tw{gap:10px;display:flex}.mc-tape .mc-tl{border-radius:10px;justify-items:center;gap:4px;padding:6px 6px 2px;display:grid}.mc-tape .mc-tl.is-on{background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--sky)}.mc-tape .mc-marks{align-items:center;gap:4px;height:12px;display:flex}.mc-tape i{background:var(--sky);border-radius:4px;height:8px;display:block}:root[data-theme=light] .mc-tape i{background:var(--electric)}.mc-tape i.dot{width:8px}.mc-tape i.dash{width:24px}.mc-tape small{font-family:var(--font-mono);color:var(--ink-2);font-size:.78rem}.mc-transport{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.mc-play{justify-content:center;min-width:130px;min-height:46px}.mc-dur{font-family:var(--font-mono);color:var(--muted);font-size:.8rem}.mc-outputs{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.mc-check{cursor:pointer;align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.mc-check input{width:18px;height:18px;accent-color:var(--electric)}.mc-check.is-off{opacity:.5;cursor:not-allowed}.mc-sel{align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:inline-flex}.mc-sliders{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;display:grid}.mc-slider{gap:6px;font-size:.9rem;display:grid}.mc-slider b{font-family:var(--font-mono);color:var(--accent-text);font-weight:400}.mc-slider input{width:100%;accent-color:var(--electric)}@media (width<=720px){.mc-io,.mc-sliders{grid-template-columns:minmax(0,1fr)}.mc-stage{grid-template-columns:minmax(0,1fr);justify-items:center}.mc-tape{justify-content:center}.mc-tabs [role=tab]{padding:0 12px;font-size:.9rem}}.mc-keycard{text-align:center;justify-items:center}.mc-key{aspect-ratio:1;border:1px solid var(--line-strong);background:radial-gradient(circle at 50% 35%, var(--surface-2), var(--surface) 70%);width:min(260px,70vw);box-shadow:var(--edge), 0 0 0 10px var(--bg-soft);color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;align-content:center;place-items:center;gap:6px;transition:transform 80ms,box-shadow 80ms;display:grid}.mc-key.is-down{border-color:var(--sky);box-shadow:0 0 0 10px var(--primary-soft), 0 0 50px -6px #7cc4ffb3;transform:scale(.97)}.mc-key:focus-visible{outline:3px solid var(--focus);outline-offset:12px}.mc-key-code{min-height:1.4em;font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent-text);font-size:1.6rem}.mc-key-hint{color:var(--muted);font-size:.85rem}.mc-spell{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mc-spell li{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-soft);justify-items:center;gap:2px;min-width:72px;padding:8px 10px;font-size:.92rem;display:grid}.mc-spell li b{font-family:var(--font-display);font-size:1.25rem}.mc-spell li small{color:var(--muted);font-size:.75rem}.mc-spell li code,.mc-chart code{font-family:var(--font-mono);color:var(--accent-text);letter-spacing:.08em;font-size:.85rem}.mc-spell li.mc-gap{color:var(--muted);border-style:dashed;align-content:center}.mc-chart{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.mc-chart li{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-soft);grid-template-columns:auto 1fr;align-items:baseline;gap:0 10px;padding:8px 10px;display:grid}.mc-chart li b{font-family:var(--font-display);grid-row:span 3;font-size:1.4rem}.mc-chart .mc-word{font-weight:650}.mc-chart .mc-say{color:var(--muted);font-size:.78rem}@media (width<=720px){.mc-chart{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-chart li{gap:0 8px;padding:6px 8px}}.mc-print-sheet{display:none}@media print{html.mc-print-chart body>:not(.mc-print-sheet){display:none!important}html.mc-print-chart,html.mc-print-chart body{background:#fff!important}html.mc-print-chart .mc-print-sheet{color:#000;display:block}.mc-print-sheet .mc-chart-card{box-shadow:none;color:#000;background:#fff;border:0}.mc-print-sheet .mc-h{color:#000;background:0 0}.mc-print-sheet .mc-chart{grid-template-columns:repeat(4,1fr)}.mc-print-sheet .mc-chart li{break-inside:avoid;background:#fff;border-color:#999}.mc-print-sheet .mc-chart code,.mc-print-sheet .mc-chart .mc-say{color:#000}.mc-print-sheet .mc-noprint{display:none}}.mc-speak{flex-wrap:wrap;align-items:end;gap:12px 20px;display:flex}.mc-speak-rate{flex:1;min-width:180px;max-width:320px}.mc-spell li{transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease), transform var(--fast) var(--ease)}.mc-spell li.mc-speaking{border-color:var(--sky);background:var(--accent-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--sky) 30%, transparent);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.mc-spell li.mc-speaking{transform:none}}@media (width<=640px){.mc-speak{grid-template-columns:minmax(0,1fr);display:grid}.mc-speak-rate{max-width:none}}