.library-switcher{position:relative;min-width:0;max-width:220px;text-align:left}.library-trigger{min-height:44px;max-width:100%;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface);font-size:13px;font-weight:700;cursor:pointer}.library-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-trigger>span:last-child{color:var(--muted)}.library-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:15;width:min(300px,calc(100vw - 40px));padding:5px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);box-shadow:0 14px 34px #000c;animation:menu-in .12s ease-out}.library-dropdown-list{max-height:min(45vh,320px);overflow-y:auto;overscroll-behavior:contain}.library-dropdown button{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13px;cursor:pointer;overflow-wrap:anywhere}.library-dropdown button:hover,.library-dropdown button:focus-visible{background:#ffffff0c}.library-dropdown button.selected-library{color:var(--accent);background:var(--accent-soft)}.library-dropdown button>span:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.library-dropdown button strong{font-weight:700}.library-dropdown button small{color:var(--muted);font-size:11px}.library-dropdown-actions{border-top:1px solid var(--border);padding-top:5px;margin-top:5px}.library-panel:focus{outline:none}.library-panel .modal-header>.icon-button{font-size:32px}.library-panel button:disabled,.library-panel input:disabled,.library-panel select:disabled{opacity:.5;cursor:default}.library-panel button:focus-visible,.library-switcher button:focus-visible,.library-panel select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.library-panel .field input:disabled{opacity:.75}.library-help{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:18px}.library-help strong{color:var(--text);font-weight:600}.library-email{overflow-wrap:anywhere}.library-role{margin-top:14px;margin-bottom:0}.library-section{margin-top:30px;padding-top:25px;border-top:1px solid var(--border)}.library-section h3,.viewing-options h3{margin-bottom:12px;font-size:17px}.viewing-options .toggle-row{position:relative}.viewing-options .toggle-row input{display:block;position:absolute;width:1px;height:1px;opacity:0}.viewing-options .toggle-row input:focus-visible+i{outline:2px solid var(--accent);outline-offset:3px}.viewing-controls-help{margin-top:14px}.library-subheading{font-size:13px;margin:24px 0 10px}.library-full-button{width:100%}.library-inline-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px}.library-text-button{min-height:44px;border:0;border-radius:8px;padding:8px 10px;background:transparent;color:var(--accent);font-size:12px;font-weight:700;cursor:pointer}.library-text-button:hover{background:#ffffff08}.library-danger-text{color:var(--danger)}.library-notice,.library-error{padding:13px 14px;margin-bottom:20px;border:1px solid var(--accent-border);border-radius:12px;color:var(--accent-muted);background:var(--accent-soft);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.library-error{color:#ffb7b7;border-color:#633337;background:#2c171b}.library-member-list{list-style:none;padding:0;margin:0}.library-member-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:13px 0;border-bottom:1px solid var(--border)}.library-member-list li:last-child{border-bottom:0}.library-member-info{display:flex;flex:1 1 150px;min-width:0;flex-direction:column;gap:5px}.library-member-info strong{font-size:13px;overflow-wrap:anywhere}.library-member-info small{font-size:11px;color:var(--muted)}.library-member-actions{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.library-role-select select{max-width:100%;min-height:44px;border:1px solid var(--border);border-radius:9px;padding:8px;color:var(--text);background:var(--surface);font:inherit;font-size:12px}.library-share-link{margin-top:18px}.library-share-link input{font-size:12px}.library-share-link small{font-size:11px;line-height:1.4;color:var(--muted)}.library-danger-zone{margin-top:35px}.library-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.palette-group{min-width:0;margin:0;padding:0;border:0}.palette-group legend{padding:0;margin-bottom:12px;font-size:17px;font-weight:700}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.palette-choice{position:relative;min-width:0;cursor:pointer}.palette-tile{display:grid;grid-template-columns:1fr 20px;gap:9px;align-items:center;min-height:95px;padding:10px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.palette-choice input:checked+.palette-tile{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.palette-choice input:focus-visible+.palette-tile{outline:2px solid var(--accent);outline-offset:3px}.palette-choice input:disabled+.palette-tile{cursor:default;opacity:.65}.palette-preview{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;height:39px;padding:7px;border:1px solid;border-radius:7px}.palette-preview-card{display:flex;flex-direction:column;justify-content:center;gap:4px;width:72%;height:25px;padding:5px 7px;border-radius:4px}.palette-preview-card i{display:block;width:65%;height:3px;border-radius:3px}.palette-preview-card i+i{width:40%;height:2px}.palette-preview-dot{display:block;flex:0 0 13px;height:13px;border-radius:4px}.palette-name{font-size:13px;font-weight:650}.palette-selected{display:grid;place-items:center;height:20px;border:1px solid var(--border);border-radius:50%;font-size:12px;font-weight:900}.palette-choice input:checked+.palette-tile .palette-selected{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.palette-current{display:flex;align-items:center;gap:12px;margin-bottom:12px}.palette-current .palette-preview{width:125px}.palette-current strong{font-size:14px}@media(min-width:540px){.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:420px){.library-switcher{max-width:160px}.library-member-actions{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.library-panel,.library-dropdown{animation:none}}.editor-page:focus{outline:none}.editor-page button:disabled{opacity:.45;cursor:default}.editor-page button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.editor-readonly{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:22px}.editor-save-error{flex-shrink:0;max-height:35vh;overflow:auto;padding:13px 16px;border:1px solid #633337;border-radius:12px;background:#2c171b;color:#ffb7b7;font-size:13px;line-height:1.5}.editor-save-error p{margin:0;overflow-wrap:anywhere}.editor-save-error .secondary-button{margin-top:12px}.wizard-form>.editor-save-error{margin:8px 18px}.editor-page .song-picker-row.selected{cursor:pointer}.editor-page .toggle-row{position:relative}.editor-page .toggle-row input{display:block;position:absolute;opacity:0;width:1px;height:1px}.editor-page .toggle-row input:focus-visible+i{outline:2px solid white;outline-offset:3px}.editor-page .toggle-row input:disabled+i{opacity:.65}.order-row.divider-row{background:var(--surface-2);border-style:dashed;border-color:var(--accent-border);gap:8px}.divider-field,.divider-readonly{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.divider-field input{width:100%;min-width:0;min-height:40px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--accent);font-size:16px}.divider-field input:focus{border-color:var(--accent);outline:1px solid var(--accent)}.divider-readonly>span{color:var(--accent);font-size:14px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}.running-order-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 29px}.running-order-actions .secondary-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:0 10px;font-size:13px}.running-order-actions svg{flex:0 0 auto;width:17px;height:17px}@media(prefers-reduced-motion:reduce){.editor-page{animation:none}}.setlist-long-press{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.brand-row{position:relative;min-height:48px;margin-bottom:14px}.brand-row h1{font-size:29px}.home-library-control{position:absolute;left:0;top:0;max-width:calc(50% - 62px)}.home-library-control .library-trigger{max-width:100%;min-height:44px;padding-inline:7px}.home-library-control .library-trigger>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:29px;color:var(--muted);font-size:11px;margin-top:8px}.home-status button{border:0;background:transparent;color:var(--accent);padding:6px;cursor:pointer}.status-note{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 14px}.app-alert{padding:12px;margin:0 0 14px;border:1px solid #684024;background:#281b13;border-radius:12px;font-size:13px;line-height:1.5}.app-alert button{border:0;padding:5px;background:none;text-decoration:underline;color:var(--accent)}.editor-error{color:#ffc4be;border:1px solid #6b3636;padding:12px;border-radius:12px;font-size:13px;line-height:1.5}.editor-error .secondary-button{display:block;margin-top:10px}.readonly-note{color:var(--muted);margin-bottom:20px;font-size:13px}button:disabled{cursor:not-allowed}input:read-only,textarea:read-only{opacity:.8}@media(max-width:380px){.brand-row h1{font-size:25px}.home-library-control{max-width:calc(50% - 48px)}}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b0b0c;--surface: #151517;--surface-2: #202023;--border: #36363c;--text: #f5f5f1;--muted: #a0a0a8;--accent: #d8ff45;--on-accent: #101400;--accent-soft: #1d250e;--accent-border: #667a2d;--accent-muted: #bfd386;--danger: #ff6b6b}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-shell{min-height:100vh;max-width:760px;margin:0 auto;padding-bottom:calc(110px + env(safe-area-inset-bottom));position:relative}.home-header{padding:calc(24px + env(safe-area-inset-top)) 20px 18px;background:linear-gradient(145deg,var(--surface) 0%,var(--bg) 70%);border-bottom:1px solid var(--surface-2);position:sticky;top:0;z-index:5}.brand-row{display:flex;align-items:center;justify-content:center;margin-bottom:24px;text-align:center}.eyebrow{margin:0 0 5px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700}h1,h2,h3,p{margin-top:0}.brand-row h1{font:800 36px/1 Manrope,sans-serif;letter-spacing:-.045em;margin:0}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--surface-2);border-radius:13px;padding:4px}.segmented button{border:0;background:transparent;border-radius:10px;padding:11px 12px;font-weight:700;color:var(--muted);cursor:pointer}.segmented button.active{color:var(--on-accent);background:var(--accent);box-shadow:0 2px 12px #0005}.segmented span{opacity:.58;margin-left:3px}.content{padding:16px}.section-heading{display:flex;justify-content:space-between;align-items:end;padding:0 4px 16px}.section-heading h2{font:700 23px/1.15 Manrope,sans-serif;letter-spacing:-.035em;margin:0}.text-action{border:0;background:none;color:var(--accent);font-weight:700;display:flex;align-items:center;gap:2px;padding:8px 0 5px 12px;cursor:pointer}.text-action svg{width:18px}.card-list{display:flex;flex-direction:column;gap:9px}.list-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-height:76px;transition:background .15s,transform .15s}.list-card:active{transform:scale(.99);background:var(--surface-2)}.setlist-card{position:relative;display:flex}.setlist-card.menu-open{z-index:8}.card-main,.song-card{border:0;width:100%;text-align:left;color:inherit;cursor:pointer}.card-main{background:transparent;display:flex;align-items:center;gap:14px;padding:15px 52px 15px 15px}.set-number{color:var(--accent);font:700 12px Manrope,sans-serif;width:21px}.card-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.card-copy strong{font:700 16px/1.2 Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-copy small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.icon-button:active{background:#ffffff10}.setlist-menu{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.dots{color:var(--muted)}.setlist-dropdown{position:absolute;z-index:10;right:0;top:calc(100% + 5px);width:190px;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);box-shadow:0 14px 34px #000c;animation:menu-in .12s ease-out}.setlist-dropdown button{width:100%;min-height:43px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;font-size:13px;font-weight:600;cursor:pointer}.setlist-dropdown button:hover,.setlist-dropdown button:focus-visible{background:#ffffff0c;outline:none}.setlist-dropdown button+button{border-top:1px solid var(--border);border-radius:0 0 8px 8px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.song-card{display:flex;align-items:center;gap:13px;padding:12px}.song-initial{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;color:var(--accent);background:var(--accent-soft);font:700 18px Manrope,sans-serif}.chevron{font-size:28px;color:var(--muted);padding-right:5px}.fab{position:fixed;z-index:6;right:max(22px,calc((100vw - 716px)/2));bottom:calc(22px + env(safe-area-inset-bottom));width:60px;height:60px;border-radius:19px;border:0;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;box-shadow:0 12px 28px #000b;cursor:pointer}.fab svg{width:27px;height:27px;stroke-width:2.5}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:18px;padding:42px 24px;color:var(--muted)}.empty-icon{color:var(--accent);font-size:30px;margin-bottom:12px}.empty-state h3{color:var(--text);margin-bottom:7px}.empty-state p{font-size:14px;line-height:1.5}.primary-button{border:0;border-radius:13px;min-height:48px;padding:0 20px;background:var(--accent);color:var(--on-accent);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.primary-button:disabled{opacity:.38;cursor:default}.primary-button svg{width:18px}.grow{flex:1}.modal-layer{position:fixed;inset:0;background:#000a;z-index:20;display:flex;justify-content:center}.modal-page{width:min(100%,760px);min-height:100%;max-height:100%;overflow:auto;background:var(--bg);animation:slide-in .22s ease-out}@keyframes slide-in{0%{transform:translateY(28px);opacity:.5}}.modal-header{position:sticky;top:0;z-index:4;padding:calc(11px + env(safe-area-inset-top)) 14px 12px;min-height:76px;display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;border-bottom:1px solid var(--border);background:var(--bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}.modal-header h2{font:700 18px/1.2 Manrope,sans-serif;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-header .eyebrow{color:var(--accent);margin-bottom:3px}.form-content{padding:22px 18px calc(30px + env(safe-area-inset-bottom))}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field>span,.section-label>div>span{font-size:13px;font-weight:700}.field em{float:right;color:var(--muted);font-style:normal;font-weight:500;font-size:11px}.field input,.field textarea,.field select,.song-search{width:100%;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);outline:none}.field input,.field select{height:52px;padding:0 15px}.field textarea{padding:14px 15px;resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus,.song-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:10px;margin-top:27px}.danger-button{border:1px solid #4a292c;background:#261719;color:var(--danger);border-radius:13px;min-height:48px;padding:0 17px;font-weight:700;cursor:pointer}.form-section{margin-top:27px}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.section-label>div{display:flex;flex-direction:column;gap:3px}.section-label small{color:var(--muted);font-size:11px}.song-search{height:52px;display:flex;align-items:center;gap:9px;padding:0 13px}.song-search svg{color:var(--muted);flex:0 0 auto}.song-search input{min-width:0;flex:1;height:100%;border:0;background:transparent;color:var(--text);outline:none}.search-results{border:1px solid var(--border);border-radius:13px;margin-top:7px;padding:4px;background:var(--surface-2);box-shadow:0 12px 30px #0008}.search-results button{width:100%;border:0;border-radius:9px;background:transparent;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px;cursor:pointer}.search-results button:active{background:#ffffff0a}.search-results button span{display:flex;flex-direction:column;gap:2px}.search-results small{color:var(--muted)}.search-results svg{color:var(--accent)}.search-results .create-result{color:var(--accent);border-top:1px solid var(--border);border-radius:0 0 9px 9px}.search-results .create-result small{color:var(--accent-muted)}.running-order{margin-top:9px;display:flex;flex-direction:column;gap:6px}.order-row{min-height:59px;display:flex;align-items:center;gap:11px;padding:8px 7px 8px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.order-number{width:20px;font:700 11px Manrope,sans-serif;color:var(--accent)}.order-title{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.order-title strong{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.order-title small{color:var(--muted);font-size:11px}.drag-handle,.remove-song{width:36px;height:40px;flex:0 0 auto;padding:0;display:grid;place-items:center;border:0;border-radius:9px;background:transparent}.drag-handle{color:var(--muted);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.drag-handle:active{cursor:grabbing;background:#ffffff0a}.drag-handle svg{width:23px;height:23px}.remove-song{color:var(--danger);cursor:pointer}.remove-song svg{width:17px}.order-row.dragging{position:relative;z-index:5;border-color:var(--accent-border);background:var(--accent-soft);box-shadow:0 9px 24px #000a}.order-empty{color:var(--muted);border:1px dashed var(--border);padding:20px;border-radius:12px;font-size:13px;text-align:center}.toggle-list{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:0 14px}.toggle-row{min-height:55px;display:flex;align-items:center;border-bottom:1px solid var(--border);cursor:pointer}.toggle-row:last-child{border-bottom:0}.toggle-row>span{flex:1;font-weight:600;font-size:14px}.toggle-row input{display:none}.toggle-row i{width:44px;height:26px;border-radius:20px;background:var(--border);position:relative;transition:.2s}.toggle-row i:after{content:"";position:absolute;width:20px;height:20px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.toggle-row input:checked+i{background:var(--accent)}.toggle-row input:checked+i:after{transform:translate(18px);background:var(--bg)}.sticky-actions{position:sticky;bottom:calc(-22px - env(safe-area-inset-bottom));background:linear-gradient(transparent 0,var(--bg) 22px);padding:38px 0 calc(18px + env(safe-area-inset-bottom));margin-bottom:calc(-30px - env(safe-area-inset-bottom))}.wizard-page{display:flex;flex-direction:column;overflow:hidden}.wizard-page .modal-header{position:relative;flex:0 0 auto}.wizard-form{display:flex;flex:1;min-height:0;flex-direction:column}.wizard-progress{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:12px 18px 10px;border-bottom:1px solid var(--border);background:var(--bg)}.wizard-progress button{position:relative;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;font-size:10px;font-weight:700;cursor:pointer}.wizard-progress button:before{content:"";position:absolute;left:-50%;right:50%;top:11px;height:1px;background:var(--border)}.wizard-progress button:first-child:before{display:none}.wizard-progress i{position:relative;z-index:1;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--border);color:var(--muted);font-size:10px;font-style:normal}.wizard-progress button.active{color:var(--text)}.wizard-progress button.active i{background:var(--accent);color:var(--on-accent)}.wizard-progress button.complete{color:var(--accent-muted)}.wizard-progress button.complete i{background:var(--accent-soft);color:var(--accent)}.wizard-progress button.complete:before,.wizard-progress button.active:before{background:var(--accent-border)}.wizard-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.wizard-step{padding:27px 18px 34px}.wizard-step h3{margin:0 0 8px;font-size:25px;line-height:1.15;letter-spacing:-.035em}.step-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;margin-bottom:7px}.step-intro{max-width:510px;color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:25px}.name-step .field{margin-top:31px}.wizard-actions{flex:0 0 auto;display:flex;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg);box-shadow:0 -10px 26px #0007}.secondary-button{min-height:48px;padding:0 20px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);font-weight:700;cursor:pointer}.picker-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.picker-heading>span{flex:0 0 auto;margin-top:2px;padding:6px 9px;border-radius:8px;color:var(--accent);background:var(--accent-soft);font-size:11px;font-weight:800}.song-picker-step .step-intro{margin-bottom:17px}.clear-search{width:34px;height:38px;padding:0;border:0;display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer}.clear-search svg{width:17px}.quick-create{width:100%;min-height:62px;margin-top:8px;padding:8px 12px;display:flex;align-items:center;gap:11px;border:1px solid var(--accent-border);border-radius:13px;background:var(--accent-soft);color:var(--text);text-align:left;cursor:pointer}.quick-create-icon{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:var(--on-accent)}.quick-create-icon svg{width:19px}.quick-create>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.quick-create strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.quick-create small{color:var(--accent-muted);font-size:11px}.library-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 2px 9px}.library-heading span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.library-heading small{color:var(--muted);font-size:11px}.song-picker-list{display:flex;flex-direction:column;gap:7px}.song-picker-row{width:100%;min-height:66px;display:flex;align-items:center;gap:12px;padding:9px 11px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.song-picker-row:active{background:var(--surface-2)}.song-picker-row.selected{border-color:var(--accent-border);background:var(--accent-soft);opacity:1;cursor:default}.song-picker-row .song-initial{width:44px;height:44px;border-radius:12px}.picker-action{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:900}.picker-action svg{width:17px}.selected .picker-action{background:var(--accent-soft);color:var(--accent)}.picker-empty{margin:12px 0;color:var(--muted);text-align:center;font-size:12px}.concert-options-step .running-order{margin-bottom:12px}.options-name-field{margin-bottom:27px}.delete-setlist-link{width:100%;margin-top:27px;padding:14px;border:0;background:transparent;color:var(--danger);font-weight:700;cursor:pointer}.concert-mode{min-height:100vh;background:#000;color:#fff;padding:env(safe-area-inset-top) 0 calc(28px + env(safe-area-inset-bottom))}.concert-header{min-height:62px;padding:8px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;position:sticky;top:0;z-index:3;background:#000e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #242424}.concert-header button{min-height:44px;border:0;background:transparent;display:flex;align-items:center;gap:3px;padding:9px 5px;font-weight:700;cursor:pointer}.concert-header button svg{width:21px;flex:0 0 auto}.concert-header-actions{display:flex;align-items:center;gap:6px}.concert-header .concert-options-button,.concert-header .concert-viewing-button{width:44px;flex:0 0 44px;justify-content:center;border:1px solid #333;border-radius:10px;background:#151515}.concert-header button:focus-visible{outline:2px solid #fff;outline-offset:2px}.concert-title{padding:38px 22px 23px;border-bottom:1px solid #222}.concert-title p{color:#bfbfbf;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800;margin-bottom:8px}.concert-title h1{font:800 clamp(28px,7vw,48px)/1.08 "Manrope",sans-serif;letter-spacing:-.045em;margin-bottom:11px}.concert-title span{color:#777;font-size:13px}.concert-list{list-style:none;margin:0;padding:0 20px}.concert-list li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;padding:27px 0;border-bottom:1px solid #222}.concert-list li.metronome-playing{position:relative;isolation:isolate}.concert-beats{position:absolute;inset:-1px 0;z-index:-1;display:flex;gap:4px;overflow:visible;pointer-events:none}.concert-beat{flex:1 1 0;min-width:0;border-radius:10px;opacity:0;background:radial-gradient(ellipse at 50% 42%,#8c949f,#646b76 55%,#424852);border:1px solid #e3edff52;box-shadow:inset 0 0 16px #eaf2ff26,0 0 12px #dce8ff50,0 0 30px #c5d7f533,0 0 55px #b7cff51a;will-change:opacity}.metronome-playing .concert-number,.metronome-playing .concert-song h2,.metronome-playing .concert-song p{text-shadow:0 1px 3px #000,0 0 8px #0009}.concert-list li.concert-divider{display:flex;align-items:center;gap:14px;padding:22px 0;border-bottom:0;color:var(--accent)}.concert-divider:before,.concert-divider:after{content:"";flex:1 1 0;min-width:18px;height:1px;background:currentColor;opacity:.45}.concert-divider-text{flex:0 1 auto;min-width:0;max-width:75%;color:inherit;font-size:clamp(13px,3.5vw,16px);font-weight:600;line-height:1.4;text-align:center;overflow-wrap:anywhere;white-space:pre-wrap}.concert-number{color:#fff;font:700 12px Manrope,sans-serif;padding-top:8px}.concert-song{min-width:0}.concert-song-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.concert-song h2{max-width:100%;overflow-wrap:anywhere;font:800 clamp(26px,7vw,44px)/1.05 "Manrope",sans-serif;letter-spacing:-.04em;margin:0}.concert-song-title{position:relative;display:block;max-width:100%;margin:0;padding:0;border:0;border-radius:3px;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;text-shadow:inherit;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}.concert-song-title:after{content:"";position:absolute;inset:-8px 0}.concert-song-title.is-crossed-out{color:#777;text-decoration:line-through solid currentColor 2px}.concert-song-title:focus-visible{outline:2px solid #fff;outline-offset:5px}.concert-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}.concert-meta span,.concert-meta .concert-tempo-button{max-width:100%;overflow-wrap:anywhere;color:#d0d0d0;background:#1d1d1d;border:1px solid #303030;padding:5px 9px;border-radius:7px;font-size:12px;font-weight:700}.concert-tempo-button{position:relative;cursor:pointer}.concert-tempo-button:after{content:"";position:absolute;inset:-8px 0}.concert-meta .concert-tempo-button[aria-pressed=true]{color:#fff;background:#303030;border-color:#aaa}.concert-tempo-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.concert-song p{overflow-wrap:anywhere;color:#bababa;font-size:clamp(14px,3.8vw,18px);line-height:1.45;margin:13px 0 0;white-space:pre-wrap}.concert-empty{color:#777;padding:60px 20px;text-align:center}@media(min-width:761px){body{background:var(--bg)}.app-shell,.modal-page{border-left:1px solid var(--surface-2);border-right:1px solid var(--surface-2)}.concert-mode{max-width:900px;margin:auto;border-inline:1px solid #222}}@media(max-width:380px){.field-grid{grid-template-columns:1fr;gap:0}.order-actions button{width:28px}}
