:root{color:#24272d;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f4f6;font-family:Inter Variable,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}#root{--color-primary:#5b3fd6;--color-primary-hover:#4c33bd;--color-primary-soft:#f1edff;--color-text:#252932;--color-text-muted:#6f7681;--color-border:#d7dce3;--color-border-strong:#aeb7c3;--color-surface:#fff;--color-surface-hover:#f1f3f5;--color-focus-ring:#5b3fd638;min-height:100vh}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-box:focus,.onboarding-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:0}.app-shell{max-width:1500px;margin:0 auto;padding:28px}.app-header{justify-content:space-between;align-items:center;gap:30px;margin-bottom:24px;display:flex}.app-header h1{margin:0;font-size:2rem}.app-header p{color:#737986;margin:5px 0 0}.show-summary{gap:12px;display:flex}.show-summary div{background:#fff;border:1px solid #dfe3e8;border-radius:10px;min-width:110px;padding:10px 14px}.show-summary span{color:#737986;margin-bottom:2px;font-size:.75rem;display:block}.show-summary strong{font-size:1.05rem}.show-summary .total{border-color:var(--color-primary)}.editor-layout{grid-template-columns:minmax(310px,.8fr) minmax(600px,1.8fr);align-items:start;gap:20px;display:grid}.panel{background:#fff;border:1px solid #dfe3e8;border-radius:12px;overflow:hidden}.song-library{flex-direction:column;align-self:start;height:calc(100vh - 52px);min-height:0;max-height:calc(100vh - 52px);display:flex;position:sticky;top:36px}.panel-heading{border-bottom:1px solid #e8eaee;justify-content:space-between;align-items:center;padding:18px;display:flex}.panel-heading h2{margin:0;font-size:1.15rem}.panel-heading span{color:#858b96;margin-top:2px;font-size:.8rem;display:block}.search-box{box-sizing:border-box;width:calc(100% - 24px);font:inherit;border:1px solid #ccd2da;border-radius:8px;margin:12px;padding:11px 12px}.song-list{flex:auto;min-height:0;padding:0 12px 12px;overflow-y:auto}.song-card{text-align:left;cursor:default;background:#fff;border:1px solid #e0e4e9;border-radius:8px;width:100%;margin-bottom:8px;padding:12px 42px 12px 12px;display:block;position:relative}.song-card:hover{background:#f7f8fa;border-color:#b9c1cc}.song-main{flex-direction:column;display:flex}.song-main strong{font-size:.95rem}.song-main span{color:#6e7480;margin-top:1px;font-size:.83rem}.song-meta{color:#858b96;justify-content:space-between;margin-top:8px;font-size:.75rem;display:flex}.song-difficulty{color:#737986;gap:16px;margin-top:7px;font-size:.72rem;display:flex}.add-indicator{color:#727986;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:12px;translate:0 -50%}.difficulty{letter-spacing:-1px;margin-left:3px;font-family:monospace}.difficulty-0{color:#b8bec7}.difficulty-1{color:#6d8d73}.difficulty-2{color:#a37e48}.difficulty-3{color:#a35858}.secondary-button,.break-controls button{cursor:pointer;background:#fff;border:1px solid #ccd2da;border-radius:7px}.remove-button{color:#8e5555;cursor:pointer;background:#fff;border:1px solid #ccd2da;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.secondary-button{background:var(--color-surface);color:#343a45;border-color:#c7cdd6;padding:8px 12px;transition:background .12s,border-color .12s}.secondary-button:hover:not(:disabled),.break-controls button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.setlist{padding:12px}.setlist-row{border:1px solid #e1e4e8;border-radius:8px;grid-template-columns:28px 32px minmax(180px,1fr) 150px 60px 32px;align-items:center;gap:8px;min-height:58px;padding:7px 10px;display:grid}.setlist-row:hover{border-color:#bcc4ce}.position{color:#8a9099;text-align:center;font-size:.8rem}.setlist-song{flex-direction:column;display:flex}.setlist-song strong{font-size:.95rem}.setlist-song span{color:#747a84;margin-top:1px;font-size:.8rem}.setlist-difficulty{color:#777d87;gap:10px;font-size:.72rem;display:flex}.duration{text-align:right;font-variant-numeric:tabular-nums;font-size:.86rem}.remove-button:hover{background:#faf0f0}.break-row{background:#f7f8fa;border-top:2px dashed #c6ccd4;border-bottom:2px dashed #c6ccd4;justify-content:space-between;align-items:center;margin:14px 0;padding:11px 12px;display:flex}.break-row>div:first-child{align-items:baseline;gap:12px;display:flex}.break-row span{color:#767c86;font-size:.85rem}.break-controls{gap:5px;display:flex}.break-controls button{min-width:34px;height:28px;padding:0 8px}.empty-state{text-align:center;color:#858b96;padding:50px 20px}.library-heading-actions{align-items:center;gap:.5rem;display:flex}.mobile-library-button,.mobile-library-close-button{display:none}.library-help-mobile{align-items:center;gap:3px;display:none}.library-help-desktop{display:block}.library-help-desktop svg,.library-help-mobile svg{vertical-align:-2px;margin:0 2px;display:inline-block}.setlist-row.active{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 0 0 1px var(--color-primary)}.setlist-row{cursor:pointer}.setlist-item-wrapper.recently-inserted .setlist-row{animation:1.4s ease-out recently-inserted-song}@keyframes recently-inserted-song{0%{box-shadow:0 0 0 5px var(--color-focus-ring)}to{box-shadow:0 0 0 1px var(--color-primary)}}.insert-song-here,.panel-heading .mobile-insert-context{display:none}@media (width<=900px){.app-header{flex-direction:column;align-items:flex-start}.show-summary{width:100%}.show-summary div{flex:1}.editor-layout{grid-template-columns:1fr}.song-library{height:auto;min-height:0;max-height:none;position:static}.song-list{-webkit-overflow-scrolling:touch;flex:none;max-height:190px;overflow-y:auto}}.song-card{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 8px;display:grid}.song-card-content{min-width:0}.library-drag-handle,.drag-handle{color:#9299a3;cursor:grab;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:32px;padding:0;display:inline-flex}.library-drag-handle:hover,.drag-handle:hover{color:#4f5660}.library-drag-handle:active,.drag-handle:active{cursor:grabbing}.add-indicator{color:#727986;cursor:pointer;background:#fff;border:1px solid #d5dae1;border-radius:7px;width:30px;height:30px;padding:0;position:static;translate:none}.add-indicator:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.dragging{opacity:.45}.setlist{min-height:250px;transition:background .12s,box-shadow .12s}.setlist-drop-target{background:#f5f7fa;box-shadow:inset 0 0 0 2px #aeb7c3}.break-main{align-items:center;gap:12px;display:flex}.break-main .drag-handle{flex:none}.library-help{color:#858b96;margin:-4px 14px 10px;font-size:.76rem}.set-section-header{border-bottom:1px solid #d6dbe2;justify-content:space-between;align-items:center;margin:18px 2px 8px;padding:0 8px 7px;display:flex}.set-section-header:first-child{margin-top:4px}.set-section-header>div:first-child strong{text-transform:uppercase;letter-spacing:.06em;color:#555c66;font-size:.9rem}.set-section-time{align-items:baseline;gap:8px;display:flex}.set-section-time span{color:#8a9099;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.set-section-time strong{font-variant-numeric:tabular-nums;font-size:.9rem}.setlist-item-wrapper{margin-bottom:7px}.setlist-item-wrapper .setlist-row{margin-bottom:0}.difficulty-warning{color:#805f31;background:#fff8ec;border-left:3px solid #b88746;border-radius:0 0 5px 5px;margin:-1px 8px 0 68px;padding:5px 10px;font-size:.74rem}.song-performance-meta,.setlist-song-meta{opacity:.75;flex-wrap:wrap;gap:.75rem;margin-top:.2rem;font-size:.78rem;display:flex}.song-performance-meta strong,.setlist-song-meta strong{font-weight:600}.setlist-title-row{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.setlist-title-row h2{flex:0 auto;width:auto;margin:0}.setlist-name-input{min-width:280px;font:inherit;padding:.4rem .6rem;font-weight:700}.edit-icon-button{color:#727986;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .12s,color .12s;display:inline-flex}.edit-icon-button:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.edit-icon-button:disabled{cursor:default;opacity:.4}.save-error,.setlist-conflict{margin-top:.25rem;font-size:.8rem}.setlist-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.setlist-actions button:disabled{opacity:.45;cursor:default}.unsaved-indicator{margin-top:.25rem;font-size:.8rem;font-weight:600}.save-success{color:var(--color-primary);background:var(--color-primary-soft);border-radius:5px;margin-top:8px;padding:3px 7px;font-size:.85rem;font-weight:600;display:inline-block}.save-error{margin-top:.25rem;font-size:.8rem}.library-song-actions{flex:none;align-items:center;gap:.4rem;display:flex}.library-song-actions .edit-icon-button,.library-song-actions .add-indicator{width:36px;height:30px}.song-editor-backdrop{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.song-editor{background:#fff;border-radius:12px;width:min(700px,100%);max-height:calc(100vh - 4rem);padding:1.5rem;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.song-editor-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.song-editor-heading h2{margin:0}.song-editor-heading span{opacity:.7;margin-top:.25rem;display:block}.song-editor-close{cursor:pointer;background:0 0;border:0;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.song-editor-fields{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.song-editor-fields>label{flex-direction:column;gap:.35rem;display:flex}.song-editor-fields input,.song-editor-fields select,.song-editor-difficulty select{box-sizing:border-box;width:100%;font:inherit;padding:.55rem .65rem}.song-editor-length{flex-direction:column;gap:.35rem;display:flex}.song-editor-length>div{gap:.75rem;display:flex}.song-editor-length label{align-items:center;gap:.35rem;display:flex}.song-editor-length input{width:80px}.song-editor-difficulty{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;padding:1rem;display:grid}.song-editor-difficulty legend{padding:0 .4rem;font-weight:600}.song-editor-difficulty label{flex-direction:column;gap:.35rem;display:flex}.song-editor-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}@media (width<=700px){.song-editor-backdrop{padding:1rem}.song-editor-fields,.song-editor-difficulty{grid-template-columns:1fr}}.setlist-conflict>div{margin-bottom:.5rem}.landing-page{flex-direction:column;min-height:100vh;display:flex}.landing-nav{justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.landing-brand{align-items:center;gap:9px;font-size:1.25rem;font-weight:800;display:flex}.landing-brand img{border-radius:7px;width:30px;height:30px}.landing-nav-links{align-items:center;gap:24px;display:flex}.landing-nav-links a{color:inherit;opacity:.8;text-decoration:none}.landing-nav-links a:hover{opacity:1}.landing-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;max-width:850px;margin:0 auto;padding:80px 40px 140px;display:flex}.landing-eyebrow{letter-spacing:.16em;color:var(--color-primary);margin-bottom:20px;font-size:.8rem;font-weight:800}.landing-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(3rem,8vw,6rem);line-height:.95}.landing-hero p{opacity:.72;max-width:650px;margin:32px auto 0;font-size:1.2rem;line-height:1.6}.landing-actions{margin-top:36px}.landing-primary-button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:14px 24px;font-weight:700;text-decoration:none;display:inline-block}.landing-note{opacity:.5;margin-top:28px;font-size:.9rem}.public-page,.auth-loading{max-width:800px;margin:80px auto;padding:0 30px}@media (width<=700px){.landing-nav{padding:20px}.landing-nav-links{gap:12px;font-size:.85rem}.landing-hero{padding:60px 24px 100px}}.app-topbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #dfe3e8;align-items:center;gap:28px;min-height:54px;padding:0 28px;display:flex;position:sticky;top:0}.app-topbar-brand{color:var(--color-primary);letter-spacing:-.02em;flex-shrink:0;font-size:1rem;font-weight:800;text-decoration:none}.app-topbar-nav{align-items:center;gap:20px;display:flex}.app-topbar-nav a,.app-topbar-account a{color:#666d78;font-size:.88rem;text-decoration:none}.app-topbar-nav a:hover,.app-topbar-account a:hover{color:#252932}.app-topbar-nav a.active,.app-topbar-account a.active{color:var(--color-primary);font-weight:700}.app-topbar-account{align-items:center;gap:18px;margin-left:auto;display:flex}.app-topbar-account button{color:#666d78;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.88rem}.app-topbar-account button:hover{color:#252932}@media (width<=700px){.app-topbar{gap:16px;padding:0 16px}.app-topbar-nav,.app-topbar-account{gap:12px}}.onboarding-page{background:linear-gradient(#f7f8fa 0%,#fff 100%);place-items:center;min-height:100vh;padding:40px 24px;display:grid}.onboarding-card{background:#fff;border:1px solid #dfe3e8;border-radius:16px;width:min(540px,100%);padding:42px;box-shadow:0 18px 50px #1a1f2714}.onboarding-eyebrow{color:var(--color-primary);letter-spacing:.14em;margin-bottom:12px;font-size:.75rem;font-weight:800}.onboarding-card h1{letter-spacing:-.035em;margin:0;font-size:2rem;line-height:1.15}.onboarding-intro{color:#6f7681;margin:14px 0 30px;line-height:1.6}.onboarding-form{flex-direction:column;gap:20px;display:flex}.onboarding-form label{flex-direction:column;gap:7px;font-size:.85rem;font-weight:700;display:flex}.onboarding-form input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #ccd2da;border-radius:8px;padding:12px 13px;font-weight:400}.onboarding-email{color:#858b96;margin-top:-6px;font-size:.8rem}.onboarding-submit{font:inherit;cursor:pointer;border:0;border-radius:9px;margin-top:4px;padding:12px 18px;font-weight:700}.onboarding-submit:disabled{cursor:default;opacity:.55}.onboarding-footnote{color:#858b96;text-align:center;margin:24px 0 0;font-size:.8rem}.landing-paths{text-align:left;grid-template-columns:1fr 1fr;gap:16px;max-width:680px;margin:34px auto 0;display:grid}.landing-path{background:#fff;border:1px solid #dfe3e8;border-radius:10px;padding:18px 20px}.landing-path strong{margin-bottom:7px;font-size:.9rem;display:block}.landing-path span{color:#737986;font-size:.85rem;line-height:1.5}@media (width<=700px){.landing-paths{grid-template-columns:1fr}}.account-page{width:min(820px,100% - 40px);margin:0 auto;padding:42px 0 80px}.account-heading{margin-bottom:32px}.account-heading h1{margin:0}.account-heading p{color:#747b86;margin:6px 0 0;font-size:1.05rem}.account-section{background:#fff;border:1px solid #dfe3e8;border-radius:12px;margin-top:24px;padding:26px}.account-section h2{margin:0 0 18px;font-size:1.15rem}.account-section-intro{color:#777e89;margin:-8px 0 18px}.member-list,.invitation-list{flex-direction:column;display:flex}.member-row,.invitation-row{border-bottom:1px solid #eceff2;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.member-row:last-child,.invitation-row:last-child{border-bottom:0}.member-row>div,.invitation-row>div{flex-direction:column;gap:3px;display:flex}.member-email,.invitation-row span{color:#818792;font-size:.83rem}.member-role{text-transform:capitalize;background:#f0f2f5;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700}.invite-form{gap:10px;display:flex}.invite-form input{font:inherit;border:1px solid #ccd2da;border-radius:8px;flex:1;padding:11px 12px}.invite-form button,.invitation-row button,.invite-link-row button{font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd0d7;border-radius:8px;padding:10px 14px}.invite-created{background:#f8f9fa;border:1px solid #dfe3e8;border-radius:9px;margin-top:20px;padding:18px}.invite-created p{color:#737a85;margin:7px 0 14px;font-size:.88rem}.invite-link-row{gap:8px;display:flex}.invite-link-row input{border:1px solid #ccd2da;border-radius:7px;flex:1;min-width:0;padding:9px 10px;font-family:monospace;font-size:.8rem}.account-empty{color:#838a95;margin:0}@media (width<=600px){.invite-form,.invite-link-row{flex-direction:column}}.invite-page{background:linear-gradient(#f7f8fa 0%,#fff 100%);place-items:center;min-height:100vh;padding:40px 24px;display:grid}.invite-card{background:#fff;border:1px solid #dfe3e8;border-radius:16px;width:min(520px,100%);padding:42px;box-shadow:0 18px 50px #1a1f2714}.invite-eyebrow{color:var(--color-primary);letter-spacing:.14em;margin-bottom:12px;font-size:.75rem;font-weight:800}.invite-card h1{letter-spacing:-.035em;margin:0;font-size:2rem;line-height:1.15}.invite-intro{color:#6f7681;margin:14px 0 26px;line-height:1.6}.invite-details{background:#f5f6f8;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:24px;padding:14px 16px;display:flex}.invite-details span{color:#858b96;font-size:.78rem}.invite-primary-button{width:100%;font:inherit;cursor:pointer;border:0;border-radius:9px;padding:12px 18px;font-weight:700}.invite-primary-button:disabled{cursor:default;opacity:.55}.invite-note{color:#858b96;text-align:center;margin:14px 0 0;font-size:.82rem;line-height:1.5}.invite-warning{background:#fff8f8;border:1px solid #d8b5b5;border-radius:8px;padding:16px}.invite-warning p{margin:7px 0 0;font-size:.88rem;line-height:1.5}.setlist-picker{flex:0 auto;min-width:0;position:relative}.setlist-picker-select{max-width:min(420px,50vw);color:inherit;appearance:none;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;outline:0;margin-left:-8px;padding:4px 26px 4px 8px;font-size:1.25rem;font-weight:700;line-height:1.2}.setlist-picker-select:disabled{cursor:default;opacity:.7}.setlist-picker-arrow{pointer-events:none;opacity:.65;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.setlist-switch-backdrop{z-index:1100;background:#0000008c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.setlist-switch-dialog{background:#fff;border-radius:12px;width:min(460px,100%);padding:1.5rem;box-shadow:0 20px 60px #0000004d}.setlist-switch-dialog h3{margin-top:0}.setlist-switch-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.setlist-more-menu{position:relative}.setlist-more-menu-popover{z-index:100;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:180px;padding:.35rem;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 8px 24px #00000026}.setlist-more-menu-popover button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:.6rem .75rem}.setlist-more-menu-popover button:hover{background:#f3f4f6}.import-dialog{max-height:90vh;overflow-y:auto}.import-instructions{margin-bottom:1.25rem}.import-instructions>p{margin-top:0}.import-instructions ul{margin:1rem 0;padding-left:1.25rem}.import-instructions li{margin-bottom:.4rem}.import-field-reference{margin-top:1rem}.import-field-reference summary{cursor:pointer;font-weight:600}.import-field-reference>div{margin-top:.75rem}.import-field-reference p{margin:.45rem 0}.import-file-field{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.danger-button{color:#b42318;cursor:pointer;font:inherit;background:0 0;border:1px solid #b42318;border-radius:6px;margin-right:auto;padding:.55rem .8rem}.danger-button:hover:not(:disabled){background:#fff1f0}.danger-button:disabled{opacity:.55;cursor:default}.setlist-row.compact{grid-template-columns:28px 32px minmax(180px,1fr) 60px 32px;gap:.5rem;min-height:0;padding-top:.35rem;padding-bottom:.35rem}.setlist-row.compact .setlist-song{min-width:0}.setlist-row.compact .setlist-song>strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.song-card.compact{min-height:0;padding-top:.3rem;padding-bottom:.3rem}.song-card.compact .song-card-content{align-items:center;gap:.75rem;min-width:0;display:flex}.song-card.compact .song-main{flex:auto;min-width:0}.song-card.compact .song-main strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.song-card.compact .song-main span{display:none}.song-card.compact .song-meta{white-space:nowrap;flex:none;margin-top:0}.editor-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:12px;display:flex}.editor-toolbar-actions{align-items:center;gap:.5rem;display:flex}.editor-toolbar button:disabled{opacity:.45;cursor:default}.editor-save-status{text-align:right;min-width:130px;padding-right:8px}.editor-save-status .save-success,.editor-save-status .unsaved-indicator{margin-top:0}.save-setlist-button{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;font:inherit;cursor:pointer;border-radius:7px;padding:8px 12px;font-weight:600;transition:background .12s,border-color .12s}.save-setlist-button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.onboarding-submit,.invite-primary-button,.landing-primary-button{background:var(--color-primary);color:#fff;transition:background .12s,transform .12s}.onboarding-submit:hover:not(:disabled),.invite-primary-button:hover:not(:disabled),.landing-primary-button:hover{background:var(--color-primary-hover)}.band-name-row{align-items:center;gap:.4rem;margin-top:6px;display:flex}.band-name-row p{margin:0}.band-name-input{min-width:280px;max-width:100%;font:inherit;border:1px solid #ccd2da;border-radius:7px;padding:.4rem .6rem}.editor-band-name{color:var(--color-text-muted);white-space:nowrap;font-size:1rem;font-weight:600}.editor-toolbar-left{align-items:center;gap:.75rem;display:flex}.view-toggle-button{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px 3px;font-size:.8rem;font-weight:500;transition:color .12s,background .12s}.view-toggle-button:hover{color:var(--color-text);background:var(--color-surface-hover)}.view-toggle-button[aria-pressed=true]{color:var(--color-primary);font-weight:600}.required-mark{color:var(--color-primary);font-weight:700}.song-editor-required-note{color:var(--color-text-muted);font-size:.8rem}.printable-setlist{display:none}@media print{@page{margin:.45in}body{background:#fff}.app-topbar,.app-shell,.setlist-switch-backdrop,.song-editor-backdrop{display:none!important}.printable-setlist{color:#000;width:100%;font-size:10pt;line-height:1.2;display:block;position:static}.printable-setlist-header{border-bottom:2px solid #000;margin-bottom:12px;padding-bottom:8px}.printable-band-name{margin-bottom:2px;font-size:10pt;font-weight:600}.printable-setlist-header h1{margin:0;font-size:18pt;line-height:1.1}.printable-columns,.printable-song-row{grid-template-columns:28px minmax(0,1fr) minmax(120px,.35fr);align-items:baseline;gap:8px;display:grid}.printable-columns{text-transform:uppercase;border-bottom:1px solid #777;padding:3px 4px;font-size:7.5pt;font-weight:700}.printable-song-row{break-inside:avoid;border-bottom:1px solid #ddd;padding:3px 4px}.printable-song-number{text-align:right}.printable-song-row strong{font-weight:600}.printable-starts{font-size:9pt}.printable-set-heading{text-transform:uppercase;break-after:avoid;border-bottom:1px solid #555;margin-top:7px;padding:3px 4px;font-size:8pt;font-weight:700}.printable-break{break-inside:avoid;border-top:1px dashed #555;border-bottom:1px dashed #555;justify-content:space-between;margin:7px 0;padding:5px 4px;font-weight:600;display:flex}}.account-heading .edit-icon-button:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary)}@media (width<=700px){.app-shell,.panel-heading{padding:12px}.editor-toolbar{display:contents}.editor-toolbar-left{align-items:center;gap:.5rem;min-width:0;margin-bottom:.5rem;display:flex}.editor-band-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.editor-toolbar-actions{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e8eaee;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.5rem;width:auto;min-width:0;margin:0 -12px 12px;padding:8px 12px;display:grid;position:sticky;top:54px;box-shadow:0 3px 8px #1a1f270f}.mobile-library-button{white-space:nowrap;align-items:center;display:inline-flex}.editor-save-status{text-align:left;min-width:0;padding-right:0}.editor-toolbar-actions button{white-space:nowrap}.view-toggle-button{white-space:nowrap;flex:none;margin-left:auto}.song-library{z-index:200;visibility:hidden;pointer-events:none;overscroll-behavior:contain;background:#fff;border-bottom:0;border-left:0;border-right:0;border-radius:0;flex-direction:column;width:100%;height:calc(100dvh - 54px);min-height:0;max-height:calc(100dvh - 54px);transition:transform .18s,visibility 0s linear .18s;display:flex;position:fixed;inset:54px 0 0;overflow:hidden;transform:translate(-100%)}.song-library.mobile-library-open{visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.song-library .song-list{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:1 1 0;min-height:0;max-height:none;overflow:hidden auto}.mobile-library-close-button{background:var(--color-primary-soft);color:var(--color-primary);font:inherit;cursor:pointer;border:1px solid #d5ccff;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.library-song-actions{gap:.5rem}.library-song-actions .edit-icon-button,.library-song-actions .add-indicator{width:40px;height:30px}.setlist-heading{flex-direction:column;align-items:stretch;gap:.65rem;display:flex}.setlist-heading>div:first-child{width:100%;min-width:0}.setlist-title-row{gap:.35rem;width:100%;min-width:0}.setlist-picker{flex:auto;min-width:0}.setlist-picker-select{width:100%;min-width:0;max-width:100%}.setlist-title-row .edit-icon-button{flex:0 0 30px}.setlist-more-menu{flex:none}.setlist-actions{flex-wrap:nowrap;justify-content:flex-end;gap:.5rem;width:100%}.setlist-actions button{white-space:nowrap}.setlist-row:not(.compact){grid-template-rows:auto auto;grid-template-columns:28px 28px minmax(0,1fr) auto 28px;gap:.35rem .4rem;padding:7px 8px}.setlist-row:not(.compact) .drag-handle{grid-area:1/1}.setlist-row:not(.compact) .position{grid-area:1/2}.setlist-row:not(.compact) .setlist-song{grid-area:1/3;min-width:0}.setlist-row:not(.compact) .setlist-difficulty{flex-wrap:wrap;grid-area:2/3/auto/5}.setlist-row:not(.compact) .duration{white-space:nowrap;grid-area:1/4}.setlist-row:not(.compact) .remove-button{grid-area:1/5}.difficulty-warning{margin-left:64px;margin-right:4px}.setlist-row.compact{grid-template-columns:28px 28px minmax(0,1fr) auto 28px;gap:.4rem;padding-left:8px;padding-right:8px}.song-library .library-drag-handle{display:none}.song-library .song-card{grid-template-columns:minmax(0,1fr) auto}.library-help-desktop{display:none}.library-help-mobile{display:inline-flex}.panel-heading .mobile-insert-context{color:var(--color-primary);margin-top:4px;font-weight:600;display:block}.insert-song-here{opacity:0;justify-content:center;align-items:center;max-height:0;animation:.16s ease-out forwards insert-song-slot-open;display:flex;overflow:hidden}.insert-song-here button{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:6px 0 4px;padding:5px 10px;font-size:.82rem;font-weight:600}.insert-song-here button:hover{background:var(--color-primary-soft)}@keyframes insert-song-slot-open{0%{opacity:0;max-height:0;transform:translateY(-4px)}to{opacity:1;max-height:44px;transform:translateY(0)}}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}