.rt-app *,.rt-app *::before,.rt-app *::after{box-sizing:border-box;margin:0;padding:0}.rt-app{font-family:var(--lab-font);max-width:var(--lab-max-w);margin:0 auto;background:var(--lab-bg);border-radius:var(--lab-radius-xl);border:1px solid rgb(255 255 255 / .5);box-shadow:var(--lab-shadow-lg);overflow:hidden;color:var(--lab-text);-webkit-tap-highlight-color:#fff0;touch-action:manipulation;user-select:none;-webkit-user-select:none}.rt-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px 10px;background:#fff0;border-bottom:0}.rt-header__brand{display:flex;flex-direction:column;min-width:0;flex-shrink:1}.rt-header__title{display:flex;align-items:center;gap:9px}.rt-logo-mark{width:38px;height:38px;border-radius:999px;background:rgb(199 137 24 / .14);color:var(--lab-accent-dark);display:flex;align-items:center;justify-content:center;font-size:19px;font-family:var(--lab-font-display);font-weight:900;flex-shrink:0}.rt-header h1{font-family:var(--lab-font-display);font-size:22px;font-weight:900;color:var(--lab-heading);line-height:1;letter-spacing:-.04em}.rt-app{border-radius:28px}.rt-header h1{font-size:24px;letter-spacing:-.05em}.rt-level-badge,.rt-notation-scroll,.rt-panel,.rt-result-card{border-radius:20px}.rt-intro-sub,.rt-xp-text,.rt-header__sub{letter-spacing:1.4px}.rt-header__sub{font-family:var(--lab-font-mono);font-size:9px;color:var(--lab-muted);letter-spacing:1.3px;text-transform:uppercase;padding-left:47px;margin-top:6px}.rt-section-picker{display:flex;align-items:center;gap:8px;padding-left:47px;margin-top:8px}.rt-section-picker__label{font-family:var(--lab-font-mono);font-size:9px;color:var(--lab-muted);letter-spacing:1.1px;text-transform:uppercase}.rt-section-picker__select{max-width:min(340px, 70vw);min-height:34px;border:1px solid var(--lab-border);border-radius:999px;background:rgb(255 255 255 / .84);color:var(--lab-text);padding:0 34px 0 12px;font-family:var(--lab-font);font-size:13px;font-weight:700;box-shadow:var(--lab-shadow);outline:none}.rt-section-picker__select:focus-visible{border-color:var(--lab-accent)}.rt-header__meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.rt-level-badge{display:flex;align-items:baseline;gap:3px;background:rgb(255 255 255 / .66);border:1px solid var(--lab-border);border-radius:999px;padding:3px 10px 3px 8px}.rt-level-badge__label{font-family:var(--lab-font-mono);font-size:9px;color:var(--lab-muted);letter-spacing:1.2px;text-transform:uppercase}.rt-level-badge__num{font-family:var(--lab-font);font-size:22px;font-weight:900;color:var(--lab-text);line-height:1}.rt-xp-wrap{display:flex;align-items:center;gap:6px}.rt-xp-bar{width:84px;height:5px;background:var(--lab-border);border-radius:2px;overflow:hidden}.rt-xp-bar__fill{height:100%;background:var(--lab-accent);border-radius:2px;width:0%;transition:width .5s ease}.rt-xp-text{font-family:var(--lab-font-mono);font-size:10px;color:var(--lab-muted);min-width:44px;text-align:right}.rt-screen{display:none;width:100%}.rt-screen--active{display:flex;flex-direction:column}#rt-screen-intro,#rt-screen-playing{min-height:520px}.rt-intro-content{display:flex;flex-direction:column;gap:8px;padding:14px 18px 0;position:relative}.rt-intro-sub{font-family:var(--lab-font-mono);font-size:11px;color:var(--lab-muted);letter-spacing:.8px;text-transform:uppercase;text-align:center}.rt-intro-sub strong{color:var(--lab-text);font-weight:700}.rt-intro-topic{margin:-2px 0 2px;font-family:var(--lab-font);font-size:13px;font-weight:800;color:var(--lab-heading);text-align:center;letter-spacing:-.01em}.rt-notation-stage{position:relative}.rt-notation-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:var(--lab-radius-lg);background:rgb(255 255 255 / .84);border:1px solid var(--lab-border);box-shadow:var(--lab-shadow);backdrop-filter:blur(10px);scrollbar-width:thin;scrollbar-color:var(--lab-border) #fff0}.rt-notation-scroll::-webkit-scrollbar{height:4px}.rt-notation-scroll::-webkit-scrollbar-track{background:var(--lab-bg)}.rt-notation-scroll::-webkit-scrollbar-thumb{background:var(--lab-border);border-radius:2px}.rt-notation-scroll--playing{opacity:.8;border-color:var(--lab-accent)}.rt-notation-wrap{padding:10px 14px;min-width:max-content}.rt-notation-wrap svg{display:block;height:auto}.rt-notation-wrap[data-rt-layout="mobile"],.rt-notation-wrap[data-rt-layout="narrowMobile"]{padding:12px 8px}.rt-notation-wrap[data-rt-layout="mobile"] svg,.rt-notation-wrap[data-rt-layout="narrowMobile"] svg{margin-bottom:2px}.rt-playhead-line{stroke:var(--lab-accent-dark);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 4px rgb(199 137 24 / .35))}.rt-tuplet-bracket{stroke:#6f5331;stroke-width:1.5;fill:none;stroke-linecap:round}.rt-tuplet-label{fill:#6f5331;font-family:var(--lab-font-mono);font-size:11px;text-anchor:middle}.rt-tie{stroke:#181512;stroke-width:1.5;fill:none;stroke-linecap:round}.rt-note-marker__connector{stroke:rgb(107 114 128 / .55);stroke-width:1.4;stroke-linecap:round}.rt-note-marker__dot{stroke:rgb(255 250 240 / .96);stroke-width:1.5}.rt-note-marker__dot--great{fill:#22c55e}.rt-note-marker__dot--ok{fill:#f59e0b}.rt-note-marker__dot--late{fill:#f97316}.rt-note-marker__dot--miss{fill:#ef4444}.rt-note-marker__cross{stroke:#fffaf0;stroke-width:1.7;stroke-linecap:round}.rt-note-marker__text{fill:#6b7280;font-family:var(--lab-font-mono);font-size:8px;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:rgb(255 250 240 / .98);stroke-width:2px}.rt-hint{font-size:13px;color:var(--lab-muted);text-align:center;line-height:1.6}.rt-level-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 18px 20px}.rt-level-picker__label{font-family:var(--lab-font-mono);font-size:10px;color:var(--lab-muted);letter-spacing:1.2px;text-transform:uppercase}.rt-level-picker__controls{display:flex;align-items:center;gap:8px}.rt-level-stepper,.rt-level-input{border:1px solid var(--lab-border);background:rgb(255 255 255 / .84);color:var(--lab-text);border-radius:999px;min-height:40px}.rt-level-stepper{width:40px;font-size:20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--lab-shadow)}.rt-level-input{width:84px;padding:0 14px;text-align:center;font-family:var(--lab-font);font-size:16px;font-weight:700;box-shadow:var(--lab-shadow)}.rt-level-input::-webkit-outer-spin-button,.rt-level-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rt-level-input[type=number]{-moz-appearance:textfield}.rt-level-stepper:hover,.rt-level-stepper:focus-visible,.rt-level-input:focus-visible{border-color:var(--lab-accent);outline:none}.rt-countdown-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;min-height:0;margin-top:0;opacity:0;visibility:hidden;transition:opacity .14s ease;pointer-events:none}.rt-countdown-overlay--visible{opacity:1;visibility:visible}.rt-countdown-bubble{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;padding:8px 20px 10px}.rt-countdown-label{font-family:var(--lab-font-mono);font-size:11px;color:var(--lab-muted);letter-spacing:2px;text-transform:uppercase}.rt-countdown-num{font-family:var(--lab-font);font-size:62px;font-weight:900;color:var(--lab-text);line-height:1;animation:rt-pulse-in .22s cubic-bezier(.34,1.56,.64,1)}.rt-pulse-ring{position:absolute;top:50%;left:50%;width:180px;height:180px;border:2px solid var(--lab-accent);border-radius:50%;opacity:0;pointer-events:none}@keyframes rt-pulse-in{0%{transform:scale(1.5);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes rt-ring-out{0%{transform:translate(-50%,-50%) scale(.4);opacity:.8}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.rt-pulse-ring--animate{animation:rt-ring-out .5s ease-out forwards}.rt-playing-info{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 18px 0}.rt-playing-info--inline{gap:4px;padding:0;margin-top:-2px}.rt-beat-indicator{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.rt-beat-dot{width:14px;height:14px;border-radius:50%;background:var(--lab-border);border:2px solid var(--lab-border);transition:background .07s,transform .07s,box-shadow .07s}.rt-beat-dot--active{background:var(--lab-accent);border-color:var(--lab-accent-dark);transform:scale(1.45);box-shadow:0 0 8px var(--lab-accent-glow)}.rt-playing-label{font-family:var(--lab-font-mono);font-size:11px;color:var(--lab-muted);letter-spacing:2px;text-transform:uppercase;animation:rt-blink 1.2s step-end infinite}.rt-playing-label--inline{animation:none;letter-spacing:1.6px}@keyframes rt-blink{0%,100%{opacity:1}50%{opacity:.25}}.rt-result-content{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 20px 0;text-align:center}.rt-result-icon{font-size:50px;line-height:1;animation:rt-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes rt-pop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.rt-result-title{font-family:var(--lab-font);font-size:36px;font-weight:900;color:var(--lab-text);line-height:1;letter-spacing:-.5px}.rt-result-score-wrap{position:relative;width:120px;height:120px}.rt-score-ring{width:120px;height:120px;transform:rotate(-90deg)}.rt-score-ring__bg{fill:none;stroke:var(--lab-border);stroke-width:10}.rt-score-ring__fill{fill:none;stroke:var(--lab-success);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s ease,stroke .3s}.rt-score-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--lab-font);font-size:26px;font-weight:900;color:var(--lab-text)}.rt-result-feedback{font-size:14px;color:var(--lab-muted);max-width:280px;line-height:1.7}.rt-result-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.rt-result-notation{width:100%;padding:0 20px;margin-top:2px}.rt-result-notation .rt-notation-scroll{box-shadow:none}.rt-badge{font-size:11px;font-family:var(--lab-font-mono);padding:5px 14px;border-radius:20px;letter-spacing:.8px;text-transform:uppercase;font-weight:700}.rt-badge--gold{background:#fef9c3;color:#92400e;border:1.5px solid #fde68a}.rt-badge--green{background:var(--lab-success-bg);color:var(--lab-success);border:1.5px solid var(--lab-success-border)}.rt-badge--red{background:var(--lab-danger-bg);color:var(--lab-danger);border:1.5px solid var(--lab-danger-border)}.rt-error-timeline{width:100%;padding:0 20px;margin-top:4px}.rt-error-label{font-family:var(--lab-font-mono);font-size:9px;color:var(--lab-muted);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:8px;text-align:left}.rt-error-row{display:flex;gap:3px;height:20px;align-items:stretch;border-radius:6px;overflow:hidden;border:1px solid var(--lab-border)}.rt-err-dot{border-radius:2px;min-width:8px}.rt-err-dot--great{background:#4ade80}.rt-err-dot--ok{background:var(--lab-accent)}.rt-err-dot--late{background:#fb923c}.rt-err-dot--miss{background:#f87171}.rt-error-legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:10px;color:var(--lab-muted);font-family:var(--lab-font-mono)}.rt-error-legend .rt-err-dot{width:10px;height:10px;flex:none!important;border-radius:50%;display:inline-block}.rt-btn-wrap{padding:8px 18px 10px}.rt-btn-wrap--result{display:flex;flex-direction:column;gap:10px;padding-top:14px;padding-bottom:20px}.rt-main-btn--secondary{background:rgb(255 250 240 / .86);color:var(--lab-accent-dark);border:1px solid rgb(199 137 24 / .25);box-shadow:none}.rt-main-btn--secondary:hover{background:rgb(255 247 230 / .96);border-color:rgb(199 137 24 / .4)}.rt-main-btn--secondary:active{transform:scale(.97)}.rt-main-btn{position:relative;width:100%;min-height:56px;border:1px solid rgb(166 108 8 / .4);border-radius:999px;background:linear-gradient(135deg,var(--lab-accent) 0%,#dfab43 100%);color:var(--lab-accent-contrast);font-family:var(--lab-font-display);font-size:20px;font-weight:900;letter-spacing:.3px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;transition:background var(--lab-ease),transform .1s,box-shadow .15s;box-shadow:0 10px 20px var(--lab-accent-glow);-webkit-tap-highlight-color:#fff0;touch-action:manipulation}.rt-main-btn:hover{background:linear-gradient(135deg,#b97709 0%,#d99b28 100%)}.rt-main-btn:active{transform:scale(.97);box-shadow:0 1px 4px var(--lab-accent-glow)}.rt-main-btn:focus-visible{outline:3px solid var(--lab-accent);outline-offset:2px}.rt-main-btn:disabled{cursor:default}.rt-main-btn--playing{background:linear-gradient(135deg,#2d2417 0%,#17110a 100%);color:#fff;box-shadow:0 2px 8px rgb(30 41 59 / .2);touch-action:none;will-change:transform}.rt-main-btn--countdown-pulse{background:linear-gradient(135deg,#3b2e1d 0%,#231b10 100%);box-shadow:0 0 0 5px rgb(199 137 24 / .12),0 14px 24px rgb(30 41 59 / .24);transform:scale(1.015)}.rt-main-btn--playing:hover{background:linear-gradient(135deg,#3b2e1d 0%,#231b10 100%)}.rt-main-btn--tap{background:#fff!important;transform:scale(1.02)!important}.rt-main-btn__icon{font-size:20px;line-height:1}.rt-main-btn__label{font-size:20px;line-height:1}.rt-main-btn__ripple{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,rgb(255 255 255 / .5) 0%,transparent 65%);opacity:0;transform:scale(0);pointer-events:none}.rt-main-btn__ripple--animate{animation:rt-ripple .38s ease-out forwards}@keyframes rt-ripple{0%{opacity:1;transform:scale(0)}100%{opacity:0;transform:scale(2.6)}}body:has(#rt-app) .site,body:has(#rt-app) .site-content,body:has(#rt-app) .entry-content,body:has(#rt-app) .wp-block-group,body:has(#rt-app) main,body:has(#rt-app) article,body:has(#rt-app) #content,body:has(#rt-app) #primary,body:has(#rt-app) .hentry{background:transparent!important;padding:0!important;margin:0!important;max-width:none!important;width:100%!important;box-shadow:none!important}body:has(#rt-app) .site-inner,body:has(#rt-app) .content-area,body:has(#rt-app) .inner-wrap{background:transparent!important;max-width:none!important;padding:0!important}#rt-app.rt-app{max-width:var(--lab-max-w);margin:0 auto}@media (max-width:480px){#rt-screen-intro,#rt-screen-playing{min-height:480px}.rt-header{padding:12px 14px 10px}.rt-header h1{font-size:17px}.rt-header__meta{width:100%;align-items:flex-start}.rt-intro-content,.rt-playing-info{padding:14px 14px 0}.rt-btn-wrap{padding:6px 14px 8px}.rt-level-picker{padding:0 14px 16px}.rt-result-content{padding:18px 14px 0}.rt-result-notation{padding:0 14px}.rt-error-timeline{padding:0 14px}.rt-countdown-overlay{min-height:0}.rt-countdown-num{font-size:48px}.rt-result-title{font-size:30px}.rt-main-btn{min-height:52px;font-size:18px}.rt-level-picker{align-items:stretch}.rt-level-picker__label{width:100%;text-align:center}.rt-level-picker__controls{width:100%;justify-content:center}.rt-xp-bar{width:58px}.rt-xp-text{font-size:9px;min-width:30px;max-width:48px;overflow:hidden}.rt-level-badge__num{font-size:18px}.rt-header__sub{letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-section-picker{width:100%;padding-left:0}.rt-section-picker__select{flex:1;max-width:none}}@media (max-width:390px){.rt-xp-text{display:none}.rt-xp-bar{width:48px}.rt-level-badge__num{font-size:18px}}