.in-root{font:inherit;color:var(--text)}.in-screen{gap:14px;min-width:0;display:grid}.in-screen>p{margin:0}.in-actions{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.in-actions button,.in-modes button{min-height:44px}.in-modes{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;display:flex}.in-modes legend{margin-block-end:6px;padding:0;font-weight:700}.in-modes button[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast,#fff);border-color:var(--text)}.in-field{gap:4px;min-width:0;font-weight:700;display:grid}.in-field select,.in-field input{min-height:44px;max-inline-size:100%}.in-field input[type=range]{accent-color:var(--accent);inline-size:min(280px,100%)}.in-status{min-height:1.5em;margin:0;font-weight:700}.in-error{color:var(--danger);margin:0;font-weight:700}.in-error:before{content:"⚠ "}.in-note{color:var(--muted);margin:0;font-size:.9em}.in-note:before{content:"ⓘ "}.in-number{font-variant-numeric:tabular-nums}.in-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0;display:grid}.in-facts>div{border:1px solid var(--line);background:var(--panel);overflow-wrap:anywhere;border-radius:8px;min-width:0;padding:10px 12px}.in-facts dt{color:var(--muted);font-size:.88em}.in-facts dd{margin:2px 0 0;font-weight:700}.in-big{font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:800;line-height:1.1}.in-gate{justify-items:start;gap:.75rem;padding:1rem 0;display:grid}.in-table-wrap{max-inline-size:100%;overflow-x:auto}.in-table{border-collapse:collapse;inline-size:100%;font-size:.92em}.in-table th,.in-table td{text-align:start;border-block-end:1px solid var(--line);white-space:nowrap;padding:6px 10px}.in-table th{color:var(--muted);font-weight:600}.in-flag{font-weight:700}.in-best{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.in-best li{border:1px solid var(--line);background:var(--panel);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 10px}.in-pad{text-align:center;border:2px dashed var(--accent);background:var(--panel);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:contain;border-radius:12px;place-items:center;min-block-size:240px;padding:16px;display:grid}.in-pad.is-running{background:var(--panel-muted,var(--panel));border-style:solid}.in-pad.is-done{opacity:.75;cursor:default;border-style:solid}.in-pad strong{font-size:clamp(1.1rem,4vw,1.6rem)}.in-pad-dbl{cursor:crosshair}.in-pad.is-flash{box-shadow:inset 0 0 0 3px var(--accent)}.in-key{border:2px dashed var(--accent);background:var(--panel);user-select:none;border-radius:12px;place-items:center;min-block-size:120px;font-weight:800;display:grid}.in-key.is-capturing{box-shadow:0 0 0 2px var(--accent);border-style:solid}.in-key.is-down{background:var(--accent);color:var(--accent-contrast,#fff)}.in-pads{gap:8px;margin:0;padding:0;list-style:none;display:grid}.in-pads li{border:1px solid var(--line);background:var(--panel);overflow-wrap:anywhere;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;display:flex}.in-pads li.is-selected{border-color:var(--accent);border-width:2px}.in-pad-btns{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.in-pad-btns li{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-block-size:44px;padding:6px 8px;font-size:.85em;position:relative;overflow:hidden}.in-pad-btns li.is-on{border-color:var(--text);border-width:2px}.in-bar{background:var(--accent);block-size:4px;position:absolute;inset-block-end:0;inset-inline-start:0}.in-trig{grid-template-columns:3rem minmax(0,1fr) 3.5rem;align-items:center;gap:8px;display:grid}.in-meter{border:1px solid var(--line-strong,var(--line));background:var(--panel-muted,var(--panel));border-radius:999px;block-size:14px;overflow:hidden}.in-meter>span{background:var(--accent);block-size:100%;display:block}.in-sticks{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.in-stick{justify-items:center;gap:6px;min-width:0;display:grid}.in-stick canvas{aspect-ratio:1;border:1px solid var(--line);background:var(--panel);border-radius:50%;inline-size:min(100%,280px)}.in-stick .in-facts{inline-size:100%}.in-section{border-block-start:1px solid var(--line);gap:10px;padding-block-start:12px;display:grid}.in-section h3,.in-section h4{margin:0}.in-stage{gap:10px;min-width:0;display:grid}.in-stage:fullscreen{background:var(--bg,Canvas);grid-template-rows:auto minmax(0,1fr);padding:10px;overflow:auto}.in-stage:fullscreen .in-canvas-box{block-size:auto;min-block-size:0}.in-canvas-box{border:2px dashed var(--accent);background:var(--panel);border-radius:12px;block-size:min(60vh,520px);min-block-size:260px;overflow:hidden}.in-canvas-box canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;block-size:100%;inline-size:100%;display:block}@media (prefers-reduced-motion:reduce){.in-pad,.in-key,.in-meter>span,.in-bar{transition:none}}