:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090d;--bg-2:#0b0f16;--surface:#10151d;--surface-2:#151b25;--surface-3:#1a2230;--ink:#f3f7f5;--muted:#9aa6ad;--subtle:#68747d;--line:#252f3a;--line-strong:#354252;--cyan:#31d7e8;--cyan-soft:#31d7e81f;--brass:#f0b24a;--brass-soft:#f0b24a29;--magenta:#ff4f76;--magenta-soft:#ff4f7621;--green:#58e6a9;--green-soft:#58e6a921;--shadow:0 24px 60px #00000059;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:1160px;color:var(--ink);background:radial-gradient(circle at 18% 8%,#31d7e81f,#0000 24%),radial-gradient(circle at 92% 18%,#ff4f761c,#0000 22%),linear-gradient(135deg,#07090d 0%,#0a0e14 46%,#050609 100%);margin:0}body:before{pointer-events:none;content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000c7,#0000 78%);mask-image:linear-gradient(#000000c7,#0000 78%)}button,input{font:inherit}button{cursor:pointer;border:0}.auth-shell{z-index:300;background:radial-gradient(circle at 18% 10%,#31d7e82e,#0000 30%),radial-gradient(circle at 88% 22%,#ff4f7621,#0000 26%),linear-gradient(145deg,#07090df0,#07090d);place-items:center;min-height:100dvh;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.auth-card{background:linear-gradient(135deg,#31d7e81a,#0000 34%),#0d121af7;border:1px solid #31d7e847;border-radius:16px;gap:22px;width:min(440px,100%);padding:30px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000085}.auth-card:after{content:"";pointer-events:none;border:1px solid #f0b24a26;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-92px;right:-72px;box-shadow:0 0 70px #f0b24a14}.auth-brand-mark,.auth-loading-mark{width:54px;height:54px;color:var(--cyan);background:#31d7e81a;border:1px solid #31d7e875;border-radius:13px;place-items:center;display:grid;overflow:hidden;box-shadow:0 0 34px #31d7e826}.auth-brand-mark img,.auth-loading-mark img,.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.auth-header{gap:8px;display:grid}.auth-header>span{color:var(--brass);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:820}.auth-header h1{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,34px);line-height:1.05}.auth-header p,.auth-status{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.auth-form{gap:15px;display:grid}.auth-form label{gap:7px;display:grid}.auth-form label>span{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.auth-form input:not([type=checkbox]){border:1px solid var(--line-strong);width:100%;height:46px;color:var(--ink);background:#090e15;border-radius:9px;padding:0 12px}.auth-form input:not([type=checkbox]):focus{border-color:#31d7e8c2;outline:0;box-shadow:0 0 0 3px #31d7e81f}.auth-password-field{position:relative}.auth-password-field input{padding-right:46px}.auth-password-field button{width:36px;height:36px;color:var(--muted);background:0 0;border-radius:7px;place-items:center;display:grid;position:absolute;top:5px;right:5px}.auth-password-field button:hover{color:var(--cyan);background:#31d7e814}.auth-form .auth-remember{cursor:pointer;align-items:center;gap:9px;display:flex}.auth-form .auth-remember input{width:17px;height:17px;accent-color:var(--cyan);flex:none;margin:0}.auth-form .auth-remember>span{color:var(--muted);letter-spacing:0;text-transform:none;font-size:12px;font-weight:650}.auth-submit{color:#061016;background:linear-gradient(90deg,#31d7e8,#23b9ca);border:1px solid #31d7e87a;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:46px;margin-top:3px;font-weight:840;display:inline-flex;box-shadow:0 12px 28px #31d7e826}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-submit:disabled{cursor:wait;opacity:.64}.auth-status{border-top:1px solid var(--line);align-items:flex-start;gap:8px;padding-top:16px;display:flex}.auth-status svg{color:var(--green);flex:none;margin-top:2px}.auth-loading{color:var(--muted);align-content:center;gap:14px}.auth-loading button{border:1px solid var(--line-strong);min-height:38px;color:var(--cyan);background:#ffffff0d;border-radius:8px;padding:0 14px}.app-shell{grid-template-columns:220px minmax(620px,1fr);min-height:100vh;display:grid;position:relative}.app-shell.has-inspector{grid-template-columns:220px minmax(620px,1fr) 330px}.app-shell.sidebar-collapsed{grid-template-columns:68px minmax(620px,1fr)}.app-shell.sidebar-collapsed.has-inspector{grid-template-columns:68px minmax(620px,1fr) 330px}.sidebar,.inspector{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1017e6}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:20px;height:100vh;padding:24px 18px;transition:width .18s,padding .18s;display:flex;position:sticky;top:0;overflow:hidden}.app-shell.reader-open .sidebar{visibility:hidden;pointer-events:none}.app-shell.sidebar-collapsed .sidebar{gap:18px;padding:24px 12px}.brand{grid-template-columns:42px 1fr 34px;align-items:center;gap:12px;min-height:44px;display:grid}.app-shell.sidebar-collapsed .brand{grid-template-columns:1fr;justify-items:center;gap:8px}.brand-mark{width:42px;height:42px;color:var(--cyan);background:linear-gradient(135deg,#31d7e83d,#f0b24a2e),#0f141c;border:1px solid #31d7e885;border-radius:8px;place-items:center;display:grid;overflow:hidden;box-shadow:0 0 28px #31d7e82e}.brand strong,.title-cell strong,.metadata strong{letter-spacing:0;font-weight:760;display:block}.brand strong{font-size:18px}.app-shell.sidebar-collapsed .brand>div:nth-child(2),.app-shell.sidebar-collapsed .nav-item span,.app-shell.sidebar-collapsed .nav-item em,.app-shell.sidebar-collapsed .sidebar-section,.app-shell.sidebar-collapsed .activity-box strong,.app-shell.sidebar-collapsed .activity-header button,.app-shell.sidebar-collapsed .activity-percent,.app-shell.sidebar-collapsed .activity-progress-block,.app-shell.sidebar-collapsed .activity-box ul{display:none}.sidebar-toggle{width:34px;height:34px}.app-shell.sidebar-collapsed .sidebar-toggle{display:inline-flex}.nav-list,.quick-select-list,.ai-tool-list{flex-direction:column;gap:8px;display:flex}.nav-list{flex:none}.nav-item{width:100%;min-height:40px;color:var(--muted);text-align:left;background:0 0;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:0 10px;display:grid}.app-shell.sidebar-collapsed .nav-item{grid-template-columns:1fr;justify-items:center;padding:0;display:grid}.nav-item:hover{color:var(--ink);background:#ffffff0a}.nav-item.active{color:var(--cyan);box-shadow:inset 3px 0 0 var(--cyan);background:linear-gradient(90deg,#31d7e829,#31d7e80a);border:1px solid #31d7e861;font-weight:760}.nav-item em{color:var(--subtle);background:#ffffff0f;border-radius:999px;padding:3px 7px;font-size:12px;font-style:normal}.sidebar-section{border-top:1px solid var(--line);flex:none;min-height:0;padding-top:18px}.section-title,.panel-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:780;display:flex}.quick-select-list{max-height:116px;margin-top:10px;padding-right:2px;overflow:hidden auto}.quick-shortcut{width:100%;min-height:38px;color:var(--ink);text-align:left;background:#ffffff0b;border:1px solid #ffffff0e;border-radius:8px;grid-template-columns:18px 1fr;align-items:center;gap:9px;padding:0 10px;display:grid}.quick-add-selected{min-height:30px;color:var(--cyan);background:#31d7e814;border:1px solid #31d7e82e;border-radius:8px;align-items:center;gap:7px;margin-top:10px;padding:0 9px;font-size:12px;font-weight:760;display:inline-flex}.quick-add-selected:disabled{cursor:not-allowed;opacity:.42}.quick-shortcut svg,.quick-add-selected svg{color:var(--cyan)}.quick-shortcut.setlist svg{color:var(--brass)}.quick-shortcut strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.quick-shortcut em{color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;font-style:normal;display:block;overflow:hidden}.quick-shortcut:hover,.quick-add-selected:hover:not(:disabled){background:#ffffff12;border-color:#31d7e861}.quick-select-empty{color:var(--subtle);border:1px dashed #ffffff1a;border-radius:8px;padding:9px 10px;font-size:12px}.panel-title{justify-content:space-between;align-items:center;display:flex}.activity-box{background:#0a0e14eb;border:1px solid #ffffff17;border-radius:8px;flex:none;max-height:62px;margin-top:auto;padding:9px 11px;transition:max-height .18s,border-color .18s,box-shadow .18s}.app-shell.sidebar-collapsed .activity-box{place-items:center;width:42px;height:42px;margin-top:auto;padding:0;display:grid}.activity-header{align-items:center;gap:8px;display:flex}.app-shell.sidebar-collapsed .activity-header{justify-content:center}.activity-header button{color:var(--muted);background:#ffffff0f;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:760}.activity-header button:hover{color:var(--cyan)}.activity-box strong{color:var(--ink);font-size:12px}.activity-dot{background:var(--green);border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #58e6a97a}.activity-box.working .activity-dot{background:var(--brass);box-shadow:0 0 18px #f0b24a9e}.activity-box.working{border-color:#31d7e847;max-height:136px;box-shadow:0 14px 34px #0000003d}.activity-percent{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.activity-progress-block{gap:6px;margin-top:9px;display:grid}.activity-progress-copy{gap:2px;min-width:0;display:grid}.activity-progress-copy span{color:var(--ink);font-size:11px;font-weight:760}.activity-progress-copy em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;line-height:1.3;overflow:hidden}.activity-box.expanded .activity-progress-copy em{text-overflow:clip;white-space:normal;overflow:visible}.activity-progress{background:#ffffff14;border-radius:999px;height:5px;position:relative;overflow:hidden}.activity-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--green));height:100%;transition:width .24s;display:block;box-shadow:0 0 14px #31d7e866}.activity-progress.indeterminate i{width:42%;animation:1.2s ease-in-out infinite activity-progress-scan}@keyframes activity-progress-scan{0%{transform:translate(-120%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.activity-progress.indeterminate i{animation:none;transform:translate(70%)}}.activity-box ul{gap:3px;margin:7px 0 0;padding:0;list-style:none;display:grid}.activity-box:not(.expanded) li:not(:first-child){display:none}.activity-box.expanded{border-color:#31d7e85c;max-height:280px;box-shadow:0 18px 36px #00000042}.activity-box li{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.account-logout{width:100%;min-height:42px;color:var(--muted);text-align:left;background:#0a0e14b8;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;display:grid}.account-logout:hover{color:#ff9db1;border-color:#ff4f7647}.account-logout span{min-width:0;display:grid}.account-logout strong,.account-logout em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-logout strong{color:inherit;font-size:12px}.account-logout em{color:var(--subtle);font-size:10px;font-style:normal}.app-shell.sidebar-collapsed .account-logout{grid-template-columns:1fr;justify-items:center;min-height:42px;padding:0}.app-shell.sidebar-collapsed .account-logout span{display:none}.activity-box.expanded li{text-overflow:clip;white-space:normal;overflow:visible}.workspace{flex-direction:column;gap:18px;padding:22px 26px 28px;display:flex}.topbar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.searchbox{border:1px solid var(--line);height:44px;color:var(--cyan);background:#10151deb;border-radius:8px;align-items:center;gap:9px;padding:0 13px;display:flex;box-shadow:inset 0 0 0 1px #ffffff05}.topbar .searchbox{flex:0 420px;width:min(420px,48vw)}.searchbox:focus-within{border-color:#31d7e8bd;box-shadow:0 0 0 3px #31d7e81f}.searchbox input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.searchbox input::placeholder{color:var(--subtle)}.icon-button,.secondary-button,.primary-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;display:inline-flex}.icon-button{border:1px solid var(--line);width:42px;color:var(--muted);background:#10151de6}.icon-button:hover,.secondary-button:hover{color:var(--cyan);border-color:#31d7e86b}.icon-button:disabled{cursor:not-allowed;opacity:.42}.icon-button.active-command{color:var(--brass);background:#f0b24a24;border-color:#f0b24a8c}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#10151de6;padding:0 14px;text-decoration:none}.secondary-button.active-command{color:var(--brass);background:#f0b24a24;border-color:#f0b24a8c}.primary-button{background:linear-gradient(135deg, var(--cyan), #1b8794);color:#041014;padding:0 16px;font-weight:820;box-shadow:0 14px 36px #31d7e83d}.secondary-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.48}.filter-toolbar{z-index:45;grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid;position:relative}.filter-row{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.column-filter-control{flex:none;position:relative}.column-filter-control>.filter em{color:var(--subtle);background:#ffffff12;border-radius:999px;padding:2px 5px;font-size:10px;font-style:normal}.column-filter-menu{z-index:80;background:#090d13fa;border:1px solid #31d7e852;border-radius:9px;width:220px;padding:7px;display:grid;position:absolute;top:calc(100% + 7px);right:0;overflow:hidden;box-shadow:0 20px 48px #0000007a}.column-filter-menu header{justify-content:space-between;align-items:center;padding:5px 6px 8px;display:flex}.column-filter-menu header strong{color:var(--ink);font-size:12px}.column-filter-menu header button{color:var(--cyan);background:0 0;font-size:11px}.column-filter-menu>button{min-height:36px;color:var(--muted);text-align:left;background:0 0;border-radius:7px;grid-template-columns:20px 1fr;align-items:center;gap:8px;padding:0 7px;display:grid}.column-filter-menu>button:hover{color:var(--ink);background:#31d7e814}.column-check{border:1px solid var(--line-strong);color:#061014;border-radius:5px;place-items:center;width:17px;height:17px;display:grid}.column-check.checked{border-color:var(--cyan);background:var(--cyan)}.utility-filter{flex:none;align-items:center;gap:6px;display:inline-flex}.scan-status{max-width:min(360px,70vw);min-height:34px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:#0c222bbd;border:1px solid #27daee47;border-radius:8px;flex:none;align-items:center;padding:0 12px;font-size:12px;display:inline-flex;overflow:hidden}.scan-status.working{color:var(--cyan);box-shadow:0 0 24px #27daee1f}.filter{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#10151ddb;border-radius:8px;padding:0 12px;font-size:13px}.filter.active{background:var(--brass-soft);color:var(--brass);box-shadow:inset 0 -2px 0 var(--brass);border-color:#f0b24ac7}.filter.active-soft{color:var(--cyan);background:#31d7e81a;border-color:#31d7e875}.filter:disabled{cursor:wait;opacity:.56}.pdf-viewer{z-index:150;background:#080b10;border:0;border-radius:0;grid-template-rows:minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.pdf-viewer-toolbar{z-index:20;border-bottom:1px solid var(--line);min-height:58px;padding:calc(8px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 8px calc(16px + env(safe-area-inset-left));opacity:0;pointer-events:none;visibility:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#31d7e81f,#f0b24a0f),#0c1118f0;justify-content:space-between;align-items:center;gap:14px;transition:opacity .16s,transform .16s,visibility .16s;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.pdf-viewer.controls-visible .pdf-viewer-toolbar{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.pdf-viewer-toolbar strong{color:var(--ink);font-size:15px;display:block}.pdf-viewer-toolbar span{max-width:520px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.pdf-actions-menu-wrap{position:relative}.pdf-action-menu{z-index:70;top:48px;right:0}.pdf-bookmark-menu{z-index:72;width:min(300px,100vw - 48px);max-height:min(420px,100vh - 148px);top:48px;right:0;overflow:auto}.menu-section-label{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px 2px;font-size:10px;font-weight:820}.bookmark-menu-row{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:4px;display:grid}.bookmark-menu-row>button:first-child{justify-content:flex-start;min-width:0}.bookmark-menu-row>button:first-child span{min-width:0;margin:0;display:grid}.bookmark-menu-row strong,.bookmark-menu-row em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bookmark-menu-row strong{color:var(--ink);font-size:13px}.bookmark-menu-row em{color:var(--subtle);font-size:11px;font-style:normal}.bookmark-menu-row>.icon-button{width:32px;height:32px;color:var(--subtle)}.bookmark-menu-row>.icon-button:hover{color:#ff8ca4}.menu-empty{color:var(--muted);margin:0;padding:8px;font-size:12px;line-height:1.4}.pdf-viewer-actions{flex:none;align-items:center;gap:8px;display:flex}.pdf-canvas-viewer{background:radial-gradient(circle at 50% 0,#31d7e814,#0000 34%),#17191d;grid-template-rows:minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.pdf-page-shell{overscroll-behavior:contain;touch-action:manipulation;place-items:center;min-height:0;padding:6px;display:grid;position:relative;overflow:auto}.pdf-page-shell.fit-width{place-items:start center}.pdf-page-shell canvas{background:#fff;border-radius:4px;max-width:100%;height:auto;display:block;box-shadow:0 18px 50px #0000006b}.pdf-render-status{color:var(--muted);text-align:center;background:#080b10e0;border:1px solid #31d7e83d;border-radius:12px;justify-items:center;gap:8px;padding:10px 14px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pdf-render-status.error{color:#ffc4d0;border-color:#ff4f7659}.pdf-render-status a{color:var(--cyan);border:1px solid #31d7e847;border-radius:999px;padding:6px 10px;text-decoration:none}.pdf-page-controls{z-index:20;border-top:1px solid var(--line);padding:8px calc(12px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));opacity:0;pointer-events:none;visibility:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);touch-action:manipulation;background:#080b10e6;justify-content:center;align-items:center;gap:10px;transition:opacity .16s,transform .16s,visibility .16s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.pdf-viewer.controls-visible .pdf-page-controls{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.page-slider{min-width:140px;max-width:560px;accent-color:var(--cyan);cursor:pointer;flex:460px}.page-slider:disabled{cursor:not-allowed;opacity:.42}.pdf-page-controls .page-count{min-width:74px;color:var(--muted);text-align:center;font-size:13px}.fit-toggle{min-height:34px;color:var(--muted);background:#0d121bdb;border:1px solid #31d7e838;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.fit-toggle.active{color:var(--cyan);background:#31d7e81a;border-color:#31d7e87a}.fit-toggle span{white-space:nowrap;font-size:12px;font-weight:800}.modal-backdrop{z-index:220;background:#0305089e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.setlist-picker{width:min(520px,100%);box-shadow:var(--shadow);background:linear-gradient(135deg,#31d7e81f,#0000 38%),#0d121afa;border:1px solid #31d7e847;border-radius:10px;gap:16px;padding:16px;display:grid}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-head span,.setlist-choice-list>span,.new-setlist-form label{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:820}.modal-head strong{color:var(--ink);margin-top:5px;font-size:19px;display:block}.modal-head em{color:var(--muted);margin-top:4px;font-size:12px;font-style:normal;display:block}.setlist-picker-body{gap:14px;display:grid}.setlist-choice-list{gap:8px;display:grid}.setlist-choice-list button{min-height:42px;color:var(--ink);text-align:left;background:#ffffff0b;border:1px solid #ffffff12;border-radius:8px;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;padding:0 10px;display:grid}.setlist-choice-list button:hover{background:#31d7e81a;border-color:#31d7e875}.setlist-choice-list button.picked{color:var(--cyan);background:#31d7e821;border-color:#31d7e894}.setlist-choice-list button:disabled{cursor:not-allowed;opacity:.52}.setlist-choice-list button:disabled:hover{background:#ffffff0b;border-color:#ffffff12}.setlist-choice-list button svg{color:var(--brass)}.setlist-choice-list button em{color:var(--muted);font-size:12px;font-style:normal}.setlist-choice-list p{color:var(--muted);border:1px dashed #ffffff1a;border-radius:8px;margin:0;padding:12px}.practice-picker{width:min(560px,100%)}.practice-picker-search{width:100%}.practice-choice-list{max-height:340px;padding-right:2px;overflow:auto}.practice-choice-list button{grid-template-columns:18px minmax(0,1fr) auto}.practice-choice-list button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.new-setlist-form{border-top:1px solid #ffffff14;gap:9px;padding-top:14px;display:grid}.new-setlist-form input{border:1px solid var(--line-strong);width:100%;height:42px;color:var(--ink);background:#080b10e6;border-radius:8px;outline:0;padding:0 12px}.new-setlist-form input:focus{border-color:#31d7e8bd;box-shadow:0 0 0 3px #31d7e81f}.setlist-creator{width:min(560px,100%)}.setlist-mode-toggle{background:#080b108f;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.setlist-mode-toggle button{min-height:38px;color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:820;display:inline-flex}.setlist-mode-toggle button.active{color:var(--cyan);background:#31d7e81f;box-shadow:inset 0 0 0 1px #31d7e870}.ai-setlist-form{border-top:0;padding-top:0}.ai-setlist-grid{grid-template-columns:.7fr 1.4fr .7fr;gap:9px;display:grid}.ai-setlist-grid label{gap:6px;display:grid}.ai-setlist-grid span{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:820}.new-setlist-form textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:86px;color:var(--ink);background:#080b10e6;border-radius:8px;outline:0;padding:11px 12px}.new-setlist-form textarea:focus{border-color:#31d7e8bd;box-shadow:0 0 0 3px #31d7e81f}.setlist-workbench{gap:14px;display:grid}.setlist-action-bar{box-sizing:border-box;background:linear-gradient(135deg,#31d7e812,#f0b24a09),#0c1017d6;border:1px solid #31d7e838;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px;display:grid}.setlist-action-bar strong{color:var(--ink);font-size:15px;display:block}.setlist-action-bar span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.compact-action{min-height:38px;padding:0 13px}.compact-action.active-soft{color:var(--cyan);background:#31d7e81f;border-color:#31d7e88c}.saved-setlist-list{flex-direction:column;gap:8px;display:flex}.saved-setlist-row{box-sizing:border-box;border:1px solid var(--line);width:100%;min-height:58px;color:var(--muted);text-align:left;background:#0d121bb8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;display:grid;position:relative}.saved-setlist-row:hover{background:#31d7e814;border-color:#31d7e857}.saved-setlist-row.active{color:var(--cyan);background:#31d7e81f;border-color:#31d7e88a}.saved-setlist-row.expanded{background:linear-gradient(135deg,#31d7e81f,#f0b24a0a),#0d121bc7;border-color:#31d7e89e;align-items:stretch;row-gap:0}.saved-setlist-main{min-width:0;min-height:58px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.saved-setlist-row>.saved-setlist-main{grid-area:1/1}.saved-setlist-main:hover{background:0 0}.saved-setlist-main>svg{color:var(--cyan)}.saved-setlist-main span{min-width:0}.saved-setlist-main strong,.saved-setlist-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saved-setlist-main strong{color:var(--ink);font-size:14px}.saved-setlist-main small{color:var(--muted);margin-top:3px;font-size:12px}.saved-setlist-main em{min-width:64px;min-height:28px;color:var(--muted);white-space:nowrap;background:#ffffff12;border-radius:999px;place-items:center;padding:0 10px;font-size:12px;font-style:normal;font-weight:800;display:inline-grid}.saved-setlist-actions{align-self:stretch;align-items:center;padding-right:10px}.saved-setlist-row>.saved-setlist-actions{grid-area:1/2}.saved-setlist-actions .row-menu-trigger{opacity:1}.saved-setlist-menu{z-index:90;top:calc(50% + 20px);right:8px}.setlist-nested-table{width:100%;box-shadow:none;background:#05080d6b;border-color:#31d7e838;border-bottom-style:none;border-bottom-width:0;border-left-style:none;border-left-width:0;border-right-style:none;border-right-width:0;border-radius:0 0 7px 7px;grid-area:2/1/auto/-1;margin:0}.setlist-nested-table .table-head{background:#ffffff05;min-height:34px;font-size:10px}.setlist-nested-table .score-row{background:#0a0f16ad;min-height:58px}.setlist-nested-table .score-row:last-child{border-bottom:0}.setlist-inline-empty,.setlist-empty{box-shadow:none}.setlist-inline-empty{background:0 0;border:0;border-radius:0;margin:0}.setlist-photo-form{background:linear-gradient(135deg,#31d7e814,#f0b24a0a),#0c1017d6;border:1px solid #31d7e838;border-radius:8px;grid-template-columns:minmax(180px,.9fr) minmax(150px,.75fr) minmax(220px,1.25fr) auto minmax(150px,.72fr) auto;align-items:stretch;gap:9px;padding:10px;display:grid}.setlist-photo-form>div{align-content:center;gap:3px;min-width:0;display:grid}.setlist-photo-form strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.setlist-photo-form span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.setlist-photo-form input,.setlist-photo-form textarea{border:1px solid var(--line-strong);min-width:0;color:var(--ink);background:#080b10e6;border-radius:8px;outline:0}.setlist-photo-form input{height:42px;padding:0 12px}.setlist-photo-form textarea{resize:vertical;min-height:42px;padding:11px 12px}.setlist-photo-form input:focus,.setlist-photo-form textarea:focus{border-color:#31d7e8bd;box-shadow:0 0 0 3px #31d7e81f}.setlist-upload-control{border:1px solid var(--line);min-height:42px;color:var(--ink);cursor:pointer;background:#10151de6;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:relative}.setlist-upload-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.recent-settings{background:linear-gradient(135deg,#31d7e812,#f0b24a09),#0c1017d6;border:1px solid #31d7e838;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.recent-settings strong,.recent-settings span{display:block}.recent-settings strong{color:var(--ink);font-size:15px}.recent-settings span{color:var(--muted);margin-top:2px;font-size:12px}.recent-settings label{align-items:center;gap:8px;display:inline-flex}.recent-settings label span{margin:0;font-weight:760}.recent-settings select{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);background:#080b10e6;border-radius:8px;outline:0;padding:0 34px 0 11px}.recent-settings select:focus{border-color:#31d7e8bd;box-shadow:0 0 0 3px #31d7e81f}.settings-workbench{min-height:560px;box-shadow:var(--shadow);background:#090d13e0;border:1px solid #31d7e83d;border-radius:10px;grid-template-columns:210px minmax(0,1fr);display:grid;overflow:hidden}.settings-menu{border-right:1px solid var(--line);background:linear-gradient(#31d7e80f,#0000 34%),#0c1118eb;padding:18px 12px}.settings-menu header{color:var(--cyan);align-items:center;gap:10px;margin:0 5px 18px;display:flex}.settings-menu header span,.settings-menu header strong,.settings-menu header small{display:block}.settings-menu header strong{color:var(--ink);font-size:16px}.settings-menu header small{color:var(--muted);margin-top:2px;font-size:11px}.settings-menu>button{width:100%;min-height:44px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:0 10px;display:grid}.settings-menu>button.active{color:var(--cyan);background:#31d7e81c;border-color:#31d7e859}.settings-menu>button span{color:var(--ink);font-size:13px;font-weight:780}.settings-menu>button em{min-width:24px;color:var(--muted);text-align:center;background:#ffffff12;border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal}.tag-settings-panel{min-width:0;padding:24px}.tag-settings-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:20px;display:flex}.settings-eyebrow{color:var(--cyan);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:850}.tag-settings-header h1{margin:5px 0 4px;font-size:24px;line-height:1.1}.tag-settings-header p{max-width:560px;color:var(--muted);margin:0;font-size:13px;line-height:1.45}.tag-settings-header .secondary-button{flex:none;min-height:38px}.tag-create-form{gap:7px;margin:20px 0 8px;display:grid}.tag-create-form>label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.tag-create-form>div{gap:8px;display:flex}.tag-create-form input,.tag-rename-form input{border:1px solid var(--line-strong);width:100%;min-width:0;min-height:40px;color:var(--ink);background:#06090ed6;border-radius:8px;outline:0;padding:0 12px}.tag-create-form input:focus,.tag-rename-form input:focus{border-color:#31d7e8b8;box-shadow:0 0 0 3px #31d7e81a}.tag-create-form .primary-button{justify-content:center;align-items:center;gap:7px;min-width:116px;display:inline-flex}.tag-editor-status{min-height:24px;color:var(--subtle);font-size:11px}.tag-editor-list{border:1px solid var(--line);background:#080b1099;border-radius:9px;overflow:hidden}.tag-editor-columns,.tag-editor-row{grid-template-columns:minmax(180px,1fr) 92px 118px 76px;align-items:center;gap:12px;display:grid}.tag-editor-columns{min-height:34px;color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;background:#ffffff09;padding:0 13px;font-size:10px;font-weight:820}.tag-editor-row{border-top:1px solid var(--line);min-height:52px;padding:7px 10px 7px 13px}.tag-editor-row:hover{background:#31d7e809}.tag-name{min-width:0;color:var(--cyan);align-items:center;gap:9px;display:inline-flex}.tag-name strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.tag-usage{color:var(--muted);font-size:12px}.tag-filter-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:12px;display:inline-flex}.tag-filter-toggle input{width:16px;height:16px;accent-color:var(--cyan)}.tag-editor-actions{justify-content:flex-end;gap:6px;display:inline-flex}.tag-editor-actions button,.tag-rename-form button{border:1px solid var(--line);min-width:30px;min-height:30px;color:var(--muted);background:#ffffff09;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.tag-editor-actions button:hover,.tag-rename-form button:hover{color:var(--cyan);border-color:#31d7e873}.tag-editor-actions button.danger:hover{color:var(--magenta);border-color:#ff4f7680}.tag-rename-form{grid-template-columns:minmax(90px,1fr) auto auto;align-items:center;gap:5px;display:grid}.tag-rename-form button{padding:0 8px;font-size:11px}.tag-editor-empty{min-height:100px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.setlist-ai-note{color:var(--subtle);align-self:center;font-size:11px;line-height:1.25}.setlist-review-box{background:#f0b24a14;border:1px solid #f0b24a57;border-radius:8px;gap:7px;padding:10px;display:grid}.setlist-review-box>div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.setlist-review-box strong{color:var(--ink)}.setlist-review-box span{color:var(--muted);font-size:12px}.setlist-review-box article{background:#080b106b;border:1px solid #ffffff12;border-radius:7px;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:0 9px;display:grid}.setlist-review-box article.missing{opacity:.72}.setlist-review-box article em{color:var(--brass);font-size:12px;font-style:normal;font-weight:820}.modal-actions{justify-content:flex-end;gap:9px;display:flex}.import-view{gap:14px;display:grid}.import-dropzone{background:linear-gradient(135deg,#31d7e81f,#0000 40%),#10151ddb;border:1px dashed #31d7e86b;border-radius:8px;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;min-height:132px;padding:18px;display:grid}.import-dropzone svg{color:var(--cyan)}.import-dropzone strong{color:var(--ink);font-size:18px;display:block}.import-dropzone span{max-width:640px;color:var(--muted);margin-top:5px;font-size:13px;line-height:1.45;display:block}.import-copy{position:relative}.import-title-row{align-items:center;gap:8px;display:flex}.import-info-button{width:28px;height:28px;color:var(--muted)}.import-info-button:hover,.import-info-button[aria-expanded=true]{color:var(--cyan);background:#31d7e81a;border-color:#31d7e873}.import-info-box{z-index:12;width:min(520px,100vw - 54px);box-shadow:var(--shadow);background:#0c1119fa;border:1px solid #31d7e857;border-radius:8px;padding:12px;position:absolute;top:calc(100% + 10px);left:0}.import-info-box p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.import-info-box p+p{margin-top:8px}.import-info-box strong{font-size:inherit;color:var(--ink);display:inline}.import-picker{cursor:pointer;position:relative;overflow:hidden}.import-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.import-list{border:1px solid var(--line);background:#10151de0;border-radius:8px}.import-list article strong{color:var(--ink);font-size:14px;display:block}.import-list article span{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.45;display:block}.import-list{gap:8px;padding:14px;display:grid}.import-list .panel-title{grid-template-columns:1fr auto auto}.import-list article{background:#ffffff0b;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.import-list article svg{color:var(--brass)}.import-item.uploading svg{color:var(--cyan)}.import-item.uploaded svg{color:var(--green)}.import-item.extracting svg{color:var(--cyan)}.import-item.extracted svg{color:var(--green)}.import-item.error svg{color:var(--magenta)}.extracted-folder-list{border-color:#53e6ac3d}.extracted-folder-list .panel-title{grid-template-columns:1fr auto}.extracted-folder-item svg{color:var(--green)}.import-action{height:34px;padding:0 10px}.mini-action{min-height:28px;color:var(--cyan);background:#31d7e814;border:1px solid #31d7e838;border-radius:999px;padding:0 10px;font-size:11px;font-weight:820}.import-meta{color:var(--subtle);margin-top:4px;font-size:11px;font-style:normal;display:block}.upload-progress{background:#ffffff14;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.upload-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--green));width:0;height:100%;transition:width .18s;display:block}.import-item.extracting .upload-progress i{animation:1s ease-in-out infinite import-pulse;width:100%!important}.import-item.extracted .upload-progress i{background:linear-gradient(90deg, var(--green), var(--cyan));width:100%!important}.import-item.error .upload-progress i{background:var(--magenta)}@keyframes import-pulse{0%,to{opacity:.46}50%{opacity:1}}.library-table{border:1px solid var(--line);box-shadow:var(--shadow);background:#0c1017eb;border-radius:8px;overflow:hidden}.library-table:has(.score-row.menu-open){overflow:visible}.table-head,.score-row{grid-template-columns:var(--table-columns,minmax(178px, 1.25fr) minmax(108px, .72fr) 92px 56px 96px minmax(126px, .9fr) 42px);align-items:center;column-gap:10px;display:grid}.table-head{border-bottom:1px solid var(--line);min-height:42px;color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;padding:0 12px;font-size:11px;font-weight:820}.score-row{--swipe-x:0px;content-visibility:auto;contain-intrinsic-size:auto 70px;width:100%;min-height:70px;color:var(--muted);text-align:left;touch-action:pan-y;background:#10151d94;border-bottom:1px solid #252f3ac7;padding:0 12px;position:relative;overflow:hidden}.library-load-more{border-top:1px solid var(--line);min-height:54px;color:var(--muted);background:#0a0e14c7;justify-content:center;align-items:center;gap:12px;padding:9px 12px;font-size:12px;display:flex}.library-load-more button{min-height:32px;color:var(--cyan);background:#31d7e817;border:1px solid #31d7e857;border-radius:8px;padding:0 11px;font-weight:760}.library-load-more button:hover{background:#31d7e826;border-color:#31d7e8ad}.score-row{cursor:pointer}.score-row.menu-open{z-index:60;content-visibility:visible;contain:none;overflow:visible}.score-row>:not(.swipe-reveal){z-index:1;transform:translateX(var(--swipe-x));transition:transform .16s;position:relative}.score-row.swiping>:not(.swipe-reveal){transition:none}.swipe-reveal{z-index:0;width:118px;color:var(--cyan);opacity:0;pointer-events:none;text-transform:uppercase;background:linear-gradient(90deg,#31d7e800,#31d7e833),#091f26d1;border-left:1px solid #31d7e82e;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:820;transition:opacity .12s,background .12s,color .12s;display:flex;position:absolute;inset:0 0 0 auto}.score-row.swiping .swipe-reveal{opacity:1}.score-row.swipe-ready .swipe-reveal{color:var(--brass);background:linear-gradient(90deg,#f0b24a00,#f0b24a47),#2f220beb}.score-row:hover{background:#1a2230db}.score-row:last-child{border-bottom:0}.score-row.selected{box-shadow:inset 4px 0 0 var(--cyan);background:linear-gradient(90deg,#31d7e829,#f0b24a0d),#141b25fa}.score-row.selected:after{background:linear-gradient(90deg, transparent, var(--brass));content:"";width:54px;height:2px;position:absolute;bottom:8px;right:12px}.title-cell{align-items:center;gap:12px;min-width:0;display:flex}.pdf-icon{width:36px;height:42px;color:var(--cyan);background:linear-gradient(#31d7e826,#ffffff08);border:1px solid #31d7e861;border-radius:6px;flex:none;place-items:center;display:grid}.title-cell strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.title-cell small{color:var(--subtle);margin-top:4px;font-size:12px;display:block}.mini-tags{flex-wrap:wrap;gap:4px;display:flex}.mini-tags em,.selected-tags em{border-radius:999px;padding:6px 7px;font-size:11px;font-style:normal;font-weight:760;line-height:1}.mini-tags em{color:#c3cbd0;background:#ffffff0b;border:1px solid #ffffff0f}.row-actions{justify-content:flex-end;display:flex;position:relative}.row-menu-trigger{opacity:.72;width:34px;height:34px}.score-row:hover .row-menu-trigger,.row-menu-trigger:hover{opacity:1}.row-menu{z-index:80;border:1px solid var(--line-strong);background:#0d121afa;border-radius:8px;gap:4px;width:220px;padding:6px;display:grid;position:absolute;top:38px;right:0;box-shadow:0 20px 44px #00000075}.row-menu button,.row-menu a{width:100%;min-height:34px;color:var(--muted);text-align:left;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;text-decoration:none;display:flex}.row-menu button:hover,.row-menu a:hover{color:var(--cyan);background:#31d7e81a}.share-group{border-top:1px solid #ffffff14;gap:4px;margin-top:4px;padding-top:6px;display:grid}.share-group>span{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;font-size:10px;font-weight:820}.key-cell,.bpm-cell{color:var(--cyan);font-weight:760}.empty-library{color:var(--muted);gap:6px;padding:28px 18px;display:grid}.empty-library strong{color:var(--ink);font-size:15px}.empty-library span{font-size:13px}.empty-library .primary-button{width:max-content;margin-top:8px;padding:0 14px}.inspector{border-left:1px solid var(--line);flex-direction:column;gap:18px;padding:20px;display:flex}.inspector-header{justify-content:flex-end;gap:8px;display:flex}.inspector-summary{border:1px solid var(--line);background:#10151de6;border-radius:8px;grid-template-columns:22px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.inspector-summary svg{color:var(--cyan)}.inspector-summary strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.inspector-summary span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.inspector-tabs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.inspector-tabs button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#10151de6;border-radius:8px;font-weight:760}.inspector-tabs button:hover,.inspector-tabs button.active{color:var(--cyan);background:#31d7e81a;border-color:#31d7e875}.metadata{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metadata div,.practice-panel,.tag-editor,.manual-metadata,.ai-panel{border:1px solid var(--line);background:#10151de6;border-radius:8px}.metadata div{min-height:72px;padding:13px}.metadata small{color:var(--subtle);font-size:12px;display:block}.metadata strong{color:var(--ink);margin-top:8px;font-size:14px}.practice-panel,.tag-editor,.manual-metadata,.ai-panel{padding:15px}.manual-metadata{gap:10px;display:grid}.manual-metadata .panel-title{justify-content:space-between}.manual-metadata .panel-title button,.manual-metadata-actions button{border:1px solid var(--line-strong);min-height:34px;color:var(--ink);background:#ffffff0a;border-radius:8px;padding:0 11px}.manual-metadata>p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.manual-metadata form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.manual-metadata label{gap:6px;display:grid}.manual-metadata label span{color:var(--subtle);font-size:11px}.manual-metadata input{border:1px solid var(--line-strong);width:100%;height:38px;color:var(--ink);background:#0b1017;border-radius:8px;padding:0 10px}.manual-metadata input:focus{border-color:#31d7e8c2;outline:0;box-shadow:0 0 0 3px #31d7e81f}.manual-metadata-wide,.manual-metadata-actions{grid-column:1/-1}.manual-metadata-actions{justify-content:flex-end;gap:8px;display:flex}.manual-metadata-actions button.primary{color:var(--cyan);background:#31d7e824;border-color:#31d7e880}.metadata-editor-dialog{width:min(760px,100%);max-height:min(780px,100vh - 36px);box-shadow:var(--shadow);background:linear-gradient(135deg,#31d7e81a,#0000 34%),#0d121afc;border:1px solid #31d7e84d;border-radius:12px;gap:18px;padding:20px;display:grid;overflow:auto}.metadata-editor-form,.metadata-editor-fields{gap:12px;display:grid}.metadata-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-editor-fields label{gap:6px;display:grid}.metadata-editor-fields label span,.metadata-tag-fieldset legend{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.metadata-editor-fields input{border:1px solid var(--line-strong);width:100%;height:42px;color:var(--ink);background:#0b1017;border-radius:8px;padding:0 11px}.metadata-editor-fields input:focus{border-color:#31d7e8c2;outline:0;box-shadow:0 0 0 3px #31d7e81f}.metadata-tag-fieldset{border:1px solid var(--line);border-radius:10px;gap:10px;min-width:0;margin:2px 0 0;padding:14px;display:grid}.metadata-tag-fieldset p,.metadata-editor-footer>span{color:var(--muted);margin:0;font-size:12px}.metadata-tag-grid{flex-wrap:wrap;gap:7px;display:flex}.metadata-tag-grid button{border:1px solid var(--line-strong);min-height:32px;color:var(--muted);background:#ffffff09;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:inline-flex}.metadata-tag-grid button:hover,.metadata-tag-grid button.active{color:var(--cyan);background:#31d7e81f;border-color:#31d7e880}.metadata-editor-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-top:14px;display:flex}.practice-panel{background:linear-gradient(135deg,#31d7e81a,#0000 36%),#10151df0;border-color:#31d7e847;flex-direction:column;gap:14px;display:flex}.practice-form{gap:10px;display:grid}.practice-form label{gap:6px;display:grid}.practice-form span{color:var(--subtle);font-size:12px}.practice-form input,.practice-form textarea{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#0b1017;border-radius:8px;outline:0}.practice-form input{height:38px;padding:0 10px}.practice-form textarea{resize:vertical;min-height:72px;padding:10px}.practice-form input:focus,.practice-form textarea:focus{border-color:#31d7e8c2;box-shadow:0 0 0 3px #31d7e81f}.practice-submit{background:linear-gradient(135deg, var(--cyan), #1b8794);color:#041014;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:820;display:inline-flex}.practice-history{gap:10px;display:grid}.practice-entry{cursor:pointer;background:#ffffff0b;border-left:2px solid #f0b24ac7;border-radius:0 8px 8px 0;padding:10px 11px}.practice-entry:hover,.practice-entry:focus-visible{border-left-color:var(--cyan);background:#31d7e814;outline:0;box-shadow:inset 0 0 0 1px #31d7e838}.practice-entry time{color:var(--brass);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:820;display:block}.practice-entry strong{color:var(--ink);margin-top:5px;font-size:13px;display:block}.practice-entry p,.empty-practice{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.practice-entry-modal{width:min(640px,100%)}.practice-entry-editor{gap:12px}.practice-entry-editor textarea{min-height:220px}.tag-editor{flex-direction:column;gap:12px;display:flex}.tag-ai-button{width:34px;height:34px;color:var(--cyan);background:#31d7e814;border:1px solid #31d7e838;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.tag-ai-button:hover,.tag-ai-button.active{background:#31d7e824;border-color:#31d7e8ad;box-shadow:0 0 18px #31d7e824}.tag-ai-button:disabled{cursor:wait;opacity:.62}.selected-tags{flex-wrap:wrap;gap:7px;display:flex}.selected-tags em{color:#d4fbff;background:#31d7e814;border:1px solid #31d7e82e}.selected-tags button{color:#d4fbff;background:#31d7e814;border:1px solid #31d7e82e;border-radius:999px;align-items:center;gap:5px;min-height:29px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.selected-tags button:hover{color:#ffb7c7;border-color:#ff6f8f80}.tag-select{gap:7px;display:grid}.tag-select span{color:var(--subtle);font-size:12px}.tag-select select{border:1px solid var(--line-strong);width:100%;height:40px;color:var(--ink);background:#0b1017;border-radius:8px;outline:0;padding:0 11px}.tag-select select:focus{border-color:#31d7e8c2;box-shadow:0 0 0 3px #31d7e81f}.ai-panel{background:linear-gradient(135deg,#31d7e814,#0000 42%),#10151df0;border-color:#31d7e83d}.panel-title{color:var(--ink);letter-spacing:0;text-transform:none;font-size:13px}.panel-title span{align-items:center;gap:7px;display:inline-flex}.panel-title em{color:var(--muted);background:#ffffff0f;border-radius:999px;padding:5px 8px;font-size:12px;font-style:normal}.ai-note{color:var(--muted);margin:12px 0 14px;font-size:13px;line-height:1.45}.ai-tool-list{gap:8px;display:grid}.ai-tool-list button{width:100%;min-height:40px;color:var(--ink);background:#ffffff0b;border:1px solid #31d7e82e;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;padding:0 12px;font-weight:760;display:inline-flex}.ai-tool-list button:hover{color:var(--cyan);border-color:#31d7e899}.ai-tool-list button:disabled{cursor:wait;opacity:.64}.tag-suggestion-box{background:#31d7e811;border:1px solid #31d7e83d;border-radius:8px;gap:10px;margin-top:12px;padding:11px;display:grid}.tag-suggestion-box>div:first-child{gap:3px;display:grid}.tag-suggestion-box strong{color:var(--ink);font-size:13px}.tag-suggestion-box span{color:var(--muted);font-size:11px;line-height:1.4}.tag-suggestion-box.loading{background:#f0b24a12;border-color:#f0b24a52}.tag-suggestion-box.error{background:#ff4f7612;border-color:#ff4f7657}.tag-suggestion-chips{flex-wrap:wrap;gap:7px;display:flex}.tag-suggestion-chips button{color:#d4fbff;background:#31d7e81f;border:1px solid #31d7e857;border-radius:999px;align-items:center;gap:5px;min-height:32px;padding:0 10px;font-size:12px;font-weight:780;display:inline-flex}.tag-suggestion-chips button:hover{color:#fff;background:#31d7e833;border-color:#31d7e8bd}.tag-suggestion-chips button:disabled{cursor:wait;opacity:.6}.analysis-card{background:#31d7e812;border:1px solid #31d7e838;border-radius:8px;gap:7px;margin-top:12px;padding:11px;display:grid}.analysis-card strong{color:var(--ink);font-size:13px}.analysis-card p{color:var(--muted);white-space:pre-line;margin:0;font-size:12px;line-height:1.5}.performance-list{gap:8px;margin-top:14px;display:grid}.mini-title{color:var(--brass);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:820;display:inline-flex}.performance-list a{color:var(--ink);background:#ffffff0a;border:1px solid #f0b24a2e;border-radius:8px;gap:3px;padding:10px 11px;text-decoration:none;display:grid}.performance-list a:hover{color:var(--brass);border-color:#f0b24a8c}.performance-list a span{font-size:13px;font-weight:760}.performance-list a em{color:var(--muted);font-size:12px;font-style:normal}@media (width<=900px){body{min-width:0}.app-shell,.app-shell.has-inspector,.app-shell.sidebar-collapsed,.app-shell.sidebar-collapsed.has-inspector{min-height:100vh;padding-bottom:0;display:block}.app-shell.has-inspector:not(.reader-open),.app-shell.sidebar-collapsed.has-inspector:not(.reader-open){grid-template-columns:minmax(0,1fr) minmax(286px,330px);align-items:start;display:grid}.inspector{border:0}.app-shell.has-inspector:not(.reader-open) .inspector{border-left:1px solid var(--line);background:#0c1017eb;height:100vh;padding:14px;position:sticky;top:0;overflow:auto}.sidebar{z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070af5;border:1px solid #31d7e838;border-left:0;border-radius:0 18px 18px 0;width:58px;height:auto;max-height:calc(100vh - 24px);padding:8px 7px;display:block;position:fixed;inset:50% auto auto 0;transform:translateY(-50%);box-shadow:18px 0 44px #00000057}.app-shell.sidebar-collapsed .sidebar{padding:8px 7px;display:block}.brand,.sidebar-section,.activity-box{display:none}.nav-list{scrollbar-width:none;gap:7px;max-height:calc(100vh - 40px);padding:0;display:grid;overflow:hidden auto}.nav-list::-webkit-scrollbar{display:none}.nav-item,.app-shell.sidebar-collapsed .nav-item{width:44px;min-height:54px;box-shadow:none;border-radius:14px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.nav-item svg{width:22px;height:22px}.nav-item span,.nav-item em,.app-shell.sidebar-collapsed .nav-item span,.app-shell.sidebar-collapsed .nav-item em{display:none}.nav-item.active{background:radial-gradient(circle at 50% 18%,#31d7e86b,#0000 38%),#31d7e824;border-color:#31d7e885;box-shadow:0 12px 28px #31d7e82b,inset 0 0 0 1px #ffffff0d}.workspace{padding:14px 12px calc(16px + env(safe-area-inset-bottom)) 72px}.topbar{flex-wrap:nowrap}.topbar .searchbox{flex:auto;width:auto;min-width:0}.pdf-viewer{box-shadow:none;border-radius:0;grid-template-rows:minmax(0,1fr);inset:0}.pdf-viewer-toolbar{gap:8px;min-height:50px;padding:8px 10px}.pdf-viewer-toolbar>div:first-child{min-width:0}.pdf-viewer-toolbar span{max-width:100%}.pdf-viewer-actions{gap:6px}.pdf-viewer-actions .fit-toggle{min-width:42px;padding:0 9px}.pdf-viewer-actions .fit-toggle span{display:none}.pdf-page-shell{padding:4px}.pdf-page-controls{padding:6px 10px}.setlist-photo-form,.setlist-action-bar,.recent-settings{grid-template-columns:1fr}.recent-settings label{justify-content:space-between}.settings-workbench{grid-template-columns:1fr;min-height:0}.settings-menu{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(120px,180px);align-items:center;gap:10px;padding:12px;display:grid}.settings-menu header{margin:0}.tag-settings-panel{padding:18px 14px}.tag-settings-header{gap:12px;display:grid}.tag-settings-header .secondary-button{justify-self:start}.tag-editor-columns{display:none}.tag-editor-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:11px 12px}.tag-editor-row:first-of-type{border-top:0}.tag-rename-form{grid-column:1/-1}.tag-usage{justify-self:end}.tag-filter-toggle{grid-column:1}.tag-editor-actions{grid-column:2}.compact-action{width:100%}.saved-setlist-row{grid-template-columns:minmax(0,1fr) 44px}.saved-setlist-main{grid-template-columns:24px minmax(0,1fr)}.saved-setlist-main em{grid-column:2;justify-self:start}.setlist-nested-table .table-head{display:none}.setlist-nested-table .score-row{min-height:112px}.setlist-review-box article{grid-template-columns:1fr;padding:9px}.import-list article{grid-template-columns:24px 1fr}.import-action{grid-column:2;justify-self:start}.modal-backdrop{align-items:start;padding:14px 12px 14px 72px}.ai-setlist-grid{grid-template-columns:1fr}.modal-actions{grid-template-columns:1fr;display:grid}.import-dropzone{grid-template-columns:1fr}.import-title-row{align-items:flex-start}.import-info-box{width:100%;margin-top:10px;position:static}.library-table{overflow:visible}.table-head{display:none}.score-row{grid-template-columns:minmax(0,1fr) auto auto 38px;gap:3px 10px;min-width:0;min-height:auto;padding:8px 10px;display:grid}.title-cell{grid-area:1/1/auto/4;padding-right:4px}.pdf-icon{width:34px;height:34px}.title-cell strong{font-size:13px}.title-cell small{margin-top:2px;font-size:11px}.row-actions{grid-area:1/4/2/5;align-self:start}.row-menu-trigger{width:34px;height:34px}.score-row>.metadata-cell,.score-row>.mini-tags{min-width:0;color:var(--muted);align-items:center;gap:3px;font-size:10px;line-height:1.1;display:inline-flex}.composer-cell:before{color:var(--subtle);content:"Comp "}.artist-cell:before{color:var(--subtle);content:"Artist "}.key-cell:before{color:var(--subtle);content:"Key "}.bpm-cell:before{color:var(--subtle);content:"BPM "}.feel-cell:before{color:var(--subtle);content:"Genre "}.composer-cell{grid-area:2/1/auto/4}.artist-cell{grid-area:3/1/auto/4}.key-cell{grid-area:4/1/auto/2}.bpm-cell{grid-area:4/2/auto/3}.feel-cell{grid-area:4/3/auto/4}.key-cell,.bpm-cell{color:var(--cyan)!important}.mini-tags{grid-area:5/1/auto/4;margin-top:2px}.mini-tags em{padding:4px 6px;font-size:10px}.row-menu{right:0}.metadata-editor-dialog{max-height:calc(100vh - 20px);padding:16px}.metadata-editor-fields{grid-template-columns:1fr}.metadata-editor-footer{flex-direction:column;align-items:stretch}.metadata-editor-footer .modal-actions{justify-content:stretch}.metadata-editor-footer .modal-actions button{flex:1}}