.rr-app,.rr-display{--rr-accent:#c6fa60;--rr-ink:#17201c;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}.rr-app{color:var(--rr-ink);background:#f4f5f1;min-height:100vh;padding:0 4vw 28px}.rr-app *,.rr-display *{box-sizing:border-box}.rr-header{border-bottom:1px solid #cad1c8;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;display:flex}.rr-header>a{letter-spacing:-.04em;font-size:22px;font-weight:900}.rr-header nav{gap:24px;font-size:14px;display:flex}.rr-app a{text-decoration:none}.rr-heading{justify-content:space-between;align-items:center;gap:16px;margin:28px 0 24px;display:flex}.rr-eyebrow{letter-spacing:.1em;color:#526452;font:700 12px/1.5 monospace}.rr-heading h1{letter-spacing:-.045em;margin:8px 0;font-size:clamp(32px,4vw,52px);line-height:1.05}.rr-heading h1>span{color:#70953f}.rr-badge{text-align:center;border:1px solid #b8c7af;border-radius:30px;padding:9px 15px;font:600 13px monospace}.rr-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;display:grid}.rr-work,.rr-sidebar{min-width:0}.rr-app button,.rr-button,.rr-app input,.rr-app select{font:inherit;min-height:42px;color:var(--rr-ink);background:#fff;border:1px solid #bec8b9;border-radius:7px;max-width:100%;padding:9px 12px;font-size:14px}.rr-app button,.rr-button{cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.rr-app button:hover,.rr-button:hover{background:#e9efdf}.rr-app button:disabled{opacity:.4;cursor:not-allowed}.rr-app :focus-visible,.rr-display :focus-visible{outline-offset:3px;outline:3px solid #438500}.rr-app label{flex-direction:column;gap:5px;min-width:0;font-size:14px;font-weight:600;display:flex}.rr-app label small{font-size:12px;font-weight:400}.rr-app .rr-check{flex-direction:row;align-items:center;gap:8px;font-size:14px;display:flex}.rr-check input{accent-color:#538122;width:18px;height:18px;min-height:18px;padding:0}.rr-transport{background:#e6ebdf;border:1px solid #ccd4c7;border-radius:12px 12px 0 0;flex-wrap:wrap;align-items:center;gap:14px;padding:18px;display:flex}.rr-transport input[type=number]{width:110px;font-size:22px;font-weight:700}.rr-app .rr-primary{background:var(--rr-accent);color:#17200e;border-color:#9bcc44}.rr-app .rr-play{min-width:100px;min-height:54px;font-size:18px}.rr-screen{color:#fff;background:#030503;border:1px solid #273324;border-radius:0 0 12px 12px;padding:20px 22px 14px;overflow:hidden}.rr-screen-top{justify-content:space-between;align-items:center;gap:12px;font:500 13px monospace;display:flex}.rr-screen-top strong{font-size:20px;font-weight:600}.rr-screen-top strong span{color:#a3b39b}.rr-screen-top>span:first-child{color:var(--rr-accent)}.rr-notation{aspect-ratio:800/240;filter:invert();color:#000;background:#fff;width:100%;margin:12px 0 0;position:relative}.rr-notation>div{width:100%;height:100%}.rr-notation svg{width:100%;height:100%;display:block}.rr-notation .rr-note-active *{fill:#6e18bd!important;stroke:#6e18bd!important}.rr-beat-dots{justify-content:center;gap:14px;margin:5px 0 14px;display:flex}.rr-beat-dots span{color:#c5d0bf;border:1px solid #5b6a54;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font:600 15px monospace;display:flex}.rr-beat-dots .on{background:var(--rr-accent);border-color:var(--rr-accent);color:#16200b}.rr-screen-foot{color:#c1cabd;justify-content:space-between;gap:12px;font:12px monospace;display:flex}.rr-screen-foot span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.rr-status{color:#53614d;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.rr-error{color:#8a2d19;background:#fff0e9;border:1px solid #e6b8a9;border-radius:8px;padding:14px;font-size:14px}.rr-editor{background:#fff;border:1px solid #ccd4c7;border-radius:12px;margin-top:8px;padding:20px}.rr-section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.rr-app h2{letter-spacing:-.035em;margin:3px 0 12px;font-size:21px}.rr-section-head h2{margin:0}.rr-section-head h2 span{color:#6e7d64;margin-left:5px;font-size:14px}.rr-input-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rr-help{color:#5c6b53;margin:12px 0;font-size:13px;line-height:1.55}.rr-grid-scroll{padding:4px 0 12px;overflow-x:auto}.rr-grid{gap:7px;display:grid}.rr-step-row{grid-template-columns:80px 1fr;align-items:center;gap:8px;display:grid}.rr-step-row>div{gap:4px;display:grid}.rr-step-row b{font:700 14px monospace}.rr-step-row b small{color:#627158;font:400 12px Arial;display:block}.rr-step-row>div>span{text-align:center;color:#677360;font:13px monospace}.rr-step-row button{background:#f2f4ee;border-color:#d8dfd0;border-radius:5px;min-width:0;min-height:38px;padding:0;font-size:18px}.rr-step-row button.on{color:#d2ff88;background:#253521;border-color:#253521}.rr-step-row button.held{color:#637b43;background:#e1eccf}.rr-step-row button.current{outline-offset:1px;outline:2px solid #75a530}.rr-sidebar{gap:18px;display:grid}.rr-sidebar>section{background:#eef1e9;border:1px solid #cdd6c6;border-radius:12px;padding:20px}.rr-title-label{margin-bottom:20px}.rr-measures{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:235px;padding:3px;display:grid;overflow:auto}.rr-measures button{flex-direction:column;gap:4px;min-height:60px;padding:10px 3px;display:flex}.rr-measures button b{font:700 20px monospace}.rr-measures button span{font-size:12px;font-weight:400}.rr-measures button.selected{background:#d4e4b9;border-color:#344b20;box-shadow:inset 0 0 0 1px #344b20}.rr-measures button.playing{outline-offset:1px;outline:2px solid #90bd43}.rr-bar-actions{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.rr-bar-actions button{flex-grow:1;font-size:13px}.rr-loop{border-top:1px solid #cdd6c6;margin-top:18px;padding-top:14px}.rr-loop>div{gap:12px;margin-top:10px;display:flex}.rr-loop input[type=number]{width:100%}.rr-library-fields{gap:10px;display:grid}.rr-connect p{font-size:14px;line-height:1.5}.rr-connect input{width:100%;font-family:monospace;font-size:12px}.rr-connect small{color:#627158;font-size:12px;line-height:1.5;display:block}.rr-footer{color:#5c6b53;border-top:1px solid #cad1c8;justify-content:space-between;gap:15px;margin-top:35px;padding-top:20px;font:12px monospace;display:flex}.rr-display{color:#fff;background:#000;flex-direction:column;justify-content:center;min-height:100dvh;padding:10px;display:flex}.rr-display .rr-screen{border:0;border-radius:0;width:100%;max-width:1000px;margin:auto;padding:10px}.rr-display .rr-screen-top strong{font-size:clamp(16px,3vw,26px)}.rr-display .rr-notation{margin:0}.rr-display .rr-screen-top{font-size:clamp(12px,2vw,16px)}.rr-display .rr-beat-dots{margin:0 0 10px}.rr-display .rr-screen-foot{font-size:clamp(12px,2vw,16px)}.rr-display-controls{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;display:flex}.rr-display button{color:#fff;cursor:pointer;background:#142010;border:1px solid #6b8259;border-radius:8px;min-height:42px;padding:10px 15px;font:14px Arial}.rr-display button:focus-visible{outline:3px solid #c6fa60}.rr-display-status{text-align:center;color:#bdcdb4;margin:5px 0;font:13px Arial}.rr-display-empty{max-width:620px;margin:auto;padding:25px;font-size:20px}.rr-display-empty h1{margin:20px 0;font-size:34px}.reader-lab-link{background:#dce9c6;border:1px solid #a6bb86;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 20px;padding:16px 20px;display:flex}.reader-lab-link div{flex:1;min-width:220px}.reader-lab-link p{margin:5px 0 0;font-size:14px}.reader-lab-link a,.reader-lab-link button{color:#17201c;background:#fff;border:1px solid #809e62;border-radius:7px;padding:12px 16px;font:600 14px Arial}@media (width>=1600px){.rr-app{padding-left:max(4vw,50vw - 750px);padding-right:max(4vw,50vw - 750px)}.rr-layout{grid-template-columns:minmax(0,1fr) 360px}}@media (width<=1050px){.rr-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.rr-app{padding-left:20px;padding-right:20px}.rr-transport{gap:10px;padding:14px}.rr-sidebar>section{padding:15px}.rr-screen{padding:16px}.rr-screen-top strong{font-size:17px}}@media (width<=800px){.rr-layout{grid-template-columns:1fr}.rr-sidebar{grid-template-columns:1fr 1fr}.rr-sidebar>section:first-child{grid-column:1/-1}.rr-measures{grid-template-columns:repeat(8,minmax(0,1fr))}.rr-heading{align-items:flex-start}.rr-badge{max-width:150px}.rr-screen-top{font-size:12px}.rr-footer{flex-direction:column}.rr-display .rr-screen{padding:4px}.rr-display{padding:5px}}@media (width<=520px){.rr-app{padding-left:12px;padding-right:12px}.rr-header{padding:18px 0}.rr-header>a{font-size:18px}.rr-header nav{gap:12px;font-size:13px}.rr-heading{margin:22px 0 18px}.rr-heading h1{font-size:32px}.rr-badge{max-width:110px;padding:7px 9px;font-size:12px}.rr-transport{gap:12px}.rr-transport .rr-check{font-size:13px}.rr-screen{padding:14px 8px}.rr-screen-top{gap:6px;font-size:11px}.rr-screen-top strong{font-size:15px}.rr-beat-dots span{width:30px;height:30px}.rr-screen-foot{font-size:12px}.rr-editor{padding:15px 12px}.rr-section-head{flex-wrap:wrap}.rr-sidebar{grid-template-columns:1fr}.rr-sidebar>section:first-child{grid-column:auto}.rr-measures{grid-template-columns:repeat(5,minmax(0,1fr))}.rr-status{align-items:flex-start}.rr-status span{padding-top:8px}.rr-display .rr-screen-top>span{font-size:12px}.rr-display-controls{padding:5px}.rr-display button{padding:8px 12px;font-size:13px}}.rr-display.rr-display-fitted{justify-content:center;align-items:center;width:100%;height:100dvh;min-height:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.rr-display-fitted .rr-display-safe{flex-direction:column;gap:8px;min-width:0;max-width:1000px;min-height:0;margin:0;display:flex;overflow:hidden}.rr-display-fitted .rr-screen{flex:1;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;width:100%;min-height:0;margin:0;padding:8px 4px;display:grid;overflow:hidden}.rr-display-fitted .rr-screen-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:clamp(12px,2.4vw,16px);display:grid}.rr-display-fitted .rr-screen-top>span:last-child{text-align:right}.rr-display-fitted .rr-screen-top strong{white-space:nowrap;font-size:clamp(16px,3.6vw,24px)}.rr-display-fitted .rr-notation{aspect-ratio:auto;width:100%;height:100%;min-height:0;margin:0;overflow:hidden}.rr-display-fitted .rr-notation>div,.rr-display-fitted .rr-notation svg{width:100%;max-width:100%;height:100%;min-height:0;display:block}.rr-display-fitted .rr-beat-dots{gap:10px;margin:0}.rr-display-fitted .rr-beat-dots span{width:30px;height:30px;font-size:16px}.rr-display-fitted .rr-screen-foot{gap:8px;min-width:0;font-size:clamp(12px,2.4vw,15px)}.rr-display-fitted .rr-display-controls{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:4px;display:grid}.rr-display-fitted .rr-display-controls button{white-space:normal;min-width:0;min-height:44px;padding:8px 3px;font-size:clamp(12px,2.5vw,16px);line-height:1.15}.rr-display-fitted .rr-display-controls .rr-display-play{color:#14200a;background:#c6fa60;font-weight:700}.rr-display-fitted .rr-display-controls button:disabled{opacity:.5}.rr-display-fitted .rr-display-status{overflow-wrap:anywhere;flex:none;min-height:17px;margin:0 4px 4px;font-size:12px;line-height:1.35}.rr-display-fitted .rr-display-empty{min-height:0;padding:8px;font-size:16px;overflow:auto}@media (width<=420px){.rr-display-fitted .rr-screen-top{grid-template-columns:1fr auto}.rr-display-fitted .rr-screen-top>span:first-child{display:none}.rr-display-fitted .rr-display-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.rr-display-fitted .rr-screen-foot span:nth-child(2){max-width:45%}.rr-display-fitted .rr-screen-top strong{font-size:18px}}@media (height<=360px){.rr-display-fitted .rr-display-safe{gap:2px}.rr-display-fitted .rr-screen{gap:3px;padding:2px}.rr-display-fitted .rr-screen-foot,.rr-display-fitted .rr-display-status{display:none}.rr-display-fitted .rr-beat-dots span{width:22px;height:22px;font-size:14px}.rr-display-fitted .rr-display-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.rr-display-fitted .rr-display-controls button{min-height:36px}}.rr-mobile-grid{display:none}.rr-app input,.rr-app select{min-width:0}.rr-loop h2{font-size:18px}.rr-loop .rr-check{min-height:44px}.rr-loop>div>label{flex:1}@media (width<=800px){.rr-app .rr-layout{flex-direction:column;gap:14px;display:flex}.rr-work,.rr-sidebar{display:contents}.rr-layout .rr-transport{order:0;width:100%}.rr-layout>.rr-work>.rr-screen{order:1;width:100%;margin-top:-14px}.rr-layout .rr-status{order:2;width:100%}.rr-layout .rr-error{order:3}.rr-study-panel{order:4;width:100%}.rr-layout .rr-editor{order:5;width:100%;margin:0}.rr-library-panel{order:6;width:100%}.rr-connect{order:7;width:100%}.rr-desktop-grid{display:none}.rr-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rr-beat-panel{background:#f8faf5;border:1px solid #d8dfd0;border-radius:8px;min-width:0;padding:12px 8px}.rr-beat-panel h3{margin:0 0 10px;font-size:15px}.rr-mobile-grid .rr-step-row{grid-template-columns:48px minmax(0,1fr);gap:6px}.rr-mobile-grid .rr-step-row b small{font-size:10px}.rr-mobile-grid .rr-step-row button{touch-action:manipulation;min-height:44px}.rr-app input,.rr-app select{font-size:16px}.rr-app button,.rr-app .rr-button{touch-action:manipulation;min-height:44px}.rr-app .rr-check{min-height:44px}.rr-app .rr-check input{flex-shrink:0;width:20px;height:20px;min-height:20px}.rr-measures{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.rr-badge{max-width:none}.rr-status button{flex-shrink:0}.rr-header{flex-wrap:wrap;gap:12px}.rr-heading{flex-wrap:wrap}.rr-footer{overflow-wrap:anywhere}}@media (width<=680px){.rr-mobile-grid{grid-template-columns:minmax(0,1fr)}.rr-mobile-grid .rr-step-row{grid-template-columns:52px minmax(0,1fr)}.rr-transport{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.rr-transport>label:not(.rr-check) input,.rr-transport select{width:100%;min-height:48px}.rr-app .rr-play{grid-column:1/-1}.rr-transport .rr-check{font-size:14px}.rr-input-tools{grid-template-columns:minmax(0,1fr) auto;display:grid}.rr-input-tools>label:first-child{grid-column:1/-1}.rr-input-tools select{width:100%}.rr-heading{gap:10px}.rr-heading h1{font-size:36px}.rr-badge{padding:7px 10px;font-size:12px}.rr-header nav{gap:18px}.rr-app .rr-screen-top{flex-wrap:wrap}.rr-app .rr-screen-top strong{font-size:16px}.rr-app .rr-beat-dots{gap:8px}.rr-app .rr-screen-foot{font-size:11px}.rr-bar-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rr-app .rr-connect input{font-size:16px}.rr-status{font-size:12px}.rr-study-panel .rr-title-label{margin-bottom:14px}}.rr-score-measures,.rr-score-measure{min-width:0;min-height:0}.rr-display-fitted .rr-score-measures{grid-auto-rows:minmax(0,1fr);gap:8px;height:100%;display:grid;overflow:hidden}.rr-display-fitted .rr-score-measure{flex-direction:column;display:flex;overflow:hidden}.rr-display-fitted .rr-score-measure .rr-notation{flex:1;min-height:0}.rr-score-label{color:#acb6a5;flex:none;padding:2px 5px;font:12px monospace}.rr-screen-pair .rr-score-measure{border:1px solid #37432f;border-radius:5px;padding:2px}.rr-screen-pair .rr-score-current{border-color:#c6fa60}.rr-score-current .rr-score-label{color:#c6fa60}.rr-display-fitted .rr-display-controls{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=420px){.rr-display-fitted .rr-display-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}.rr-notation{isolation:isolate;overflow:hidden}.rr-notation>div{min-width:0;position:absolute;inset:0;width:100%!important;height:100%!important}.rr-notation svg{max-width:100%;display:block;overflow:hidden;width:100%!important;height:100%!important}.rr-scroll-hint{display:none}@media (width<=800px){.rr-scroll-hint{color:#5c6b53;margin:10px 0 4px;font-size:13px;display:block}.rr-grid-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;padding:4px 0 12px}.rr-grid-scroll .rr-step-row{grid-template-columns:80px minmax(0,1fr)}.rr-grid-scroll .rr-step-row>b{z-index:2;background:#fff;flex-direction:column;justify-content:center;align-self:stretch;display:flex;position:sticky;left:0;box-shadow:6px 0 #fff}.rr-grid-scroll .rr-step-row button{touch-action:manipulation;min-height:44px}.rr-app .rr-notation{aspect-ratio:800/260;height:auto;min-height:0;margin-bottom:12px}}