:root{color-scheme:light;--background:#f6f1e8;--foreground:#151515;--muted:#5d6670;--accent:#f7c948;--surface:#fff;--border:#d9d2c5}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:linear-gradient(135deg,rgba(247,201,72,.18),transparent 38%),var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{display:grid;min-height:100vh;place-items:center;padding:32px}.panel{width:min(100%,680px);border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:clamp(32px,8vw,72px);box-shadow:0 24px 80px hsla(0,0%,8%,.08)}.eyebrow{margin:0 0 16px;color:var(--muted);font-size:.8125rem;font-weight:700;text-transform:uppercase}.eyebrow,h1{letter-spacing:0}h1{margin:0;font-size:clamp(2.25rem,8vw,4.75rem);line-height:1}.lede{max-width:42rem;margin:24px 0 0;color:var(--muted);font-size:1.125rem;line-height:1.6}.auth-panel{max-width:560px}.auth-form{display:grid;grid-gap:12px;gap:12px;margin-top:32px}.auth-form label{color:var(--foreground);font-size:.9375rem;font-weight:700}.auth-form input{min-height:48px;padding:12px 14px}.admin-form input,.admin-form select,.admin-form textarea,.auth-form input,.chor-invite-form input{width:100%;border:1px solid var(--border);border-radius:8px;background:#fffdf8;color:var(--foreground);font:inherit}.admin-form input,.admin-form select,.admin-form textarea,.chor-invite-form input{min-height:44px;padding:10px 12px}.admin-form textarea{min-height:108px;resize:vertical}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.auth-form input:focus,.chor-invite-form input:focus{border-color:#96751d;box-shadow:0 0 0 3px rgba(247,201,72,.28);outline:none}.admin-form button,.auth-form button,.button-link,.chor-invite-form button,.member-list button,.secondary-button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;justify-content:center;min-height:48px;padding:0 18px;text-decoration:none}.admin-form button,.auth-form button,.button-link,.chor-invite-form button{background:var(--foreground);color:var(--surface);margin-top:8px}.admin-form button:disabled,.auth-form button:disabled,.chor-invite-form button:disabled,.member-list button:disabled,.secondary-button:disabled{cursor:wait;opacity:.65}.secondary-button{background:#f0ebe1;color:var(--foreground)}.text-link{color:var(--foreground);display:inline-flex;font-weight:700;margin-top:28px}.form-message{color:var(--muted);margin:8px 0 0}.form-message.error{color:#9d1c1c}.inactive-notice{background:#fff8e1;border:1px solid rgba(151,117,29,.3);border-radius:8px;display:grid;grid-gap:8px;gap:8px;margin:0 0 24px;padding:14px}.inactive-notice a{color:var(--foreground);font-weight:800}.session-box{align-items:flex-start;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;margin-top:32px;padding-top:24px}.session-box span{color:var(--muted);font-size:.9375rem}.session-box strong{overflow-wrap:anywhere}.spinner{animation:spin .8s linear infinite;border:4px solid #efe6d6;border-top:4px solid var(--foreground);border-radius:999px;height:44px;margin-top:32px;width:44px}.library-shell{display:grid;grid-gap:28px;gap:28px;margin:0 auto;max-width:1180px;min-height:100vh;padding:32px;width:100%}.library-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;padding-top:28px}.library-header h1{font-size:clamp(2rem,5vw,3.75rem)}.library-session{align-items:flex-end;border-top:0;margin-top:0;min-width:min(100%,280px);padding-top:0;text-align:right}.library-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 60px hsla(0,0%,8%,.06);display:grid;grid-gap:22px;gap:22px;padding:clamp(20px,4vw,32px)}.library-title-row{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.library-title-row h2{font-size:1.35rem;margin:0}.library-title-row p{color:var(--muted);margin:6px 0 0}.library-controls{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,1fr))}.library-controls label{color:var(--foreground);display:grid;grid-gap:8px;gap:8px;font-size:.9375rem;font-weight:700}.library-controls input,.library-controls select{width:100%;border:1px solid var(--border);border-radius:8px;background:#fffdf8;color:var(--foreground);font:inherit;min-height:44px;padding:10px 12px}.library-controls input:focus,.library-controls select:focus{border-color:#96751d;box-shadow:0 0 0 3px rgba(247,201,72,.28);outline:none}.piece-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.piece-card{border:1px solid var(--border);border-radius:8px;display:grid;grid-gap:18px;gap:18px;min-height:300px;overflow:hidden;padding:18px;position:relative}.piece-card.locked{color:hsla(0,0%,8%,.55)}.piece-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.new-badge,.type-badge{border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:800;line-height:1;padding:7px 10px}.type-badge.edition{background:#dcecff;color:#164a83}.type-badge.ocr_arrangement{background:#dff3e6;color:#17633a}.new-badge{background:#fff1bf;color:#6e5311}.piece-card-body{align-self:start;display:grid;grid-gap:8px;gap:8px}.piece-card-body h3{font-size:1.15rem;line-height:1.25;margin:0;overflow-wrap:anywhere}.piece-card-body a{color:inherit;text-decoration:none}.piece-card-body a:focus,.piece-card-body a:hover{text-decoration:underline}.piece-card-body p{color:var(--muted);margin:0}.piece-meta{align-self:end;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.piece-meta div{border-top:1px solid var(--border);display:grid;grid-gap:4px;gap:4px;min-width:0;padding-top:10px}.piece-meta dt{color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.piece-meta dd{margin:0;overflow-wrap:anywhere}.locked-overlay{background:hsla(0,0%,100%,.84);display:flex;inset:0;padding:18px;position:absolute;text-align:center}.locked-overlay,.piece-open-link{align-items:center;font-weight:800;justify-content:center}.piece-open-link{align-self:end;background:var(--foreground);border-radius:8px;color:var(--surface);display:inline-flex;min-height:44px;padding:0 16px;text-decoration:none}.empty-library{border:1px dashed var(--border);border-radius:8px;color:var(--muted);margin:0;padding:28px;text-align:center}.admin-shell{display:grid;grid-gap:28px;gap:28px;margin:0 auto;max-width:1180px;min-height:100vh;padding:32px;width:100%}.admin-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;padding-top:28px}.admin-header h1,.admin-panel h1{font-size:clamp(2rem,5vw,3.75rem)}.admin-grid{align-items:start;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.admin-form,.admin-list{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 18px 60px hsla(0,0%,8%,.06)}.admin-form{display:grid;grid-gap:18px;gap:18px;padding:clamp(20px,4vw,32px)}.admin-form label{color:var(--foreground);display:grid;grid-gap:8px;gap:8px;font-size:.9375rem;font-weight:700}.form-row{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-label{align-items:center;display:flex!important;gap:10px!important}.checkbox-label input{min-height:18px;width:18px}.admin-list{padding:24px}.admin-list h2{font-size:1.25rem;margin:0}.admin-list ul{display:grid;grid-gap:14px;gap:14px;list-style:none;margin:20px 0 0;padding:0}.admin-list li{border-top:1px solid var(--border);display:grid;grid-gap:6px;gap:6px;padding-top:14px}.admin-list span{color:var(--muted);font-size:.9375rem}.chor-shell{display:grid;grid-gap:28px;gap:28px;margin:0 auto;max-width:1180px;min-height:100vh;padding:32px}.chor-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.chor-header h1{font-size:clamp(2rem,5vw,3.75rem)}.chor-grid{align-items:start;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(280px,420px) minmax(0,1fr)}.chor-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 60px hsla(0,0%,8%,.06);display:grid;grid-gap:18px;gap:18px;padding:clamp(20px,4vw,32px)}.chor-panel h2{font-size:1.25rem;margin:0}.seat-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.seat-header div{display:grid;grid-gap:4px;gap:4px}.seat-header span{color:var(--muted);font-size:.9375rem}.seat-header strong{font-size:1.15rem}.seat-progress{background:#efe7d8;border-radius:999px;height:12px;overflow:hidden}.seat-progress span{background:var(--accent);display:block;height:100%}.chor-invite-form{display:grid;grid-gap:14px;gap:14px}.chor-invite-form label{color:var(--foreground);display:grid;grid-gap:8px;gap:8px;font-size:.9375rem;font-weight:800}.upgrade-box{background:#fff8e1;border:1px solid rgba(151,117,29,.3);border-radius:8px;display:grid;grid-gap:10px;gap:10px;padding:16px}.upgrade-box p{color:var(--muted);margin:0}.member-list{display:grid;grid-gap:14px;gap:14px;list-style:none;margin:0;padding:0}.member-list li{align-items:center;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding-top:14px}.member-list li:first-child{border-top:0;padding-top:0}.member-list div{display:grid;grid-gap:4px;gap:4px}.member-list small,.member-list span{color:var(--muted)}.member-list button{background:#f0ebe1;color:var(--foreground)}.reader-shell{display:grid;grid-gap:18px;gap:18px;min-height:100vh;padding:18px}.reader-meta{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin:0 auto;max-width:1180px;width:100%}.reader-meta h1{font-size:clamp(1.65rem,4vw,3rem)}.reader-meta p:not(.eyebrow){color:var(--muted);margin:10px 0 0}.version-summary{margin:0 auto;max-width:1180px;width:100%}.version-summary span{display:block;font-size:.875rem;font-weight:900;text-transform:uppercase}.version-summary p{color:var(--muted);margin:6px 0 0}.pdf-reader{background:#202124;border-radius:8px;display:grid;min-height:calc(100vh - 170px);overflow:hidden;position:relative;touch-action:none}.pdf-reader:-webkit-full-screen{border-radius:0;min-height:100vh}.pdf-reader:fullscreen{border-radius:0;min-height:100vh}.reader-toolbar{align-items:center;background:hsla(0,0%,100%,.95);border:1px solid hsla(39,21%,81%,.8);border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.16);display:flex;flex-wrap:wrap;gap:10px;left:50%;max-width:calc(100% - 24px);opacity:0;padding:10px;pointer-events:none;position:absolute;top:12px;transform:translateX(-50%);transition:opacity .18s ease;z-index:2}.reader-toolbar.visible{opacity:1;pointer-events:auto}.reader-icon-button,.reader-text-button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;justify-content:center;min-height:44px}.reader-icon-button{background:var(--foreground);color:var(--surface);font-size:1.15rem;width:44px}.reader-text-button{background:#f0ebe1;color:var(--foreground);padding:0 14px;text-decoration:none}.reader-icon-button:disabled,.reader-text-button:disabled{cursor:not-allowed;opacity:.45}.page-control,.version-control,.zoom-controls{align-items:center;display:inline-flex;gap:8px;min-height:44px}.page-control span,.version-control span,.zoom-controls span{color:var(--muted);font-size:.875rem;font-weight:800}.page-control input,.version-control select{border:1px solid var(--border);border-radius:8px;font:inherit;font-weight:800;min-height:40px;padding:8px 10px}.page-control input{text-align:center;width:64px}.version-control select{min-width:82px}.pdf-page-wrap{align-items:flex-start;display:flex;justify-content:center;min-height:100%;overflow:auto;padding:76px 12px 18px;position:relative;width:100%}.pdf-canvas{background:#fff;box-shadow:0 18px 54px rgba(0,0,0,.34);display:block;max-width:none}.reader-status{background:hsla(0,0%,100%,.96);border-radius:8px;color:var(--foreground);font-weight:800;left:50%;margin:0;padding:12px 16px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}@media (orientation:landscape){.reader-shell{gap:12px}.pdf-reader{min-height:calc(100vh - 126px)}.pdf-page-wrap{padding-top:64px}}@media (max-width:820px){.library-shell{padding:20px}.library-controls,.library-header,.library-title-row{grid-template-columns:1fr}.library-header{display:grid}.library-session{align-items:flex-start;text-align:left}.piece-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell,.chor-shell{padding:20px}.admin-grid,.admin-header,.chor-grid,.chor-header,.form-row{grid-template-columns:1fr}.admin-header,.chor-header{display:grid}.reader-shell{padding:12px}.reader-meta{display:grid}.reader-toolbar{justify-content:center;width:calc(100% - 24px)}}@media (max-width:560px){.piece-grid,.piece-meta{grid-template-columns:1fr}.page-control,.version-control,.zoom-controls{flex:1 1 auto;justify-content:center}.reader-text-button{flex:1 1 120px}.member-list li{align-items:stretch;display:grid}}@keyframes spin{to{transform:rotate(1turn)}}