.chart[data-astro-cid-32v4weic]{grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));gap:.5rem;margin-top:1rem;display:grid}.chart-letters[data-astro-cid-32v4weic]{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))}.chart-wide[data-astro-cid-32v4weic]{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.chart-cell[data-astro-cid-32v4weic]{border:1.5px solid var(--color-paper-edge);background:var(--color-paper);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.5rem;min-height:5rem;padding:.75rem;transition:border-color .15s ease-out;display:flex}.chart-cell[data-astro-cid-32v4weic]:hover{border-color:var(--color-ink-3)}.chart-char[data-astro-cid-32v4weic]{font-family:var(--font-type);color:var(--color-ink);font-size:1.625rem;line-height:1}.chart-marks[data-astro-cid-32v4weic]{align-items:center;gap:6px;height:6px;display:flex}.chart-dot[data-astro-cid-32v4weic],.chart-dash[data-astro-cid-32v4weic]{background:var(--color-ink);border-radius:6px;height:6px;display:block}.chart-dot[data-astro-cid-32v4weic]{width:6px}.chart-dash[data-astro-cid-32v4weic]{width:18px}.chart-cell[data-astro-cid-32v4weic].is-playing{border-color:var(--color-brass);background:var(--color-brass-soft)}.chart-meaning[data-astro-cid-32v4weic]{color:var(--color-ink-2);font-size:.9375rem}.translator{margin-top:1.75rem}.sources{border-bottom:2px solid var(--color-rule);scrollbar-width:none;gap:1.75rem;display:flex;overflow-x:auto}.source{color:var(--color-ink-2);cursor:pointer;flex:none;align-items:center;gap:.5rem;padding:.5rem 0 .875rem;font-weight:600;display:inline-flex;position:relative}.source input{opacity:0;pointer-events:none;position:absolute}.source:hover{color:var(--color-ink)}.source:has(input:checked){color:var(--color-ink);box-shadow:inset 0 -3px 0 var(--color-brass)}.source:has(input:focus-visible){outline:3px solid var(--color-brass);outline-offset:2px}.source-panel{margin-top:1.25rem}.dropzone{border:2px dashed var(--color-rule);background:color-mix(in oklab, var(--color-white) 55%, transparent);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:1rem 1.25rem;display:flex}.dropzone.is-over{border-color:var(--color-brass);background:var(--color-brass-soft)}.dropzone label.btn{cursor:pointer}.dropzone:has(input:focus-visible) label.btn{outline:3px solid var(--color-brass);outline-offset:2px}.drop-hint{color:var(--color-ink-3);font-size:1rem}.btn.is-live{border-color:var(--color-alert);color:var(--color-alert)}.plot,.photo-view{background:var(--color-paper);border:1px solid var(--color-paper-edge);border-radius:14px;margin-top:.75rem;overflow:hidden}.plot{padding:.5rem .75rem}.photo-view canvas{max-width:100%;max-height:22rem;margin-inline:auto;display:block}.source-status{min-height:1.5em;color:var(--color-ink-2);font-variant-numeric:tabular-nums;margin-top:.5rem;font-size:1rem}.panes{gap:1.25rem 1.5rem;margin-top:1.25rem;display:grid}@media (width>=48rem){.panes{grid-template-columns:1fr 1fr}}.pane-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.375rem;display:flex}.pane-head label{color:var(--color-ink-2);font-size:1rem;font-weight:600}.pane-actions{gap:.25rem;display:flex}.mini{min-height:2.25rem;color:var(--color-ink-2);border-radius:999px;align-items:center;gap:.375rem;padding:0 .625rem;font-size:.9375rem;font-weight:600;display:inline-flex}.mini:hover{background:var(--color-ground-2);color:var(--color-ink)}.pane-body{position:relative}.pane textarea{resize:vertical;border:1.5px solid var(--color-rule);background:var(--color-white);width:100%;height:9.5rem;min-height:6rem;color:var(--color-ink);border-radius:14px;padding:.875rem 1rem;font-size:1.375rem;line-height:1.4;display:block}.pane textarea.code{font-family:var(--font-type);letter-spacing:.06em;word-spacing:.1em;font-size:1.5rem;font-weight:700}.pane textarea::placeholder{color:#8f8a7c}.pane textarea:focus{border-color:var(--color-ink);box-shadow:0 0 0 3px var(--color-brass-soft);outline:none}.cover{background:var(--color-paper);border:1.5px solid var(--color-paper-edge);text-align:center;color:var(--color-ink-2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.is-hidden .tape-letter{visibility:hidden}.pane-note{color:var(--color-ink-2);margin-top:.375rem;font-size:.9375rem}.pane-note:empty{display:none}.pane-note.is-alert{color:var(--color-alert)}.keypad{grid-template-columns:1fr 1fr 1.2fr 1.2fr 1fr;gap:.5rem;margin-top:.625rem;display:none}@media (pointer:coarse){.keypad{display:grid}}.keypad button{border:1.5px solid var(--color-rule);background:var(--color-white);min-height:3.25rem;color:var(--color-ink);touch-action:manipulation;border-radius:12px;place-items:center;font-size:1rem;font-weight:600;display:grid}.keypad button:active{background:var(--color-brass-soft)}.key-dot,.key-dash{background:var(--color-ink);border-radius:999px;height:.75rem;display:block}.key-dot{width:.75rem}.key-dash{width:2.25rem}.tape-bed{--head:26%;background:var(--color-bed);border-radius:14px;height:7.5rem;margin-top:1.25rem;display:flex;position:relative;overflow:hidden}.lamp-zone{border-right:1px solid var(--color-bed-2);flex:none;justify-content:center;align-items:center;width:6rem;display:none}.light-on .lamp-zone{display:flex}.lamp{background:var(--color-bed-2);border:3px solid var(--color-brass);border-radius:50%;width:3.25rem;height:3.25rem}.lamp.is-on{background:var(--color-paper);box-shadow:0 0 1.75rem .5rem #fbf5e38c}.tape-window{scrollbar-width:thin;scrollbar-color:var(--color-bed-2) transparent;flex:1;align-items:center;display:flex;position:relative;overflow:auto hidden}.tape-window:focus-visible{outline-offset:-3px}.tape-strip{width:max-content;min-width:100%;height:4.75rem;padding-left:var(--head);padding-right:calc(100% - var(--head));background:var(--color-paper);border-block:2px solid var(--color-paper-edge);flex:none}.tape{height:100%;position:relative}.tape-group{height:100%;transition:opacity .15s ease-out,transform .15s ease-out;position:absolute;top:0}.tape-dot,.tape-dash{height:var(--u);border-radius:var(--u);background:var(--color-ink);position:absolute;top:1.125rem}.tape-dot{width:var(--u)}.tape-dash{width:calc(var(--u) * 3)}.tape-letter{font-family:var(--font-type);color:var(--color-ink);white-space:nowrap;font-size:1.25rem;font-weight:700;line-height:1.2;position:absolute;top:2.25rem;left:50%;transform:translate(-50%)}.tape-group.is-invalid .tape-letter{color:var(--color-alert)}.is-playing .tape-group{opacity:.32}.is-playing .tape-group.is-now{opacity:1;transform:translateY(-3px)}.tape-head{top:.75rem;bottom:.75rem;left:var(--head);background:var(--color-brass);pointer-events:none;border-radius:2px;width:3px;margin-left:-1px;position:absolute}.light-on .tape-head{left:calc(26% + 4.44rem)}.tape-head:before{content:"";background:var(--color-brass);border-radius:50%;width:.625rem;height:.625rem;position:absolute;top:-.25rem;left:50%;transform:translate(-50%)}.tape-empty{left:calc(var(--head) + 1.25rem);color:var(--color-ink-3);pointer-events:none;font-size:1rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.controls{flex-wrap:wrap;align-items:center;gap:.625rem;margin-top:1rem;display:flex}.play{min-width:7.5rem;min-height:3rem;font-size:1.0625rem}.play .stop-icon,.play.is-stop .play-icon{display:none}.play.is-stop .stop-icon{display:inline-flex}.outputs{flex-wrap:wrap;gap:.5rem;display:flex}.actions{gap:.5rem;margin-left:auto;display:flex}.menu{position:relative}.menu summary{cursor:pointer;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu[open] summary{border-color:var(--color-ink)}.menu-panel{z-index:20;background:var(--color-white);border:1px solid var(--color-rule);border-radius:14px;gap:.75rem;width:min(26rem,100vw - 2.5rem);padding:1rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 .75rem 2rem -.75rem #1d244059}.menu-label{color:var(--color-ink-2);font-size:.9375rem;font-weight:600}.share-row{gap:.5rem;display:flex}.share-row input{border:1.5px solid var(--color-rule);min-width:0;min-height:2.75rem;color:var(--color-ink-2);background:var(--color-ground);border-radius:10px;flex:1;padding:0 .75rem;font-size:.9375rem}.check{cursor:pointer;align-items:center;gap:.5rem;font-size:1rem;display:flex}.check input{width:1.125rem;height:1.125rem;accent-color:var(--color-brass)}.menu-note{color:var(--color-ink-3);font-size:.875rem}.menu-item{text-align:left;border-radius:10px;align-items:center;gap:.625rem;min-height:2.75rem;padding:0 .75rem;font-weight:600;display:flex}.menu-item:hover{background:var(--color-ground)}.menu-item svg{width:1.25rem;height:1.25rem;color:var(--color-ink-2)}.settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem;margin-top:1rem;display:grid}@media (width>=64rem){.settings{grid-template-columns:repeat(4,minmax(0,1fr))}}.slider{color:var(--color-ink-2);grid-template-columns:auto 1fr;grid-template-areas:"name value""range range";align-items:center;gap:.125rem .75rem;font-size:.9375rem;display:grid}.slider span{grid-area:name;font-weight:600}.slider output{font-variant-numeric:tabular-nums;color:var(--color-ink);grid-area:value;justify-self:end}.slider input{width:100%;accent-color:var(--color-ink);grid-area:range}.flash{z-index:100;background:#000;position:fixed;inset:0}.flash.is-on{background:var(--color-paper)}.flash-bar{gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.flash-warning{z-index:101;background:var(--color-white);border:1px solid var(--color-rule);border-radius:14px;width:min(32rem,100vw - 2.5rem);padding:1.25rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 1rem 2.5rem -1rem #1d244073}.flash-warning-actions{gap:.5rem;margin-top:1rem;display:flex}[data-play-code].is-playing{border-color:var(--color-brass);background:var(--color-brass-soft)}@media (width<=40rem){.sources{border-bottom:0;grid-template-columns:1fr 1fr;gap:.5rem;display:grid;overflow:visible}.source{border:1.5px solid var(--color-rule);background:var(--color-white);border-radius:12px;justify-content:center;min-height:2.75rem;padding:.5rem;font-size:1rem}.source:has(input:checked){border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper);box-shadow:none}.tape-bed{--head:22%;height:6.75rem}.play{flex:100%}.actions{flex:100%;margin-left:0;position:relative}.menu{position:static}.menu-panel{width:auto;left:0;right:0}}@media (prefers-reduced-motion:reduce){.tape-group{transition:none}.is-playing .tape-group.is-now{transform:none}}.sos[data-astro-cid-lcdefpme]{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1rem;display:flex}.sos-code[data-astro-cid-lcdefpme]{font-family:var(--font-type);letter-spacing:.08em;color:var(--color-ink);margin:0;font-size:2.25rem;font-weight:700}.phrases[data-astro-cid-lcdefpme]{border-collapse:collapse;width:100%;max-width:52rem;margin-top:1rem}.phrases[data-astro-cid-lcdefpme] th[data-astro-cid-lcdefpme],.phrases[data-astro-cid-lcdefpme] td[data-astro-cid-lcdefpme]{border-bottom:1px solid var(--color-rule);text-align:left;vertical-align:middle;padding:.625rem .75rem .625rem 0}.phrases[data-astro-cid-lcdefpme] thead[data-astro-cid-lcdefpme] th[data-astro-cid-lcdefpme]{color:var(--color-ink-3);font-size:.9375rem;font-weight:600}.phrases[data-astro-cid-lcdefpme] tbody[data-astro-cid-lcdefpme] th[data-astro-cid-lcdefpme]{white-space:nowrap;font-weight:600}.phrase-code[data-astro-cid-lcdefpme]{font-family:var(--font-type);letter-spacing:.04em;word-break:break-word;font-size:1.125rem;font-weight:700}.phrase-play[data-astro-cid-lcdefpme]{text-align:right;width:1%}
