@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--primary-color:#f97316;--primary-hover:#ea6c08;--primary-dim:#f973162e;--primary-glow:#f9731659;--secondary-color:#06b6d4;--secondary-hover:#0891b2;--secondary-dim:#06b6d426;--danger-color:#f43f5e;--danger-hover:#e11d48;--success-color:#10b981;--success-hover:#059669;--bg-color:#0d0d0f;--bg-warm:#111114;--card-bg:#18181c;--card-bg-hover:#1f1f24;--surface-raised:#222228;--border-color:#2e2e38;--border-bright:#3e3e4e;--border-accent:#f9731647;--text-primary:#f0eeeb;--text-secondary:#8a8a9a;--text-muted:#5a5a6a;--ai-color:#a855f7;--ai-hover:#9333ea;--ai-dim:#a855f726;--live-color:#fbbf24;--live-dim:#fbbf2426;--live-glow:#fbbf244d;--font-body:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Mono", monospace;--radius-sm:.4rem;--radius:.6rem;--radius-lg:.875rem;--radius-xl:1.25rem;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior:none;touch-action:pan-x pan-y pinch-zoom}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-primary);overscroll-behavior:none;touch-action:pan-x pan-y pinch-zoom;background-image:radial-gradient(80% 40% at 50% -10%,#f9731612 0%,#0000 70%);background-attachment:fixed;font-size:16px;line-height:1.5;overflow-x:hidden}button,a,input,select,textarea,[role=button]{touch-action:manipulation}.timecode-ctrl-bar,.btn,.btn-timer,.btn-icon,.btn-icon-sm,.btn-header-icon,.btn-marker-bar,.segmented-icon-group,.cue-controls-row,.add-section-between,.password-gate-card{-webkit-user-select:none;user-select:none}.app{flex-direction:column;min-height:100dvh;display:flex}.app-main{padding:calc(2rem + env(safe-area-inset-top)) 2rem 2rem;flex:1;width:100%;max-width:1400px;margin:0 auto}:is(.app-main:has(.song-view),.app-main:has(.setlist-editor)){padding-top:0}.password-gate{background-image:radial-gradient(60% 50% at 50% 0,#f973161f 0%,#0000 70%);place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.password-gate-card{border:1px solid var(--border-accent);border-radius:var(--radius-xl);background:var(--card-bg);flex-direction:column;gap:.75rem;width:min(100%,22rem);padding:2.25rem 2rem;display:flex;box-shadow:0 0 0 1px #f9731614,0 24px 64px #0000008c,inset 0 1px #ffffff0a}.password-gate-card h1{letter-spacing:-.03em;background:linear-gradient(135deg,#f97316,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2rem;font-weight:800}.password-gate-card p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.password-gate-card label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}.password-gate-card input{border:1.5px solid var(--border-color);border-radius:var(--radius);background:var(--bg-color);width:100%;color:var(--text-primary);font:inherit;transition:border-color .2s var(--ease);margin-bottom:1rem;padding:.7rem .9rem}.password-gate-card input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim);outline:none}.password-gate-card details{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:.75rem}.password-gate-card summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:.25rem 0;font-size:.82rem;font-weight:500;list-style:none;transition:color .15s}.password-gate-card summary:hover{color:var(--text-secondary)}.password-gate-card summary::-webkit-details-marker{display:none}.password-gate-card details form{flex-direction:column;gap:.25rem;margin-top:.75rem;display:flex}.password-gate-error{color:#fb7185;border-radius:var(--radius);background:#f43f5e14;border:1px solid #f43f5e40;padding:.5rem .75rem;font-size:.875rem;font-weight:500}button{cursor:pointer;font-family:var(--font-body);transition:all .18s var(--ease);border:none}.btn-primary,.btn-secondary,.btn-ai,.btn-timer,.btn-marker-bar{border-radius:var(--radius);min-height:2.8rem;font-family:var(--font-body);box-sizing:border-box;transition:all .18s var(--ease);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.3rem;font-size:.875rem;font-weight:700;display:inline-flex}.btn-primary svg,.btn-secondary svg,.btn-ai svg,.btn-timer svg,.btn-marker-bar svg{flex-shrink:0;width:16px!important;height:16px!important}.btn-primary{color:#0d0d0f;background:linear-gradient(135deg,#f97316,#fb923c);border:1px solid #ffffff14;box-shadow:0 2px 12px #f973164d}.btn-primary:hover{background:linear-gradient(135deg,#ea6c08,#f97316);transform:translateY(-2px);box-shadow:0 6px 20px #f9731673}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background-color:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-bright)}.btn-secondary:hover{background-color:var(--card-bg-hover);border-color:var(--text-muted)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-ai{color:#0d0d0f;letter-spacing:.01em;background:linear-gradient(135deg,#f97316 0%,#fbbf24 100%);border:1px solid #ffffff1f;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fbbf2440,0 4px 16px #f9731666}.btn-ai:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.btn-ai:hover{background:linear-gradient(135deg,#ea6c08 0%,#f59e0b 100%);transform:translateY(-2px);box-shadow:0 0 0 1px #f9731666,0 8px 24px #f9731680,0 0 40px #fbbf2433}.btn-ai:active{transform:translateY(0)}.btn-ai:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-icon{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.btn-icon:hover{background-color:var(--surface-raised);color:var(--text-primary);border-color:var(--border-color)}.btn-icon-sm{color:var(--text-muted);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.btn-icon-sm:hover{background-color:var(--surface-raised);color:var(--text-primary)}.btn-danger{color:var(--danger-color);background:0 0;border:none}.btn-danger:hover{color:var(--danger-hover);background-color:#f43f5e1a}.concert-list{flex-direction:column;gap:2rem;display:flex}.concert-list-header{justify-content:space-between;align-items:center;display:flex}.concert-list-header h2{letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:800;display:flex}.concert-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.concert-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all .22s var(--ease);padding:1.5rem;position:relative;overflow:hidden}.concert-card:before{content:"";opacity:0;transition:opacity .22s var(--ease);background:linear-gradient(135deg,#f973160a 0%,#0000 60%);position:absolute;inset:0}.concert-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 0 0 1px #f9731633,0 12px 32px #0006,0 0 40px #f9731614}.concert-card:hover:before{opacity:1}.concert-card h3{letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.35rem;font-weight:700;line-height:1.2}.concert-info{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.875rem;display:flex}.concert-stats{border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:1rem;padding-top:.875rem;font-size:.82rem;font-weight:500}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.empty-state svg{color:var(--border-bright);opacity:.6}.empty-state p{color:var(--text-secondary);font-size:1.05rem;font-weight:500}.empty-state .hint{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.concert-form-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.concert-form{background:var(--card-bg);border:1px solid var(--border-bright);border-radius:var(--radius-xl);width:100%;max-width:480px;padding:2rem;box-shadow:0 0 0 1px #f9731614,0 32px 72px #0009}.concert-form h2{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.4rem;font-weight:800}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.form-group input{border-radius:var(--radius);border:1.5px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);padding:.7rem .9rem}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim);outline:none}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:1.75rem;display:flex}.setlist-editor{flex-direction:column;gap:2rem;display:flex}.setlist-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100vw;padding:calc(.85rem + env(safe-area-inset-top)) 2rem .7rem;background:#0d0d0ff5;border-bottom:1px solid #ffffff0f;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:sticky;top:0}.setlist-header-inner{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.setlist-header-left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.setlist-header h2{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.8rem;font-weight:800;overflow:hidden}.subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.82rem;font-weight:500;overflow:hidden}.setlist-realtimecode{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:.38rem;display:flex}.setlist-realtimecode .control-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.6rem;font-weight:800}.setlist-realtimecode .time-display-card.realtime-card{box-sizing:border-box;background:#06b6d408;border-color:#06b6d433;min-height:2.8rem;padding:.2rem 1.2rem;box-shadow:0 0 10px #06b6d41a}.setlist-realtimecode .wall-clock-display{color:var(--secondary-color,#06b6d4);font-size:1.1rem;font-weight:700}.setlist-marker-tools{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.setlist-actions{flex-direction:column;gap:1rem;display:flex}.add-song-form{gap:.75rem;display:flex}.add-song-form input{border-radius:var(--radius);border:1.5px solid var(--border-color);background-color:var(--card-bg);min-height:2.8rem;color:var(--text-primary);font-size:.875rem;font-family:var(--font-body);box-sizing:border-box;transition:border-color .18s var(--ease), box-shadow .18s;flex:1;padding:.55rem .9rem}.add-song-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim);outline:none}.add-song-form input::placeholder{color:var(--text-muted)}.btn-suggestions-compact{flex-shrink:0}.error-message{color:#fb7185;border-radius:var(--radius);background:#f43f5e14;border:1px solid #f43f5e4d;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.retry-button{margin-left:.75rem;padding:.3rem .6rem;font-size:.82rem}.status-message,.lyrics-status{border-radius:var(--radius);align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;display:flex}.status-message{color:var(--text-primary);background:#f9731612;border:1px solid #f9731633;width:100%}.suggestions-panel{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--ai-color);padding:1.5rem;box-shadow:0 0 24px #a855f71f}.suggestions-panel.loading-panel{color:var(--text-secondary);box-shadow:none;border-color:#a855f759;align-items:center;gap:.75rem;display:flex}.suggestions-panel h3{letter-spacing:-.01em;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:700;display:flex}.suggestions-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem;display:grid}.suggestion-item{background:var(--bg-color);color:var(--text-primary);border-radius:var(--radius);text-align:left;border:1px solid var(--border-color);transition:all .18s var(--ease);align-items:center;gap:.5rem;padding:.7rem .9rem;font-size:.875rem;font-weight:500;display:flex}.suggestion-item:hover{background:var(--surface-raised);border-color:var(--ai-color);transform:translateY(-1px);box-shadow:0 0 12px #a855f726}.setlist-container{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:1.5rem}.setlist-items{flex-direction:column;gap:.4rem;display:flex}.setlist-item{background:var(--bg-color);border-radius:var(--radius);border:1px solid var(--border-color);transition:all .18s var(--ease);cursor:grab;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.setlist-item:active{cursor:grabbing}.setlist-reorder-controls{flex-direction:column;gap:.1rem;display:flex}.setlist-item:hover{border-color:var(--primary-color);background:var(--bg-warm);box-shadow:0 0 0 1px #f973161a,0 2px 8px #0003}.setlist-item.dragging{opacity:.4}.setlist-item.drag-over{border-color:var(--primary-color);box-shadow:0 -3px 0 var(--primary-color)}.drag-handle{color:var(--text-muted);cursor:grab;transition:color .15s}.drag-handle:hover{color:var(--text-secondary)}.drag-handle:active{cursor:grabbing}.song-order{color:var(--text-muted);min-width:2rem;font-size:.82rem;font-weight:700;font-family:var(--font-mono)}.song-title{cursor:pointer;letter-spacing:-.01em;flex:1;font-weight:600;transition:color .15s}.song-title:hover{color:var(--primary-color)}.setlist-marker-tools{align-items:center;gap:.5rem;display:flex}.marker-badge{background:var(--primary-color);color:#0d0d0f;border-radius:9999px;margin-left:.25rem;padding:.1rem .4rem;font-size:.68rem;font-weight:800}.song-marker-badge{color:var(--text-muted);background:#f9731614;border-radius:.25rem;margin-right:.25rem;padding:.1rem .4rem;font-size:.72rem}.markers-modal-overlay{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000c7;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.markers-modal{background:var(--card-bg);border:1px solid var(--border-bright);border-radius:var(--radius-xl);width:100%;max-width:860px;overflow:hidden;box-shadow:0 0 0 1px #f973160f,0 32px 80px #000000a6}.markers-modal-header{border-bottom:1px solid var(--border-color);background:#ffffff04;justify-content:space-between;align-items:start;padding:1.25rem 1.5rem;display:flex}.markers-modal-header h3{letter-spacing:-.01em;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}.markers-modal-actions-container{flex-direction:column;align-items:flex-end;gap:.75rem;display:flex}.markers-modal-actions-row{align-items:center;gap:.6rem;display:flex}.marker-offset-field{color:var(--text-muted);border-right:1px solid var(--border-color);align-items:center;gap:.35rem;margin-right:.5rem;padding-right:.75rem;font-size:.8rem;display:flex}.marker-offset-field label{white-space:nowrap;font-weight:600}.offset-input{border:1px solid var(--border-color);background:var(--bg-elevated,#ffffff0f);width:3.5rem;color:var(--text-primary);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-radius:6px;padding:.25rem .35rem;font-size:.8rem}.offset-input::-webkit-inner-spin-button{opacity:1}.offset-input::-webkit-outer-spin-button{opacity:1}.offset-input:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 2px #6366f140}.offset-unit{color:var(--text-muted);font-weight:600}.marker-start-field{color:var(--text-muted);align-items:center;gap:.35rem;margin-right:.5rem;padding-right:.75rem;font-size:.8rem;display:flex}.marker-start-field label{white-space:nowrap;font-weight:600}.start-input{border:1px solid var(--border-color);background:var(--bg-elevated,#ffffff0f);width:5.5rem;color:var(--text-primary);text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;padding:.25rem .35rem;font-size:.8rem}.start-input:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 2px #6366f140}.markers-table-wrap{max-height:65vh;overflow:auto}.markers-table{border-collapse:collapse;width:100%;font-size:.875rem}.markers-table th{background:var(--card-bg);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.7rem;font-weight:700;position:sticky;top:0}.markers-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:.65rem 1rem}.marker-row:last-child td{border-bottom:none}.marker-row:hover td{background:#ffffff06}.marker-song-cell{font-weight:600}.marker-tc-cell,.marker-clock-cell{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.82rem}.marker-action-cell{text-align:center;width:40px}.song-stats-badges{align-items:center;gap:.4rem;margin-right:.5rem;display:flex}.song-stat-badge{border-radius:var(--radius-sm);transition:all .15s var(--ease);align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.song-stat-badge svg{flex-shrink:0}.song-stat-badge.cue{background:var(--live-dim);color:var(--live-color);border:1px solid #fbbf2438}.song-stat-badge.note{background:var(--secondary-dim);color:var(--secondary-color);border:1px solid #06b6d438}.song-view{flex-direction:column;gap:2rem;display:flex}.song-header{align-items:center;gap:1rem;display:flex}.song-info{flex:1}.song-info h2{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800}.title-container{align-items:center;gap:.5rem;display:flex}.title-container h2{margin:0}.edit-btn{opacity:.4;transition:opacity .2s}.title-container:hover .edit-btn,.concert-title-row:hover .edit-btn{opacity:1}.edit-title-container{align-items:center;gap:.5rem;display:flex}.edit-title-input{border:1.5px solid var(--primary-color);border-radius:var(--radius);background:var(--bg-color);color:var(--text-primary);font-size:1.5rem;font-weight:700;font-family:var(--font-body);letter-spacing:-.02em;flex:1;padding:.5rem .75rem}.edit-title-input:focus{box-shadow:0 0 0 3px var(--primary-dim);outline:none}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lyrics-status{background:#f9731612;border:1px solid #f973164d}.lyrics-status.notice{background:#fbbf2412;border-color:#fbbf2459}.lyrics-status>div{flex-direction:column;gap:.2rem;display:flex}.lyrics-status strong{font-size:.85rem;font-weight:700}.lyrics-status span{color:var(--text-secondary);font-size:.8rem}.lyrics-empty-loading{min-height:10rem;color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;font-weight:500;display:flex}.manual-search-modal{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border-bright);width:100%;max-width:500px;padding:2rem;box-shadow:0 0 0 1px #f973160f,0 24px 64px #0009}.modal-content h3{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.1rem;font-weight:700}.modal-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.modal-inputs{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.input-group{flex-direction:column;gap:.4rem;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;font-weight:600}.input-group input{border:1.5px solid var(--border-color);border-radius:var(--radius);background:var(--bg-color);color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:border-color .18s var(--ease), box-shadow .18s;padding:.7rem .9rem}.input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-dim);outline:none}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.concert-title-row{align-items:center;gap:.5rem;display:flex}.concert-title-row h2{letter-spacing:-.03em;margin:0;font-weight:800}.edit-concert-info{flex:1}.edit-row{align-items:center;gap:.5rem;display:flex}.edit-input{border:1.5px solid var(--primary-color);border-radius:var(--radius);background:var(--bg-color);color:var(--text-primary);font-size:1rem;font-family:var(--font-body);padding:.5rem .75rem}.edit-input:focus{box-shadow:0 0 0 3px var(--primary-dim);outline:none}.song-navigation{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);align-items:center;gap:.5rem;padding:0 .875rem;display:flex}.setlist-dropdown{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-bright);margin-top:-1rem;padding:1rem;box-shadow:0 16px 40px #0006}.setlist-dropdown h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.75rem;font-size:.85rem;font-weight:600}.setlist-quick-nav{flex-direction:column;gap:.35rem;max-height:300px;display:flex;overflow-y:auto}.setlist-item-btn{background:var(--bg-color);color:var(--text-primary);border-radius:var(--radius);text-align:left;border:1px solid var(--border-color);cursor:pointer;transition:all .18s var(--ease);font-size:.875rem;font-weight:500;font-family:var(--font-body);justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.65rem .875rem;display:flex}.setlist-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.setlist-item-stats{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.setlist-item-stats .song-stat-badge{border-radius:var(--radius-sm);transition:all .15s var(--ease);align-items:center;gap:.2rem;padding:.1rem .35rem;font-size:.68rem;font-weight:600;display:inline-flex}.setlist-item-stats .song-stat-badge svg{flex-shrink:0}.setlist-item-stats .song-stat-badge.cue{background:var(--live-dim);color:var(--live-color);border:1px solid #fbbf2433}.setlist-item-stats .song-stat-badge.note{background:var(--secondary-dim);color:var(--secondary-color);border:1px solid #06b6d433}.setlist-item-btn:hover{background:var(--surface-raised);border-color:var(--primary-color);box-shadow:0 0 0 1px #f973161a}.setlist-item-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#0d0d0f;font-weight:700}.setlist-item-btn.active .setlist-item-stats .song-stat-badge.cue,.setlist-item-btn.active .setlist-item-stats .song-stat-badge.note{color:#0d0d0f;background:#0d0d0f2e;border-color:#0d0d0f40}.lyrics-container,.lyrics-notebook{flex-direction:column;gap:1rem;display:flex}.lyrics-notebook h3{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.notebook-content{flex-direction:column;gap:.75rem;display:flex}.section-with-insert{flex-direction:column;gap:.4rem;display:flex}.add-section-between{border:1px dashed var(--border-color);color:var(--text-muted);font-size:.72rem;font-family:var(--font-body);background:0 0;border-radius:999px;align-self:center;align-items:center;gap:.25rem;padding:.18rem .55rem;transition:all .15s;display:inline-flex}.add-section-between:hover{border-color:var(--primary-color);color:var(--text-primary);background:var(--primary-dim)}.notebook-section{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:border-color .18s var(--ease), box-shadow .18s;padding:1rem}.notebook-section:hover{border-color:#f9731633}.notebook-section.inactive{opacity:.45;border-style:dashed}.section-content{flex-direction:column;gap:.75rem;display:flex}.section-type{cursor:text}.section-title-input,.lyric-line-input{border:1.5px solid var(--primary-color);border-radius:var(--radius-sm);background:var(--bg-color);width:100%;color:var(--text-primary);font:inherit;padding:.2rem .4rem}.lyric-line-input{resize:vertical;min-height:2.2rem}.section-title-input{max-width:20rem;font-weight:700}.lyrics-lines{flex-direction:column;gap:.2rem;line-height:1.4;display:flex}.lyric-line-row{border-radius:var(--radius-sm);border-left:3px solid #0000;align-items:center;gap:.5rem;padding:.2rem .25rem;transition:background-color .12s;display:flex}.lyric-line-row:hover{background:#ffffff06}.lyric-line-row.inactive{opacity:.35}.lyric-line-row.has-note{border-left-color:var(--primary-color);background:#f973160f}.lyric-line-row.has-note:hover{background:#f9731617}.lyric-line-row.line-current{border-left-color:var(--live-color);background:#fbbf2412}.lyric-line-row.line-current.has-note{border-left-color:var(--live-color);background:linear-gradient(90deg,#fbbf241a,#f973160f)}.lyric-line-row.line-current .lyric-text span{color:#fde68a;font-weight:700}.line-tc-col{flex-shrink:0;align-items:center;padding-right:.25rem;display:flex}.line-tc-controls{flex-wrap:nowrap;align-items:center;gap:.25rem;display:flex}.btn-go{letter-spacing:.06em;border-radius:var(--radius-sm);color:var(--live-color);white-space:nowrap;font-size:.62rem;font-weight:800;font-family:var(--font-body);background:#fbbf241f;border:1px solid #fbbf244d;padding:.22rem .5rem;transition:all .12s}.btn-go:hover{border-color:var(--live-color);background:#fbbf2440;transform:scale(1.05)}.btn-go:active{transform:scale(.95)}.perf-marker-inline{align-items:center;gap:.3rem;margin-left:auto;display:flex}.lyric-text{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.line-toggle{color:var(--text-muted);cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;align-items:center;padding:.25rem;transition:opacity .2s,color .2s;display:flex}.line-toggle:hover{opacity:1;color:var(--primary-color)}.lyric-text span{flex:1}.lyric-text .strikethrough{text-decoration:line-through}.lyric-note{flex-shrink:0;margin-left:auto}.line-note-input{border:1px solid var(--primary-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:.85rem;font-style:italic;font-family:var(--font-body);background:#f9731612;padding:.4rem .6rem}.line-note-input:focus{box-shadow:0 0 0 2px var(--primary-dim);outline:none}.line-note-display{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:#ffffff04;border:1px solid #0000;align-items:center;min-height:28px;padding:.4rem .6rem;font-size:.85rem;font-style:italic;transition:all .18s;display:flex}.line-note-display:hover{border-color:var(--primary-color);background:#f973160d}.lyric-line-row.has-note .line-note-display{color:var(--text-primary);background:#f973161a;border-color:#f973164d}.lyric-line-row.has-note .lyric-text span{color:var(--text-primary)}.line-note-display:empty:before{content:"+";opacity:.4}.line-note-display:has(:only-child:empty):before{content:"+";opacity:.4}.lyric-line{border-radius:var(--radius-sm);cursor:pointer;padding:.25rem .5rem;font-size:.95rem;transition:background-color .15s}.lyric-line:hover{background:#ffffff0a}.lyric-line.inactive{opacity:.35}.lyric-line .strikethrough{text-decoration:line-through}.production-note-inline{border-top:1px dashed var(--border-color);margin-top:.5rem;padding-top:.75rem}.note-editor-inline{border:1.5px solid var(--primary-color);border-radius:var(--radius);width:100%;min-height:60px;color:var(--text-primary);resize:vertical;font-size:.875rem;line-height:1.5;font-family:var(--font-body);background:#f973160a;padding:.75rem}.note-editor-inline:focus{box-shadow:0 0 0 3px var(--primary-dim);outline:none}.note-display-inline{border-radius:var(--radius);cursor:pointer;background:#ffffff04;border:1px solid #0000;padding:.75rem;font-size:.875rem;line-height:1.5;transition:all .18s}.note-display-inline:hover{border-color:var(--primary-color);background:#f973160d}.note-content{color:var(--text-primary)}.note-content strong{color:var(--primary-color);margin-right:.5rem}.note-placeholder{color:var(--text-muted);opacity:.6;font-style:italic}.lyrics-column,.production-column{flex-direction:column;gap:1rem;display:flex}.lyrics-sections-wrapper,.production-notes-wrapper{grid-auto-rows:auto;gap:1rem;display:grid}.lyric-section,.production-note{grid-row:span 1}.lyrics-column h3,.production-column h3{letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.lyric-section{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:1rem}.lyric-section.inactive{opacity:.45;border-style:dashed}.section-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.section-type{color:var(--primary-color);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.section-actions{gap:.5rem;display:flex}.section-lines{flex-direction:column;gap:.5rem;display:flex}.production-note{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;padding:1rem;display:flex}.production-note.inactive{opacity:.45}.note-header{border-bottom:1px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.5rem}.note-editor{border-radius:var(--radius);border:1.5px solid var(--primary-color);background:var(--bg-color);width:100%;min-height:80px;color:var(--text-primary);font-family:var(--font-body);resize:vertical;padding:.75rem;font-size:.875rem}.note-editor:focus{box-shadow:0 0 0 3px var(--primary-dim);outline:none}.note-display{border-radius:var(--radius);cursor:pointer;white-space:pre-wrap;flex:1;min-height:40px;padding:.75rem;font-size:.875rem;line-height:1.6;transition:background-color .18s}.note-display:hover{background:var(--bg-color)}@media (width>=700px){.lyrics-container{grid-template-columns:1fr 3fr;align-items:start;gap:2rem;display:grid}}@media (width<=699px){.lyrics-container{flex-direction:column;gap:1.5rem;display:flex}.lyrics-sidebar{order:1}.lyrics-notebook{order:2}.structure-group{display:none}}.lyrics-sidebar{flex-direction:column;gap:1.5rem;display:flex}@media (width>=700px){.lyrics-sidebar{top:calc(var(--sticky-bar-height,120px) + 1.25rem);max-height:calc(100vh - var(--sticky-bar-height,120px) - 3rem);align-self:start;padding-right:.5rem;position:sticky;overflow-y:auto}}.lyrics-sidebar::-webkit-scrollbar{width:4px}.lyrics-sidebar::-webkit-scrollbar-track{background:0 0}.lyrics-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.lyrics-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-group{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:.75rem;padding:1.25rem;transition:border-color .2s,box-shadow .2s;display:flex}.sidebar-group:hover{border-color:var(--border-bright)}.sidebar-group h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff0d;margin:0;padding-bottom:.5rem;font-size:.8rem;font-weight:700}.structure-nav{flex-direction:column;gap:.25rem;display:flex}.nav-section-item{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);text-align:left;cursor:pointer;transition:all .2s var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;width:100%;padding:.35rem .6rem;font-size:.85rem;font-weight:500;display:flex}.nav-section-item:hover{color:var(--text-primary);background:#ffffff08;transform:translate(3px)}.nav-section-item .dot{display:none}.nav-section-item.active{background:var(--primary-dim);color:var(--primary-color);border-color:#f973164d;font-weight:700}.nav-current-badge{letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--live-color);color:#000;margin-left:auto;padding:.15rem .35rem;font-size:.62rem;font-weight:800;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:.9;box-shadow:0 0 4px #fbbf244d}50%{opacity:1;box-shadow:0 0 12px #fbbf2499}}.directors-note-display{border-radius:var(--radius);white-space:pre-wrap;min-height:40px;color:var(--text-primary);background:#ffffff04;border:1px solid #0000;padding:.75rem;font-size:.875rem;line-height:1.6;transition:all .18s}.directors-note-display.editable{cursor:pointer}.directors-note-display.editable:hover{border-color:var(--primary-color);background:#f973160a}.directors-note-placeholder{color:var(--text-muted);opacity:.6;font-style:italic}.directors-note-text{color:var(--text-primary)}.directors-note-field{border:1.5px solid var(--primary-color);border-radius:var(--radius);width:100%;min-height:120px;color:var(--text-primary);font-family:var(--font-body);resize:vertical;transition:all .2s var(--ease);background:#f973160a;padding:.75rem;font-size:.875rem;line-height:1.5}.directors-note-field:focus{box-shadow:0 0 0 3px var(--primary-dim);outline:none}.mode-tabs{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);gap:.2rem;width:fit-content;padding:.2rem;display:flex}.mode-tab{border-radius:var(--radius);color:var(--text-muted);transition:all .18s var(--ease);font-size:.875rem;font-weight:600;font-family:var(--font-body);background:0 0;align-items:center;gap:.4rem;padding:.5rem 1.1rem;display:flex}.mode-tab:hover{color:var(--text-primary);background:var(--surface-raised)}.mode-tab.active{color:#0d0d0f;background:linear-gradient(135deg,#f97316,#fb923c);font-weight:700;box-shadow:0 2px 10px #f9731666}.timecode-ctrl-bar{background:var(--card-bg);border-bottom:1px solid #ffffff0f;flex-direction:column;gap:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;display:flex}.timecode-ctrl-bar.prep{border-bottom-color:#f9731640}.timecode-ctrl-bar.perf{border-bottom-color:#fbbf2466;box-shadow:0 18px 40px #00000061}.song-sticky-top,.song-sticky-bottom,.song-sticky-cue{align-items:center;gap:.9rem;display:grid}.song-sticky-top{padding:calc(.85rem + env(safe-area-inset-top)) 2rem .7rem;border-bottom:1px solid #ffffff0d;grid-template-columns:auto minmax(260px,1fr) auto;width:100%;max-width:1400px;margin:0 auto}.song-sticky-bottom{background:#0d0d0f59;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:.75rem 2rem;display:flex}.bottom-group-notes,.bottom-group-setlist{align-items:center;gap:1rem;display:flex}.bottom-group-notes{flex:1;justify-content:flex-start}.bottom-group-setlist{justify-content:flex-end}.song-sticky-cue{background:#08080a73;grid-template-columns:1fr;width:100%;max-width:1400px;margin:0 auto;padding:.65rem 2rem .8rem}.song-back-btn{color:var(--text-primary);border-radius:var(--radius);border:1px solid #0000;width:2.45rem;height:2.45rem}.song-back-btn:hover{background:var(--surface-raised);border-color:var(--border-color)}.song-info-compact,.song-info-compact .title-container{min-width:0}.song-info-compact h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em;font-size:1.45rem;font-weight:800;line-height:1.1;overflow:hidden}.song-info-compact .subtitle{color:var(--text-muted);margin-top:.18rem;font-size:.8rem;font-weight:500}.song-info-compact .edit-title-container{max-width:36rem}.song-info-compact .edit-title-input{min-width:0}.header-control-group{background-color:#0000;border:0;flex-direction:column;justify-content:flex-end;gap:.38rem;padding:0;display:flex}.setlist-control-group,.cue-control-group{border-left:0;padding-left:0}.control-group-label,.time-display-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6rem;font-weight:800}.segmented-icon-group,.cue-controls-row{align-items:center;gap:.4rem;min-width:0;display:flex}.cue-control-group{min-width:0}.btn-header-icon{border-radius:var(--radius);width:2.35rem;height:2.35rem;color:var(--text-secondary);border:1px solid var(--border-color);transition:all .18s var(--ease);background:#0d0d0f8c;justify-content:center;align-items:center;display:inline-flex}.btn-header-icon:hover:not(:disabled){color:var(--text-primary);background:#f973161f;border-color:#f9731666}.btn-header-icon:disabled{opacity:.28;cursor:not-allowed}.list-toggle-btn{color:#fdba74;background:#f973161f;border-color:#f9731647}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.setlist-pagination{font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:700;font-family:var(--font-mono)}.header-action-btn{border-radius:var(--radius);white-space:nowrap;min-height:2.45rem;box-shadow:none;padding:.55rem .85rem}.header-actions .btn-secondary{border:1px solid var(--border-color);background:#222228b3}.header-actions .btn-secondary:hover{background:var(--surface-raised);border-color:var(--border-bright)}.header-actions .btn-primary{color:#0d0d0f;background:linear-gradient(135deg,#f97316,#fb923c);border:none}.time-display-card{border-radius:var(--radius);border:1px solid var(--border-color);justify-content:center;align-items:center;min-height:2.8rem;padding:.2rem 1.2rem;display:flex}.song-time-card{background:linear-gradient(#10b9812e,#10b98114);border-color:#10b9814d}.realtime-card{border-color:var(--border-color);background:#0d0d0f8c}.timecode-main-display{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;font-family:var(--font-mono);color:#6ee7b7;letter-spacing:-.02em;line-height:1}.timecode-ctrl-bar.perf .timecode-main-display{color:var(--live-color);text-shadow:0 0 20px #fbbf2466}.wall-clock-display{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#f0eeebbf;letter-spacing:-.01em;white-space:nowrap;font-size:1.25rem;font-weight:700}.timecode-ctrl-bar.perf .wall-clock-display{color:#fbbf24b8}.timer-controls{justify-content:center;align-items:center;gap:.45rem;display:flex}.btn-play{color:#0d0d0f;background:linear-gradient(135deg,#10b981,#34d399);justify-content:center;min-width:8.3rem;box-shadow:0 2px 10px #10b9814d}.btn-play:hover{background:linear-gradient(135deg,#059669,#10b981);transform:translateY(-1px);box-shadow:0 4px 14px #10b98166}.btn-pause{color:#0d0d0f;background:linear-gradient(135deg,#f59e0b,#fbbf24);justify-content:center;min-width:8.3rem;box-shadow:0 2px 10px #f59e0b4d}.btn-pause:hover{background:linear-gradient(135deg,#d97706,#f59e0b);transform:translateY(-1px)}.btn-reset{background:var(--surface-raised);color:var(--text-secondary);border:1px solid var(--border-color);padding:.55rem .75rem}.btn-reset:hover{background:var(--card-bg-hover);color:var(--text-primary);border-color:var(--border-bright)}.btn-section-nav{color:#22d3ee;font-family:var(--font-body);background:#06b6d414;border:1px solid #06b6d438;padding:.55rem .75rem}.btn-section-nav:hover:not(:disabled){background:#06b6d42e;border-color:#06b6d480}.btn-section-nav:disabled{opacity:.28;cursor:not-allowed}.next-cue-queue{flex-direction:column;gap:.2rem;width:100%;display:flex}.next-cue-display{border-radius:var(--radius);background:linear-gradient(#18181c80,#0d0d0f99);border:1px solid #f9731626;align-items:center;gap:.65rem;min-width:0;min-height:2.4rem;padding:.45rem .8rem;font-size:.9rem;transition:opacity .3s;display:flex}.next-cue-secondary{background:0 0;border-color:#f9731612;min-height:1.9rem;padding:.3rem .8rem;font-size:.82rem}.next-cue-display-empty{opacity:.6}.next-cue-label{color:#fb923c;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:.65rem;font-weight:800}.next-cue-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.next-cue-note{color:#c084fc;text-overflow:ellipsis;white-space:nowrap;background:#c084fc14;border:1px solid #c084fc38;border-radius:.3rem;max-width:200px;padding:.1rem .45rem;font-size:.78rem;font-style:italic;overflow:hidden}.next-cue-spacer{background:#ffffff14;flex:none;align-self:stretch;width:1px}.next-cue-in{color:var(--text-muted);flex-shrink:0;font-size:.8rem}.next-cue-time{font-family:var(--font-mono);color:#93c5fd;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:1.15rem;font-weight:800}.prep-hint{color:var(--text-muted);max-width:340px;font-size:.8rem;font-style:italic}.section-row{align-items:flex-start;gap:0;display:flex}.section-main{flex:1;min-width:0}.timecode-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.3rem;width:140px;padding:.6rem .75rem 0 0;display:flex}.timecode-pill-wrap{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.timecode-pill{font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:.3rem .6rem;font-size:.78rem;transition:all .15s}.timecode-pill.unset{color:var(--text-muted);border-color:var(--border-color);background:#ffffff08}.timecode-pill.unset:hover{border-color:var(--primary-color);color:var(--text-primary);background:var(--primary-dim)}.timecode-pill.set{color:#34d399;background:#34d39914;border-color:#34d39947}.timecode-pill.set:hover{background:#34d39929;border-color:#34d3998c}.timecode-pill.current{color:var(--live-color);background:#fbbf241f;border-color:#fbbf2473;box-shadow:0 0 8px #fbbf2433}.btn-tap{letter-spacing:.06em;border-radius:var(--radius-sm);background:var(--primary-color);color:#0d0d0f;font-size:.62rem;font-weight:800;font-family:var(--font-body);text-align:center;min-width:2.6rem;padding:.22rem .6rem;transition:all .12s}.btn-tap:hover{background:var(--primary-hover);transform:scale(1.05)}.btn-tap:active{box-shadow:0 0 0 3px var(--primary-dim);transform:scale(.96)}.btn-tap-clear{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e66}.btn-tap-clear:hover{background:#f43f5e47;border-color:#f43f5e;transform:scale(1.05);box-shadow:0 0 8px #f43f5e40}.btn-tap-clear:active{transform:scale(.96)}.timecode-input{width:110px;font-family:var(--font-mono);background:var(--bg-color);border:1.5px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--text-primary);text-align:right;padding:.35rem .6rem;font-size:.82rem}.timecode-input:focus{box-shadow:0 0 0 3px var(--primary-dim);outline:none}.timecode-pill-perf{font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid var(--border-color);white-space:nowrap;background:#ffffff06;margin-top:.6rem;padding:.3rem .6rem;font-size:.78rem}.timecode-pill-perf.active{color:var(--live-color);background:#fbbf241a;border-color:#fbbf2461;box-shadow:0 0 8px #fbbf242e}.section-current-perf{box-shadow:0 0 0 2px #fbbf241f, inset 3px 0 0 var(--live-color);border-color:var(--live-color)!important;background:#fbbf240a!important}.current-badge{letter-spacing:.07em;color:var(--live-color);font-size:.68rem;font-weight:800;font-family:var(--font-body);background:#fbbf241f;border:1px solid #fbbf244d;border-radius:.3rem;padding:.12rem .5rem;animation:1.4s ease-in-out infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.55}}.perf-marker-col{flex-direction:column;flex-shrink:0;align-items:center;gap:.3rem;padding:.5rem 0 0 .75rem;display:flex}.btn-marker{width:36px;height:36px;transition:all .15s var(--ease);color:#6366f1;background:#6366f11a;border:2px solid #6366f147;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.btn-marker:hover{background:#6366f138;border-color:#6366f1;transform:scale(1.12);box-shadow:0 0 12px #6366f14d}.btn-marker:active{transform:scale(.93)}.marker-counts{flex-direction:column;align-items:center;gap:.15rem;display:flex}.marker-count{font-size:.68rem;font-weight:800;font-family:var(--font-mono);border-radius:.3rem;padding:.1rem .35rem}.marker-count.good{color:#10b981;background:#10b9811f}.marker-count.bad{color:#f43f5e;background:#f43f5e1f}.perf-summary-bar{border:1px solid var(--border-color);border-radius:var(--radius);background:#ffffff05;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.8rem;display:none!important}.perf-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:.25rem;font-size:.75rem;font-weight:600}.perf-summary-chip{font-family:var(--font-mono);cursor:default;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;display:inline-flex}.chip-song-time{font-variant-numeric:tabular-nums;opacity:.9}.chip-wall-time{font-variant-numeric:tabular-nums;opacity:.55;border-left:1px solid;padding-left:.35rem;font-size:.68rem}.perf-summary-chip.marker{color:#6366f1;background:#6366f11a;border:1px solid #6366f138}.production-note-readonly{border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);background:#f973160d;border-left:3px solid #f9731659;margin-top:.5rem;padding:.6rem .75rem;font-size:.82rem;font-style:italic;line-height:1.5}.perf-mode .notebook-section{padding:.75rem 1rem}.perf-mode .lyrics-notebook h3{color:var(--live-color)}.timecode-ctrl-bar.sticky-bar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;box-shadow:0 18px 36px #0000006b}.timecode-ctrl-bar.sticky-bar.prep{background:#0d0d0ff7}.timecode-ctrl-bar.sticky-bar.perf{background:#0a0a0cf7}.bar-marker-btns{background:0 0;border-left:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:.45rem;padding-left:.8rem;display:flex}.btn-marker-bar{min-width:6.9rem}.btn-marker.btn-marker-bar{color:#6366f1;border-radius:var(--radius);background:#6366f11a;border-color:#6366f14d;width:auto;height:auto}.btn-marker.btn-marker-bar:hover{background:#6366f133;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.btn-marker .marker-badge{color:#fff;background:#6366f1;border-radius:9999px;justify-content:center;align-items:center;margin-left:.4rem;padding:.1rem .45rem;font-size:.68rem;font-weight:800;display:inline-flex}.chip-remove{color:currentColor;opacity:.45;cursor:pointer;background:0 0;border:none;padding:0 .1rem;font-size:.9rem;line-height:1;transition:opacity .15s}.chip-remove:hover{opacity:1}@media (width<=699px){.app-main{padding:calc(1rem + env(safe-area-inset-top)) 1rem 1rem}.app-main:has(.song-view){padding-top:0}.song-sticky-top{padding:calc(.4rem + env(safe-area-inset-top)) .75rem .4rem;grid-template-columns:auto minmax(0,1fr) auto;gap:.4rem}.song-info-compact h2{font-size:1.1rem}.song-info-compact .subtitle{font-size:.75rem}.song-back-btn,.btn-header-icon{width:2rem;height:2rem}.segmented-icon-group{gap:.25rem}.song-sticky-bottom{flex-direction:column-reverse;gap:.4rem;padding:.4rem .75rem}.control-group-label{display:none}.bottom-group-notes,.bottom-group-setlist{flex-flow:row;justify-content:flex-start;gap:.35rem;width:100%}.header-control-group{flex:0 auto;min-width:0}.time-display-card{border-radius:.4rem;min-height:2rem;padding:.15rem .5rem}.timecode-main-display{font-size:1.25rem}.wall-clock-display{font-size:1rem}.btn-timer{gap:.25rem;min-height:2rem;padding:.25rem .5rem;font-size:.8rem}.btn-timer svg{width:14px;height:14px}.btn-marker-bar{min-height:2rem;min-width:unset;gap:.25rem;padding:.25rem .5rem;font-size:.8rem}.btn-marker-bar svg{width:14px;height:14px}.bottom-group-setlist .header-control-group:last-child{margin-left:auto}.cue-controls-row{flex-wrap:nowrap;gap:.2rem}.btn-section-nav{min-height:2rem;padding:.25rem .35rem}.timer-controls{gap:.25rem}.bar-marker-btns{border-left:0;gap:.25rem;padding-left:0}.bar-marker-count{display:none}.song-sticky-cue{grid-template-columns:1fr;padding:.4rem .75rem}.lyrics-container,.concert-grid,.suggestions-grid{grid-template-columns:1fr}.setlist-header{padding:calc(.4rem + env(safe-area-inset-top)) .75rem .4rem}.setlist-header-inner{grid-template-columns:1fr auto;align-items:center;gap:.4rem .75rem;display:grid}.setlist-header-left{grid-column:1;min-width:0}.setlist-header h2{font-size:1.3rem}.setlist-realtimecode{grid-column:2;align-self:center}.setlist-realtimecode .time-display-card.realtime-card{border-radius:.4rem;min-height:1.8rem;padding:.15rem .5rem}.setlist-realtimecode .wall-clock-display{font-size:.95rem}.setlist-marker-tools{grid-column:1/span 2;justify-content:center;gap:.4rem;width:100%;margin-top:.1rem}.setlist-marker-tools .btn-marker-bar,.setlist-marker-tools .btn-secondary{border-radius:.4rem;min-height:1.8rem;padding:.2rem .6rem;font-size:.8rem}.setlist-marker-tools svg{width:14px;height:14px}.add-song-form{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.add-song-form input{grid-column:1/span 2;height:2.4rem;padding:.5rem .75rem;font-size:.9rem}.add-song-form button{justify-content:center;width:100%;height:2.4rem;padding:.5rem;font-size:.85rem}.markers-modal-header{flex-wrap:wrap;gap:.75rem;padding:1rem}.markers-modal-actions-container{align-items:stretch;width:100%}.markers-modal-actions-row{flex-wrap:wrap;justify-content:center}.marker-offset-field,.marker-start-field{border-right:none;margin-right:0;padding-right:0}.sidebar-group.structure-group{display:none}}@media (width>=700px) and (width<=1180px){.song-sticky-top{grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;padding:.6rem 1.25rem .5rem}.header-actions{grid-column:unset;justify-content:flex-end}.song-sticky-bottom{flex-wrap:nowrap;justify-content:space-between;gap:.75rem;padding:.5rem 1.25rem}.bottom-group-notes,.bottom-group-setlist{flex:0 auto;gap:.75rem}.header-control-group{gap:.25rem}.time-display-card{border-radius:.4rem;min-height:2.2rem;padding:.2rem .8rem}.timecode-main-display{font-size:1.5rem}.wall-clock-display{font-size:1.05rem}.btn-timer{gap:.3rem;min-height:2.2rem;padding:.35rem .7rem;font-size:.8rem}.btn-timer svg{width:15px;height:15px}.btn-play,.btn-pause{min-width:6.5rem}.btn-marker-bar{gap:.3rem;min-height:2.2rem;padding:.35rem .7rem;font-size:.8rem}.btn-marker-bar svg{width:15px;height:15px}.btn-section-nav{min-height:2.2rem;padding:.35rem .5rem}.cue-controls-row{gap:.3rem}.bar-marker-btns{border-left:0;justify-content:flex-start;gap:.3rem;padding-left:0}.setlist-pagination{font-size:1rem}.setlist-realtimecode .time-display-card.realtime-card,.setlist-marker-tools .btn-marker-bar,.setlist-marker-tools .btn-secondary{min-height:2.2rem;padding:.25rem .8rem;font-size:.85rem}}