html[data-theme=dark] .wn-app{--lc-bg:#0f1115;--lc-surface:#181b21;--lc-surface-2:#1d212a;--lc-sunken:#262b35;--lc-ink:#eef0f3;--lc-ink-2:#b6bcc7;--lc-ink-3:#a2a9b5;--lc-label:#dfe3e9;--lc-line:#ffffff21;--lc-line-2:#ffffff12;--lc-line-strong:#ffffff52;--lc-accent:#7f9cf5;--lc-accent-hover:#93aaf7;--lc-accent-ink:#c7d4fb;--lc-accent-soft:#7f9cf529;--lc-accent-line:#7f9cf56b;color:var(--lc-ink)}html[data-theme=dark]:has(.wn-app){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body:has(.wn-app){color:#eef0f3;background-color:#0f1115}html[data-theme=dark] body:has(.wn-app) .site-wrapper{--site-bg:#0f1115;--site-ink:#eef0f3;--site-ink-2:#b6bcc7;--site-line:#ffffff21;--site-mark-bg:#181b21;--site-accent:#7f9cf5}html[data-theme=dark] .wn-app .lc-seg label:has(input:checked){box-shadow:0 0 0 1px var(--lc-line-strong)}html[data-theme=dark] .wn-app a{color:#a9bdf8}.wn-app .lc-help,.wn-app .lc-seg label{min-height:44px}.wn-app .lc-desc,.wn-app .lc-note,.wn-app .lc-label,.wn-app .lc-seg label,.wn-status,.wn-sound-name,.wn-sound-hint{word-break:auto-phrase}.wn-head>.wn-head-tools{grid-area:1/2;align-self:center;gap:.5rem;margin-bottom:.5rem;display:flex}.wn-head-tools .lc-help{margin:0}@media (width<=560px){.wn-head>.wn-head-tools{align-self:start}.wn-head>.lc-desc{grid-column:1/-1}}@media (width<=359px){.wn-head>.wn-head-tools{grid-area:auto/1/auto/-1;margin:.75rem 0 0}}.wn-icon-btn{border:1px solid var(--lc-line-strong);background:var(--lc-surface);width:44px;height:44px;color:var(--lc-ink-2);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.wn-icon-btn:hover{background:var(--lc-surface-2);color:var(--lc-ink)}.wn-icon-btn:focus-visible{outline:2px solid var(--lc-accent);outline-offset:2px}.wn-icon-btn .wn-i-sun{display:none}html[data-theme=dark] .wn-icon-btn .wn-i-sun{display:block}html[data-theme=dark] .wn-icon-btn .wn-i-moon{display:none}.wn-transport{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.wn-play{border:1px solid var(--lc-accent);background:var(--lc-accent);color:#fff;min-width:9.5rem;min-height:56px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.6rem 1.4rem;font-size:1.1rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.wn-play:hover{background:var(--lc-accent-hover);border-color:var(--lc-accent-hover)}.wn-play:focus-visible{outline:3px solid var(--lc-accent);outline-offset:3px}html[data-theme=dark] .wn-play{color:#0f1115}.wn-play .wn-i-stop{display:none}.wn-app[data-state=playing] .wn-play .wn-i-stop{display:block}.wn-app[data-state=playing] .wn-play .wn-i-play{display:none}.wn-master{flex-direction:column;flex:260px;gap:.35rem;min-width:0;display:flex}.wn-master-row{align-items:center;gap:.75rem;display:flex}.wn-mute{border:1px solid var(--lc-line-strong);background:var(--lc-surface);min-height:44px;color:var(--lc-ink);font:inherit;cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.88rem;font-weight:600;display:inline-flex}.wn-mute:hover{background:var(--lc-surface-2)}.wn-mute:focus-visible{outline:2px solid var(--lc-accent);outline-offset:2px}.wn-mute .wn-i-muted{display:none}.wn-mute[aria-pressed=true]{color:#7d1a12;background:#fbe4e2;border-color:#d9877f}.wn-mute[aria-pressed=true] .wn-i-muted{display:block}.wn-mute[aria-pressed=true] .wn-i-vol{display:none}html[data-theme=dark] .wn-mute[aria-pressed=true]{color:#ffd9d5;background:#4a1f1c;border-color:#c46a61}.wn-range{cursor:pointer;background:0 0;flex:1;width:100%;min-width:0;height:44px;margin:0}.wn-val{text-align:end;font-variant-numeric:tabular-nums;min-width:2.2em;color:var(--lc-ink);flex:none;font-weight:600}.wn-status{color:var(--lc-ink);min-height:1.6em;margin:1rem 0 0;font-size:.98rem;font-weight:600}.wn-app[data-audible=muted] .wn-status,.wn-app[data-audible=master0] .wn-status,.wn-app[data-audible=sounds0] .wn-status{color:#9f1c14}html[data-theme=dark] .wn-app[data-audible=muted] .wn-status,html[data-theme=dark] .wn-app[data-audible=master0] .wn-status,html[data-theme=dark] .wn-app[data-audible=sounds0] .wn-status{color:#ffb4ab}.wn-remain{font-variant-numeric:tabular-nums;color:var(--lc-ink-2);margin:.25rem 0 0;font-size:.92rem}.wn-volnote{margin-top:.6rem}.wn-lead{margin:-.4rem 0 .9rem}.wn-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:.7rem;display:grid}.wn-card{border:1px solid var(--lc-line-strong);background:var(--lc-surface-2);border-radius:12px;flex-direction:column;gap:.2rem;min-width:0;padding:.45rem .55rem .2rem;transition:border-color .15s,background .15s;display:flex}.wn-card[data-on="1"]{border-color:var(--lc-accent);background:var(--lc-accent-soft);box-shadow:inset 0 0 0 1px var(--lc-accent)}.wn-sound{text-align:start;width:100%;min-height:52px;color:var(--lc-ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:.65rem;padding:.35rem .4rem;display:flex}.wn-sound:hover{background:var(--lc-line-2)}.wn-sound:focus-visible{outline:2px solid var(--lc-accent);outline-offset:1px}.wn-sound-ic{color:var(--lc-ink-2);flex:none}.wn-card[data-on="1"] .wn-sound-ic{color:var(--lc-accent-ink)}.wn-sound-txt{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.wn-sound-name{font-size:.95rem;font-weight:700}.wn-sound-hint{color:var(--lc-ink-2);font-size:.78rem}.wn-check{border:2px solid var(--lc-line-strong);border-radius:50%;flex:none;width:22px;height:22px;position:relative}.wn-card[data-on="1"] .wn-check{background:var(--lc-accent);border-color:var(--lc-accent)}.wn-card[data-on="1"] .wn-check:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:6px;height:11px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}html[data-theme=dark] .wn-card[data-on="1"] .wn-check:after{border-color:#0f1115}.wn-vol-row{align-items:center;gap:.6rem;padding:0 .3rem;display:flex}.wn-card[data-zero="1"] .wn-val{color:#9f1c14}html[data-theme=dark] .wn-card[data-zero="1"] .wn-val{color:#ffb4ab}.wn-timers{margin-bottom:.2rem}.wn-pomo a{color:var(--lc-accent-ink);font-weight:600}.wn-nobr{display:inline-block}