/* PRACTICE02: a shared glass surface, quiet controls, and room for the complete score. */
body.nr-site{--pg-ink:#23536e;--pg-muted:#758994;--pg-frost:rgba(238,248,253,.8);--pg-edge:rgba(114,161,184,.2);--pg-active:rgba(106,195,226,.16)}
body.nr-site.dark{--pg-ink:#d6edf8;--pg-muted:#93acbc;--pg-frost:rgba(21,39,53,.9);--pg-edge:rgba(161,205,230,.16);--pg-active:rgba(105,190,224,.2)}
.practice-header .nr-header{background:var(--pg-frost)!important;backdrop-filter:blur(24px) saturate(1.2)!important;-webkit-backdrop-filter:blur(24px) saturate(1.2)!important}
.practice-header .nr-header-inner{height:50px!important}
.practice-header .nr-header .brand-mark img{width:100%!important;height:100%!important}
body.nr-site.player-layout #player #readingLaunch .reading-button-label{color:#235a74!important}
body.nr-site.dark.player-layout #player #readingLaunch .reading-button-label{color:#d7f3ff!important}
.practice-header .nr-search input{color:var(--pg-ink)!important}.practice-header .nr-search input::placeholder{color:var(--pg-muted)!important}
.practice-header .nr-header .search-box{background:#ffffff59;color:var(--pg-ink);border:1px solid var(--pg-edge);box-shadow:inset 0 1px #ffffff88;min-height:36px!important;height:36px}
.practice-header .nr-header-actions>a{border:0;color:var(--pg-ink);background:none}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) .player-title{min-height:46px;padding-block:1px;border:0;background:var(--pg-frost)}
body.nr-site.player-layout .player-title h1{font-size:15px;color:var(--pg-ink)}body.nr-site.player-layout .player-title p{color:var(--pg-muted);font-size:9px}
body.nr-site.player-layout .player-title>button,.nr-site :is(.player-title,#practiceHeaderActions) :is(.stage-entry,.practice-guide-entry){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:44px;margin:0;padding:6px 10px;font-size:11px;border:0!important;border-radius:24px;background:transparent!important;color:var(--pg-ink)!important;box-shadow:none!important;white-space:nowrap}
.nr-site :is(.player-title,#practiceHeaderActions) .stage-entry span{display:inline;font-size:11px;line-height:1.5}
body.nr-site.player-layout :is(#player .player-title,#practiceHeaderActions) #readingLaunch{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate;min-height:40px;padding:6px 12px;border:1px solid #5ba0ba33!important;border-radius:24px;background:linear-gradient(120deg,#def3faf0,#d6e7f7ad)!important;color:#235a74!important;box-shadow:inset 0 1px #ffffffdd,0 3px 10px #3b6f8510!important;animation:none}
body.nr-site.dark :is(#player .player-title,#practiceHeaderActions) #readingLaunch{background:linear-gradient(120deg,#214c60c7,#253d63a3)!important;color:#d7f3ff!important;border-color:#8fcce13b!important;box-shadow:inset 0 1px #ffffff18!important}
body.nr-site.player-layout #readingLaunch .reading-motion{display:block!important;position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 7px,#75afc515 7px 8px,transparent 8px 12px);margin:0}
body.nr-site.player-layout #readingLaunch .reading-motion i{color:#46849f;opacity:.21}
body.nr-site.player-layout #readingLaunch .reading-button-label{display:flex;position:relative;z-index:1;align-items:center;gap:5px;color:inherit!important;font:inherit;font-size:11px;margin:0;text-shadow:none}body.nr-site.player-layout #readingLaunch .reading-button-label span{font:inherit;color:inherit;margin:0}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) .score-tools{min-height:36px;padding:0 10px;border:0;background:var(--pg-frost);color:var(--pg-muted)}body.nr-site.player-layout .score-tools .time-readout{font-size:9px}
body.nr-site.player-layout .page-control button{min-width:36px;min-height:36px;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--pg-ink);box-shadow:none;padding:8px}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #scoreScroll{background:radial-gradient(ellipse at 15% 0%,#e6f4fd90,transparent 65%),#f8fbfd;padding:6px}
body.nr-site.dark.player-layout:not(.stage-view):not(.note-reading-active) #scoreScroll{background:#152735}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #paper{box-shadow:none;border-radius:16px}
body.nr-site.player-layout #previewEnd{order:4!important}
#player:has(.locked-page) :is(#previewNotice,#previewEnd){display:none!important}
#practiceFooter[hidden],#stageFooter[hidden],#practiceHeaderActions[hidden],#stageQuickControls[hidden]{display:none!important}
.nr-site .practice-footer{order:6;flex:none;display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:2px max(6px,env(safe-area-inset-right)) 2px max(6px,env(safe-area-inset-left));background:var(--pg-frost);border:0;border-top:1px solid var(--pg-edge);box-shadow:0 -6px 24px #2c54690b,inset 0 1px #ffffff55;backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);z-index:4}
body.nr-site.player-layout #playerQuickControls,.nr-site #stageQuickControls{flex:none;min-height:44px;background:none;border:0;padding:0 4px;gap:5px}
.nr-site .practice-control-row button,.nr-site .practice-hand-chip{min-height:44px;min-width:44px;height:44px;border:0!important;border-radius:50%;background:transparent!important;color:var(--pg-muted)!important;box-shadow:none;padding:7px 10px;font-size:11px;transition:color .16s,background .16s,box-shadow .16s}
.nr-site .practice-hand-chip{width:44px;padding:7px}.nr-site .practice-hand-chip svg{width:27px;height:27px;stroke-width:1.6}
.nr-site .practice-hand-chip:has(input:checked),.nr-site .practice-control-row button[aria-pressed=true]{color:var(--pg-ink)!important;background:var(--pg-active)!important;box-shadow:inset 0 1px #ffffff66,0 2px 9px #26769d12}
.nr-site .practice-hand-chip:has(input:checked) svg{fill:#83cae12b;filter:drop-shadow(0 0 3px #8dc9e347)}.nr-site .practice-chip-status{display:none}.nr-site #playerPedalToggle{border-radius:22px;padding-inline:10px}
.nr-site .practice-control-row .coordination-toggle{min-width:44px;width:44px;padding:8px}.nr-site .practice-control-row .coordination-toggle span{display:none}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #playerDock{display:flex;position:relative;inset:auto;flex-wrap:nowrap;align-items:center;justify-content:center;gap:5px;min-height:48px;margin:0;padding:0 4px;border:0;border-radius:0;box-shadow:none;background:transparent;flex:none}
body.nr-site.player-layout #playerDock button{min-width:44px;min-height:44px;width:auto;height:44px;padding:7px 10px;border:0;border-radius:50%;font-size:11px;background:transparent;color:var(--pg-ink);box-shadow:none}
body.nr-site.player-layout #playerDock #play{min-width:44px;width:44px;height:44px;border:1px solid #ffffff7a;border-radius:50%;background:linear-gradient(140deg,#327b9c,#295c7b);color:#fff;box-shadow:inset 0 1px #a8defa85,0 3px 10px #235c791d}
body.nr-site.player-layout #playerDock #stop{color:var(--pg-muted)}body.nr-site.player-layout #playerDock #playerSpeed{min-width:70px;direction:ltr;border-radius:24px;background:var(--pg-active);font-variant-numeric:tabular-nums}
body.nr-site.player-layout #playerDock #playerSettingsButton{min-width:44px;width:44px;padding:8px}body.nr-site.player-layout #playerDock #playerSettingsButton span{display:none}
body.nr-site.player-layout #playerDock .practice-pdf-direct{min-width:50px;width:auto;padding-inline:6px;border-radius:22px;font-size:10px}body.nr-site.player-layout #playerDock .practice-pdf-direct span{display:inline}
body.nr-site.player-layout #playerDock .practice-pdf-direct{color:var(--pg-ink)}
body.nr-site.practice-landscape-controls #playerDock .time-readout{min-width:45px;margin:0 3px;gap:0;font-size:9px;color:var(--pg-muted)}body.nr-site.practice-landscape-controls #playerDock .time-readout #timeNow{display:none}
body.nr-site.practice-landscape-controls #playerDock .page-control button{width:36px;min-width:36px;padding:7px}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #performancePiano,body.nr-site.stage-view #performancePiano{background:var(--pg-frost);border:0;padding-inline:6px}
body.nr-site.player-layout #performancePiano .nr-piano-heading{min-height:32px;color:var(--pg-muted)}body.nr-site.player-layout #performancePiano .nr-piano-heading button{min-height:32px!important;padding:3px 8px;font-size:9px;border:0;border-radius:20px;background:transparent;color:var(--pg-muted);box-shadow:none}body.nr-site.player-layout #performancePiano .nr-piano-heading small{font-size:9px}
.nr-site #playerSettings{background:var(--pg-frost);backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);border:1px solid var(--pg-edge);border-radius:26px;color:var(--pg-ink)}
.nr-site #playerSettings .panel-content section{border:1px solid var(--pg-edge);border-radius:18px;background:#ffffff60}.nr-site.dark #playerSettings .panel-content section{background:#ffffff08}
.nr-site #playerSettings h3{font-size:11px;color:var(--pg-muted)}.nr-site #playerSettings :is(button,select){border:1px solid var(--pg-edge);border-radius:22px;background:#ffffff60;color:var(--pg-ink);box-shadow:none}.nr-site.dark #playerSettings :is(button,select){background:#ffffff0a}
.nr-site #playerSettings .view-modes{background:var(--pg-active);border-radius:24px;padding:3px}.nr-site #playerSettings .view-modes button{font-size:11px;border:0;background:none;border-radius:22px}.nr-site #playerSettings .view-modes button.active{background:var(--nr-surface);box-shadow:0 2px 8px #24546912}
.nr-site #playerSettings #compactZoomSlot button{border:0;background:transparent}.nr-site #playerSettings #info,.nr-site #playerSettings .score-like{font-size:11px;background:transparent;border-radius:22px;color:var(--pg-ink)}
body.nr-site.stage-view #stageFooter{order:3}body.nr-site.stage-view #stageRail{position:relative;inset:auto;min-height:46px;width:auto;padding:0 4px;border:0;border-radius:0;box-shadow:none;background:transparent}
body.nr-site.stage-view #stageRail button{border:0;border-radius:50%;background:none;color:var(--pg-ink);box-shadow:none}body.nr-site.stage-view #stageRail #stagePlay{color:#fff!important;background:linear-gradient(140deg,#327b9c,#295c7b);box-shadow:inset 0 1px #a8defa70,0 3px 10px #235c7915}body.nr-site.stage-view #stageRail #stageExitDirect{color:#c44e5c;background:#db667b13}
@media(hover:hover){.nr-site :is(.practice-control-row,#playerDock,#stageRail,.player-title,#practiceHeaderActions) :is(button,.practice-hand-chip):hover{background:var(--pg-active)!important;color:var(--pg-ink)!important}}
@media(max-width:650px){body.nr-site.player-layout .player-title h1{font-size:13px}.nr-site :is(.player-title,#practiceHeaderActions) .practice-guide-entry{width:44px;padding:8px}.nr-site :is(.player-title,#practiceHeaderActions) .practice-guide-entry span{display:none}body.nr-site.player-layout #player .player-title .stage-entry span{font-size:10px}body.nr-site.player-layout #player #readingLaunch .reading-button-label{font-size:10px}}
@media(orientation:landscape) and (max-height:650px){body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #performancePiano .nr-piano-keys,body.nr-site.stage-view #performancePiano .nr-piano-keys{height:42px}}
@media(orientation:landscape) and (min-width:650px) and (max-height:650px){
 body.nr-site.practice-landscape-header .player-title{display:none!important}.practice-landscape-header .nr-header-inner{height:44px!important;gap:9px!important;padding:0 8px!important}
 .practice-landscape-header .nr-header .brand{order:0;gap:5px!important}.practice-landscape-header .nr-header .brand-mark{width:27px!important;height:27px!important}
 .practice-landscape-header .practice-header-piece{order:1;flex:0 1 140px;min-width:44px;color:var(--pg-ink)}.practice-landscape-header .practice-header-piece h1{font-size:13px;line-height:1.5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.practice-landscape-header .practice-header-piece p{display:none}
 .practice-landscape-header .compact-search{order:2;flex:1;max-width:240px}.practice-landscape-header #practiceHeaderActions{order:3;display:flex;align-items:center;gap:3px;flex:none}.practice-landscape-header .nr-header-actions{order:4}
 .practice-landscape-header #practiceHeaderActions .stage-entry{padding:7px;width:40px;min-width:40px}.practice-landscape-header #practiceHeaderActions .stage-entry span{display:none}.practice-landscape-header #practiceHeaderActions .practice-guide-entry{padding:7px;min-width:40px;width:40px}.practice-landscape-header #practiceHeaderActions .practice-guide-entry span{display:none}
 .practice-landscape-header #practiceHeaderActions #readingLaunch{min-height:36px;padding:5px 10px}body.nr-site.player-layout:not(.note-reading-active) #performancePiano .nr-piano-heading{max-width:145px;gap:2px;min-height:44px}
}
@media(orientation:landscape) and (min-width:780px) and (max-height:650px){body.nr-site.practice-footer-landscape .practice-footer{flex-direction:row;justify-content:center;gap:8px;min-height:48px;padding-block:1px}body.nr-site.practice-footer-landscape .practice-control-row{padding:0;gap:3px}body.nr-site.practice-footer-landscape #playerDock{min-height:44px;gap:3px;padding:0 10px 0 0;border-inline-start:1px solid var(--pg-edge)}body.nr-site.practice-footer-landscape #stageRail{min-height:44px;padding:0 8px 0 0;border-inline-start:1px solid var(--pg-edge)}}
@media(prefers-reduced-motion:reduce){body.nr-site.player-layout #readingLaunch .reading-motion i{animation:none!important;transform:none;will-change:auto;opacity:.14}.nr-site .practice-hand-chip{transition:none}}