/* Compact A4 fronts and a single rotating, growing card. */
body.nr-home #library .work-card{aspect-ratio:210/297!important;height:auto!important;min-height:0!important;cursor:pointer;transform:none!important;overflow:hidden!important;border-radius:17px!important}
body.nr-home #library .score-card-visual{display:flex;flex-direction:column;height:100%;min-height:0}
body.nr-home #library .score-thumbnail{flex:0 0 57%;height:auto!important;aspect-ratio:auto!important;overflow:hidden}
body.nr-home #library .score-thumbnail>img{width:100%;height:100%;object-fit:cover;object-position:center top}
body.nr-home #library .score-glass{flex:1;display:flex;flex-direction:column;min-height:0;padding:0!important;overflow:hidden;border-radius:0 0 17px 17px!important}
body.nr-home #library .card-open{flex:1;min-height:0;padding:0!important}
body.nr-home #library .score-card-copy{height:100%;min-height:0!important;margin:0!important;padding:8px 9px!important;justify-content:center}
body.nr-home #library .card-open h3{font-size:clamp(12px,1.45vw,17px);margin:0!important;line-height:1.35!important}
body.nr-home #library .card-en{min-height:0!important;margin:2px 0 0!important;line-height:1.25!important}
body.nr-home #library .card-artist{min-height:0!important;height:auto!important;margin:4px 0 0!important;padding:0!important;font-size:10px!important;line-height:1.2!important}
body.nr-home #library .card-artist img{width:20px;height:20px}
body.nr-home #library .card-footer{flex:0 0 auto;min-height:0!important;padding:4px 7px!important;line-height:1.2}
body.nr-home #library .card-footer span{font-size:9px!important}
body.nr-home #library .card-actions,body.nr-home #library .nr-credits,body.nr-home #library .catalog-like{display:none!important}
body.nr-home #library .work-card.card-flip-source{visibility:hidden}
body.nr-home #library .work-card:focus-within{outline:2px solid #48a4d5}
@media(max-width:700px){
 body.nr-home #library .score-thumbnail{flex-basis:53%}
 body.nr-home #library .score-card-copy{padding:4px 5px!important}
 body.nr-home #library .card-open h3{font-size:clamp(11px,3vw,14px)}
 body.nr-home #library .card-en{font-size:9px!important}
 body.nr-home #library .card-artist{font-size:9px!important;gap:2px!important}
 body.nr-home #library .card-footer span{font-size:8px!important}
 body.nr-home #library .work-card{border-radius:12px!important}
 body.nr-home #library .score-glass{border-radius:0 0 12px 12px!important}
}
@media(max-width:950px) and (max-height:500px){
 body.nr-home #library .catalog{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))!important;gap:8px!important}
 body.nr-home #library .work-card{border-radius:12px!important}
 body.nr-home #library .score-glass{border-radius:0 0 12px 12px!important}
 body.nr-home #library .score-thumbnail{flex-basis:53%}
 body.nr-home #library .score-card-copy{padding:4px 5px!important}
 body.nr-home #library .card-open h3{font-size:12px}
 body.nr-home #library .card-en,body.nr-home #library .card-artist{font-size:9px!important}
}
.score-preview-dialog.score-flip{position:fixed!important;right:auto!important;bottom:auto!important;margin:0!important;padding:0!important;max-width:none!important;max-height:none!important;min-width:0;min-height:0;overflow:visible!important;border:0!important;border-radius:15px!important;background:transparent!important;box-shadow:0 30px 90px #06182a88!important;animation:none!important;perspective:1200px;will-change:transform}
.score-preview-dialog.score-flip::backdrop{background:rgba(5,18,31,.65);backdrop-filter:blur(3px)}
.score-flip .flip-shell{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}
.score-flip .flip-face{position:absolute;inset:0;overflow:hidden;border-radius:15px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.score-flip .flip-front{transform:rotateY(0deg);background:#e8f5fc}
.score-flip .flip-back{transform:rotateY(180deg);background:#132438;color:#f6fbff}
.score-flip .flip-front .work-card{width:100%;height:100%;aspect-ratio:210/297;pointer-events:none;border-radius:15px}
.score-flip .flip-front .score-card-visual{height:100%;display:flex;flex-direction:column}
.score-flip .flip-front .score-thumbnail{width:calc(100% - 10px);height:55%;margin:5px;overflow:hidden}
.score-flip .flip-front .score-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center top}
.score-flip .flip-front .score-glass{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0!important}
.score-flip .flip-front .score-card-copy{min-height:0!important;margin:0!important;padding:12px!important}
.score-flip .flip-front .card-open{min-height:0;flex:1;padding:0}
.score-flip .flip-front .card-open h3{font-size:clamp(16px,3.2vw,25px);margin:0}
.score-flip .flip-front .card-footer{min-height:0;padding:5px 10px}
.score-flip .flip-front .card-actions,.score-flip .flip-front .nr-credits,.score-flip .flip-front .catalog-like{display:none!important}
.score-flip .flip-score-art,.score-flip .flip-score-art img{position:absolute;inset:0;width:100%;height:100%}
.score-flip .flip-score-art img{object-fit:cover;object-position:center top}
.score-flip .flip-score-art img+img{filter:blur(11px);transform:scale(1.06);mask-image:linear-gradient(transparent 20%,#000 66%);-webkit-mask-image:linear-gradient(transparent 20%,#000 66%)}
.score-flip .flip-score-heading{position:absolute;inset:0 0 auto;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:18%;padding:9px 25px 13px;background:linear-gradient(#fff 75%,#ffffffe6 86%,transparent);color:#243746;text-align:center;text-shadow:none}
.score-flip .flip-score-heading small{font:11px/1.4 Georgia,serif;color:#3b7291}
.score-flip .flip-score-heading strong{font-size:clamp(14px,2.5vw,24px);line-height:1.3}
.score-flip .flip-score-heading span{font-size:clamp(9px,1.4vw,12px)}
.score-flip .flip-back:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#07172799 23%,#061321ed 72%);pointer-events:none}
.score-flip .flip-back-content{position:absolute;z-index:2;inset:auto 0 0;padding:12px 15px 16px;text-align:center;text-shadow:0 2px 6px #03101e}
.score-flip .flip-back-content h2{font-size:clamp(15px,3vw,27px);line-height:1.35;margin:0 0 3px}
.score-flip .flip-back-content p{font-size:clamp(10px,1.7vw,13px);margin:0 0 13px;color:#d4e8f3}
.score-flip .flip-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.score-flip .flip-actions button{min-width:0;min-height:42px;padding:5px 4px;border:1px solid #70a5c4;border-radius:11px;background:#d8f0f8;color:#11445e;font-size:clamp(10px,1.8vw,14px);font-weight:750;text-shadow:none}
.score-flip .flip-actions #previewPlay{background:#1686b7;color:#fff;border-color:#49b9dd}
.score-flip .flip-actions #previewPdf{background:#f6ebd2;color:#4d3921;border-color:#e3c078}
.score-flip .flip-close{position:absolute;z-index:3;top:9px;left:9px;width:39px;height:39px;min-height:39px;padding:0;border-radius:50%;background:#09263fdb;color:white;border:1px solid #a1d8ee;font:27px/1 Arial}
.score-flip .flip-actions #previewWaterfall{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#06121f,#123046 54%,#06121f);border:1px solid #28748b;color:#effbff}
@media(max-width:500px){
 .score-flip .flip-back-content{padding:8px 9px 11px}
 .score-flip .flip-back-content p{margin-bottom:7px}
 .score-flip .flip-actions{gap:5px}
 .score-flip .flip-actions button{min-height:36px}
 .score-flip .flip-close{width:32px;height:32px;min-height:32px;font-size:24px}
}
.pdf-version-dialog{width:min(520px,calc(100vw - 24px));max-width:none;border:1px solid #a7cada;border-radius:19px;padding:0;background:#f4fbff;color:#153d59;box-shadow:0 24px 80px #071f3699}
.pdf-version-dialog::backdrop{background:#07182c99;backdrop-filter:blur(3px)}
.pdf-version-head{display:flex;justify-content:space-between;gap:10px;align-items:start;padding:18px 20px 12px;background:#d9eef8}
.pdf-version-head small{font-size:11px;color:#436d80}
.pdf-version-head h2{font-size:19px;line-height:1.5;margin:2px 0}
.pdf-close{border-radius:50%;padding:0;width:36px;height:36px;font:25px/1 Arial}
.pdf-version-body{padding:18px 20px 22px}
.pdf-version-body>p{margin:0 0 13px;font-size:12px}
.pdf-version-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.pdf-level{min-width:0;border-radius:13px;padding:10px 7px;background:#eef3f5;border:1px solid #c8d6dc;text-align:center}
.pdf-level>strong{display:block;margin-bottom:9px;font-size:14px}
.pdf-level-easy{background:#e7f5e9;border-color:#93c9a1}.pdf-level-easy>strong{color:#267944}
.pdf-level-medium{background:#fff6d9;border-color:#e5c967}.pdf-level-medium>strong{color:#8a6416}
.pdf-level-hard{background:#fbe9e7;border-color:#e0a19a}.pdf-level-hard>strong{color:#a74035}
.pdf-level button{width:100%;min-height:40px;margin:3px 0;padding:5px;border-radius:9px;font-size:12px;background:#fff;color:#133e59;line-height:1.4}
.pdf-level button:disabled{background:#e0e4e6;color:#687a82;opacity:1}
.pdf-version-body .pdf-quota,.pdf-version-body .pdf-feedback{margin:14px 0 0;min-height:1.4em;color:#375c70;font-size:12px}
.pdf-gate{text-align:center}.pdf-gate strong{font-size:17px}.pdf-gate p{color:#496679}
.pdf-plan-link{display:inline-block;margin-top:4px;padding:10px 18px;border-radius:11px;background:#1686b7;color:white;text-decoration:none;font-weight:700}
@media(prefers-reduced-motion:reduce){.score-flip .flip-shell,.score-preview-dialog.score-flip{transition:none!important}}