:root{--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-light: #eef2ff;--color-accent-muted: rgba(99, 102, 241, .12);--color-bg: #0f172a;--color-bg-elevated: #1e293b;--color-bg-card: #1e293b;--color-bg-input: #0f172a;--color-border: #334155;--color-border-subtle: #1e293b;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .1);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .1);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 10px 40px rgba(0,0,0,.5);--shadow-accent: 0 4px 20px rgba(99, 102, 241, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--sidebar-width: 260px;--navbar-height: 64px;--content-max-width: 1200px}@media (prefers-color-scheme: light){:root{--color-bg: #f8fafc;--color-bg-elevated: #ffffff;--color-bg-card: #ffffff;--color-bg-input: #f1f5f9;--color-border: #e2e8f0;--color-border-subtle:#f1f5f9;--color-text-primary: #0f172a;--color-text-secondary:#475569;--color-text-muted: #94a3b8;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 40px rgba(0,0,0,.12)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;line-height:1;letter-spacing:.01em;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover);box-shadow:var(--shadow-accent)}.btn--secondary{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-accent-muted);color:var(--color-accent)}.btn--danger{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid transparent}.btn--danger:hover:not(:disabled){background-color:var(--color-error);color:#fff}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.btn--full{width:100%}.btn--loading{color:transparent;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:flex;background-color:var(--color-bg)}.auth-panel-left{flex:1;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;padding:var(--space-12);position:relative;overflow:hidden}.auth-panel-left:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}.auth-panel-left-content{position:relative;z-index:1;text-align:center}.auth-panel-logo{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.auth-panel-logo-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--color-accent),#818cf8);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-accent)}.auth-panel-logo-name{font-size:var(--font-size-3xl);font-weight:700;color:#fff;letter-spacing:-.03em}.auth-panel-tagline{font-size:var(--font-size-xl);font-weight:600;color:#fff;margin-bottom:var(--space-4);line-height:1.3}.auth-panel-sub{font-size:var(--font-size-base);color:#94a3b8;max-width:320px;margin:0 auto}.auth-features{margin-top:var(--space-10);display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.auth-feature{display:flex;align-items:center;gap:var(--space-3);color:#cbd5e1;font-size:var(--font-size-sm)}.auth-feature-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent);flex-shrink:0}.auth-panel-right{width:440px;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background-color:var(--color-bg-elevated);border-left:1px solid var(--color-border)}.auth-form-container{width:100%;max-width:380px}.auth-form-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.auth-form-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.auth-form-input{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-form-input::placeholder{color:var(--color-text-muted)}.auth-form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.auth-form-input--error{border-color:var(--color-error)}.auth-form-error{font-size:var(--font-size-xs);color:var(--color-error)}.auth-form-submit{margin-top:var(--space-2)}.auth-form-footer{margin-top:var(--space-6);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-form-link{color:var(--color-accent);font-weight:500}.auth-global-error{padding:var(--space-3) var(--space-4);background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-error)}@media (max-width: 768px){.auth-panel-left{display:none}.auth-panel-right{width:100%;border-left:none;background-color:var(--color-bg);padding:var(--space-6)}}.spinner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.spinner{border-radius:50%;border-style:solid;border-color:var(--color-border) var(--color-border) var(--color-border) var(--color-accent);animation:spin .75s linear infinite;flex-shrink:0}.spinner--sm{width:20px;height:20px;border-width:2px}.spinner--md{width:36px;height:36px;border-width:3px}.spinner--lg{width:56px;height:56px;border-width:4px}.spinner--glow{border-color:transparent;border-top-color:var(--color-accent);box-shadow:0 0 16px #6366f180}.spinner-label{font-size:var(--font-size-sm);color:var(--color-text-muted);animation:pulse-text 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.progress-bar-wrapper{width:100%}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-bar-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.progress-bar-value{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.progress-bar-track{width:100%;height:6px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent) 0%,#818cf8 100%);transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill--active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}.progress-bar-status{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.progress-bar-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-accent);animation:pulse-dot 1s ease-in-out infinite;flex-shrink:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.audio-uploader{width:100%}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-8);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);position:relative;background-color:var(--color-bg-elevated)}.dropzone:hover,.dropzone--active{border-color:var(--color-accent);background-color:var(--color-accent-muted)}.dropzone--dragging{border-color:var(--color-accent);background-color:var(--color-accent-muted);transform:scale(1.01)}.dropzone--has-file{border-style:solid;border-color:var(--color-accent);background-color:var(--color-accent-muted)}.dropzone-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.dropzone-icon{width:56px;height:56px;margin:0 auto var(--space-4);color:var(--color-accent);background-color:var(--color-accent-muted);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}.dropzone:hover .dropzone-icon,.dropzone--dragging .dropzone-icon{transform:translateY(-4px)}.dropzone-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.dropzone-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.dropzone-hint{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3)}.file-selected{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--color-bg-elevated);border:1px solid var(--color-accent);border-radius:var(--radius-lg);margin-top:var(--space-4)}.file-selected-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--color-accent),#818cf8);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.file-selected-info{flex:1;min-width:0}.file-selected-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-selected-size{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.file-selected-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.file-selected-remove:hover{color:var(--color-error);background-color:var(--color-error-bg)}.upload-progress{margin-top:var(--space-4)}.upload-form{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.form-input{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input--error{border-color:var(--color-error)}.form-error{font-size:var(--font-size-xs);color:var(--color-error)}.form-textarea{resize:vertical;min-height:72px;font-family:inherit;line-height:1.5}.form-label-ai-badge{display:inline-flex;align-items:center;margin-left:var(--space-2);padding:1px var(--space-2);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--color-accent);background-color:var(--color-accent-muted);border:1px solid var(--color-accent);border-radius:var(--radius-sm);vertical-align:middle;line-height:1.6}.form-label-optional{margin-left:var(--space-2);font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-muted)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}.form-hint-block{display:flex;flex-direction:column;gap:var(--space-2)}.form-hint-examples{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);list-style:disc}.form-hint-examples li{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}.form-hint-examples li strong{color:var(--color-text-secondary);font-weight:500}.upload-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.processing-status{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.processing-status--completed{border-color:var(--color-success);background-color:var(--color-success-bg)}.processing-status--failed{border-color:var(--color-error);background-color:var(--color-error-bg)}.processing-header{display:flex;align-items:center;gap:var(--space-3)}.processing-header-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.processing-header-icon--active{background-color:var(--color-accent-muted);color:var(--color-accent)}.processing-header-icon--success{background-color:var(--color-success-bg);color:var(--color-success)}.processing-header-icon--error{background-color:var(--color-error-bg);color:var(--color-error)}.processing-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.processing-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.processing-actions{display:flex;gap:var(--space-3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000;animation:overlay-in var(--transition-normal) ease}.modal{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:480px;animation:modal-in var(--transition-normal) cubic-bezier(.34,1.56,.64,1);overflow:hidden}.modal--sm{max-width:380px}.modal--lg{max-width:640px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0}.modal-close:hover{background-color:var(--color-accent-muted);color:var(--color-accent)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;animation:modal-slide-up var(--transition-normal) ease}}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.edit-score-form{display:flex;flex-direction:column;gap:var(--space-4)}.edit-score-row{display:grid;grid-template-columns:1fr 80px 72px;gap:var(--space-3)}.edit-score-field{display:flex;flex-direction:column;gap:var(--space-1)}.edit-score-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.edit-score-input{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.edit-score-input::placeholder{color:var(--color-text-muted)}.edit-score-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}.edit-score-input[type=number]::-webkit-inner-spin-button,.edit-score-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.edit-score-input[type=number]{-moz-appearance:textfield}.score-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);display:flex;flex-direction:column;cursor:pointer;position:relative}.score-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.score-card-strip{height:4px;background:linear-gradient(90deg,var(--color-accent),#818cf8)}.score-card-body{padding:var(--space-4) var(--space-5);flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.score-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.score-card-icon{width:36px;height:36px;background-color:var(--color-accent-muted);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.score-card-menu-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.score-card:hover .score-card-menu-btn{opacity:1}.score-card-menu-btn:hover{background-color:var(--color-accent-muted);color:var(--color-accent)}.score-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-card-artist{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.score-card-tag{font-size:var(--font-size-xs);font-weight:500;padding:2px var(--space-2);border-radius:var(--radius-full);background-color:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.score-card-tag--accent{background-color:var(--color-accent-muted);color:var(--color-accent);border-color:transparent}.score-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle);gap:var(--space-2)}.score-card-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.score-card-actions{display:flex;align-items:center;gap:var(--space-2)}.score-card-dropdown{position:absolute;top:var(--space-10);right:var(--space-3);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:10;min-width:180px;animation:dropdown-in .15s ease}.score-card-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);width:100%;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.score-card-dropdown-item:hover{background-color:var(--color-accent-muted);color:var(--color-accent)}.score-card-dropdown-item--danger:hover{background-color:var(--color-error-bg);color:var(--color-error)}.score-card-dropdown-divider{height:1px;background-color:var(--color-border-subtle);margin:var(--space-1) 0}@keyframes dropdown-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.dashboard{max-width:720px;margin:0 auto;padding:var(--space-4) 0}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2)}.dashboard-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dashboard-quota{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap}.dashboard-quota-info{display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-quota-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.dashboard-quota-count{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.dashboard-quota-count span{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-muted)}.dashboard-quota-bar{flex:1;min-width:120px;height:6px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.dashboard-quota-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent),#818cf8);transition:width .6s ease}.dashboard-quota-fill--danger{background:linear-gradient(90deg,var(--color-warning),var(--color-error))}.dashboard-jobs{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-jobs-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.dashboard-jobs-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700}.dashboard-empty{text-align:center;padding:var(--space-10) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.dashboard-recent{margin-top:var(--space-10)}.dashboard-recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-recent-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.dashboard-recent-link{font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none}.dashboard-recent-link:hover{text-decoration:underline}.dashboard-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.setlist-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);text-decoration:none}.setlist-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px);text-decoration:none}.setlist-card-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.setlist-card-info{flex:1;min-width:0}.setlist-card-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setlist-card-count{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.setlist-card-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}.setlist-card:hover .setlist-card-arrow{transform:translate(4px);color:var(--color-accent)}.library{padding:var(--space-4) 0}.library-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.library-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.library-count{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.library-header-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.library-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.library-search-wrapper{flex:1;min-width:200px;position:relative}.library-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.library-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-3) + 20px + var(--space-2));background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.library-search::placeholder{color:var(--color-text-muted)}.library-search:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.library-tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);gap:var(--space-1)}.library-tab{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.library-tab:hover{color:var(--color-text-primary)}.library-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.library-setlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.library-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;gap:var(--space-4)}.library-empty-icon{width:64px;height:64px;background-color:var(--color-accent-muted);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.library-empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.library-empty-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:280px}.create-setlist-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.form-input{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.setlist-picker{display:flex;flex-direction:column;gap:var(--space-2);max-height:320px;overflow-y:auto}.setlist-picker-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast);width:100%;text-align:left}.setlist-picker-item:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-muted)}.setlist-picker-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.import-pdf-form{display:flex;flex-direction:column;gap:var(--space-4)}.import-pdf-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.import-pdf-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.import-pdf-dropzone:hover,.import-pdf-dropzone--over{border-color:var(--color-accent);background-color:var(--color-accent-muted);color:var(--color-accent)}.import-pdf-dropzone--selected{flex-direction:row;border-style:solid;border-color:var(--color-accent);background-color:var(--color-accent-muted);color:var(--color-text-primary);padding:var(--space-3) var(--space-4)}.import-pdf-filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm)}.import-pdf-remove{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:1.2rem;line-height:1;padding:0 var(--space-1);flex-shrink:0}.import-pdf-remove:hover{color:var(--color-text-primary)}.library-loading{display:flex;align-items:center;justify-content:center;min-height:300px}@media (max-width: 600px){.library-grid{grid-template-columns:1fr}.library-header{flex-direction:column;align-items:flex-start}}.setlist-detail{padding:var(--space-4) 0}.setlist-detail-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.setlist-detail-icon{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.setlist-detail-info{flex:1}.setlist-detail-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.setlist-detail-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.setlist-detail-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.setlist-score-list{display:flex;flex-direction:column;gap:var(--space-3)}.setlist-score-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:grab}.setlist-score-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.setlist-score-item--dragging{opacity:.5;cursor:grabbing;box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.setlist-score-drag-handle{color:var(--color-text-muted);cursor:grab;flex-shrink:0;display:flex;align-items:center}.setlist-score-order{width:28px;height:28px;border-radius:var(--radius-sm);background-color:var(--color-accent-muted);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.setlist-score-info{flex:1;min-width:0}.setlist-score-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setlist-score-artist{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.setlist-score-tags{display:flex;gap:var(--space-2)}.setlist-score-tag{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);background-color:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.setlist-score-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.setlist-score-item:hover .setlist-score-remove{opacity:1}.setlist-score-remove:hover{color:var(--color-error);background-color:var(--color-error-bg)}.setlist-detail-empty{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.setlist-detail-empty p{margin-top:var(--space-3);font-size:var(--font-size-sm)}@media (max-width: 600px){.setlist-score-tags{display:none}.setlist-detail-header{flex-direction:column}.setlist-detail-icon{width:44px;height:44px}}.score-detail{max-width:860px;margin:0 auto;padding:var(--space-4) 0}.prompt-edit-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;background:var(--color-surface-raised)}.prompt-edit-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent);text-align:left;transition:background var(--transition-fast)}.prompt-edit-toggle:hover{background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.prompt-edit-chevron{margin-left:auto;transition:transform .2s ease}.prompt-edit-chevron--open{transform:rotate(180deg)}.prompt-edit-body{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.prompt-edit-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5;margin:0}.prompt-edit-hint code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 5px;font-size:.9em;color:var(--color-text-primary)}.prompt-edit-textarea{width:100%;min-height:120px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-mono, monospace);resize:vertical;line-height:1.6;transition:border-color var(--transition-fast);box-sizing:border-box}.prompt-edit-textarea:focus{outline:none;border-color:var(--color-accent)}.prompt-edit-textarea:disabled{opacity:.5}.prompt-edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3)}.prompt-edit-cancel{background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.prompt-edit-cancel:hover{color:var(--color-text-primary)}.prompt-edit-cancel:disabled{opacity:.4;cursor:not-allowed}.prompt-edit-qa{display:flex;flex-direction:column;gap:var(--space-3)}.prompt-edit-question{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.prompt-edit-question svg{flex-shrink:0;margin-top:2px;color:var(--color-accent)}.prompt-edit-answer{padding:var(--space-2) var(--space-3);font-size:.875rem;font-family:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);outline:none;transition:border-color .15s}.prompt-edit-answer:focus{border-color:var(--color-accent)}.prompt-edit-answer:disabled{opacity:.5}.prompt-edit-yt-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);margin-bottom:var(--space-1)}.prompt-edit-yt-icon{flex-shrink:0;color:red;opacity:.85}.prompt-edit-yt-input{flex:1;padding:var(--space-2) var(--space-3);font-size:.8rem;font-family:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);outline:none;transition:border-color .15s}.prompt-edit-yt-input::placeholder{color:var(--color-text-muted)}.prompt-edit-yt-input:focus{border-color:var(--color-accent)}.prompt-edit-yt-input:disabled{opacity:.5}.undo-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--color-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary)}.undo-btn{background:none;border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-1) var(--space-3);cursor:pointer;transition:background var(--transition-fast)}.undo-btn:hover{background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.score-detail-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-6);transition:color var(--transition-fast)}.score-detail-back:hover{color:var(--color-accent);text-decoration:none}.score-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.score-detail-title-block{flex:1}.score-detail-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.03em;line-height:1.2}.score-detail-artist{font-size:var(--font-size-xl);color:var(--color-accent);font-weight:500;margin-top:var(--space-1)}.score-detail-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.score-detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8)}.score-meta-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.score-meta-chip strong{color:var(--color-text-primary);font-weight:600}.score-meta-chip--accent{background-color:var(--color-accent-muted);border-color:transparent;color:var(--color-accent)}.score-meta-chip--accent strong{color:var(--color-accent)}.song-structure-bar{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.song-structure-bar-label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;flex-shrink:0}.song-structure-bar-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.pdf-opts-panel{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg)}.pdf-opts-title{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.mpl-buttons{display:flex;gap:4px}.mpl-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;font-family:inherit;width:28px;height:24px;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.mpl-btn:hover,.mpl-btn--active{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-muted)}.structure-edit-panel{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-2)}.structure-edit-top{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.structure-edit-title{font-size:var(--font-size-xs);font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.structure-quick-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.structure-quick-chip{background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);font-family:inherit;padding:2px var(--space-2);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.structure-quick-chip:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-muted)}.structure-quick-chip--clear{border-style:dashed;color:var(--color-text-muted)}.structure-input{background:transparent;border:none;border-bottom:1px dashed var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-1);outline:none;width:100%;transition:border-color var(--transition-fast)}.structure-input::placeholder{color:var(--color-text-muted);font-style:italic}.structure-input:focus{border-bottom-color:var(--color-accent-muted)}.structure-flow-strip{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-6);background:var(--color-bg);border-bottom:1px solid var(--color-border-subtle)}.structure-flow-item{display:flex;align-items:center;gap:4px}.structure-flow-arrow{font-size:11px;color:var(--color-text-muted);opacity:.5}.structure-flow-token{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding:2px 6px;border-radius:var(--radius-full)}.structure-flow-token--past{color:var(--color-text-muted);opacity:.45;text-decoration:line-through;text-decoration-color:currentColor}.structure-flow-token--current{color:var(--color-accent);background:var(--color-accent-muted)}.structure-flow-token--future{color:var(--color-text-secondary)}.chord-sheet{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.chord-sheet-section{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.chord-sheet>:last-child>.chord-sheet-section,.chord-sheet>.chord-sheet-section:last-child{border-bottom:none}.chord-sheet-section-label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.section-repeats-badge{display:inline-flex;align-items:center;background:var(--color-accent);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-full);padding:0 6px;line-height:18px;margin-left:var(--space-2);vertical-align:middle}.section-notes-view{font-size:var(--font-size-xs);font-style:italic;color:var(--color-text-muted);margin:calc(var(--space-1) * -1) 0 var(--space-3);padding:0}.chord-sheet-section-label:after{content:"";flex:1;height:1px;background-color:var(--color-accent-muted)}.chord-sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2)}.chord-measure{background-color:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);min-height:64px}.chord-measure-number{font-size:9px;font-weight:700;color:var(--color-text-muted);letter-spacing:.05em}.chord-measure-chords{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;flex:1}.chord-name{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);line-height:1;font-family:Georgia,serif}.chord-name--minor{color:var(--color-accent)}.chord-sep{color:var(--color-text-muted);font-size:var(--font-size-sm)}.transpose-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-accent-muted);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.transpose-bar-info{display:flex;align-items:center;gap:var(--space-2);color:var(--color-accent);flex:1;min-width:160px}.transpose-bar-label{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.transpose-offset-badge{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:1px var(--space-3)}.transpose-controls{display:flex;align-items:center;gap:var(--space-1)}.transpose-step-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;font-family:inherit;padding:var(--space-1) var(--space-3);transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.transpose-step-btn:hover{border-color:var(--color-accent);background-color:var(--color-accent-muted);color:var(--color-accent)}.transpose-reset-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-base);padding:var(--space-1) var(--space-2);transition:color var(--transition-fast),border-color var(--transition-fast);line-height:1}.transpose-reset-btn:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}.transpose-reset-btn:disabled{opacity:.35;cursor:default}.transpose-bar-actions{display:flex;gap:var(--space-2);margin-left:auto}.transpose-chip-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:none;border:1px dashed var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.transpose-chip-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-muted);border-style:solid}.score-meta-chip--transposed{border-color:var(--color-accent-muted);background-color:var(--color-accent-muted)}.score-detail-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.chord-sheet--edit{border-color:var(--color-accent-muted)}.chord-sheet-section-label--edit{margin-bottom:var(--space-4)}.section-header-row{display:flex;align-items:center;gap:var(--space-3)}.section-repeats-ctrl{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.section-repeats-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:700;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.section-repeats-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-muted)}.section-repeats-btn:disabled{opacity:.3;cursor:default}.section-repeats-val{font-size:var(--font-size-xs);font-weight:700;color:var(--color-accent);min-width:24px;text-align:center}.section-notes-input{background:transparent;border:none;border-bottom:1px dashed var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic;padding:2px 4px;outline:none;width:100%;margin-top:var(--space-2);transition:border-color var(--transition-fast),color var(--transition-fast)}.section-notes-input:focus{border-bottom-color:var(--color-accent-muted);color:var(--color-text-secondary)}.section-label-input{background:transparent;border:none;border-bottom:1px solid var(--color-accent-muted);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 4px;outline:none;width:100%;max-width:200px}.section-label-input:focus{border-bottom-color:var(--color-accent)}.chord-measure--edit{min-height:auto;gap:var(--space-2)}.chord-measure-edit-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.chord-measure-drag-handle{color:var(--color-text-muted);cursor:grab;display:flex;align-items:center;padding:2px 3px;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition-fast),background-color var(--transition-fast);touch-action:none}.chord-measure-drag-handle:hover{color:var(--color-text-secondary);background-color:var(--color-bg-elevated)}.chord-measure-drag-handle:active{cursor:grabbing}.chord-measure--dragging{box-shadow:0 8px 24px #0000002e;border-color:var(--color-accent-muted);transform:scale(1.02)}.chord-measure-delete{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:0 2px;line-height:1;transition:color var(--transition-fast)}.chord-measure-delete:hover{color:var(--color-danger, #ef4444)}.chord-measure-chords--edit{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.chord-edit-item{display:flex;align-items:center;gap:var(--space-1);width:100%}.chord-edit-input{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;font-family:Georgia,serif;padding:2px var(--space-2);outline:none;min-width:0;transition:border-color var(--transition-fast)}.chord-edit-input:focus{border-color:var(--color-accent)}.chord-edit-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:0 2px;line-height:1;flex-shrink:0;transition:color var(--transition-fast)}.chord-edit-remove:hover{color:var(--color-danger, #ef4444)}.chord-edit-add{background:none;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:1px var(--space-3);transition:border-color var(--transition-fast),color var(--transition-fast);margin-top:var(--space-1)}.chord-edit-add:hover{border-color:var(--color-accent);color:var(--color-accent)}.add-measure-btn{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);background:none;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4);transition:border-color var(--transition-fast),color var(--transition-fast)}.add-measure-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.chord-sheet-empty-edit{padding:var(--space-8);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.add-section-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle)}.add-section-row-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;margin-right:var(--space-1)}.section-preset-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-family:inherit;padding:3px var(--space-3);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.section-preset-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-muted)}.section-preset-btn--custom{border-style:dashed}.chord-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}@media (max-width: 600px){.score-detail-title{font-size:var(--font-size-2xl)}.score-detail-header{flex-direction:column}}.cs-prompt-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;background:var(--color-surface-raised)}.cs-prompt-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent);text-align:left;transition:background var(--transition-fast)}.cs-prompt-toggle:hover{background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.cs-prompt-chevron{margin-left:auto;transition:transform .2s ease}.cs-prompt-chevron--open{transform:rotate(180deg)}.cs-prompt-body{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.cs-prompt-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5;margin:0}.cs-prompt-hint code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 5px;font-size:.9em}.cs-prompt-textarea{width:100%;min-height:110px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-mono, monospace);resize:vertical;line-height:1.6;box-sizing:border-box;transition:border-color var(--transition-fast)}.cs-prompt-textarea:focus{outline:none;border-color:var(--color-accent)}.cs-prompt-textarea:disabled{opacity:.5}.cs-prompt-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3)}.cs-prompt-cancel{background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.cs-prompt-cancel:hover{color:var(--color-text-primary)}.cs-prompt-cancel:disabled{opacity:.4;cursor:not-allowed}.cs-prompt-qa{display:flex;flex-direction:column;gap:var(--space-3)}.cs-prompt-question{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.cs-prompt-question svg{flex-shrink:0;margin-top:2px;color:var(--color-accent)}.cs-prompt-answer{padding:var(--space-2) var(--space-3);font-size:.875rem;font-family:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);outline:none;transition:border-color .15s}.cs-prompt-answer:focus{border-color:var(--color-accent)}.cs-prompt-answer:disabled{opacity:.5}.cs-prompt-yt-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);margin-bottom:var(--space-1)}.cs-prompt-yt-icon{flex-shrink:0;color:red;opacity:.85}.cs-prompt-yt-input{flex:1;padding:var(--space-2) var(--space-3);font-size:.8rem;font-family:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);outline:none;transition:border-color .15s}.cs-prompt-yt-input::placeholder{color:var(--color-text-muted)}.cs-prompt-yt-input:focus{border-color:var(--color-accent)}.cs-prompt-yt-input:disabled{opacity:.5}.create-score{max-width:900px;margin:0 auto;padding:var(--space-4) 0 var(--space-12);display:flex;flex-direction:column;gap:var(--space-6)}.cs-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.cs-back:hover{color:var(--color-accent)}.cs-page-header{margin-bottom:var(--space-2)}.cs-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.03em;line-height:1.2}.cs-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.cs-meta-card,.cs-chords-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.cs-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.cs-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);margin-top:calc(var(--space-1) * -1)}.cs-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.cs-field{display:flex;flex-direction:column;gap:var(--space-2)}.cs-field--wide{grid-column:span 3}.cs-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.cs-required{color:var(--color-accent)}.cs-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);outline:none;transition:border-color var(--transition-fast);width:100%}.cs-input:focus{border-color:var(--color-accent)}.cs-select{cursor:pointer}.cs-structure-panel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.cs-structure-top{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.cs-structure-title{font-size:var(--font-size-xs);font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.cs-structure-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.cs-structure-chip{background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);font-family:inherit;padding:2px var(--space-2);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.cs-structure-chip:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-muted)}.cs-structure-chip--clear{border-style:dashed}.cs-structure-input{background:transparent;border:none;border-bottom:1px dashed var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-1);outline:none;width:100%;transition:border-color var(--transition-fast)}.cs-structure-input::placeholder{color:var(--color-text-muted);font-style:italic}.cs-structure-input:focus{border-bottom-color:var(--color-accent-muted)}.cs-pdf-opts-panel{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.cs-pdf-opts-title{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.cs-mpl-buttons{display:flex;gap:4px}.cs-mpl-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;font-family:inherit;width:28px;height:24px;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.cs-mpl-btn:hover,.cs-mpl-btn--active{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-muted)}.cs-builder{display:flex;flex-direction:column;gap:var(--space-6)}.cs-section{display:flex;flex-direction:column;gap:var(--space-3)}.cs-section-header{display:flex;align-items:center;gap:var(--space-2)}.cs-section-header-row{display:flex;align-items:center;gap:var(--space-3)}.cs-repeats-ctrl{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.cs-repeats-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:700;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.cs-repeats-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-muted)}.cs-repeats-btn:disabled{opacity:.3;cursor:default}.cs-repeats-val{font-size:var(--font-size-xs);font-weight:700;color:var(--color-accent);min-width:24px;text-align:center}.cs-notes-input{background:transparent;border:none;border-bottom:1px dashed var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic;padding:2px 4px;outline:none;width:100%;margin-top:var(--space-2);transition:border-color var(--transition-fast),color var(--transition-fast)}.cs-notes-input:focus{border-bottom-color:var(--color-accent-muted);color:var(--color-text-secondary)}.cs-section-label{background:transparent;border:none;border-bottom:2px solid var(--color-accent-muted);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:2px 4px;outline:none;min-width:80px;max-width:220px;transition:border-color var(--transition-fast)}.cs-section-label:focus{border-bottom-color:var(--color-accent)}.cs-measures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.cs-measure{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);min-height:80px}.cs-measure-header{display:flex;align-items:center;gap:var(--space-1)}.cs-drag-handle{color:var(--color-text-muted);cursor:grab;display:flex;align-items:center;padding:2px 3px;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition-fast),background-color var(--transition-fast);touch-action:none}.cs-drag-handle:hover{color:var(--color-text-secondary);background-color:var(--color-bg-elevated)}.cs-drag-handle:active{cursor:grabbing}.cs-measure-num{font-size:9px;font-weight:700;color:var(--color-text-muted);letter-spacing:.05em;flex:1}.cs-measure-del{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:0 2px;line-height:1;transition:color var(--transition-fast)}.cs-measure-del:hover{color:var(--color-danger, #ef4444)}.cs-measure-chords{display:flex;flex-direction:column;gap:var(--space-1)}.cs-chord-row{display:flex;align-items:center;gap:var(--space-1)}.cs-chord-input{flex:1;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;font-family:Georgia,serif;padding:3px var(--space-2);outline:none;min-width:0;transition:border-color var(--transition-fast)}.cs-chord-input:focus{border-color:var(--color-accent)}.cs-chord-del{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:0 2px;line-height:1;flex-shrink:0;transition:color var(--transition-fast)}.cs-chord-del:hover{color:var(--color-danger, #ef4444)}.cs-chord-add{background:none;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:11px;padding:1px var(--space-2);transition:border-color var(--transition-fast),color var(--transition-fast);margin-top:2px;align-self:flex-start}.cs-chord-add:hover{border-color:var(--color-accent);color:var(--color-accent)}.cs-measure--dragging{box-shadow:0 8px 28px #0000002e;border-color:var(--color-accent-muted)}.cs-chord-preview{font-size:var(--font-size-base);font-weight:700;font-family:Georgia,serif;color:var(--color-text-primary)}.cs-add-measure{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),color var(--transition-fast);align-self:flex-start}.cs-add-measure:hover{border-color:var(--color-accent);color:var(--color-accent)}.cs-add-section-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.cs-add-section-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;white-space:nowrap}.cs-section-preset{background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);padding:3px var(--space-3);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.cs-section-preset:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-muted)}.cs-section-preset--custom{border-style:dashed}.cs-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}@media (max-width: 680px){.cs-meta-grid{grid-template-columns:1fr 1fr}.cs-field--wide{grid-column:span 2}.cs-title{font-size:var(--font-size-2xl)}}.settings-page{max-width:680px;margin:0 auto;padding:var(--space-8) var(--space-6)}.settings-page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-8)}.settings-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.settings-field{margin-bottom:var(--space-4)}.settings-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.settings-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.settings-input:focus{outline:none;border-color:var(--color-accent)}.settings-input::placeholder{color:var(--color-text-muted)}.settings-success{font-size:var(--font-size-sm);color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.settings-error{font-size:var(--font-size-sm);color:var(--color-error);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.settings-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.settings-plan-option{border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);text-align:center}.settings-plan-option:hover,.settings-plan-option.active{border-color:var(--color-accent);background:var(--color-accent-muted)}.settings-plan-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary);text-transform:capitalize}.settings-plan-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.settings-section--danger{border-color:var(--color-error)}.settings-section--danger .settings-section-title{color:var(--color-error)}.settings-danger-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.settings-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.settings-confirm-dialog{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:420px;width:100%;box-shadow:var(--shadow-lg)}.settings-confirm-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-error);margin-bottom:var(--space-3)}.settings-confirm-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.settings-confirm-actions{display:flex;gap:var(--space-3);justify-content:flex-end}@media (max-width: 640px){.settings-page{padding:var(--space-4)}.settings-plan-grid{grid-template-columns:1fr}.settings-confirm-actions{flex-direction:column-reverse}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background-color:var(--color-bg-elevated);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-normal)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--color-border-subtle);text-decoration:none}.sidebar-logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--color-accent) 0%,#818cf8 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:var(--shadow-accent)}.sidebar-logo-text{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.sidebar-logo-text span{color:var(--color-accent)}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6)}.sidebar-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-2);margin-bottom:var(--space-2)}.sidebar-nav-group{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);position:relative}.sidebar-nav-link:hover{background-color:var(--color-accent-muted);color:var(--color-accent);text-decoration:none}.sidebar-nav-link.active{background-color:var(--color-accent-muted);color:var(--color-accent)}.sidebar-nav-link.active:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--color-accent);border-radius:var(--radius-full)}.sidebar-nav-icon{width:18px;height:18px;flex-shrink:0}.sidebar-setlists{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-1);padding-left:var(--space-4)}.sidebar-setlist-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.sidebar-setlist-item:hover,.sidebar-setlist-item.active{color:var(--color-text-primary);background-color:var(--color-accent-muted);text-decoration:none}.sidebar-setlist-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sidebar-coffee{display:flex;align-items:center;gap:var(--space-2);margin:0 var(--space-3) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:#fff7ed;color:#c2410c;font-size:var(--font-size-xs);font-weight:600;text-decoration:none;border:1px solid #fed7aa;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.sidebar-coffee:hover{background-color:#ffedd5;border-color:#fb923c;text-decoration:none}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--space-3)}.sidebar-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#818cf8);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:#fff;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-plan{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-logout{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--transition-fast),background-color var(--transition-fast)}.sidebar-logout:hover{color:var(--color-error);background-color:var(--color-error-bg)}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0);box-shadow:var(--shadow-lg)}}.navbar{height:var(--navbar-height);background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-8);gap:var(--space-4);position:sticky;top:0;z-index:50}.navbar-menu-btn{width:36px;height:36px;display:none;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background-color var(--transition-fast);flex-shrink:0}.navbar-menu-btn:hover{background-color:var(--color-accent-muted);color:var(--color-accent)}.navbar-breadcrumb{flex:1;display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.navbar-breadcrumb-current{color:var(--color-text-primary);font-weight:500}.navbar-breadcrumb-sep{color:var(--color-border)}.navbar-actions{display:flex;align-items:center;gap:var(--space-2)}.navbar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:99}.navbar-overlay--visible{display:block}@media (max-width: 768px){.navbar{padding:0 var(--space-4)}.navbar-menu-btn{display:flex}}.app-layout{display:flex;min-height:100vh;background-color:var(--color-bg)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal)}.app-content{flex:1;min-height:0;padding:var(--space-8);max-width:var(--content-max-width);width:100%;margin:0 auto;overflow-y:auto}@media (max-width: 768px){.app-main{margin-left:0}.app-content{padding:var(--space-4)}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:2000;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:400px;pointer-events:all;animation:toast-in .3s cubic-bezier(.34,1.56,.64,1)}.toast--exiting{animation:toast-out .25s ease forwards}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--warning{border-left:3px solid var(--color-warning)}.toast--info{border-left:3px solid var(--color-accent)}.toast-icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.toast--success .toast-icon{color:var(--color-success)}.toast--error .toast-icon{color:var(--color-error)}.toast--warning .toast-icon{color:var(--color-warning)}.toast--info .toast-icon{color:var(--color-accent)}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);line-height:1.3}.toast-message{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);line-height:1.4}.toast-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition-fast)}.toast-close:hover{color:var(--color-text-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@media (max-width: 480px){.toast-container{inset:auto var(--space-4) var(--space-4)}.toast{min-width:0;max-width:100%}}