/* Page navigation and quiet, useful library states. No generated sample content. */
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid #a398ec;outline-offset:4px}
.rail{width:208px;padding:28px 16px;align-items:stretch;background:#242638;color:#a5a6bb}
.rail-brand{display:flex;align-items:center;gap:11px;margin:0 6px 42px;color:#fff;font-size:23px;font-weight:750;letter-spacing:.08em}
.rail-logo{width:39px;height:39px;margin:0;border-radius:12px;background:#a397f523;flex:none}.rail-logo .ico{width:23px;height:23px;color:#cfc6ff}
.rail-brand small{display:block;margin-top:4px;font-size:8px;letter-spacing:.14em;color:#9193ac;font-weight:500}
.nav-caption{font-size:10px;letter-spacing:.1em;color:#767b94;padding:0 16px;margin-bottom:14px}
.rail-group{width:100%;gap:7px;margin-top:0}
.rail-link{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:45px;padding:0 15px;border-radius:9px;font-size:12px;white-space:nowrap;color:#a5a6bb}
.rail-link .ico{width:18px;height:18px;flex:none}.rail-link.active{background:#8d7cdd24;color:#d5cdfc}.rail-link.active:before{content:'';height:16px;width:3px;border-radius:3px;background:#ab9cf4;position:absolute;left:16px}
.rail-link small{margin-left:auto;font-size:10px;color:#a29ebc}.nav-glyph{display:inline-flex;align-items:center;justify-content:center;width:18px;font:23px Georgia,serif}
.rail-bottom{margin-top:auto;padding-top:30px}.rail-bottom p{border-top:1px solid #ffffff0c;padding:23px 0 0;margin:22px 14px 0;font-size:10px;color:#696f88;white-space:nowrap}
#modelIndicator{width:5px;height:5px;background:#736e80;border-radius:100%;margin-left:auto}#modelIndicator.configured{background:#7fc9ad}
.body-area{margin-left:208px;width:calc(100% - 208px);padding-bottom:30px}
.topbar{height:69px;padding:0 42px;background:#ffffffa8}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#a3a7b5}.breadcrumb strong{color:#656c7c;font-weight:500}.breadcrumb b{font-weight:400;color:#ced0d7}.breadcrumb a:hover{color:#6d60bb}
.top-online{font-size:11px;font-weight:500}.top-version{font-size:9px;letter-spacing:.1em}
.content{padding:38px 42px 30px;max-width:1535px}
.app-page{animation:page-in .2s ease-out}
.app-page h1:focus{outline:none}
@keyframes page-in{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 28px}
.page-heading h1{font-size:31px;font-weight:760;letter-spacing:-.045em;line-height:1.4;margin:12px 0 8px}
.page-heading p{font-size:12px;color:#8b91a0;line-height:1.8;margin:0}.page-heading .eyebrow{font-size:9px;letter-spacing:.19em;color:#9791b4}
.home-heading{align-items:flex-end;margin-bottom:30px}.home-heading h1{font-size:35px}.home-date{font-size:11px;color:#a7a7b3;white-space:nowrap;padding-bottom:8px}
.start-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:36px}
.start-card{position:relative;border-radius:19px;border:1px solid #e5e2ef;padding:29px 29px 25px;overflow:hidden;min-width:0}
.start-recording{background:linear-gradient(115deg,#eeebfa,#f4f2fb 65%,#f8f7fc)}
.start-score{background:linear-gradient(115deg,#f8f5ed,#fbf9f3);border-color:#ede6d7}
.start-card>.eyebrow{font-size:8px;letter-spacing:.17em;color:#9b93b8;margin:4px 0 27px}
.start-score>.eyebrow{color:#b1a382}.start-card h2{font-size:23px;font-weight:700;letter-spacing:-.035em;margin:0 0 10px}.start-card p{font-size:12px;line-height:1.8;color:#858098;margin:0 0 23px;max-width:90%}.start-score p{color:#938c7a}.start-card>small{display:block;color:#a6a0b9;font-size:10px;line-height:1.8;margin-top:22px}.start-score>small{color:#b0a58b}
.start-icon{position:absolute;right:25px;top:25px;width:42px;height:42px;border-radius:14px;background:#e4dff544;color:#a496ca;display:grid;place-items:center}.start-icon .ico{width:25px;height:25px}.start-score .start-icon{background:#e9dfc74a;color:#bda476}
.start-card .reference-actions{gap:10px}.start-card .btn{padding:11px 16px;font-size:12px}.start-score .btn{background:#fffdf7;border-color:#e1d6bd;color:#7c6c47;box-shadow:none}.start-score .text-button{color:#a08e63}
.home-library-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:23px}.home-list{min-width:0}
.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.list-heading h2{font-size:15px;font-weight:700;margin:0}.list-heading h2 small{font-size:10px;color:#a1a3b0;font-weight:400;margin-left:7px}.list-heading a,.list-heading>span{font-size:10px;color:#918d9f}
.page-empty{text-align:center;border:1px dashed #dedee8;border-radius:14px;padding:30px 23px;background:#ffffff66;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:252px}.page-empty strong{display:block;color:#727888;font-size:15px;font-weight:550;margin:15px 0 4px}.page-empty p{max-width:340px;font-size:11px;color:#a2a5b0;line-height:1.9;margin:5px 0 17px}.page-empty .btn{font-size:11px;padding:9px 15px;font-weight:500;box-shadow:none}.empty-icon{height:39px;width:39px;display:grid;place-items:center;color:#b1abc5;background:#eeedf4;border-radius:12px}.empty-icon .ico{width:21px;height:21px}
.home-footer{border-top:1px solid #e7e7ed;margin-top:30px;padding:20px 0;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:10px;color:#a2a5b0;line-height:1.7}.home-footer span{display:flex;align-items:center;gap:8px}.home-footer i{width:5px;height:5px;background:#91b9a8;border-radius:50%;flex:none}.home-footer a{color:#918caa;white-space:nowrap}
.saved-list{display:flex;flex-direction:column;gap:12px}.saved-list>.page-empty{min-height:340px}
.saved-item{background:#fff;border:1px solid #e7e7ef;border-radius:13px;margin-bottom:10px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.saved-item:hover{border-color:#cac3e4;box-shadow:0 3px 14px #3b306806}
.saved-main{display:flex;align-items:center;gap:14px;padding:17px 19px;min-width:0}
.saved-icon{height:40px;width:38px;border-radius:10px;background:#f1effa;color:#9a8bc9;display:grid;place-items:center;flex:none}.saved-icon .ico{width:19px;height:19px}.saved-score .saved-icon{background:#f8f3e9;color:#b5a179}
.saved-copy{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.saved-copy strong{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-copy small{color:#a1a3ae;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.saved-arrow{font-size:16px;color:#b3a9ce;margin-left:5px}
.saved-actions{display:flex;align-items:center;gap:17px;border-top:1px solid #f2f1f7;padding:10px 18px;justify-content:flex-end}.saved-actions .text-button{font-size:11px}.saved-actions .btn{font-size:11px;font-weight:500;padding:7px 13px}
.page-search{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-search label{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e5ee;padding:0 14px;border-radius:10px;width:360px;max-width:70%}.page-search .ico{width:16px;height:16px;color:#a8a2bd}.page-search input{border:0;background:none;width:100%;font-size:12px;padding:13px 0;color:#606578;outline:none}.page-search label:focus-within{border-color:#a195d4;box-shadow:0 0 0 3px #a294d00d}.page-search>span{font-size:11px;color:#a0a3af}.heading-count{font-size:14px;color:#aea7c1;vertical-align:middle;margin-left:8px;font-weight:400}
.back-link{font-size:11px;color:#9b96aa;display:inline-block;margin-bottom:1px}.back-link:hover{color:#7663bb}
.practice-heading{padding:0 0 25px;align-items:center}.practice-heading h1{font-size:27px;margin-top:10px}.practice-heading .hero-actions{max-width:none;flex:none}
.practice-empty{display:flex;align-items:center;gap:19px;padding:30px;border:1px dashed #dcd8eb;background:#f9f8fd;border-radius:16px;margin:0 0 20px}.practice-empty>.ico{color:#aa9acf;width:30px;height:30px;flex:none}.practice-empty strong{font-size:16px;font-weight:600;color:#77708e}.practice-empty p{font-size:12px;color:#a09bad;line-height:1.8;margin:8px 0 0}
.without-audio .session-bar,.without-audio .practice-savebar,.without-audio #lyricsCard,.without-audio #timelineCard,.without-audio #inspector,.without-audio #comparisonCard,.without-audio #notesCard,.without-audio .disclaimer{display:none}
.without-audio .workspace{display:block}
.without-audio .reference-card .alignment-box,#scorePage .alignment-box{display:none}
.score-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:22px;align-items:start}
.source-card{padding:23px;min-width:0}.source-card .list-heading h2{font-size:13px}.source-card img{width:100%;height:auto;border:1px solid #f0eff4;border-radius:9px}.source-card a span{display:block;font-size:11px;color:#9990b2;text-align:right;padding-top:10px}.source-empty{min-height:270px;display:grid;place-content:center;background:#f8f7fa;color:#a1a0aa;text-align:center;line-height:2;font-size:12px;border-radius:10px;padding:25px}
.settings-layout{display:grid;grid-template-columns:minmax(0,700px) minmax(190px,280px);gap:45px;align-items:start}
.settings-surface{padding:29px;min-width:0}.settings-surface h2{font-size:19px;font-weight:650;margin:17px 0 10px}.settings-surface label{font-size:12px;color:#73798a}.settings-surface input{width:100%;border:1px solid #e0e1eb;border-radius:9px;padding:11px 12px;color:#5d6476;font-size:12px;background:#fefeff;outline:none}.settings-surface input:focus{border-color:#a499d9;box-shadow:0 0 0 3px #998ed817}
.settings-aside{padding-top:35px}.settings-aside .eyebrow{font-size:8px;color:#a6a1b9}.settings-aside h2{font-size:20px;font-weight:500;margin:19px 0;color:#858091}.settings-aside p{font-size:12px;color:#a09cab;line-height:2;margin:18px 0}.settings-aside .text-button{font-size:11px;color:#9b8bb8}
.resume-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff8e9;border:1px solid #eee2c5;color:#a69468;border-radius:12px;padding:13px 18px;font-size:11px;margin:-10px 0 25px}.resume-banner strong{font-weight:600}.resume-banner .btn{color:#9b8057;border-color:#e8dcc4;font-weight:500}
.player{left:208px;padding:0 42px}.body-area:has(.player:not([hidden])){padding-bottom:95px}
.delete-dialog{max-width:460px}.delete-dialog .reference-actions{justify-content:flex-end;margin-top:24px}
@media(min-width:1700px){.content{padding-top:47px}.home-heading{margin-bottom:35px}.start-card{padding:34px}.start-card h2{font-size:25px}.home-library-grid{margin-top:40px}}
@media(max-width:1250px){.rail{width:178px;padding:25px 12px}.body-area{margin-left:178px;width:calc(100% - 178px)}.player{left:178px}.content{padding:28px}.topbar,.player{padding-left:28px;padding-right:28px}.rail-brand{font-size:22px;margin-bottom:35px}.rail-link{padding:0 12px;font-size:11px}.nav-caption{padding:0 12px}.start-card{padding:24px}.start-card h2{font-size:21px}.start-card>.eyebrow{font-size:7px}.start-icon{right:19px;top:18px;width:35px;height:35px}.start-card p{max-width:100%;font-size:11px}.start-card>small{font-size:9px}.settings-layout{gap:25px}.score-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr)}.practice-heading{align-items:flex-start;flex-direction:column;gap:15px}.practice-heading .hero-actions{width:auto}}
@media(max-width:950px){.rail{width:150px}.body-area{margin-left:150px;width:calc(100% - 150px)}.player{left:150px}.rail-brand{gap:8px;font-size:20px}.rail-logo{width:31px;height:34px}.rail-brand small{font-size:6px}.rail-link{gap:9px;font-size:11px}.nav-caption{font-size:8px}.rail-bottom p{display:none}.content{padding:25px 23px}.start-grid,.home-library-grid{grid-template-columns:1fr}.start-grid{gap:15px;margin-bottom:25px}.home-library-grid{gap:25px}.start-card{padding:25px}.start-card>.eyebrow{margin-bottom:18px;font-size:8px}.start-card>small{margin-top:18px;font-size:10px}.start-card p{margin-bottom:18px}.start-card h2{font-size:24px}.home-heading h1{font-size:30px}.home-date{display:none}.top-version{display:none}.page-heading h1{font-size:28px}.settings-layout,.score-detail-grid{grid-template-columns:1fr}.settings-aside{padding-top:0;max-width:500px}.source-card{max-width:620px}.home-footer{align-items:flex-start;flex-direction:column}.page-heading{flex-wrap:wrap}.saved-copy strong{font-size:12px}}
@media(max-width:600px){.rail{width:65px;padding:20px 7px}.body-area{margin-left:65px;width:calc(100% - 65px)}.player{left:65px;padding:0 12px}.rail-brand{justify-content:center;margin:0 0 30px}.rail-brand>span:last-child,.nav-caption,.rail-link>span:not(.nav-glyph),.rail-link small,.rail-link i{display:none}.rail-link{padding:0;justify-content:center}.rail-link.active:before{left:7px}.rail-bottom{padding-top:20px}.content{padding:22px 15px}.topbar{height:60px;padding:0 16px}.breadcrumb{font-size:10px;gap:8px}.breadcrumb a{display:none}.breadcrumb b{display:none}.top-online{font-size:9px}.home-heading h1{font-size:25px}.page-heading h1{font-size:25px}.home-heading .eyebrow{font-size:7px}.start-card{padding:22px 19px}.start-card h2{font-size:22px}.start-card>.eyebrow{font-size:6px;max-width:160px;line-height:1.7;margin-bottom:20px}.start-card .btn{font-size:10px;padding:10px 12px}.start-card .text-button{font-size:10px}.start-card>small{font-size:9px}.start-card p{font-size:11px}.page-empty{padding:25px 16px}.home-footer{font-size:9px}.list-heading h2{font-size:14px}.page-heading{margin-bottom:22px}.page-heading p{font-size:11px}.page-heading .reference-actions{margin-top:0}.page-heading .btn{font-size:11px;padding:10px 12px}.page-search{gap:10px}.page-search label{max-width:75%}.page-search>span{font-size:9px}.page-search input{font-size:10px}.saved-main{padding:16px 12px;gap:10px}.saved-actions{padding:10px 12px;gap:13px;flex-wrap:wrap}.saved-icon{width:30px;height:36px}.saved-copy small{font-size:9px}.saved-actions .text-button{font-size:10px}.settings-surface{padding:21px 18px}.settings-surface h2{font-size:17px}.settings-surface .pill{display:table;margin:9px 0}.settings-surface .reference-actions .btn{font-size:10px;padding:10px}.practice-heading .hero-actions{width:100%;flex-wrap:wrap}.practice-heading h1{font-size:24px}.practice-heading .hero-actions .btn{font-size:10px;flex:1}.practice-empty{padding:22px 18px;gap:12px}.practice-empty strong{font-size:14px}.practice-empty p{font-size:11px}.resume-banner{align-items:flex-start;flex-direction:column}.source-card{padding:17px}.settings-aside{padding:0 5px}}
@media(prefers-reduced-motion:reduce){.app-page{animation:none}}