@font-face{font-family:Space Grotesk;src:url(../fonts/space-grotesk.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(../fonts/noto-sans-jp.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{color:#eeefe9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--panel:#111411f5;--surface:#1c201c;--line:#ffffff1c;--muted:#b4bdad;--accent:#4dff19;--control-accent:var(--accent);--control-tip:#dbffd0;--control-glow:#4dff1928;background:#10131c;font-family:Space Grotesk,Noto Sans JP,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden}button,select,input{font:inherit}button,select{background:var(--surface);color:inherit;border:1px solid #ffffff25;border-radius:6px;min-height:44px;padding:11px 12px}button{cursor:pointer;transition:background .16s,border-color .16s,color .16s}button:hover{background:#2a3028;border-color:#4dff1966}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-underline-offset:3px}.primary{background:var(--accent);color:#11180b;border-color:var(--accent);font-weight:650}.primary:hover{background:#8bff6b;border-color:#8bff6b}#stage{position:fixed;inset:0}#stage canvas{touch-action:none;display:block}.handle{opacity:.32;background:#111611cc;width:44px;height:48px;padding:0;transition:opacity .2s;position:fixed;top:calc(50% - 24px);right:10px}.handle:hover,.handle:focus-visible{opacity:1;color:var(--accent)}.handle svg{vertical-align:middle;width:18px}.notice{border:1px solid var(--line);backdrop-filter:blur(16px);text-align:center;background:#111611ed;border-radius:10px;width:max-content;max-width:calc(100vw - 40px);padding:18px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0005}.notice p{color:#c7cec2;margin:0 0 12px;line-height:1.65}.notice-actions{justify-content:center;gap:8px;display:flex}.notice button{font-size:12px}#menu{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#49523f transparent;background:var(--panel);backdrop-filter:blur(24px);border:1px solid #4dff1926;border-radius:10px;width:300px;padding:18px;font-size:12px;line-height:1.35;position:fixed;top:16px;bottom:16px;right:16px;overflow:auto;box-shadow:0 24px 70px #0009}#menu header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}#menu h1{min-width:0;margin:0;line-height:0}#menu .menu-logo{width:144px;max-width:100%;height:auto;display:block}#menu #close{border-color:var(--line);width:44px;color:var(--muted);background:0 0;flex:none;align-self:flex-start;margin-top:8px;padding:0;font-size:25px;line-height:1}#menu #close:hover{color:var(--accent);border-color:var(--accent)}.language-switch{border:1px solid var(--line);background:#090d09;border-radius:7px;gap:4px;width:100%;margin-bottom:12px;padding:3px;display:flex}.language-switch button{color:#c2cbbb;background:0 0;border-color:#0000;flex:1;min-width:0;min-height:36px;padding:6px 12px;font-size:12px;font-weight:500}.language-switch button[aria-pressed=true]{color:var(--accent);background:#4dff191a;border-color:#4dff1936}#menu .menu-section{border-top:1px solid #ffffff28;margin-top:14px;padding-top:12px}#menu .menu-section:first-of-type{border-top:0;margin-top:0;padding-top:0}#menu h2{color:#f0f4e9;letter-spacing:.04em;align-items:center;gap:8px;margin:0 0 5px;font-size:12px;font-weight:700;display:flex}:lang(en) #menu h2{text-transform:uppercase;letter-spacing:.1em;font-size:11px}#menu h2:before{content:"";background:var(--accent);border-radius:1px;flex:none;width:4px;height:12px}#menu label{color:#d6ddce;justify-content:space-between;align-items:baseline;gap:8px;margin:10px 0 4px;font-size:12px;font-weight:500;display:flex}#menu .menu-section>label:first-of-type{margin-top:4px}#menu label output{color:var(--control-accent);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:600}#menu select{width:100%;min-height:38px;padding:7px 10px;font-size:12px}#menu input[type=range]{--value:50%;appearance:none;cursor:pointer;width:100%;height:24px;accent-color:var(--accent);background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--control-accent) var(--value), #3a4036 var(--value));border-radius:3px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--control-tip);border:2px solid var(--control-accent);width:13px;height:13px;box-shadow:0 0 9px var(--control-glow);border-radius:50%;margin-top:-5px}input[type=range]::-moz-range-track{background:#3a4036;height:3px}input[type=range]::-moz-range-progress{background:var(--control-accent);height:3px}input[type=range]::-moz-range-thumb{background:var(--control-tip);border:2px solid var(--control-accent);border-radius:50%;width:10px;height:10px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;margin:0}#menu .check-label{justify-content:flex-start;align-items:center;min-height:40px;margin-top:4px}#menu .row{align-items:stretch;gap:8px;margin:6px 0;display:flex}#menu .row button{flex:1;min-width:0;padding:8px;font-size:11px;line-height:1.35}#menu #input-stop{flex:none}#source{overflow-wrap:anywhere;white-space:pre-line;color:var(--muted);align-items:baseline;gap:7px;margin:4px 0 6px;font-size:11px;line-height:1.35;display:flex}#source:before{content:"";background:#79816f;border-radius:50%;flex:none;width:5px;height:5px}#source[data-status=connected]:before{background:var(--accent);box-shadow:0 0 8px #4dff1955}#source[data-status=error]:before{background:#eeefe9}#tap-pad{width:100%;min-height:88px;color:var(--accent);touch-action:manipulation;background:#4dff1910;border:1px solid #4dff1950;margin-top:10px;font-size:24px;font-weight:600;display:block}#tap-pad:active{background:#4dff1930}#tap-pad small{color:#c0cbb3;margin-top:4px;font-size:11px;font-weight:400;display:block}#menu #tempo{color:var(--accent);font-variant-numeric:tabular-nums;pointer-events:none;background:#4dff1915;border-radius:4px;margin:8px 0;padding:8px 10px;font-size:12px;position:static}.colors{align-items:center;gap:8px;margin:12px 0;display:flex}.swatch{border:2px solid #ffffff30;border-radius:50%;width:34px;height:34px;min-height:34px;padding:0}.swatch:hover{border-color:var(--accent)}input[type=color]{background:0 0;border:1px solid #ffffff30;border-radius:5px;width:42px;height:34px;padding:2px}#menu details{border:1px solid var(--line);color:var(--muted);background:#ffffff02;border-radius:6px;margin-top:10px;padding:0 10px}#menu details[open]{padding-bottom:12px}#menu summary{cursor:pointer;color:#c5d1b9;min-height:40px;padding:10px 0;font-size:11px}#diagnostics{color:#929e89;white-space:pre-wrap;font:10px/1.8 ui-monospace,monospace}#menu small{color:var(--muted);font-size:10px;line-height:1.4}.extension-download-row{justify-content:space-between;align-items:center;gap:8px;display:flex}#extension-zip{padding:10px 0;font-weight:600}#extension-help-toggle{width:32px;min-height:32px;color:var(--accent);border-radius:50%;flex:none;padding:0}#extension-help{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.65}#extension-help h3{color:#eeefe9;margin:12px 0 6px;font-size:12px}#extension-help p{margin:8px 0}#extension-help ol{margin:8px 0;padding-left:20px}#extension-help li{margin:8px 0}#extension-help code{color:var(--accent);user-select:all;font:11px/1.8 ui-monospace,monospace;display:block}#licenses{border-top:1px solid var(--line);color:#acb6a3;overflow-wrap:anywhere;margin-top:16px;padding-top:12px;font-size:10px;line-height:1.45}#licenses a{color:#c1d5ac;margin:6px 12px 0 0;display:inline-block}#disclaimer{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.6}#unsupported{color:var(--muted);font-size:11px;line-height:1.4}.loader{color:var(--control-accent);background:#10131c;place-content:center;font-size:13px;display:grid;position:fixed;inset:0}.loader.error{text-align:center;color:#eeefe9;padding:30px;line-height:1.8}#menu .rhythm-readout{grid-template-columns:30px 1fr;align-items:center;column-gap:10px;padding:2px 0 4px;display:grid}#rhythm-bpm{letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#f3f6ec;font-size:38px;font-weight:600;line-height:1.15}#rhythm-bpm small{letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:500}#rhythm-status{color:var(--muted);grid-column:2;margin-top:2px;font-size:11px;line-height:1.3}#beat-light{--beat:0;--wave:1;background:#0d1409;border:1px solid #4dff1936;border-radius:50%;width:30px;height:30px;display:block;position:relative}#beat-light i{opacity:calc(.22 + var(--beat)*.78);box-shadow:0 0 calc(4px + var(--beat)*12px) #4dff19;transform:scale(calc(.85 + var(--beat)*.25));background:#dbffd0;border-radius:50%;position:absolute;inset:10px}#beat-light b{border:1px solid var(--accent);opacity:calc((1 - var(--wave))*.7);transform:scale(calc(.55 + var(--wave)*.75));border-radius:50%;position:absolute;inset:3px}#beat-light[data-active=false]{border-color:#ffffff1c}#beat-light[data-active=false] i{box-shadow:none;background:#8b9683}#background-guide{margin-top:9px;display:block}@media (width<=520px){#menu{width:min(300px,100vw - 20px);max-height:74dvh;padding:16px;top:auto;bottom:10px;right:10px}.notice{font-size:12px;bottom:20px}.handle{right:6px}}@media (width<=360px){#menu{padding:16px}.notice-actions{flex-direction:column}}@media (pointer:coarse){#menu select,.language-switch button,#menu summary,#menu .check-label{min-height:44px}#extension-help-toggle{width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}#beat-light i,#beat-light b{transform:none}#beat-light b{opacity:calc(var(--beat)*.3)}}