html,body{margin:0}.tool-root{--font-display: "Spectral", Georgia, serif;--font-ui: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--paper: #f3ecdf;--paper-2: #efe6d5;--card: #fbf8f1;--ink: #2c2620;--ink-soft: #6c6357;--ink-faint: #a59c8c;--line: #e4dccb;--accent: #45587a;--track-bg: #efe6d5;--thumb: #ffffff;--cursor: #c08a3e;--on-fg: #ffffff;--perfect: #3f9c63;--good: #45587a;--loose: #c08a3e;--miss: #c2663f;--card-shadow: 0 8px 24px -16px rgba(60, 50, 35, .35);--seg-bg: var(--paper-2);--seg-on-bg: var(--card);--chip-bg: var(--card);--chip-on-bg: #e9edf4;--toggle-bg: var(--line);--btn-bg: var(--ink);--btn-fg: var(--paper);--sheet-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 8px 24px -16px rgba(60, 50, 35, .35);min-height:100vh;min-height:100dvh;box-sizing:border-box;font-family:var(--font-ui);color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.5),transparent 60%),var(--paper)}.tool-root.dusk{--paper: #241a12;--paper-2: #2e2218;--card: #2b2017;--ink: #f3e9da;--ink-soft: #c0af9c;--ink-faint: #8b7c6a;--line: #3c2e21;--accent: #e7b873;--track-bg: #2e2218;--thumb: #e9dcc6;--cursor: #f0b65c;--on-fg: #2a1f15;--perfect: #6fc28d;--good: #e7b873;--loose: #eaa64e;--miss: #d98a63;--card-shadow: 0 12px 32px -18px rgba(0, 0, 0, .6);--chip-on-bg: rgba(231, 184, 115, .16);--sheet-shadow: 0 1px 0 rgba(255, 235, 200, .06) inset, 0 12px 32px -18px rgba(0, 0, 0, .6);background:radial-gradient(120% 80% at 50% -12%,rgba(150,110,65,.28),transparent 60%),var(--paper)}.tool-root *{box-sizing:border-box}.tool-root .toolnav{display:flex;gap:4px;font-size:12.5px;flex-wrap:wrap}.tool-root .toolnav a{color:var(--ink-soft);text-decoration:none;padding:4px 9px;border-radius:999px;white-space:nowrap}.tool-root .toolnav a:hover{color:var(--ink);background:var(--track-bg)}.tool-root .toolnav a.active{color:var(--on-fg);background:var(--accent)}.tool-root .stat{text-align:right}.tool-root .stat .n{display:block;font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.tool-root .stat .l{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.tool-root .theme{border:1px solid var(--line);background:var(--card);color:var(--ink);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px}.tool-root .btn{border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 14px var(--font-ui);padding:10px 18px;border-radius:10px;cursor:pointer}.tool-root .btn.primary{background:var(--accent);color:var(--on-fg);border-color:var(--accent)}.tool-root .btn:disabled{opacity:.45;cursor:default}.tool-root .ctl-row{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-soft);margin-bottom:6px}.tool-root .ctl-row b{color:var(--ink);font-variant-numeric:tabular-nums}.tool-root .ctl-label{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.tool-root .ctl-note{font-size:11px;color:var(--ink-faint);margin:6px 0 0;line-height:1.4}.tool-root input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;cursor:pointer}.tool-root input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:var(--track-bg)}.tool-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:var(--thumb);border:2px solid var(--accent)}.tool-root input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:var(--track-bg)}.tool-root input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--thumb);border:2px solid var(--accent)}.tool-root .chips{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.tool-root .toggles{display:flex;flex-wrap:wrap;gap:6px}.tool-root .chip,.tool-root .tog{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:8px;padding:8px;font:600 13px var(--font-ui);cursor:pointer}.tool-root .chip.on,.tool-root .tog.on{border-color:var(--accent);background:var(--accent);color:var(--on-fg)}.tool-root .tool-select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:500 13px var(--font-ui);cursor:pointer}.tool-root .rng-track{position:relative;height:22px;display:flex;align-items:center;margin:2px 0;touch-action:none}.tool-root .rng-rail{position:absolute;left:0;right:0;height:5px;border-radius:999px;background:var(--track-bg)}.tool-root .rng-fill{position:absolute;height:5px;border-radius:999px;background:var(--accent)}.tool-root .rng-thumb{position:absolute;width:13px;height:19px;background:var(--thumb);border:2px solid var(--accent);box-sizing:border-box;transform:translate(-50%);box-shadow:0 1px 2px #00000040;cursor:grab;touch-action:none}.tool-root .rng-thumb.low{border-radius:8px 3px 3px 8px}.tool-root .rng-thumb.high{border-radius:3px 8px 8px 3px}.tool-root .rng-thumb:after{content:"";position:absolute;top:3px;bottom:3px;left:50%;width:1.5px;transform:translate(-50%);border-radius:1px;background:var(--accent);opacity:.55}.tool-root .section{display:flex;flex-direction:column}.tool-root .section-head{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;cursor:pointer;padding:9px 2px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line)}.tool-root .section-head:hover{color:var(--ink)}.tool-root .section-head .chev{font-size:10px;color:var(--ink-faint)}.tool-root .section-body{display:flex;flex-direction:column;gap:14px;padding:14px 0 6px}.tool-root .grp{display:flex;flex-direction:column}.tool-root .grp-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 8px}.tool-root .seg{display:flex;gap:4px;background:var(--seg-bg);padding:3px;border-radius:9px}.tool-root .seg.grid2{display:grid;grid-template-columns:repeat(2,1fr)}.tool-root .seg.grid3{display:grid;grid-template-columns:repeat(3,1fr)}.tool-root .seg.grid4{display:grid;grid-template-columns:repeat(4,1fr)}.tool-root .seg button{flex:1;border:none;background:transparent;color:var(--ink-soft);font:600 13px var(--font-ui);padding:7px 4px;border-radius:7px;cursor:pointer}.tool-root .seg button.on{background:var(--seg-on-bg);color:var(--ink);box-shadow:0 1px 2px #00000014}.tool-root .seg.appear button.on{background:var(--accent);color:var(--on-fg);box-shadow:none}.tool-root .slider{margin:2px 0}.tool-root .slider .row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-soft);margin-bottom:6px;white-space:nowrap}.tool-root .slider .row b{color:var(--ink);font-variant-numeric:tabular-nums}.tool-root .toggle{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;border:none;background:none;width:100%;text-align:left}.tool-root .toggle .sw{width:34px;height:20px;border-radius:999px;background:var(--toggle-bg);position:relative;flex:none;transition:background .15s}.tool-root .toggle .sw:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--thumb);box-shadow:0 1px 2px #0003;transition:left .15s}.tool-root .toggle.on .sw{background:var(--accent)}.tool-root .toggle.on .sw:after{left:16px}.tool-root .toggle>span:last-child{font-size:13px;color:var(--ink);line-height:1.3}.tool-root .btn-primary{border:none;background:var(--btn-bg);color:var(--btn-fg);font:600 14px var(--font-ui);padding:13px;border-radius:10px;cursor:pointer;letter-spacing:.01em}.tool-root .btn-primary:disabled{opacity:.45;cursor:default}.tool-root .btn-ghost{width:100%;border:1px solid var(--line);background:var(--chip-bg);color:var(--ink);font:600 13px var(--font-ui);padding:10px;border-radius:9px;cursor:pointer}.tool-root .btn-ghost:hover{border-color:var(--accent)}.tool-root .btn-ghost:disabled{opacity:.45;cursor:default}.tool-root .btn-mini{border:none;background:var(--btn-bg);color:var(--btn-fg);font:600 13px var(--font-ui);padding:8px 12px;border-radius:8px;cursor:pointer}.tool-root .hint{font-size:12px;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.tool-root .hint kbd{font-family:var(--font-mono);font-size:11px;background:var(--seg-bg);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:2px 6px;color:var(--ink)}.tool-root .hint .sep{color:var(--ink-faint)}.rhy{padding:18px 20px 40px}.rhy-head{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto 18px}.rhy-title{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.rhy-head h1{font-family:var(--font-display);font-weight:600;font-size:26px;margin:0;letter-spacing:-.015em}.rhy-hud{display:flex;align-items:center;gap:20px}.rhy-stage{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px}.rhy-card{position:relative;isolation:isolate;width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:var(--card-shadow);overflow:hidden}.rhy-staff{position:relative;z-index:1}.rhy-staff svg{display:block}.rhy-marks{position:absolute;inset:0;z-index:0;pointer-events:none}.rhy-hold{position:absolute;left:16px;height:1.5px;background:currentColor;color:var(--ink-soft);border-radius:2px;pointer-events:none}.rhy-hold.perfect{color:var(--perfect)}.rhy-hold.good{color:var(--good)}.rhy-hold.loose{color:var(--loose)}.rhy-hold.miss{color:var(--miss)}.rhy-hold:before{content:"";position:absolute;left:-1.5px;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:50%;background:currentColor}.rhy-hold.released:after{content:"";position:absolute;right:-1.5px;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:50%;background:currentColor}.rhy-cursor{position:absolute;left:16px;width:2px;background:var(--cursor);border-radius:1px;box-shadow:0 0 8px var(--cursor);pointer-events:none;will-change:transform;z-index:3}.rhy-countin{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:72px;font-weight:600;line-height:1;color:var(--accent);background:color-mix(in srgb,var(--card) 55%,transparent);pointer-events:none}@media(prefers-reduced-motion:no-preference){.rhy-countin{animation:rhyCountPop .4s ease-out}}@keyframes rhyCountPop{0%{transform:scale(.7);opacity:0}45%{opacity:1}to{transform:scale(1);opacity:.92}}.rhy-calib{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:color-mix(in srgb,var(--card) 78%,transparent);pointer-events:none}.rhy-calib-h{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.rhy-calib-n{font-family:var(--font-display);font-size:40px;font-weight:600;line-height:1;color:var(--accent)}@media(prefers-reduced-motion:no-preference){.rhy-calib-n{animation:rhyCountPop .3s ease-out}}.rhy-calib-row{margin-top:8px}.rhy-beatstrip{display:flex;gap:11px;align-items:center;height:14px}.rhy-beat{width:9px;height:9px;border-radius:50%;background:var(--track-bg);transition:transform .08s ease,background .08s ease}.rhy-beat.down{box-shadow:0 0 0 1.5px var(--line)}.rhy-beat.on{background:var(--accent);transform:scale(1.55)}.rhy-beat.on.down{background:var(--cursor);transform:scale(1.75)}.rhy-review{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.rhy-review-offset{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--loose);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.rhy-review-acc{font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;align-self:baseline}.rhy-review-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.rhy-feedback{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;min-height:18px}.rhy-feedback.perfect{color:var(--perfect)}.rhy-feedback.good{color:var(--good)}.rhy-feedback.loose{color:var(--loose)}.rhy-feedback.miss{color:var(--miss)}.rhy-tally{display:flex;gap:14px;font-size:12px;font-variant-numeric:tabular-nums}.rhy-tally .b:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}.rhy-tally .perfect:before{background:var(--perfect)}.rhy-tally .good:before{background:var(--good)}.rhy-tally .loose:before{background:var(--loose)}.rhy-tally .miss:before{background:var(--miss)}.rhy-pad{width:100%;max-width:520px;height:96px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--accent);border-radius:16px;background:var(--card);color:var(--ink-soft);font-size:15px;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}.rhy-pad:active,.rhy-pad.down{background:var(--accent);color:var(--on-fg)}.rhy-pad kbd{font-family:var(--font-mono);font-size:12px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px}.rhy-pads{display:flex;gap:10px;width:100%;max-width:520px}.rhy-pad.two{flex:1;max-width:none;height:96px}.rhy-transport{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.rhy-transport kbd{font-family:var(--font-mono);font-size:10px;margin-left:4px;padding:0 4px;border-radius:4px;border:1px solid currentColor;opacity:.5;vertical-align:middle}.rhy-keylog{width:100%;max-width:420px;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:10px 12px;font-family:var(--font-mono);font-size:12px}.rhy-keylog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink-faint);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.rhy-keylog-btns{display:flex;gap:6px}.rhy-keylog-head button{border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:6px;padding:2px 8px;font:inherit;cursor:pointer}.rhy-debug{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:11px;line-height:1.4;padding:8px;resize:vertical;white-space:pre}.rhy-keylog-empty{color:var(--ink-faint)}.rhy-keylog-row{display:grid;grid-template-columns:84px 1fr auto;gap:8px;align-items:baseline;padding:2px 0;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.rhy-keylog-row .t{color:var(--ink-faint);font-variant-numeric:tabular-nums}.rhy-keylog-row .k{color:var(--ink);font-weight:600}.rhy-keylog-row .h{font-size:10px;letter-spacing:.06em;text-transform:uppercase}.rhy-keylog-row .h.left{color:var(--good)}.rhy-keylog-row .h.right{color:var(--accent)}.rhy-controls{max-width:900px;margin:22px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 24px}.rhy .rhy-select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:500 13px var(--font-ui);cursor:pointer}.rhy .midi-dot.on{color:var(--perfect)}.rhy-room{width:100%;height:100vh;height:100dvh;display:flex;overflow:hidden;padding:0}.rhy-room .rail{width:300px;flex:none;background:var(--card);border-right:1px solid var(--line);padding:24px 22px 22px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.rhy-room .rail.collapsed{width:44px;padding:10px 0;overflow:hidden}.rhy-room .rail-toggle{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;border:none;background:none;cursor:pointer;color:var(--ink-soft);padding:8px 0}.rhy-room .rail-toggle:hover{color:var(--ink)}.rhy-room .rail-toggle .chev{font-size:18px;font-weight:700}.rhy-room .rail-toggle .rail-label{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--ink-faint)}.rhy-room .rail-top{display:flex;align-items:center;justify-content:space-between}.rhy-room .rail-top-actions{display:flex;align-items:center;gap:8px}.rhy-room .rail-top h2{font-family:var(--font-display);font-size:22px;font-weight:600;margin:0;letter-spacing:-.01em}.rhy-room .collapse{width:28px;height:28px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer}.rhy-room .settings{display:flex;flex-direction:column;gap:8px}.rhy-room .stage{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 32px 28px;overflow-y:auto}.rhy-room .stage>*{flex:none}.rhy-room .head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.rhy-room .head-title{display:flex;flex-direction:column}.rhy-room .head h1{font-family:var(--font-display);font-weight:600;font-size:26px;margin:0;letter-spacing:-.015em;white-space:nowrap}.rhy-room .head .sub{font-size:12.5px;color:var(--ink-soft);margin-top:2px;font-variant-numeric:tabular-nums}.rhy-room .head-right{display:flex;align-items:center;gap:18px}.app-ver{font-family:var(--mono, monospace);font-size:.72rem;color:var(--ink-soft);opacity:.6;letter-spacing:.02em}.rhy-room .stats{display:flex;gap:20px}.rhy-room .head .stat .n{font-size:24px}.rhy-room .settings-btn{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;font:600 13px var(--font-ui);color:var(--ink);cursor:pointer;flex:none}.rhy-room .settings-btn svg{color:var(--accent)}.rhy-room .rhy-card{width:100%;max-width:880px;padding:12px 26px;box-shadow:var(--sheet-shadow)}.rhy-room .chip.on{border-color:var(--accent);background:var(--chip-on-bg);color:var(--accent)}.rhy-room .ad-banner{width:100%;margin-top:auto;padding-top:8px;display:flex;justify-content:center}.rhy-room .ad-slot{width:728px;max-width:100%;height:90px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:10px;background:var(--card);color:var(--ink-faint);font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.rhy-room .focus-btn,.rhy-room .exit-focus{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;font:600 13px var(--font-ui);color:var(--ink);cursor:pointer;flex:none}.rhy-room .focus-btn .ico,.rhy-room .exit-focus .ico{color:var(--accent);flex:none}.rhy-room .focus-btn:hover,.rhy-room .exit-focus:hover{border-color:var(--accent)}.rhy-room.focus .stage{justify-content:center;padding:56px 32px 40px;gap:18px}.rhy-room.focus .focus-bar{position:absolute;top:16px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between}.rhy-room.focus .rhy-card{max-width:960px}.rhy-room.focus .log-btn{display:none}@media(max-width:720px){.rhy-room .rail.mobile{position:fixed;inset:0;width:100%;z-index:60;padding:18px 18px 22px;border-right:none;transform:translate(-100%);transition:transform .24s ease-out}.rhy-room .rail.mobile.open{transform:translate(0)}.rhy-room .rail.mobile .rail-nav{display:flex;margin:4px 0 8px}.rhy-room .stage{padding:12px 8px 16px;gap:10px}.rhy-room .head-title,.rhy-room .head .toolnav{display:none}.rhy-room .head-right{margin-left:auto;gap:12px}.rhy-room .head .stat .n{font-size:19px}.rhy-room .focus-btn{padding:8px}.rhy-room .focus-btn .btn-text{display:none}.rhy-room.focus .stage{padding:48px 14px 18px}.rhy-room.focus .focus-bar{left:14px;right:14px}.rhy-room .rhy-card{padding:10px 6px}.rhy-room .rhy-pad kbd{display:none}.rhy-room.is-running .stage{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}.rhy-room.is-running .rhy-tally,.rhy-room.is-running .ad-banner{display:none}.rhy-room.is-running .stage>.rhy-pad,.rhy-room.is-running .stage>.rhy-pads{position:fixed;left:8px;right:8px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;margin:0;z-index:50}.rhy-room.is-running .stage>.rhy-pad,.rhy-room.is-running .rhy-pad.two{height:128px;font-size:17px;box-shadow:0 -8px 24px -12px #00000059}}@media(max-width:640px){.rhy{padding:12px 12px 32px}.rhy-head{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.rhy-title{flex-direction:column;align-items:flex-start;gap:8px}.rhy-head h1{font-size:22px}.toolnav{width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolnav::-webkit-scrollbar{display:none}.rhy-hud{justify-content:space-between;gap:10px}.rhy-hud .stat .n{font-size:18px}.rhy-card{padding:10px}.rhy-countin{font-size:56px}.rhy-controls{margin-top:16px;gap:14px 16px}.rhy-pad kbd{display:none}}