.dc-app{--dc-bg:#f4f3f0;--dc-surface:#fff;--dc-surface-2:#faf9f6;--dc-sunken:#eceae4;--dc-ink:#15181d;--dc-ink-2:#4f5460;--dc-ink-3:#5f646e;--dc-line:#15181d1f;--dc-line-strong:#7d828c;--dc-accent:#2f53c8;--dc-accent-hover:#2442a8;--dc-accent-ink:#213d99;--dc-accent-soft:#eef1fb;--dc-accent-line:#c9d3f3;--dc-on-accent:#fff;--dc-ok:#17602f;--dc-ok-bg:#eaf5ee;--dc-ok-line:#bfe0ca;--dc-warn:#7a4a00;--dc-warn-bg:#fdf4df;--dc-warn-line:#ecd59c;--dc-bad:#9a1f17;--dc-bad-bg:#fcecea;--dc-bad-line:#efc4be;--dc-meter-track:#e4e2dc;--dc-display:"IBM Plex Sans JP", system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--dc-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;max-width:960px;color:var(--dc-ink);word-break:auto-phrase;margin:0 auto;padding:1.75rem 1.25rem 3.5rem;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;line-height:1.6}html[data-theme=dark] .dc-app{--dc-bg:#101216;--dc-surface:#181b21;--dc-surface-2:#1d2128;--dc-sunken:#23272f;--dc-ink:#eef0f3;--dc-ink-2:#c0c5ce;--dc-ink-3:#a3a9b4;--dc-line:#ffffff1f;--dc-line-strong:#7a8190;--dc-accent:#3f63d6;--dc-accent-hover:#3253c0;--dc-accent-ink:#a9bcf6;--dc-accent-soft:#1f2740;--dc-accent-line:#3a4a80;--dc-ok:#8fe0a8;--dc-ok-bg:#15281c;--dc-ok-line:#2c5a3a;--dc-warn:#f3cf7a;--dc-warn-bg:#2c2412;--dc-warn-line:#5e4b1d;--dc-bad:#ffaaa0;--dc-bad-bg:#2e1715;--dc-bad-line:#6a2e28;--dc-meter-track:#2a2f38}.dc-app *,.dc-app :before,.dc-app :after{box-sizing:border-box}.dc-app [hidden]{display:none!important}:root[data-theme=dark]:has(.dc-app){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body:has(.dc-app){color:#eef0f3;background-color:#101216}html[data-theme=dark] body:has(.dc-app) .site-wrapper{--site-bg:#101216;--site-ink:#eef0f3;--site-ink-2:#b9bfc9;--site-line:#ffffff21;--site-mark-bg:#181b21;--site-accent:#8ea6f0}html[data-theme=dark] body:has(.dc-app) .site-crumb-sep{color:#ffffff47}.dc-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1.25rem;margin:0 0 1.25rem;display:flex}.dc-head-text{flex:22rem;min-width:0}.dc-title{font-family:var(--dc-display);color:var(--dc-ink);word-break:auto-phrase;margin:0 0 .5rem;font-size:clamp(1.5rem,1.15rem + 1.3vw,1.875rem);font-weight:600;line-height:1.25}.dc-desc{color:var(--dc-ink-2);text-wrap:pretty;max-width:62ch;margin:0;font-size:.9rem;line-height:1.75}.dc-head-actions{flex:none;gap:.5rem;display:flex}.dc-btn,.dc-app .dc-help{border:1px solid var(--dc-line-strong);background:var(--dc-surface);min-width:44px;min-height:44px;color:var(--dc-ink);font:inherit;cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:0 1rem;font-size:.92rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.dc-btn:hover,.dc-app .dc-help:hover{background:var(--dc-surface-2);border-color:var(--dc-ink-3)}.dc-btn:focus-visible,.dc-app .dc-help:focus-visible{outline:3px solid var(--dc-accent);outline-offset:2px}.dc-btn svg,.dc-app .dc-help svg{flex:none}.dc-btn--primary{background:var(--dc-accent);border-color:var(--dc-accent);color:var(--dc-on-accent)}.dc-btn--primary:hover{background:var(--dc-accent-hover);border-color:var(--dc-accent-hover);color:var(--dc-on-accent)}.dc-btn--big{border-radius:12px;min-height:56px;padding:0 1.6rem;font-size:1.05rem}.dc-btn--stop{color:#fff;background:#b42318;border-color:#b42318}.dc-btn--stop:hover{color:#fff;background:#912018;border-color:#912018}.dc-btn[disabled]{opacity:.5;cursor:not-allowed}.dc-btn[aria-disabled=true],.dc-btn[aria-disabled=true]:hover{background:var(--dc-sunken);border-color:var(--dc-line-strong);color:var(--dc-ink-2);cursor:not-allowed}.dc-nw{white-space:nowrap}.dc-btn--icon{width:44px;padding:0}.dc-help{font-weight:500}.dc-theme .dc-i-sun{display:none}html[data-theme=dark] .dc-theme .dc-i-sun{display:block}html[data-theme=dark] .dc-theme .dc-i-moon{display:none}.dc-panel{background:var(--dc-surface);border:1px solid var(--dc-line);border-radius:14px;min-width:0;margin-bottom:1rem;padding:1.25rem 1.375rem}@media (width<=560px){.dc-panel{padding:1rem}}.dc-panel-title{font-family:var(--dc-display);color:var(--dc-ink);margin:0 0 .8rem;font-size:1.05rem;font-weight:600}.dc-note{color:var(--dc-ink-2);margin:.6rem 0 0;font-size:.84rem;line-height:1.7}.dc-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.dc-label{color:var(--dc-ink);font-size:.86rem;font-weight:600}.dc-select{border:1px solid var(--dc-line-strong);background-color:var(--dc-surface);min-width:0;max-width:100%;min-height:44px;color:var(--dc-ink);font:inherit;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23808590' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:10px;padding:.4rem 2.2rem .4rem .75rem;font-size:.95rem}.dc-select:focus-visible,.dc-input:focus-visible{outline:3px solid var(--dc-accent);outline-offset:1px}.dc-select:disabled{opacity:.55;cursor:not-allowed}.dc-input{border:1px solid var(--dc-line-strong);background:var(--dc-surface);min-height:44px;color:var(--dc-ink);font:inherit;font-variant-numeric:tabular-nums;border-radius:10px;padding:.4rem .6rem;font-size:1rem}.dc-seg{background:var(--dc-sunken);border:0;border-radius:12px;flex-wrap:wrap;gap:3px;max-width:100%;margin:0;padding:3px;display:inline-flex}.dc-seg label{min-width:44px;min-height:40px;color:var(--dc-ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9px;justify-content:center;align-items:center;padding:0 .9rem;font-size:.9rem;display:inline-flex;position:relative}.dc-seg label:hover{color:var(--dc-ink)}.dc-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.dc-seg label:has(input:checked){background:var(--dc-surface);color:var(--dc-ink);font-weight:600;box-shadow:0 1px 2px #00000026}.dc-seg label:has(input:focus-visible){outline:3px solid var(--dc-accent);outline-offset:1px}.dc-seg label:has(input:disabled){opacity:.55;cursor:not-allowed}.dc-switches{border:0;flex-wrap:wrap;gap:.4rem 1.25rem;margin:0;padding:0;display:flex}.dc-switch{cursor:pointer;min-height:44px;color:var(--dc-ink);align-items:center;gap:.6rem;font-size:.92rem;display:inline-flex}.dc-switch input{appearance:none;background:var(--dc-line-strong);cursor:pointer;border-radius:999px;flex:none;width:42px;height:24px;margin:0;transition:background .15s;position:relative}.dc-switch input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.dc-switch input:checked{background:var(--dc-accent)}.dc-switch input:checked:after{transform:translate(18px)}.dc-switch input:focus-visible{outline:3px solid var(--dc-accent);outline-offset:2px}.dc-switch input:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.dc-switch input,.dc-switch input:after{transition:none}}.dc-alert{border:1px solid var(--dc-bad-line);background:var(--dc-bad-bg);color:var(--dc-ink);text-align:start;border-radius:12px;margin:1rem 0 0;padding:1rem 1.1rem}.dc-alert-title{font-family:var(--dc-display);color:var(--dc-bad);margin:0 0 .35rem;font-size:1rem;font-weight:600}.dc-alert p{margin:.3rem 0 0;font-size:.9rem;line-height:1.7}.dc-alert ul{margin:.5rem 0 0;padding-inline-start:1.2rem;font-size:.88rem;line-height:1.7}.dc-alert li+li{margin-top:.3rem}.dc-alert .dc-btn{margin-top:.8rem}.dc-info{margin-top:2rem}.dc-info h2{font-family:var(--dc-display);color:var(--dc-ink);margin:0 0 .6rem;font-size:1.15rem;font-weight:600}.dc-info p{color:var(--dc-ink-2);margin:0;font-size:.92rem;line-height:1.8}.dc-list{color:var(--dc-ink-2);margin:0;padding-inline-start:1.3rem;font-size:.92rem;line-height:1.8}.dc-cases{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.dc-case{background:var(--dc-surface);border:1px solid var(--dc-line);border-radius:12px;padding:.9rem 1rem}.dc-case h3{color:var(--dc-ink);margin:0 0 .3rem;font-size:.95rem;font-weight:600}.dc-case p{font-size:.86rem;line-height:1.7}.dc-links{flex-wrap:wrap;gap:.5rem;display:flex}.dc-link{border:1px solid var(--dc-line);background:var(--dc-surface);min-height:44px;color:var(--dc-ink);border-radius:999px;align-items:center;gap:.35rem;padding:0 .9rem;font-size:.88rem;text-decoration:none;display:inline-flex}.dc-link:hover{border-color:var(--dc-ink-3)}.dc-link:focus-visible{outline:3px solid var(--dc-accent);outline-offset:2px}.dc-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sp-app:not([data-playing=none]){padding-bottom:7rem}.sp-safety{border:1px solid var(--dc-warn-line);background:var(--dc-warn-bg);border-radius:14px;align-items:flex-start;gap:.9rem;margin-bottom:1rem;padding:1rem 1.2rem;display:flex}.sp-safety-icon{color:var(--dc-warn);flex:none;margin-top:.1rem}.sp-safety-body{flex:1;min-width:0}.sp-safety-title{font-family:var(--dc-display);color:var(--dc-warn);margin:0 0 .25rem;font-size:1rem;font-weight:600}.sp-safety-body p{color:var(--dc-ink);margin:0;font-size:.9rem;line-height:1.7}.sp-volume,.sp-output{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-top:.8rem;display:flex}.sp-volume{flex-wrap:nowrap}.sp-volume input[type=range]{min-width:0;max-width:22rem;height:44px;accent-color:var(--dc-accent);flex:6rem}.sp-volume output{font-family:var(--dc-mono);font-variant-numeric:tabular-nums;text-align:end;min-width:3ch;font-weight:600}.sp-output .dc-select{flex:14rem;max-width:26rem}@media (width<=480px){.sp-safety{gap:.6rem;padding:.9rem}.sp-safety-icon{width:22px;height:22px}}.sp-stage{background:var(--dc-surface-2);border:1px solid var(--dc-line);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.25rem .5rem;display:grid}.sp-spk{color:var(--dc-ink-3);flex-direction:column;align-items:center;gap:.4rem;transition:color .15s,transform .15s;display:flex;position:relative}.sp-spk-icon{z-index:1;display:block;position:relative}.sp-spk-label{color:var(--dc-ink-2);font-size:.95rem;font-weight:600}.sp-listener{color:var(--dc-ink-3)}.sp-waves{width:0;height:0;position:absolute;top:32px}.sp-spk-left .sp-waves{left:50%}.sp-spk-right .sp-waves{right:50%}.sp-waves i{border:3px solid var(--dc-accent);opacity:0;border-radius:50%;width:52px;height:52px;position:absolute;top:-26px;left:-26px}.sp-stage[data-side=left] [data-spk=left],.sp-stage[data-side=right] [data-spk=right],.sp-stage[data-side=center] .sp-spk{color:var(--dc-accent-ink);transform:scale(1.08)}.sp-stage[data-side=left] [data-spk=left] .sp-spk-label,.sp-stage[data-side=right] [data-spk=right] .sp-spk-label,.sp-stage[data-side=center] .sp-spk-label{color:var(--dc-accent-ink)}.sp-stage[data-side=left] [data-spk=left] .sp-waves i,.sp-stage[data-side=right] [data-spk=right] .sp-waves i,.sp-stage[data-side=center] .sp-waves i{animation:1.2s ease-out infinite sp-ring}.sp-waves i:nth-child(2){animation-delay:.4s!important}.sp-waves i:nth-child(3){animation-delay:.8s!important}@keyframes sp-ring{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.sp-waves i{animation:none!important}.sp-stage[data-side=left] [data-spk=left] .sp-waves i:first-child,.sp-stage[data-side=right] [data-spk=right] .sp-waves i:first-child,.sp-stage[data-side=center] .sp-waves i:first-child{opacity:.7;transform:scale(1.4)}.sp-spk{transition:none}}.sp-lr-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.9rem;display:grid}.sp-lr-buttons .dc-btn{white-space:normal;text-align:center;width:100%}.sp-lr[aria-pressed=true],.sp-toggle.is-on{background:var(--dc-accent-soft);border-color:var(--dc-accent);color:var(--dc-accent-ink)}.sp-toggle.is-on:hover{background:var(--dc-accent-soft);color:var(--dc-accent-ink)}@media (width<=520px){.sp-lr-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-freq-big{flex-wrap:wrap;align-items:baseline;gap:.2rem .9rem;display:flex}.sp-freq-label{color:var(--dc-ink-2);font-size:.82rem;font-weight:600}.sp-freq-num{font-family:var(--dc-mono);font-variant-numeric:tabular-nums;color:var(--dc-ink);font-size:clamp(1.8rem,1.2rem + 3vw,2.6rem);font-weight:500}.sp-hz{color:var(--dc-ink-2);font-size:.9rem;font-family:var(--dc-mono)}.sp-axis{margin:.6rem 0 1rem}.sp-axis-track{background:var(--dc-meter-track);border-radius:999px;height:12px;position:relative}.sp-axis-fill{background:var(--dc-accent);transform-origin:0;border-radius:999px;position:absolute;inset:0;transform:scaleX(0)}.sp-axis-mark{background:var(--dc-ink);border-radius:2px;width:4px;height:22px;margin-left:-2px;position:absolute;top:-5px;left:0}.sp-axis-ticks{height:1.3rem;font-family:var(--dc-mono);color:var(--dc-ink-2);margin:.3rem 8px 0;font-size:.74rem;position:relative}.sp-axis-ticks span{white-space:nowrap;position:absolute;transform:translate(-50%)}.sp-result{min-height:1.6em;color:var(--dc-accent-ink);font-variant-numeric:tabular-nums;margin:.6rem 0 0;font-weight:600}.sp-toggle{min-width:10rem}.sp-tone-row{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.3rem;display:flex}.sp-tone-row input[type=range]{min-width:0;height:44px;accent-color:var(--dc-accent);flex:14rem}.sp-num{align-items:center;gap:.4rem;display:inline-flex}.sp-num .dc-input{text-align:end;width:7.5rem}.sp-presets{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.sp-preset{font-family:var(--dc-mono);padding:0 .8rem;font-size:.86rem;font-weight:500}.sp-tone-controls{margin-top:1rem}.sp-steps{flex-wrap:wrap;gap:.35rem;margin:0 0 .7rem;padding:0;list-style:none;display:flex}.sp-steps li{text-align:center;border:1px solid var(--dc-line);background:var(--dc-surface-2);min-width:3rem;font-family:var(--dc-mono);color:var(--dc-ink-2);border-radius:8px;padding:.3rem .5rem;font-size:.82rem}.sp-steps li[data-state=heard]{background:var(--dc-ok-bg);border-color:var(--dc-ok-line);color:var(--dc-ok)}.sp-steps li[data-state=now]{background:var(--dc-accent-soft);border-color:var(--dc-accent);color:var(--dc-accent-ink);font-weight:600}.sp-hear-q{min-height:1.6em;color:var(--dc-ink);font-variant-numeric:tabular-nums;margin:0 0 .6rem;font-weight:600}.sp-bar{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:50;border:1px solid var(--dc-line-strong);background:var(--dc-surface);width:max-content;max-width:calc(100vw - 1.5rem);color:var(--dc-ink);border-radius:999px;align-items:center;gap:.8rem;padding:.5rem .5rem .5rem 1rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px -12px #00000073}.sp-bar-dot{background:#d93a2b;border-radius:50%;flex:none;width:10px;height:10px;animation:1.2s ease-in-out infinite sp-blink}@keyframes sp-blink{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sp-bar-dot{animation:none}}.sp-bar-text{font-variant-numeric:tabular-nums;min-width:0;font-size:.9rem;font-weight:600}.sp-bar .dc-btn{border-radius:999px;flex:none}.sp-kbd{font-family:var(--dc-mono);border:1px solid #fff9;border-radius:4px;padding:.05rem .35rem;font-size:.72rem}@media (width<=420px){.sp-kbd{display:none}.sp-bar{gap:.5rem;padding-left:.8rem}.sp-bar-text{font-size:.84rem}}