:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#e2e5ea;--color-text:#1f2937;--color-text-muted:#6b7280;--color-primary:#4f6df5;--color-primary-hover:#3d57d6;--color-danger:#ef4444;--color-error-bg:#fef2f2;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-surface-2:#f1f5f9;--radius:8px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--color-bg:#111827;--color-surface:#1f2937;--color-border:#374151;--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-primary:#6b84f7;--color-primary-hover:#8fa0f9;--color-error-bg:#2d1515;--color-warning-bg:#2d2208;--color-warning-border:#92400e;--color-success:#4ade80;--color-success-bg:#052e16;--color-surface-2:#2d3748}*{box-sizing:border-box}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);margin:0}button{cursor:pointer;border-radius:var(--radius);background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;font-family:inherit;font-size:.9rem}button:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.link-button{color:var(--color-primary);background:0 0;padding:0;text-decoration:underline}input,select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:.5rem;font-family:inherit;font-size:.9rem}a{color:inherit;text-decoration:none}.auth-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-form{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);flex-direction:column;gap:1rem;width:320px;padding:2rem;display:flex}.auth-form h1{margin:0}.auth-form .subtitle{color:var(--color-text-muted);margin:0}.auth-form label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.error-banner{background:var(--color-error-bg);color:var(--color-danger);border-radius:var(--radius);padding:.5rem;font-size:.85rem}.success-banner{background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius);padding:.5rem;font-size:.85rem}.app-shell{min-height:100vh}.top-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:2rem;padding:.75rem 1.5rem;display:flex}.top-nav .brand{font-size:1.1rem;font-weight:700}.nav-links{flex:1;gap:1.2rem;display:flex}.nav-user{color:var(--color-text-muted);align-items:center;gap:.8rem;font-size:.9rem;display:flex}.content{max-width:880px;margin:0 auto;padding:1.5rem;position:relative}.song-sidebar-anchor{width:260px;margin-right:1.5rem;position:absolute;top:1.5rem;bottom:1.5rem;right:100%}.song-sidebar{flex-direction:column;gap:.6rem;max-height:calc(100vh - 3rem);display:flex;position:sticky;top:1.5rem}.song-sidebar-select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);padding:.5rem .6rem;font-size:.85rem}.song-sidebar-list{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow-y:auto}.song-sidebar-item{color:inherit;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.85rem;text-decoration:none;display:flex}.song-sidebar-list li:last-child .song-sidebar-item{border-bottom:none}.song-sidebar-item:hover{background:var(--color-bg)}.song-sidebar-item--active{background:var(--color-primary);color:#fff}.song-sidebar-item-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.song-sidebar-item .song-tags{flex-shrink:0;margin-top:0}.song-sidebar-item--active .song-tag{color:#fff;background:#fff3}.song-sidebar-empty{padding:.7rem}@media (width<=1459.98px){.song-sidebar-anchor{display:none}}.page-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page-header--detail{flex-direction:column;align-items:stretch;gap:0}.page-header-detail-row h1{white-space:nowrap;flex:1;min-width:0;margin-bottom:.1rem}.page-header-detail-row{justify-content:space-between;align-items:center;display:flex}.song-header-title-block{flex-direction:column;gap:.05rem;min-width:0;display:flex}.song-header-title-block h1{margin:0;line-height:1.2}.song-header-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.1rem;display:flex}.song-header-artist{color:var(--color-text-muted);font-size:.85rem;line-height:1}.song-header-tags{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.inline-form,.upload-form,.add-song-row{gap:.5rem;margin-bottom:1.5rem;display:flex}.empty-state{color:var(--color-text-muted);font-style:italic}.page-loading{color:var(--color-text-muted);text-align:center;padding:2.5rem 0}.error-boundary{text-align:center;max-width:32rem;margin:3rem auto;padding:0 1rem}.error-boundary .error-banner{margin:1rem 0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.song-list{flex-direction:column;gap:0;padding:0;list-style:none;animation:.18s ease-out fadeSlideIn;display:flex}.song-list-card{border-radius:var(--radius);background:0 0;border:none;align-items:stretch;transition:background-color .1s;display:flex;overflow:hidden}.song-list-card:hover,.song-list-card:focus-within{background:var(--color-surface-2)}.song-list-item{color:inherit;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:row;flex:1;align-items:stretch;gap:.75rem;min-width:0;min-height:7.5rem;padding:1.1rem;text-decoration:none;display:flex;overflow:hidden}.song-list--compact{gap:.3rem}.song-list--compact .song-list-item{gap:.5rem;min-height:3.5rem;padding:.5rem}.song-list--compact .song-list-artwork{align-self:center;width:2.5rem;height:2.5rem}.song-list--compact .song-primary,.song-list--compact .song-artist,.song-list--compact .song-list-item .song-title:only-child{font-size:.85rem}.song-list--compact .song-secondary,.song-list--compact .song-title{font-size:.78rem}.song-list--compact .song-tags{margin-top:.05rem}.song-list--compact .song-tag{padding:0 .3rem;font-size:.68rem;line-height:1.4}.song-list--compact .song-meta{margin-top:0;font-size:.7rem}.song-list--compact .song-artwork-placeholder{font-size:.85rem}.song-list-item-text{flex-direction:column;flex:1;justify-content:center;align-self:center;gap:.15rem;min-width:0;display:flex;overflow:hidden}.song-list-item-side{text-align:right;flex-direction:column;flex-shrink:0;justify-content:center;align-self:center;align-items:flex-end;gap:.15rem;padding-left:.5rem;display:flex}.song-list-item-side .song-tags,.song-list-item-side .song-meta{margin-top:0}.song-list-item-side .song-tags{justify-content:flex-end}.song-primary,.song-artist{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.song-secondary,.song-title{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:400;overflow:hidden}.song-list-item .song-title:only-child{color:var(--color-text);font-size:.95rem;font-weight:600}.song-tags{flex-wrap:nowrap;gap:.3rem;margin-top:.1rem;display:flex;overflow:hidden}.song-tag{background:var(--color-surface-2,#f1f5f9);color:var(--color-text-muted);border-radius:4px;padding:0 .4rem;font-size:.75rem;font-weight:500;line-height:1.6;display:inline-block}.song-meta{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.8rem;overflow:hidden}.song-notes{color:var(--color-text-muted);margin-top:-.5rem}.version-selector{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.version-chip-wrapper{border-radius:var(--radius);align-items:stretch;display:flex;overflow:hidden}.version-chip-wrapper .version-chip{border-radius:var(--radius) 0 0 var(--radius)}.version-chip-delete{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:0 var(--radius) var(--radius) 0;border-left:none;padding:.5rem .6rem;font-size:.85rem}.version-chip-delete:hover{background:var(--color-error-bg);color:var(--color-danger)}.version-chip{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.version-chip.active{background:var(--color-primary);color:#fff}.current-badge{font-size:.75rem}.waveform-player{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-width:100%;margin-bottom:1rem;padding:1rem;overflow:hidden}.waveform-container{cursor:pointer;max-width:100%}.waveform-container-wrapper{min-height:96px;position:relative}.waveform-loading-overlay{background:var(--color-surface);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex;position:absolute;inset:0}.waveform-loading-bar-track{background:var(--color-bg);border-radius:4px;width:60%;max-width:240px;height:6px;overflow:hidden}.waveform-loading-bar-fill{background:var(--color-primary);height:100%;transition:width .2s}.waveform-loading-label{color:var(--color-text-muted);font-family:monospace;font-size:.8rem}.player-controls{align-items:center;gap:1rem;margin-top:.75rem;display:flex}.time-display{font-family:monospace;font-size:.9rem}.hint-text{color:var(--color-text-muted);font-size:.8rem}.new-comment-form{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.new-comment-form input{flex:1}.audio-comment-mic-button{color:var(--color-text-muted);background:0 0;padding:.4rem .6rem;font-size:1rem}.audio-comment-recorder{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;display:flex}.audio-comment-recorder-error{color:var(--color-danger)}.recording-indicator{align-items:center;gap:.4rem;font-family:monospace;display:flex}.recording-dot{background:var(--color-danger);border-radius:50%;width:.6rem;height:.6rem;animation:1.2s ease-in-out infinite recording-pulse}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.3}}.audio-comment-stop{color:var(--color-danger)}.audio-comment-preview{flex:1;min-width:12rem;height:2.2rem}.audio-comment-error{color:var(--color-danger);font-size:.85rem}.comment-audio{flex-direction:column;gap:.2rem;display:flex}.comment-audio audio{max-width:100%;height:2.2rem}.comment-audio-status{color:var(--color-text-muted);font-size:.75rem}.comment-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.comment-list li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.comment-list li.comment-resolved{opacity:.6}.comment-timestamp{background:var(--color-bg);color:var(--color-text);font-family:monospace}.comment-body{flex:1}.comment-body p{margin:0}.comment-author{color:var(--color-text-muted);font-size:.75rem}.comment-actions{gap:.3rem;display:flex}.comment-actions button{color:var(--color-text-muted);background:0 0;padding:.2rem .4rem;font-size:1rem}.sections-panel{flex-direction:column;gap:.5rem;display:flex}.sections-add-row{align-items:center;gap:.5rem;display:flex}.sections-add-button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.875rem}.sections-add-button:hover{color:var(--color-primary-hover)}.sections-add-time{color:var(--color-text-muted);white-space:nowrap;font-family:monospace;font-size:.8rem}.sections-add-input,.sections-edit-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-width:0;color:var(--color-text);flex:1;padding:.25rem .5rem;font-size:.875rem}.sections-empty{color:var(--color-text-muted);margin:0;font-size:.8rem}.sections-list{flex-direction:column;gap:.4rem;padding:0;list-style:none;display:flex}.sections-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.sections-timestamp{background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:.1rem .4rem;font-family:monospace;font-size:.8rem}.sections-timestamp:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sections-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;overflow:hidden}.sections-actions{flex-shrink:0;gap:.2rem;display:flex}.sections-actions button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:.875rem}.sections-actions button:hover{color:var(--color-text)}.sections-delete:hover{color:var(--color-danger)!important}.playlist-items{flex-direction:column;gap:.4rem;padding:0;list-style:none;display:flex}.playlist-items li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.6rem .9rem;display:flex}.playlist-position{color:var(--color-text-muted);width:1.5rem}.playlist-song-title{flex:1;font-weight:600}.playlist-song-tags{flex-shrink:0;gap:.25rem;display:flex}.playlist-duration-bpm{align-items:center;gap:.25rem;display:flex}@media (width<=480px){.playlist-duration-bpm{flex-direction:column;align-items:flex-start;gap:.15rem}}.playlist-item-actions{gap:.3rem;display:flex}.playlist-item-actions button{background:var(--color-bg);color:var(--color-text);padding:.3rem .5rem}.playlist-drag-handle{color:var(--color-text-muted);cursor:grab;flex-shrink:0;font-size:.75rem}.playlist-item--dragging{opacity:.35}.playlist-item--dragover{outline:2px solid var(--color-primary);outline-offset:-2px}.playlist-overview-list{flex-direction:column;gap:.6rem;padding:0;list-style:none;display:flex}.playlist-overview-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:stretch;transition:border-color .15s;display:flex;overflow:hidden}.playlist-overview-card:hover{border-color:var(--color-primary)}.playlist-overview-body{color:inherit;flex-direction:column;flex:1;gap:.25rem;min-width:0;padding:1rem 1.1rem;text-decoration:none;display:flex}.playlist-overview-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.playlist-overview-meta{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.playlist-overview-meta--muted{opacity:.55;font-style:italic}.playlist-overview-actions{border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;display:flex}.playlist-overview-actions button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;padding:0 .85rem;font-size:.85rem;display:flex}.playlist-overview-actions button:hover{color:var(--color-text);background:var(--color-bg)}.playlist-overview-actions button+button{border-top:1px solid var(--color-border)}.playlist-overview-delete:hover{color:var(--color-danger)!important}.playlist-overview-edit{flex-direction:column;flex:1;gap:.5rem;padding:.85rem 1rem;display:flex}.playlist-overview-edit-name{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);width:100%;padding:.35rem .6rem;font-size:1rem;font-weight:600}.playlist-overview-date-label{color:var(--color-text-muted);flex-direction:column;gap:.2rem;font-size:.78rem;display:flex}.playlist-overview-edit-date{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);width:fit-content;padding:.3rem .5rem;font-size:.85rem}.playlist-overview-edit-actions{gap:.5rem;display:flex}.member-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}.member-table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%}.member-table th,.member-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.6rem .9rem}.stats-expand-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem}.stats-expand-btn:hover{color:var(--color-text)}.stats-breakdown{flex-direction:column;gap:.35rem;margin:0;padding:.4rem 0;list-style:none;display:flex}.stats-breakdown-row{color:var(--color-text-muted);justify-content:space-between;gap:1rem;padding:.25rem .5rem;display:flex}.avatar-image{object-fit:cover;border-radius:50%;flex-shrink:0}.avatar-fallback{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.waveform-comment-markers{height:36px;margin-top:4px;position:relative}.waveform-comment-marker{cursor:pointer;border:2px solid var(--color-surface);background:0 0;border-radius:50%;padding:0;line-height:0;position:absolute;top:0;transform:translate(-50%);box-shadow:0 1px 3px #0003}.waveform-comment-marker.resolved{opacity:.5}.waveform-section-markers{height:28px;margin-bottom:2px;position:relative}.waveform-section-marker{cursor:pointer;color:var(--color-primary);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:absolute;bottom:0;transform:translate(-50%)}.waveform-section-marker-label{white-space:nowrap;text-overflow:ellipsis;background:#4f6df526;border-radius:3px;max-width:72px;padding:1px 4px;font-size:10px;font-weight:600;line-height:1.2;transition:background .15s;overflow:hidden}.waveform-section-marker:after{content:"";background:var(--color-primary);flex-shrink:0;width:1px;height:6px;display:block}.waveform-section-marker:hover .waveform-section-marker-label{background:#4f6df54d}.avatar-upload-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.nav-user-link{align-items:center;gap:.5rem;display:flex}.youtube-progress{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.9rem}.youtube-progress-bar-track{background:var(--color-bg);border-radius:4px;width:100%;height:8px;margin-bottom:.4rem;position:relative;overflow:hidden}.youtube-progress-bar-fill{background:var(--color-primary);height:100%;transition:width .3s}.youtube-progress-done{color:var(--color-success)}.version-chip-rename{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-left:none;border-radius:0;padding:.5rem;font-size:.85rem}.version-chip-rename:hover{background:var(--color-bg);color:var(--color-text)}.version-chip-edit-input{border-radius:var(--radius) 0 0 var(--radius);border-right:none;min-width:140px;font-size:.9rem}.song-list-row{align-items:stretch;gap:.5rem;display:flex}.song-list-menu{flex-shrink:0;align-items:center;padding-right:.75rem;display:flex;position:relative}.song-list-menu-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:100;min-width:150px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.song-list-menu-dropdown button{width:100%;color:var(--color-text);text-align:left;background:0 0;border-radius:0;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.song-list-menu-dropdown button:hover:not(:disabled){background:var(--color-surface-2)}.song-list-menu-dropdown button.danger-item{color:var(--color-danger)}.song-list-menu-dropdown button.danger-item:hover:not(:disabled){background:var(--color-error-bg)}.song-context-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:500;min-width:160px;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 20px #0000002e}.song-context-menu button{width:100%;color:var(--color-text);text-align:left;background:0 0;border-radius:0;align-items:center;gap:.6rem;padding:.6rem .9rem;font-size:.9rem;display:flex}.song-context-menu button:hover:not(:disabled){background:var(--color-surface-2)}.song-context-menu button.danger-item{color:var(--color-danger)}.song-context-menu button.danger-item:hover:not(:disabled){background:var(--color-error-bg)}.song-context-menu button.cancel-item{color:var(--color-text-muted);border-top:1px solid var(--color-border);font-size:.85rem}.song-list-edit{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius);flex:1;align-items:center;gap:.4rem;padding:.5rem .75rem;display:flex}.song-list-edit-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);min-width:0;color:var(--color-text);flex:1;padding:.3rem .5rem;font-size:.9rem}.song-list-edit button{flex-shrink:0;padding:.3rem .6rem;font-size:.9rem}.song-list-edit-narrow{flex:0 0 5rem;min-width:0}.song-list-edit-select{flex:0 0 7rem;min-width:0}.inline-form-narrow{flex-shrink:0;width:6rem}.inline-form-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);flex-shrink:0;padding:.45rem .5rem;font-size:.95rem}.sort-category-select{color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;height:2rem;padding:.3rem .5rem;font-size:.85rem}.sort-dir-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;height:2rem;padding:.3rem .6rem;font-size:.85rem;display:flex}.sort-dir-button:hover{background:var(--color-border);color:var(--color-text)}.compact-add-button{border:1px solid var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:.85rem;display:flex}@media (width<=480px){body{overflow-x:hidden}.content{padding:1rem}.top-nav{flex-wrap:wrap;gap:.75rem;padding:.6rem .85rem}.nav-links{flex-wrap:wrap;gap:.7rem;font-size:.9rem}.top-nav .brand{font-size:1rem}.inline-form,.upload-form,.add-song-row,.new-comment-form,.member-form,.avatar-upload-row{flex-wrap:wrap}.inline-form input,.inline-form select,.upload-form input,.upload-form select,.add-song-row select,.new-comment-form input,.member-form input,.member-form select{flex:100%;min-width:0}.upload-form input[type=file]{width:100%;max-width:100%}.inline-form button,.upload-form button,.add-song-row button,.member-form button{flex:100%}.new-comment-form button{flex:none}.version-chip-edit-input{flex:auto;min-width:0}.player-controls{flex-wrap:wrap}.hint-text,.recorder-controls select{flex:100%}.recorder-active-buttons button{flex:auto}.member-table{white-space:nowrap;display:block;overflow-x:auto}.multitrack-upload-grid{grid-template-columns:1fr}}.profile-setting-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1.5rem;padding:.75rem 0;display:flex}.theme-toggle-button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius);padding:.4rem .9rem;font-size:.9rem}.theme-toggle-button:hover:not(:disabled){background:var(--color-surface-2)}.profile-calendar-section{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1rem}.profile-calendar-section h2{margin-bottom:.5rem;font-size:1rem}.calendar-connect-actions{align-items:center;gap:.75rem;display:flex}.calendar-connected-badge{color:var(--color-success);align-items:center;gap:.35rem;font-size:.9rem;font-weight:500;display:flex}.calendar-ics-row{gap:.5rem;width:100%;display:flex}.calendar-ics-row input{background:var(--color-bg);min-width:0;color:var(--color-text-muted);flex:1;font-family:monospace;font-size:.78rem}.profile-logout-row{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem}.logout-button{background:var(--color-surface);color:var(--color-danger);border:1px solid var(--color-border)}.logout-button:hover{background:var(--color-error-bg);border-color:var(--color-danger)}.member-edit-form{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.member-table-actions{gap:.8rem;display:flex}.stats-tabs,.view-toggle{border-bottom:1px solid var(--color-border);gap:.4rem;margin-bottom:1rem;display:flex}.view-toggle-option{color:var(--color-text-muted);border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.6rem .9rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.view-toggle-option:hover{color:var(--color-text)}.view-toggle-option--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.stats-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem .9rem;font-size:.9rem;font-weight:500}.stats-tab:hover{color:var(--color-text)}.stats-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.activity-feed{flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:0;list-style:none;display:flex}.activity-feed-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:flex-start;gap:.7rem;padding:.6rem .9rem;display:flex}.activity-feed-icon{color:var(--color-text-muted);text-align:center;flex-shrink:0;width:1rem;margin-top:.2rem;font-size:.85rem}.activity-feed-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.activity-feed-text{overflow-wrap:break-word;font-size:.9rem}.activity-feed-time{color:var(--color-text-muted);font-size:.75rem}.multitrack-player{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.multitrack-player .player-controls{z-index:2;background:var(--color-surface);border-bottom:1px solid var(--color-border);margin-top:0;margin-bottom:.75rem;padding:.6rem 0;position:sticky;top:.5rem;box-shadow:0 4px 8px -4px #00000040}.multitrack-row{border-bottom:1px solid var(--color-bg);border-left:3px solid var(--track-color,var(--color-border));flex-direction:column;gap:.4rem;padding:.75rem 0 .75rem .6rem;display:flex}.multitrack-row:last-of-type{border-bottom:none;margin-bottom:.75rem}.multitrack-row--dragging{opacity:.35}.multitrack-row--dragover{outline:2px solid var(--color-primary);outline-offset:-2px}.multitrack-row--silenced{opacity:.45}.multitrack-row-header{cursor:grab;touch-action:none;align-items:center;gap:.6rem;display:flex}.stem-name{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:auto;min-width:0;font-size:.95rem;font-weight:600;overflow:hidden}.stem-download-btn{cursor:pointer}.stem-processing-failed-icon{color:var(--color-danger);flex-shrink:0}.multitrack-row-controls{align-items:center;gap:.6rem;display:flex}.stem-mute-button,.stem-solo-button{background:var(--color-bg);flex-shrink:0;min-width:2.4rem;padding:.4rem .7rem;font-size:.85rem;font-weight:700}.stem-mute-button.muted{background:var(--color-error-bg)}button.stem-solo-button.solo{color:#1f2937;background:#f59e0b}.stem-volume-slider{appearance:none;background:var(--color-border);border-radius:3px;outline:none;flex:1;min-width:0;height:6px;margin:0}.stem-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.stem-volume-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.stem-volume-slider::-moz-range-track{background:var(--color-border);border-radius:3px;height:6px}.stem-volume-value{color:var(--color-text-muted);text-align:right;flex-shrink:0;width:2.6rem;font-family:monospace;font-size:.75rem}.multitrack-row-pan{align-items:center;gap:.6rem;display:flex}.stem-pan-label{color:var(--color-text-muted);flex-shrink:0;width:2.4rem;font-size:.75rem}.stem-pan-slider{appearance:none;background:var(--color-border);border-radius:2px;outline:none;flex:1;min-width:0;height:4px;margin:0}.stem-pan-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.stem-pan-slider::-moz-range-thumb{background:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.stem-pan-slider::-moz-range-track{background:var(--color-border);border-radius:2px;height:4px}.stem-pan-value{color:var(--color-text-muted);text-align:right;flex-shrink:0;width:2.6rem;font-family:monospace;font-size:.75rem}.multitrack-toolbar{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.multitrack-row-waveform{flex:1;min-width:0;position:relative}.waveform-loading-overlay-small{flex-direction:row;gap:.5rem;padding:0 .5rem}.waveform-loading-overlay-small .waveform-loading-bar-track{width:100%;max-width:none}.waveform-comment-markers-small{height:24px;margin-top:2px}.multitrack-upload-form{flex-direction:column;align-items:stretch}.multitrack-upload-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:.5rem 0;display:grid}.multitrack-upload-field{flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:600;display:flex}.multitrack-upload-field input{font-weight:400}.multitrack-badge{font-size:.8rem}.comment-stem-badge{background:var(--color-bg);color:var(--color-text-muted);border-radius:4px;margin-bottom:.2rem;padding:.1rem .4rem;font-size:.7rem;font-weight:600;display:inline-block}.multitrack-loading-banner{color:var(--color-text-muted);margin-bottom:1rem;font-size:.9rem}.title-edit-input{padding:.2rem .4rem;font-size:1.5rem;font-weight:700}.stem-name-edit-input{flex:1;min-width:0;padding:.2rem .4rem;font-size:.85rem;font-weight:600}.multitrack-add-stems{margin-bottom:1rem;font-size:.9rem}.multitrack-add-stems summary{cursor:pointer;color:var(--color-primary);margin-bottom:.5rem}.multitrack-file-list{flex-direction:column;gap:.3rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.multitrack-file-list li{background:var(--color-bg);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.85rem;display:flex}.multitrack-file-list button{color:var(--color-text-muted);background:0 0;padding:0 .3rem}.multitrack-file-list button:hover{color:var(--color-danger)}.playlist-gig-link{margin-bottom:1rem}.offline-progress{color:var(--color-text-muted);margin:-.5rem 0 1rem;font-size:.9rem}.recorder-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1rem}.recorder-panel-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.recorder-panel-header h3{margin:0}.recorder-recovery-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius);margin-bottom:.75rem;padding:.75rem;font-size:.9rem}.recorder-recovery-actions{gap:.5rem;margin-top:.5rem;display:flex}.recorder-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.record-start-button{background:var(--color-danger);color:#fff}.recorder-active{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.recorder-indicator{color:var(--color-text-muted);font-weight:600}.recorder-indicator.live{color:var(--color-danger);animation:1.5s ease-in-out infinite recorder-pulse}@keyframes recorder-pulse{0%,to{opacity:1}50%{opacity:.4}}.recorder-duration{font-family:monospace;font-size:1.1rem;font-weight:600}.recorder-active-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.recorder-finished{flex-direction:column;gap:.6rem;display:flex}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:540px;box-shadow:0 8px 32px #0000002e}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1rem .75rem;display:flex}.modal-header h3{margin:0;font-size:1rem}.modal-close{background:var(--color-bg);color:var(--color-text-muted);padding:.2rem .5rem;font-size:1rem;line-height:1}.modal-close:hover{background:var(--color-error-bg);color:var(--color-danger)}.modal-body{padding:1rem}.page-header-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.actions-menu{flex-shrink:0;position:relative}.actions-menu-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:50;min-width:200px;position:absolute;top:calc(100% + .35rem);right:0;overflow:hidden;box-shadow:0 4px 16px #00000026}.actions-menu-dropdown button{text-align:left;border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;background:0 0;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.95rem;display:flex}.actions-menu-dropdown button:last-child{border-bottom:none}.actions-menu-dropdown button:hover{background:var(--color-border)}.actions-menu-dropdown button.record-item{color:var(--color-danger)}.modal-body .upload-form{flex-direction:column}.modal-body .upload-form input,.modal-body .upload-form select{flex:100%;width:100%;min-width:0}.icon-button{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.35rem .55rem;font-size:1rem;line-height:1}.icon-button:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.icon-button.record-icon{color:var(--color-danger)}.icon-button.record-icon:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-danger)}.icon-button.danger-icon{color:var(--color-danger)}.icon-button.danger-icon:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-danger)}.version-dropdown-row{flex-wrap:wrap;align-items:stretch;gap:.4rem;margin-bottom:1rem;display:flex}.version-dropdown-row .icon-button{aspect-ratio:1}.version-custom-select{flex:none;max-width:360px;position:relative}.version-select-trigger{background:var(--color-surface);border:1px solid var(--color-border);width:auto;color:var(--color-text);text-align:left;cursor:pointer;border-radius:var(--radius);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.9rem;display:flex}.version-select-trigger:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-primary)}.version-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.version-custom-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:200;min-width:100%;max-height:280px;position:absolute;top:calc(100% + 3px);left:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.version-custom-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;display:flex}.version-custom-item:hover{background:var(--color-surface-2)}.version-custom-item--selected{background:var(--color-primary);color:#fff}.version-custom-item--selected:hover{background:var(--color-primary-hover)}.version-custom-item--dragging{opacity:.35}.version-custom-item--dragover{outline:2px solid var(--color-primary);outline-offset:-2px}.version-custom-item--selected.version-custom-item--dragover{outline-color:#fff9}.version-drag-handle{color:var(--color-text-muted);cursor:grab;flex-shrink:0;font-size:.75rem}.version-custom-item--selected .version-drag-handle{color:#fff9}.version-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:.4rem;min-width:0;display:flex;overflow:hidden}.version-current-star{flex-shrink:0;font-size:.65rem}.version-select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-width:0;max-width:360px;color:var(--color-text);cursor:pointer;flex:auto;padding:.45rem .6rem;font-size:.9rem}.version-label-edit-input{flex:auto;min-width:0;max-width:360px;font-size:.9rem}.comment-form-time{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-family:monospace;font-size:.85rem}.processing-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius);color:var(--color-text-muted);margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}@keyframes processing-slide{0%{width:40%;left:-40%}50%{width:50%;left:30%}to{width:40%;left:100%}}.processing-indeterminate{background:var(--color-primary);border-radius:4px;height:100%;animation:1.6s ease-in-out infinite processing-slide;position:absolute!important}.notes-section,.lyrics-section{margin-top:2rem}.lyrics-section-header{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.lyrics-section-header h2{margin:0}.lyrics-section-toggle{cursor:pointer;color:inherit;background:0 0;border:none;align-items:baseline;gap:.6rem;padding:0;font-size:.8rem;display:flex}.lyrics-section-toggle:hover h2{color:var(--color-primary)}.lyrics-section-actions{align-items:center;gap:.9rem;display:flex}.lyrics-text{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;margin:0;padding:.9rem 1.1rem;font-family:inherit;font-size:.95rem;line-height:1.6}.lyrics-textarea{border:1px solid var(--color-border);border-radius:var(--radius);resize:vertical;background:var(--color-bg);width:100%;min-height:240px;color:var(--color-text);margin-bottom:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.6;display:block}.lyrics-textarea:focus{outline:2px solid var(--color-primary);border-color:#0000}.notes-section h2{margin-bottom:.75rem}.note-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.75rem;padding:.75rem 1rem}.note-meta{align-items:baseline;gap:.5rem;margin-bottom:.25rem;display:flex}.note-date{color:var(--color-text-muted);font-size:.8rem}.note-body{white-space:pre-wrap;word-break:break-word;margin:0 0 .5rem}.note-actions{gap:.75rem;display:flex}.note-textarea{border:1px solid var(--color-border);border-radius:var(--radius);resize:vertical;background:var(--color-bg);width:100%;min-height:80px;color:var(--color-text);margin-bottom:.5rem;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;display:block}.note-textarea:focus{outline:2px solid var(--color-primary);border-color:#0000}.note-form{margin-top:1rem}.danger-link{color:var(--color-danger)!important}.loop-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;padding:.3rem .7rem;font-size:.85rem}.loop-button:hover{background:var(--color-border);color:var(--color-text)}.loop-button.loop-active{border-color:var(--color-primary);color:var(--color-primary);background:#6366f11f;font-weight:600}.loop-controls{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.loop-controls-group{align-items:center;gap:.3rem;display:flex}.loop-controls-sep,.loop-hint{color:var(--color-text-muted);font-size:.8rem}.loop-time-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);width:6.5em;color:var(--color-text-muted);text-align:center;padding:.2rem .35rem;font-family:monospace;font-size:.78rem}.loop-time-input:focus{outline:2px solid var(--color-primary);color:var(--color-text)}.loop-point-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;padding:.2rem .5rem;font-size:.8rem}.loop-point-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:#6366f11a}.loop-clear-button{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.2rem .4rem;font-size:.85rem}.loop-clear-button:hover{background:var(--color-error-bg);color:var(--color-danger)}.trim-save-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;align-items:center;gap:.4rem;margin-top:.5rem;padding:.4rem .7rem;font-size:.82rem;display:flex}.trim-save-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:#6366f11a}.trim-modal-range{color:var(--color-text-muted);margin:0 0 .75rem;font-family:monospace;font-size:.85rem}.trim-modal-field-label{color:var(--color-text-muted);margin-bottom:-.3rem;font-size:.8rem}.pitch-tempo-rows{flex-direction:column;gap:.5rem;display:flex}.pitch-tempo-row{align-items:center;gap:.5rem;display:flex}.pitch-tempo-label{color:var(--color-text-muted);flex-shrink:0;width:5rem;font-size:.8rem}.pt-step-button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;flex-shrink:0;padding:.2rem .55rem;font-size:1rem;line-height:1}.pt-step-button:hover:not(:disabled){background:var(--color-border)}.pt-step-button:disabled{opacity:.35;cursor:default}.semitone-display{font-variant-numeric:tabular-nums;text-align:center;min-width:4rem;color:var(--color-text-muted);font-size:.9rem}.semitone-display.semitone-active{color:var(--color-primary);font-weight:600}.tempo-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-variant-numeric:tabular-nums;text-align:center;width:5rem;color:var(--color-text);padding:.2rem .4rem;font-size:.9rem}.tempo-unit{color:var(--color-text-muted);font-size:.85rem}.pt-reset-button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.8rem;text-decoration:underline}.pt-reset-button:hover{color:var(--color-text)}.pitch-hint{color:var(--color-text-muted);margin:0;font-size:.75rem;font-style:italic}.audio-fx{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:.5rem;overflow:hidden}.audio-fx-header{width:100%;color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;display:flex}.audio-fx-header:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.audio-fx-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.audio-fx-chevron{margin-left:auto;font-size:.7rem}.audio-fx-body{border-top:1px solid var(--color-border);flex-direction:column;gap:.3rem;padding:.4rem .9rem .75rem;display:flex}.audio-fx-row{align-items:center;gap:.4rem;display:flex}.audio-fx-label{color:var(--color-text-muted);flex-shrink:0;width:5.5rem;font-size:.8rem}.audio-fx-hint{color:var(--color-text-muted);flex-shrink:0;min-width:2.5rem;font-size:.75rem}.audio-fx-toggle{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;margin-left:auto;padding:.2rem .55rem;font-size:.75rem}.audio-fx-toggle:hover:not(:disabled){background:var(--color-border)}.audio-fx-toggle.audio-fx-toggle-on{border-color:var(--color-primary);color:var(--color-primary);background:#6366f11f;font-weight:600}.audio-fx-peak-row{margin-top:.1rem;margin-bottom:.1rem}.audio-fx-peak-track{background:var(--color-bg);border-radius:3px;flex:1;height:6px;overflow:hidden}.audio-fx-peak-fill{border-radius:3px;height:100%;transition:width 50ms linear}.audio-fx-peak-ok{background:var(--color-success)}.audio-fx-peak-warn{background:#f59e0b}.audio-fx-peak-hot{background:var(--color-danger)}.audio-fx-peak-label{color:var(--color-text-muted);text-align:right;flex-shrink:0;min-width:6rem;font-family:monospace;font-size:.75rem}@media (width<=480px){.icon-button{padding:.3rem .45rem;font-size:.95rem}.modal-card,.version-select,.version-custom-select{max-width:100%}.loop-controls{justify-content:center}.pitch-tempo-label{width:4rem}.song-list-edit{flex-wrap:wrap}}.song-header-with-artwork{align-items:stretch;gap:1rem;padding-top:1.34rem;display:flex}.song-header-text-block{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.song-header-text-block h1{margin-top:0}.song-artwork-in-header{border-radius:8px;flex-shrink:0;align-self:flex-start;width:60px;height:60px;position:relative;overflow:hidden}.song-artwork-in-header .song-artwork-detail{object-fit:cover;border-radius:0;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.song-artwork-in-header .song-artwork-detail-placeholder{min-width:unset;background:var(--color-surface-2);color:var(--color-text-muted);border-radius:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0;width:100%!important;height:100%!important}.song-hero{z-index:10;background:var(--color-surface);-webkit-user-select:none;user-select:none;touch-action:none;min-height:170px;margin:-1.5rem -1.5rem 1rem;position:relative}@media (width<=480px){.song-hero{min-height:155px;margin:-1rem -1rem 1rem}}.song-hero-bg{object-fit:cover;object-position:center 25%;pointer-events:none;draggable:false;width:100%;height:100%;display:block;position:absolute;inset:0}.song-hero-overlay{pointer-events:none;background:linear-gradient(#00000014 0%,#0000008c 55%,#000000d1 100%);position:absolute;inset:0}.song-hero:not(.song-hero--with-fanart) .song-hero-overlay{background:0 0}.song-hero-content{z-index:1;box-sizing:border-box;align-items:flex-end;gap:.7rem;min-height:170px;padding:1.5rem 1.5rem .9rem;display:flex;position:relative}@media (width<=480px){.song-hero-content{min-height:155px;padding:1rem 1rem .8rem}}.song-artwork-in-hero{cursor:default;border-radius:6px;flex-shrink:0;align-self:flex-end;width:52px;height:52px;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000073}.song-artwork-in-hero img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.song-artwork-in-hero-placeholder{background:var(--color-surface-2);color:var(--color-text-muted);justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;inset:0}.song-hero-text{flex:1;min-width:0}.song-hero--with-fanart .song-hero-text h1{color:#fff;text-shadow:0 1px 4px #0000008c}.song-hero--with-fanart .song-header-artist{color:#ffffffd9}.song-hero--with-fanart .song-tag{color:#ffffffe6;background:#ffffff26;border-color:#ffffff4d}.song-hero--with-fanart .icon-button{color:#ffffffe6;background:#00000059;border-color:#fff3}.song-list-artwork{border-radius:4px;flex-shrink:0;align-self:stretch;width:5.3rem;position:relative;overflow:hidden}.song-artwork-thumb{object-fit:cover;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0}.song-artwork-placeholder{background:var(--color-bg-alt,#e5e7eb);color:var(--color-text-muted);border-radius:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;inset:0}.song-artwork-section{margin-bottom:1.25rem}.song-artwork-detail-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;display:inline-block}.song-artwork-detail-wrap:hover .song-artwork-detail,.song-artwork-detail-wrap:hover .song-artwork-detail-placeholder{opacity:.85}.song-artwork-detail{object-fit:cover;border-radius:8px;width:120px;height:120px;display:block}.song-artwork-detail-placeholder{background:var(--color-surface-2);width:120px;height:120px;color:var(--color-text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:2.5rem;display:flex}.artwork-popup-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.artwork-popup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;min-width:190px;padding:.5rem;display:flex;box-shadow:0 4px 24px #0000002e}.artwork-popup button,.artwork-popup label{text-align:left;width:100%;color:var(--color-text);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:.65rem 1rem;font-family:inherit;font-size:.95rem;display:block}.artwork-popup button:hover,.artwork-popup label:hover{background:var(--color-surface-2)}.artwork-popup-cancel{margin-top:.25rem;color:var(--color-text-muted)!important;border-top:1px solid var(--color-border)!important}.danger-button{color:var(--color-danger,#dc2626)!important}.gig-media-section{margin-top:2rem}.gig-media-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.gig-media-header h2{flex:1;margin:0}.gig-media-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.gig-media-item{position:relative}.gig-media-thumb{aspect-ratio:1;cursor:pointer;background:var(--color-surface-2,#f1f5f9);border-radius:6px;position:relative;overflow:hidden}.gig-media-thumb img,.gig-media-thumb video{object-fit:cover;width:100%;height:100%;transition:opacity .2s;display:block}.gig-media-thumb:hover img,.gig-media-thumb:hover video{opacity:.85}.gig-media-play-icon{color:#fff;pointer-events:none;background:#00000059;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}.gig-media-file-icon{height:100%;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.5rem;font-size:1.5rem;display:flex}.gig-media-file-icon span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.65rem;overflow:hidden}.gig-media-caption{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0 0;font-size:.72rem;overflow:hidden}.gig-media-delete{cursor:pointer;opacity:0;border:none;border-radius:4px;padding:.2rem .45rem;font-size:.75rem;line-height:1.4;transition:opacity .15s;position:absolute;top:.3rem;right:.3rem;color:#fff!important;background:#0000008c!important}.gig-media-item:hover .gig-media-delete{opacity:1}.gig-media-overlay{z-index:1000;background:#000000e0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.gig-media-overlay-close{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.2rem;display:flex;position:absolute;top:1rem;right:1rem;color:#fff!important;background:#ffffff26!important}.gig-media-overlay-nav{cursor:pointer;z-index:1001;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.2rem;display:flex;position:absolute;top:50%;transform:translateY(-50%);color:#fff!important;background:#ffffff26!important}.gig-media-overlay-nav:hover{background:#ffffff4d!important}.gig-media-overlay-prev{left:1rem}.gig-media-overlay-next{right:1rem}@media (width<=640px){.gig-media-overlay-nav{display:none}}.gig-media-overlay-content{touch-action:pan-y;flex-direction:column;align-items:center;max-width:min(90vw,1200px);max-height:90vh;display:flex}.gig-media-overlay-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:80vh}.gig-media-overlay-video{border-radius:4px;outline:none;max-width:100%;max-height:80vh}.gig-media-overlay-caption{color:#ffffffe6;margin:.5rem 0 0}.gig-media-overlay-filename{color:#ffffff80;margin:.25rem 0 0;font-size:.75rem}.tasks-push-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius);align-items:center;gap:.6rem;margin-bottom:1rem;padding:.6rem .9rem;font-size:.85rem;display:flex}.tasks-push-banner--blocked{background:var(--color-error-bg);border-color:var(--color-danger)}.tasks-push-banner--active{background:var(--color-success-bg);border-color:var(--color-success)}.tasks-push-banner button{white-space:nowrap;margin-left:auto;padding:.25rem .65rem;font-size:.8rem}.tasks-new-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.8rem 1rem;display:flex}.tasks-new-form input[type=text]{flex:200px;min-width:0}.tasks-new-form select{flex:0 160px}.tasks-new-form input[type=date]{flex:0 150px}.tasks-new-form input[type=time]{flex:0 110px;min-width:0}.tasks-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tasks-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:opacity 1.4s,-webkit-text-decoration .1s,text-decoration .1s;display:flex}.tasks-item--completing{opacity:0;pointer-events:none;text-decoration:line-through}.tasks-item-avatar{flex-shrink:0;gap:.2rem;display:flex}@media (width<=480px) and (orientation:portrait){.tasks-item-avatar{flex-direction:column}}.tasks-item-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.tasks-item-title{color:var(--color-text);word-break:break-word;font-weight:600}.tasks-item-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:.4rem .75rem;font-size:.78rem;display:flex}.tasks-item-assignee{font-weight:500}.tasks-item-due{align-items:center;gap:.25rem;display:flex}.tasks-item-due--overdue{color:var(--color-danger);font-weight:600}.tasks-item-creator{color:var(--color-text-muted)}.tasks-item-actions{flex-shrink:0;gap:.25rem;display:flex}.tasks-complete-btn{color:var(--color-success);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.25rem;font-size:1.3rem;display:flex}.tasks-complete-btn:hover{background:var(--color-success-bg)}.tasks-delete-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.25rem .4rem;font-size:1rem;display:flex}.tasks-delete-btn:hover{background:var(--color-error-bg);color:var(--color-danger)}.tasks-edit-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.25rem .4rem;font-size:1rem;display:flex}.tasks-edit-btn:hover{color:var(--color-primary);background:#6366f11a}.tasks-category-picker{flex-wrap:wrap;gap:.4rem;display:flex}.tasks-new-form .tasks-category-picker,.tasks-new-form .tasks-assignee-picker,.tasks-new-form .tasks-song-picker{flex:100%}.tasks-song-picker{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;min-width:0;color:var(--color-text);padding:.5rem;font-size:.85rem}.tasks-song-badge{color:var(--color-primary);align-items:center;gap:.3rem;font-weight:500;text-decoration:none;display:inline-flex}.tasks-song-badge:hover{text-decoration:underline}.tasks-category-option{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.8rem;display:flex}.tasks-category-option--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tasks-assignee-picker{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tasks-assignee-picker-label{color:var(--color-text-muted);font-size:.8rem}.tasks-assignee-option{cursor:pointer;background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem .25rem .4rem;font-size:.85rem;display:flex}.tasks-category-section{margin-bottom:1.75rem}.tasks-category-heading{color:var(--color-text);align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:1rem;display:flex}.tasks-category-count{background:var(--color-surface-2);color:var(--color-text-muted);border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:600}.tasks-category-badge{align-items:center;gap:.3rem;font-weight:500;display:inline-flex}.tasks-history-toggle-row{border-top:1px solid var(--color-border);margin:1.5rem 0 .75rem;padding-top:1rem}.tasks-history-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tasks-history-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);opacity:.85;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.tasks-history-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.tasks-history-title{word-break:break-word;font-weight:600}.tasks-history-status{align-items:center;gap:.3rem;display:flex}.tasks-history-status--done{color:var(--color-success)}.tasks-history-status--deleted{color:var(--color-danger)}.tasks-edit-form{flex-direction:column;gap:.75rem;display:flex}.tasks-modal-actions{gap:.6rem;display:flex}.btn-ghost{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0}.btn-ghost:hover{background:var(--color-surface-2);border-color:var(--color-text-muted)}.calendar-day-section{margin-bottom:1.5rem}.calendar-day-section--past{opacity:.75}.calendar-day-heading{color:var(--color-text-muted);text-transform:capitalize;margin-bottom:.5rem;font-size:.95rem}.calendar-event-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.calendar-event-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.65rem .9rem;display:flex}.calendar-event-link{min-width:0;color:inherit;flex:1;align-items:center;gap:.75rem;text-decoration:none;display:flex}.calendar-event-link--static{cursor:default}.calendar-event-icon{text-align:center;width:1.1rem;color:var(--color-text-muted);flex-shrink:0;font-size:1rem}.calendar-event-icon--rehearsal{color:#a855f7}.calendar-event-icon--gig{color:var(--color-primary)}.calendar-event-icon--task{color:var(--color-success)}.calendar-event-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.calendar-event-title{word-break:break-word;font-weight:600}.calendar-event-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:.4rem .75rem;font-size:.78rem;display:flex}.calendar-event-actions{flex-shrink:0;gap:.25rem;display:flex}body.has-global-player .app-shell{padding-bottom:4.25rem}.global-player-bar{z-index:900;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000014}.global-player-progress{z-index:2;background:var(--color-border);cursor:pointer;height:3px;position:relative}.global-player-progress-fill{background:var(--color-primary);height:100%}.global-player-bar-content{z-index:2;background:var(--color-surface);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex;position:relative}.global-player-info{min-width:0;color:var(--color-text);flex:auto;align-items:center;gap:.6rem;display:flex}.global-player-artwork{border-radius:var(--radius);background:var(--color-surface-2);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.global-player-artwork img{object-fit:cover;width:100%;height:100%}.global-player-artwork-placeholder{color:var(--color-text-muted);font-size:1.1rem}.global-player-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.global-player-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.global-player-artist{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.global-player-controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.global-player-controls .icon-button{background:0 0;border:none;font-size:1.1rem}.global-player-controls .icon-button:disabled{opacity:.35}.global-player-play-button{background:var(--color-primary);color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;display:flex}.global-player-play-button:hover:not(:disabled){background:var(--color-primary-hover)}.global-player-play-button:disabled{opacity:.6}.global-player-queue-toggle-active{color:var(--color-primary)}.global-player-queue-panel{z-index:1;background:var(--color-surface);border-top:1px solid var(--color-border);flex-direction:column;max-height:min(60vh,24rem);transition:transform .24s;display:flex;position:absolute;bottom:100%;left:0;right:0;transform:translateY(100%);box-shadow:0 -2px 12px #00000014}.global-player-queue-panel-open{transform:translateY(0)}.global-player-backdrop{z-index:1;background:0 0;transition:background-color .24s;position:fixed;inset:0}.global-player-backdrop-visible{background:#00000080}.global-player-queue-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .9rem;display:flex}.global-player-queue-header-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;overflow:hidden}.global-player-queue-switch-toggle{flex-shrink:0;font-size:.8rem}.global-player-queue-switch-loading{color:var(--color-text-muted);padding:1rem .9rem;font-size:.9rem}.global-player-queue-list{margin:0;padding:.25rem 0;list-style:none;overflow-y:auto}.global-player-queue-item{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;align-items:center;gap:.6rem;padding:.5rem .9rem;display:flex}.global-player-queue-item:hover:not(:disabled){background:var(--color-surface-2)}.global-player-queue-item:disabled{cursor:default}.global-player-queue-item-current{color:var(--color-primary)}.global-player-queue-item-artwork{border-radius:var(--radius);background:var(--color-surface-2);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.global-player-queue-item-artwork img{object-fit:cover;width:100%;height:100%}.global-player-queue-item-text{flex-direction:column;flex:auto;gap:.05rem;min-width:0;display:flex}.global-player-queue-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.global-player-queue-item-artist{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.global-player-queue-item-playing{flex-shrink:0;font-size:.85rem}