/* COMPACT01: scoped layout only. Brand, notation, playback and access keep their owners. */
.compact-search{position:sticky;top:0;z-index:65;padding:8px max(16px,calc((100% - 1440px)/2));background:color-mix(in srgb,var(--nr-bg) 94%,transparent);border-bottom:1px solid var(--nr-border);backdrop-filter:blur(12px)}
.compact-search .nr-search{max-width:760px;min-width:0;margin:auto}
.compact-search .search-box{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--nr-border);border-radius:22px;background:var(--nr-surface);color:var(--nr-text)}
.compact-search svg{width:20px;height:20px;fill:none;stroke:currentColor;flex:none}.compact-search input{width:100%;min-width:0;padding:8px 0;background:none;border:0;box-shadow:none;color:var(--nr-text);font:inherit;font-size:14px}.compact-search input::placeholder{color:var(--nr-muted)}
.nr-site .nr-header-actions{margin-inline-start:auto}
/* The opened mobile menu must sit above the newly separated search bar. */
.nr-site .nr-header{z-index:80}
body.nr-home #catalogTop{scroll-margin-top:68px}
.compact-filters summary{display:none}.compact-filters>.nr-filter-row{margin-top:0}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active){overflow:hidden;padding:0}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) main{padding:0;max-width:none}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #player{position:fixed!important;inset:0!important;height:100dvh!important;min-height:0;max-width:none;overflow:hidden;border:0;border-radius:0;box-shadow:none;padding:0!important;display:flex;flex-direction:column}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) .player-title{order:0;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;padding:3px 10px;margin:0;min-height:50px;border-bottom:1px solid var(--nr-border)}
body.nr-site.player-layout .player-title>div{flex:1;min-width:0}body.nr-site.player-layout .player-title h1{font-size:17px;line-height:1.5;margin:0}body.nr-site.player-layout .player-title p{font-size:10px;margin:0}
body.nr-site.player-layout .player-title>button{min-height:44px;min-width:44px;flex:none;padding:5px 9px;border-radius:10px;font-size:12px}
body.nr-site.player-layout #player #readingLaunch{min-height:44px;padding:5px 10px;font-size:12px;background:var(--soft);color:var(--nr-text);box-shadow:none;animation:none}
body.nr-site.player-layout #readingLaunch .reading-notes{display:none}
body.nr-site #readingLaunch{position:relative;overflow:hidden}body.nr-site #readingLaunch .reading-motion{display:none}body.nr-site #readingLaunch .reading-button-label{color:var(--nr-text)!important;text-shadow:none;margin:0;font:inherit}
body.nr-site.note-reading-active .player-title{display:none!important}
body.nr-site.player-layout .player-title .stage-entry{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #playerDock{order:1;display:flex;flex-wrap:wrap;justify-content:center;position:relative;inset:auto;padding:3px 10px 0;margin:0;gap:5px;border:0;border-radius:0;box-shadow:none;background:var(--nr-surface);flex-shrink:0}
body.nr-site.player-layout #playerDock button{height:44px;min-height:44px;min-width:44px;padding:5px 10px;font-size:12px;border-radius:12px}
body.nr-site.player-layout #playerDock #play{width:48px;height:44px;min-width:48px;border-radius:14px;box-shadow:none}
body.nr-site.player-layout #playerDock #seek{width:100%;flex-basis:100%;height:16px;min-height:16px;margin:0;order:10}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) .score-tools{order:2;padding:0 10px;gap:8px;flex-wrap:nowrap;min-height:30px;border-bottom:1px solid var(--nr-border)}
body.nr-site.player-layout .score-tools .time-readout{margin-inline-start:auto}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #scoreScroll{order:3;flex:1 1 0;height:auto!important;min-height:0!important;max-height:none;margin:0!important;padding:6px;border-radius:0;overflow:auto}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #performancePiano{order:8;position:relative;inset:auto;transform:none;width:100%;flex:none;margin:0;padding:2px max(8px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-top:1px solid var(--nr-border);border-radius:0;box-shadow:none;background:var(--nr-surface)}
body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #performancePiano .nr-piano-keys{height:54px}
.nr-site .nr-piano-heading button{min-height:32px!important;margin-inline-start:4px!important}.nr-site .nr-piano-heading small{margin-inline-end:auto}
.nr-site .compact-collapsed .nr-piano-body{display:none}.nr-site .compact-piano-toggle{white-space:nowrap}
.nr-site #compactZoomSlot{margin-top:8px}.nr-site #compactZoomSlot button{width:48px}
.nr-site .compact-extras{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.compact-extras h3,.compact-extras #arrangementLabel,.compact-extras #versionOptions{width:100%}
.nr-site .compact-extras .score-like{position:static;margin:0;background:var(--soft);color:var(--nr-text);box-shadow:none}
.nr-site #playerHandsSlot .coordination-legend{font-size:11px;color:var(--nr-text);background:var(--soft)}
.nr-site #playerSettings .panel-content{display:grid;gap:12px}.nr-site #playerSettings .panel-content section{padding:0;margin:0}
body.nr-site.player-layout #previewNotice{order:2;padding:4px 10px!important;margin:0!important;font-size:11px!important;max-height:66px;overflow:auto;border-radius:0}
body.nr-site.player-layout #previewEnd{order:7!important;padding:8px 12px!important;margin:0!important;max-height:120px!important;overflow:auto;border-radius:0}
.nr-site .nr-dock{display:flex!important;flex-direction:column;gap:0;bottom:0;width:min(720px,100%);max-height:57dvh;padding:5px 8px max(3px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0;overflow:hidden}
.compact-reading-controls{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1 1 auto}
.nr-site #nrPiano{flex:none;margin:0;padding-top:2px;min-height:0}.nr-site #nrPiano .nr-piano-keys{height:48px}
.nr-site .nr-help{margin:0;font-size:10px}.nr-site .nr-help p{margin:2px 0}.nr-site .nr-selectors{flex-wrap:wrap}
.nr-account .compact-hero.sub-hero{min-height:0;background:none!important;padding:6px 0 20px;margin:0;border:0;box-shadow:none;text-align:center}
.nr-account .compact-hero.sub-hero h1{max-width:none;font-size:28px;margin:0}.nr-account .compact-hero .eyebrow{display:none}.nr-account .compact-hero.sub-hero p{max-width:none;font-size:13px;margin:6px 0 0}
.nr-account .compact-duration.duration{position:sticky;top:0;z-index:70;margin-bottom:18px;border-radius:0 0 16px 16px;background:var(--nr-surface);max-width:560px}
.nr-account .compact-plans.sub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.nr-account .compact-plans .sub-card{padding:20px 14px;text-align:center;border-radius:18px;gap:0}.nr-account .compact-plans .sub-card:before{border-radius:18px 18px 0 0}
.nr-account .compact-plans .plan-symbol,.nr-account .compact-plans .plan-badge{display:none}
.nr-account .compact-plans .sub-card h2{padding:0;margin:0;font-size:22px}.nr-account .compact-plans .sub-description{font-size:12px;min-height:22px;margin:6px 0}
.nr-account .compact-plans .price{padding:8px 0;margin:0 0 10px;gap:5px;min-height:104px}.nr-account .compact-plans .price b{font-size:26px}.nr-account .compact-plans .price span{font-size:12px}.nr-account .compact-plans .sub-cta{padding:8px 5px;min-height:44px;font-size:13px;white-space:normal;width:100%;border-radius:12px;line-height:1.6}
.nr-account .compact-plans .text-link{font-size:11px;margin:8px 0 0}
body.nr-account .compact-plans .sub-card{background:var(--nr-surface)!important;color:var(--nr-text);border-color:var(--nr-border);box-shadow:none}
body.nr-account .compact-plans .sub-card.pro{border-color:#258cdd}
body.nr-account .compact-plans .sub-card::before{opacity:.25}
body.nr-account .compact-hero.sub-hero h1,body.nr-account .compact-hero.sub-hero p{color:var(--nr-text)}
body.nr-account .compact-duration.duration button{background:transparent!important;color:var(--nr-text)!important}
body.nr-account .compact-duration.duration button small{color:var(--nr-muted)!important}
body.nr-account .compact-duration.duration button.selected{background:linear-gradient(130deg,#2587ce,#1a609b)!important;color:#fff!important}
body.nr-account .compact-duration.duration button.selected small{color:#fff!important}
html[data-theme=dark] .compact-comparison .yes{color:#7bdac2}html[data-theme=dark] .compact-comparison .no{color:#ff90a8}
body.nr-account:has(.compact-plans) .sub-info,body.nr-account:has(.compact-plans) .trust-card,body.nr-account:has(.compact-plans) .payment-section{background:var(--nr-surface)!important;color:var(--nr-text);border-color:var(--nr-border)}
.compact-comparison{background:var(--nr-surface);border:1px solid var(--nr-border);border-radius:16px;overflow:hidden;margin-bottom:24px}
.compact-comparison table{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--nr-text);font-size:13px}.compact-comparison caption{text-align:right;padding:12px 16px;font-weight:700}.compact-comparison th,.compact-comparison td{padding:12px 8px;border-top:1px solid var(--nr-border);text-align:center;line-height:1.8}.compact-comparison th:first-child{width:40%;text-align:right;padding-inline-start:16px;font-weight:500}.compact-comparison thead th{background:var(--soft);font-weight:700}.compact-comparison .yes{color:#16836d}.compact-comparison .no{color:#bc3651}.compact-comparison .yes,.compact-comparison .no{font-size:19px}
@media(max-width:767px){
 body.nr-home{--nr-gutter:12px}body.nr-home #library #catalog.catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 7px}
 body.nr-home #library .work-card{border-radius:12px;box-shadow:0 3px 12px #16344c08}
 body.nr-home #library .score-thumbnail{aspect-ratio:1;border-radius:11px 11px 0 0}
 body.nr-home #library .catalog-like{top:auto;bottom:3px;left:3px;min-height:44px;padding:4px 6px;gap:3px;font-size:10px;border-radius:12px;background:#082b48e8}
 body.nr-home #library .catalog-like strong{font-size:10px}body.nr-home #library .catalog-like svg{width:15px;height:15px}
 body.nr-home #library .card-open{padding:6px 5px 2px;text-align:right;min-height:74px}body.nr-home #library .card-open h3{font-size:12px;line-height:1.6;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
 body.nr-home #library .card-en{display:none}body.nr-home #library .card-artist{margin:3px 0 0;justify-content:flex-start;gap:0;font-size:10px;min-height:16px}.nr-home #library .card-artist img,.nr-home #library .card-primary-role{display:none}
 body.nr-home #library .card-artist span{font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 body.nr-home #library .card-footer{padding:3px 5px;gap:3px;flex-wrap:wrap;justify-content:space-between}body.nr-home #library .level-tag,body.nr-home #library .score-access{font-size:9px;padding:2px 3px;white-space:normal;line-height:1.5}
 body.nr-home #library .card-footer .level-tag,body.nr-home #library .card-footer .score-access{font-size:9px;padding:2px 3px;line-height:1.5}
 body.nr-home #library .nr-version{font-size:10px}
 body.nr-home #library .nr-credits{height:44px;margin:0;align-self:flex-end;position:absolute;top:auto;right:auto;bottom:0;left:0}
 body.nr-home #library .nr-credits summary{min-height:44px;width:44px;display:grid;place-items:center}body.nr-home #library .nr-credits summary::after{display:none}
 body.nr-home #library .nr-credits summary{background:none;color:var(--nr-muted);border:0;border-radius:0}
 body.nr-home #library .nr-credits .nr-icon{stroke:currentColor;width:18px;height:18px}
 body.nr-home #library .nr-credits[open] .card-credits{position:fixed;left:12px;right:12px;bottom:88px;transform:none;width:auto;max-width:none;max-height:40dvh;overflow:auto;z-index:100}
 body.nr-home #library .score-glass{position:static}body.nr-home #library .card-actions{padding:0 4px 0 44px;gap:0;min-height:44px;display:flex}
 body.nr-home #library .card-actions [data-open]{display:none}body.nr-home #library .card-actions [data-read-work]{width:100%;font-size:10px;min-height:44px;padding:4px 0;border:0;box-shadow:none;border-radius:0;background:none;color:var(--nr-primary);white-space:nowrap}
 body.nr-home #library .card-actions [data-read-work] span{display:none}
 body.nr-home #library #hero.campaign{height:280px;min-height:280px;border-radius:0 0 20px 20px}
 body.nr-home #library .campaign-slide{background-size:cover!important;background-position:65% center!important}
 body.nr-home #library .campaign-slide::before{display:none!important}body.nr-home #library .campaign-slide::after{background:linear-gradient(90deg,#061d3bee 0%,#102d49ad 65%,#102d4933)!important}
 body.nr-home #library .campaign-copy{top:auto;bottom:52px;left:20px;right:auto;width:76%;padding:0;color:#fff;max-width:420px}
 body.nr-home #library .campaign-copy h2{font-size:27px;line-height:1.5;letter-spacing:0;color:#fff;margin:5px 0}.nr-home #library .campaign-copy .campaign-chip{color:#d4e8f8}
 body.nr-home #library .campaign-copy p{font-size:12px;color:#e1eef7;line-height:1.7;margin:6px 0 10px}
 body.nr-home #library .campaign-action{height:42px;font-size:12px;padding:7px 17px;background:#f0f7ff;color:#164b71}
 body.nr-home #library .campaign-controls{top:auto;bottom:8px;right:16px;left:auto}
 body.nr-home #library .home-quick{gap:8px;flex-wrap:wrap;margin-top:4px}body.nr-home #library .home-quick span{display:none}
 body.nr-home #library .nr-catalog-controls{margin-block:12px}body.nr-home #library #listTitle{font-size:20px}
 body.nr-home #library .compact-filters summary{display:list-item;font-size:12px;padding:10px 12px;min-height:44px;cursor:pointer;color:var(--nr-text);border:1px solid var(--nr-border);border-radius:14px;background:var(--nr-surface)}
 body.nr-home #library .compact-filters[open]>.nr-filter-row{margin-top:8px}
 body.nr-home #library .access-filters,body.nr-home #library .chips{gap:5px}body.nr-home #library .access-filters button,body.nr-home #library .chips button,body.nr-home #library .search-row>button{font-size:11px;padding:5px 9px}
 .compact-search{padding:5px 12px}.nr-header-inner{min-height:64px;padding-block:7px}
 body.nr-site.player-layout .player-title h1{font-size:14px}body.nr-site.player-layout .player-title p{max-width:38vw;font-size:9px}
 body.nr-site.player-layout #player .player-title #readingLaunch{font-size:10px;padding:4px 7px}.nr-site .player-title .stage-entry span{display:none}
 body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #performancePiano .nr-piano-keys{height:46px}
 .nr-account .nr-account-main:has(.compact-plans){padding:14px 10px!important}.nr-account .compact-plans.sub-grid{gap:6px}
 .nr-account .compact-plans .sub-card{padding:12px 5px;border-radius:12px}.nr-account .compact-plans .sub-card h2{font-size:16px}.nr-account .compact-plans .sub-description{display:none}
 .nr-account .compact-plans .price{min-height:110px;padding:10px 0 0;margin:0 0 8px;gap:5px}.nr-account .compact-plans .price b{font-size:15px;line-height:1.8;white-space:normal}.nr-account .compact-plans .price b small{font-size:10px;display:block}.nr-account .compact-plans .price span{font-size:10px;line-height:1.8}
 .nr-account .compact-plans .sub-cta{font-size:11px;padding:6px 2px}.nr-account .compact-plans .text-link{font-size:10px;line-height:1.8}
 .nr-account .compact-duration.duration button{min-height:52px;font-size:12px;padding:7px 5px}.nr-account .compact-duration.duration{margin-bottom:12px;padding:4px}
 .compact-comparison table{font-size:11px}.compact-comparison th:first-child{width:40%;padding-inline-start:8px}.compact-comparison th,.compact-comparison td{padding:9px 5px}
}
@media(max-width:339px){body.nr-home #library #catalog.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(orientation:landscape) and (max-height:550px){
 body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) .player-title{min-height:44px;padding:0 10px}body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #performancePiano .nr-piano-keys{height:32px}
 .nr-site .nr-dock{max-height:54dvh;width:100%;padding-top:2px}.compact-reading-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.compact-reading-controls .nr-heading{grid-column:1/-1}.compact-reading-controls .nr-main{grid-column:1;grid-row:2/4}.compact-reading-controls .nr-selectors{grid-column:2;grid-row:2}.compact-reading-controls .nr-speed{grid-column:2;grid-row:3}.compact-reading-controls .nr-settings,.compact-reading-controls .nr-help{grid-column:1/-1}.nr-site #nrPiano .nr-piano-keys{height:32px}
}
@media(prefers-reduced-motion:reduce){.compact-search{scroll-behavior:auto}.nr-home #library .work-card{transition:none}}