:root{--brand-violet: #7C3AED;--brand-violet-deep: #6B21A8;--brand-violet-bright: #A855F7;--brand-violet-glow: #7C3AED40;--surface-lowest: #0F0D13;--surface: #1E1B2E;--surface-high: #2B2930;--on-surface: #E6E1E5;--on-surface-dim: #CAC4D0;--outline: #938F99;--outline-variant: #49454F;--primary: #D4BBFF;--primary-dim: #D4BBFF80;--secondary: #CCC2DC;--error: #FFB4AB;--error-container: #93000A;--warning: #d97706;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--font-body: "DM Mono", monospace;--radius-sm: 8px;--radius-lg: 16px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 3rem;--sc-lowest: #0F0D13;--sc-low: #1D1B20;--sc: #211F26;--sc-high: #2B2930;--sc-highest: #36343B;--stage-bg: #0F0D13;--stage-surface: #161320;--stage-surface-raised: #1E1B2E;--waveform-fill: #7C3AED;--waveform-playhead: #D4BBFF;--waveform-loop: #EFB8C880;--sync-locked: #4CAF50;--sync-pending: #FF9800;--sync-error: #FFB4AB;--obs-bg: #14121C;--obs-border: #2D2A3E;--obs-text: #CAC4D0;--setlist-active: #D4BBFF;--setlist-inactive: #49454F;--setlist-cue: #EFB8C8;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 28px;--r-full: 999px;--elev-1: 0 1px 2px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.02);--elev-2: 0 4px 14px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.03);--elev-3: 0 14px 40px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.04);--beat-bpm: .81s;--ease-out: cubic-bezier(.2,.8,.2,1);--surface-lowest: var(--sc-lowest);--surface-low: #161320;--surface-high: var(--sc-high);--space-1: var(--s-1);--space-2: var(--s-2);--space-3: var(--s-3);--space-4: var(--s-4);--space-5: var(--s-5);--space-6: var(--s-6);--space-7: var(--s-8);--space-8: var(--s-12);--radius-sm: var(--r-sm);--radius-md: 10px;--radius-lg: var(--r-lg);--radius-xl: 24px;--section-verse-fg: #60a5fa;--section-verse-bg: #1e3a5f;--section-chorus-fg: #4ade80;--section-chorus-bg: #1a4d2e;--section-bridge-fg: #fb923c;--section-bridge-bg: #4a2000;--section-intro-fg: #38bdf8;--section-intro-bg: #1a3040;--section-outro-fg: #a78bfa;--section-outro-bg: #2d1a3e;--section-solo-fg: #fbbf24;--section-solo-bg: #2d1f00;--section-interlude-fg: #efb8c8;--section-interlude-bg: #3b1f2e;--section-pre-chorus-fg: #5eead4;--section-pre-chorus-bg: #1a3d3d;--violet: var(--brand-violet);--violet-bright: var(--brand-violet-bright);--violet-soft: rgba(124,58,237,.1);--violet-soft-2: rgba(124,58,237,.2);--violet-dim: var(--brand-violet);--line: var(--outline-variant);--line-strong: var(--outline);--ink-muted: var(--on-surface-dim);--on-surface-variant:var(--on-surface-dim);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 14px rgba(0,0,0,.4);--shadow-lg: 0 14px 40px rgba(0,0,0,.5)}.theme-light{--primary: #6B21A8;--on-primary: #FFFFFF;--primary-container: #EDDCFF;--on-primary-container: #22005D;--secondary: #625B71;--on-secondary: #FFFFFF;--secondary-container: #E8DEF8;--on-secondary-container:#1D1A2C;--tertiary: #7E5260;--on-tertiary: #FFFFFF;--tertiary-container: #FFD8E4;--on-tertiary-container: #31111D;--background: #FFFBFE;--on-background: #1C1B1F;--surface: #FFFBFE;--on-surface: #1C1B1F;--surface-variant: #E7E0EB;--on-surface-variant: #49454F;--outline: #7A757F;--sc-lowest: #FFFFFF;--sc-low: #F7F2FA;--sc: #F2ECF4;--sc-high: #ECE6EE;--sc-highest: #E6E0E9;--accent-violet-bright: #6B21A8;--violet: #6B21A8;--violet-bright: #8B30D0;--violet-soft: rgba(107,33,168,.07);--violet-soft-2: rgba(107,33,168,.15);--violet-dim: #6B21A8;--line: #E7E0EB;--line-strong: #CAC2D4;--ink-muted: #49454F;--on-surface-dim: #49454F;--on-surface-variant:#49454F;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 14px rgba(0,0,0,.12);--shadow-lg: 0 14px 40px rgba(0,0,0,.18);--surface-low: var(--sc-low)}.gfr-renderer{font-family:Courier New,Courier,monospace;font-size:var(--gfr-font-size, 16px);line-height:1.8;color:#f0f0f0;background:transparent;padding:8px;box-sizing:border-box}.gfr-section-header{font-weight:700;font-size:calc(var(--gfr-font-size, 16px) * .875);text-transform:uppercase;letter-spacing:.1em;color:#c4b5fd;background:#a78bfa14;border-left:3px solid #7c3aed;padding:4px 10px;margin:12px 0 6px;border-radius:0 4px 4px 0}.gfr-section-content{padding-left:4px}.gfr-chord-line{display:flex;flex-wrap:wrap;align-items:flex-end;margin-bottom:4px}.gfr-segment{display:inline-flex;flex-direction:column;align-items:flex-start;margin-right:2px}.gfr-chord{color:#a78bfa;font-weight:700;min-height:1.2em;white-space:pre}.gfr-lyric{color:inherit;white-space:pre}.gfr-tab-line{overflow-x:auto;margin:6px 0;padding:4px 0;font-family:Courier New,Courier,monospace;font-size:calc(var(--gfr-font-size, 16px) * .875)}.gfr-tab-row{white-space:pre;font-family:Courier New,Courier,monospace;font-size:inherit;color:#d1d5db;line-height:1.6}.gfr-comment{display:block;font-style:italic;color:#9ca3af;opacity:.85;margin:4px 0}.gfr-empty{height:.6em;display:block}.gfr-drum-bpm{font-weight:700;color:#a78bfa;font-size:calc(var(--gfr-font-size, 16px) * 1.1);margin-bottom:12px;padding:4px 0}.gfr-drum-section{border-left:3px solid #7c3aed;padding-left:12px;margin-bottom:12px}.gfr-drum-cue{font-size:calc(var(--gfr-font-size, 16px) * .9);color:#9ca3af;opacity:.9;margin:3px 0;padding-left:2px}.gfr-no-content{text-align:center;color:#6b7280;font-style:italic;padding:32px 16px}.import-modal__overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.import-modal{background:var(--surface);border-radius:12px;padding:1.5rem;max-width:560px;width:90%;max-height:80vh;overflow-y:auto}.import-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.import-modal__title{font-size:1.25rem;font-weight:600}.import-modal__close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--on-surface-dim);padding:.25rem;line-height:1}.import-modal__close:hover{color:var(--on-surface)}.import-modal__drop-zone{border:2px dashed var(--outline-variant);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.import-modal__drop-zone:hover,.import-modal__drop-zone:focus{border-color:var(--brand-violet);outline:none}.import-modal__drop-zone--active{border-color:var(--brand-violet);background:#7c3aed14}.import-modal__drop-icon{font-size:2rem;display:block;margin-bottom:.5rem}.import-modal__drop-text{display:block;margin-bottom:.25rem;color:var(--on-surface)}.import-modal__drop-types{display:block;font-size:.75rem;color:var(--on-surface-dim);word-break:break-word}.import-modal__msf-warning{margin-top:1rem;padding:.75rem;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:6px;font-size:.875rem;color:var(--warning)}.import-modal__actions{display:flex;gap:.5rem;margin-top:1rem}.import-modal__action-btn{padding:.35rem .9rem;border:1px solid var(--outline-variant);border-radius:4px;background:var(--surface);color:inherit;cursor:pointer;font-size:.875rem}.import-modal__action-btn--primary{background:var(--primary);color:var(--surface-lowest);border-color:var(--primary);font-weight:600}.import-modal__action-btn:hover{border-color:var(--primary)}.import-modal__queue{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.import-item{border:1px solid var(--outline-variant);border-radius:6px;padding:.5rem .75rem;background:var(--surface-low)}.import-item__row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.import-item__icon{font-size:.875rem;flex-shrink:0}.import-item__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.import-item__btn{padding:.2rem .6rem;border:1px solid var(--outline-variant);border-radius:4px;background:var(--surface);color:inherit;cursor:pointer;font-size:.8rem;flex-shrink:0}.import-item__btn--primary{background:var(--primary);color:var(--surface-lowest);border-color:var(--primary);font-weight:600}.import-item__btn:hover{border-color:var(--primary)}.import-item__badge{font-size:.75rem;padding:.15rem .5rem;border-radius:10px;background:var(--surface);border:1px solid var(--outline-variant);flex-shrink:0}.import-item__badge--success{background:#a6e3a126;border-color:#a6e3a166;color:var(--sync-locked)}.import-item__badge--warning{background:#fbbf2426;border-color:#fbbf2466;color:var(--warning)}.import-item__badge--error{background:#ffb4ab26;border-color:#ffb4ab66;color:var(--error)}.import-item__mini-preview{margin-top:.4rem;padding:.4rem .6rem;background:var(--surface);border-radius:4px;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .75rem;font-size:.8rem}.import-item__mini-title{font-weight:600;color:var(--on-surface)}.import-item__mini-stat{color:var(--on-surface-dim)}.import-item__warnings{display:flex;flex-wrap:wrap;gap:.25rem;width:100%}.import-item__warning{font-size:.75rem;color:var(--warning)}.import-item__error{margin-top:.4rem;font-size:.8rem;color:var(--error);padding:.3rem 0}.import-modal__review-overlay{margin-top:1rem;border:1px solid var(--outline-variant);border-radius:8px;overflow:hidden}.import-modal__review-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:var(--surface);border-bottom:1px solid var(--outline-variant);font-size:.875rem;font-weight:600}.import-modal__review-counter{font-weight:400;color:var(--on-surface-dim)}.import-review-panel{display:flex;flex-direction:column;max-height:60vh;overflow-y:auto;padding:1rem;gap:.75rem}.import-review-panel__empty{color:var(--on-surface-dim);font-style:italic}.import-review-panel__error{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.import-review-panel__stats{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--outline-variant)}.import-review-panel__title{font-weight:500;font-size:1rem}.import-review-panel__stat{font-size:.85rem;color:var(--on-surface-dim)}.import-review-panel__warnings{display:flex;flex-direction:column;gap:.25rem}.import-review-panel__preview{border:1px solid var(--outline-variant);border-radius:8px;padding:16px;background:var(--surface);overflow-y:auto;max-height:30vh}.import-review-panel__preview-hint{font-size:.78rem;color:var(--on-surface-dim);margin:0 0 .5rem;font-style:italic}.import-review-panel__actions{display:flex;flex-direction:row;gap:8px;padding-top:12px;border-top:1px solid var(--outline-variant)}.import-review-panel__btn{padding:.35rem .9rem;border:1px solid var(--outline-variant);border-radius:4px;background:var(--surface);color:inherit;cursor:pointer;font-size:.875rem}.import-review-panel__btn--primary{background:var(--primary);color:var(--surface-lowest);border-color:var(--primary);font-weight:600}.import-review-panel__btn--ghost{background:transparent;color:var(--on-surface-dim)}.import-review-panel__btn:hover{border-color:var(--primary)}.library-page{max-width:1200px;margin:0 auto;padding:1.5rem}.library-header{margin-bottom:1.5rem}.library-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.library-title{font-size:1.75rem;font-weight:500;color:var(--on-surface);margin:0}.library-search{margin-bottom:.75rem}.search-input{width:100%;padding:.625rem 1rem;font-size:1rem;border:1.5px solid var(--outline-variant);border-radius:8px;background:var(--surface);color:var(--on-surface);outline:none;transition:border-color .15s;box-sizing:border-box}.search-input:focus{border-color:var(--brand-violet)}.tag-filter-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tag-chip{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;border-radius:999px;border:1.5px solid var(--outline-variant);background:var(--surface);color:var(--on-surface-dim);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tag-chip:hover{border-color:var(--brand-violet);color:var(--brand-violet)}.tag-chip-active{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.tag-chip-active:hover{background:var(--brand-violet-deep);color:#fff}.tag-chip-clear{border-style:dashed;color:var(--error);border-color:var(--error)}.tag-chip-clear:hover{background:var(--error);color:#fff}.tag-chip-sm{padding:.125rem .5rem;font-size:.75rem;pointer-events:none}.song-count{font-size:.875rem;color:var(--on-surface-dim);margin:0 0 .5rem}.library-loading{display:flex;flex-direction:column;align-items:center;padding:4rem 0;gap:1rem;color:var(--on-surface-dim)}.spinner{width:36px;height:36px;border:3px solid var(--outline-variant);border-top-color:var(--brand-violet);border-radius:50%;animation:spin .7s linear infinite}.library-error{display:flex;flex-direction:column;align-items:center;padding:3rem 0;gap:1rem}.error-message{color:var(--error);font-weight:500}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media(max-width:640px){.song-grid{grid-template-columns:1fr}}.song-table{width:100%;border-collapse:collapse;font-size:.875rem}.song-table th{text-align:left;padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:var(--outline);border-bottom:1px solid var(--outline-variant);white-space:nowrap}.song-row{cursor:pointer;transition:background .1s}.song-row:hover{background:var(--surface-high)}.song-row td{padding:.5rem .75rem;border-bottom:1px solid var(--outline-variant);vertical-align:middle}.song-row-title{font-weight:500;color:var(--on-surface)}.song-row-artist{font-size:.8rem;color:var(--outline)}.song-row-num{color:var(--on-surface-dim);font-size:.8rem;white-space:nowrap}.song-row-updated{color:var(--outline);font-size:.75rem;white-space:nowrap}.song-row-tags{display:flex;gap:.25rem;flex-wrap:wrap}.library-count-row{display:flex;align-items:center;gap:.75rem}.library-count-row .song-count{margin:0;flex:1}.view-toggle{display:flex;gap:.25rem}.view-toggle-btn{padding:.25rem .5rem;border-radius:var(--radius-sm, 4px);border:1px solid var(--outline-variant);background:transparent;cursor:pointer;color:var(--outline);font-size:1rem;line-height:1}.view-toggle-btn.active{background:var(--surface-high);color:var(--on-surface)}.song-list-empty{display:flex;flex-direction:column;align-items:center;padding:4rem 0;gap:1.25rem}.empty-message{font-size:1.125rem;color:var(--on-surface-dim);text-align:center}.song-card{background:var(--surface);border:1.5px solid var(--outline-variant);border-radius:12px;padding:1rem;cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .1s;outline:none}.song-card:hover{box-shadow:0 4px 16px #7c3aed26;border-color:var(--brand-violet);transform:translateY(-1px)}.song-card:focus-visible{outline:2px solid var(--brand-violet);outline-offset:2px}.song-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.song-card-info{flex:1;min-width:0}.song-card-title{font-size:1rem;font-weight:600;color:var(--on-surface);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card-artist{font-size:.875rem;color:var(--on-surface-dim);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card-actions{display:flex;gap:.25rem;flex-shrink:0;opacity:0;transition:opacity .15s}.song-card:hover .song-card-actions,.song-card:focus-within .song-card-actions{opacity:1}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:.875rem;transition:background .15s;padding:0}.btn-icon:hover{background:var(--surface-high)}.btn-icon-danger:hover{background:#ef44441f}.btn-icon-perform{color:var(--brand-violet-bright)}.btn-icon-perform:hover{background:var(--brand-violet-glow);color:var(--brand-violet-bright)}.song-card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.file-type-badge{display:inline-block;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;letter-spacing:.05em;border-radius:4px;text-transform:uppercase}.file-type-gfr{background:#2e1f5e;color:var(--primary)}.file-type-pdf{background:#3b1a1a;color:var(--error)}.file-type-chordpro{background:#1a2e1f;color:var(--sync-locked)}.file-type-txt,.file-type-text{background:var(--sc-high);color:var(--on-surface-dim)}.song-meta-item{font-size:.8125rem;color:var(--on-surface-dim)}.notation-badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .375rem;font-size:.75rem;font-weight:600;border-radius:4px;background:color-mix(in srgb,var(--violet, #7c3aed) 15%,transparent);color:var(--violet, #7c3aed);border:1px solid color-mix(in srgb,var(--violet, #7c3aed) 30%,transparent);cursor:default;line-height:1;vertical-align:middle}.song-card-tags{display:flex;flex-wrap:wrap;gap:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--brand-violet),var(--brand-violet-deep));color:#fff;border-color:var(--brand-violet)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-violet-deep),var(--brand-violet-deep));border-color:var(--brand-violet-deep)}.btn-secondary{background:transparent;color:var(--on-surface-dim);border-color:var(--outline-variant)}.btn-secondary:hover:not(:disabled){background:var(--surface-high)}.btn:disabled{opacity:.6;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-panel{background:var(--surface);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:modal-in .15s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 0}.modal-title{font-size:1.25rem;font-weight:500;margin:0;color:var(--on-surface)}.modal-close{color:var(--on-surface-dim)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--outline-variant);margin-top:1rem}.copy-band-list{display:flex;flex-direction:column;gap:.5rem}.copy-band-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--radius-md, 8px);cursor:pointer;background:var(--surface-2, #1a1a2e);border:1px solid var(--outline-variant);transition:background .15s;width:100%;text-align:left}.copy-band-item:hover:not(:disabled){background:var(--surface-high);border-color:var(--brand-violet)}.copy-band-item.copying{opacity:.6;pointer-events:none}.copy-band-name{font-size:.9375rem;font-weight:500;color:var(--on-surface)}.tier-badge{font-size:.7rem;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;font-weight:600}.tier-free{background:var(--surface-high, #333);color:var(--on-surface-dim, #888)}.tier-band{background:var(--brand-violet);color:#fff}.tier-pro{background:var(--warning);color:#1a1a2e}.copy-success{color:var(--sync-locked);text-align:center;padding:1rem;font-weight:500}.copy-error{color:var(--error);font-size:.85rem;padding:.5rem 0;margin-top:.5rem}.cap-nudge{border:1px solid var(--primary, var(--brand-violet));border-radius:var(--radius-md, 8px);padding:1rem 1.25rem;margin-bottom:1.25rem;background:color-mix(in srgb,var(--brand-violet) 8%,transparent)}.cap-nudge-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-violet);margin:0 0 .25rem}.cap-nudge h4{margin:.25rem 0 .5rem;font-size:1rem;color:var(--on-surface)}.cap-nudge p{margin:0 0 .75rem;font-size:.875rem;color:var(--outline)}.cap-nudge-actions{display:flex;gap:.5rem;flex-wrap:wrap}.bulk-bar{position:sticky;bottom:1rem;display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md, 8px);padding:.625rem 1rem;box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.12));margin-top:1rem;flex-wrap:wrap;z-index:10}.bulk-bar-count{font-size:.875rem;color:var(--on-surface);flex:1}.bulk-bar-sep{width:1px;height:1.25rem;background:var(--outline-variant);flex-shrink:0}.bulk-bar-action{padding:.25rem .75rem;border-radius:var(--radius-sm, 4px);border:1px solid var(--outline-variant);background:transparent;cursor:pointer;font-size:.875rem;color:var(--on-surface);transition:background .15s,color .15s,border-color .15s}.bulk-bar-action:hover{background:var(--surface-high)}.bulk-bar-action.danger{color:var(--error, #b91c1c);border-color:var(--error, #b91c1c)}.bulk-bar-action.danger:hover{background:#b91c1c14}.song-card{position:relative}.song-card-checkbox{position:absolute;top:.5rem;left:.5rem;width:20px;height:20px;border-radius:4px;border:2px solid var(--outline-variant);background:var(--surface);opacity:0;transition:opacity .1s;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.song-card:hover .song-card-checkbox,.song-card.selected .song-card-checkbox{opacity:1}.song-card-checkbox.checked{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.song-card.selected{outline:2px solid var(--brand-violet);outline-offset:2px}.row-checkbox{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--outline-variant);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s}.row-checkbox.checked{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.song-row-selected{background:color-mix(in srgb,var(--brand-violet) 8%,transparent)}.sl-checkbox{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--outline-variant);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;transition:background .12s,border-color .12s}.sl-checkbox.checked{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.bf-checkbox{width:16px;height:16px;border-radius:3px;border:1.5px solid var(--outline-variant);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;transition:background .12s,border-color .12s}.bf-checkbox.on{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.badge-blue{display:inline-block;padding:.1rem .45rem;font-size:.65rem;font-weight:600;letter-spacing:.04em;border-radius:4px;text-transform:uppercase;background:#1a3560;color:#93bbff}.badge-soft{display:inline-block;padding:.1rem .45rem;font-size:.65rem;border-radius:4px;background:var(--sc-high);color:var(--on-surface-dim)}.chip{display:inline-flex;align-items:center;gap:5px;padding:.25rem .65rem;font-size:.8125rem;font-weight:500;border-radius:999px;border:1.5px solid var(--outline-variant);background:var(--surface);color:var(--on-surface-dim);cursor:pointer;transition:background .14s,color .14s,border-color .14s;white-space:nowrap}.chip:hover{border-color:var(--brand-violet);color:var(--brand-violet)}.chip.selected{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.chip.selected:hover{background:var(--brand-violet-deep)}.chip-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex:1}.bulkbar{position:sticky;bottom:1rem;display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--r-md);padding:8px 14px;box-shadow:var(--shadow-md);margin-top:1rem;flex-wrap:wrap;z-index:10;font-size:13.5px;font-family:var(--font-mono)}.bb-count{font-size:13.5px;color:var(--on-surface)}.bb-sep{width:1px;height:20px;background:var(--outline-variant);flex-shrink:0}.bulkbar button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r-sm);border:0;background:transparent;cursor:pointer;font-size:13px;font-family:var(--font-mono);color:var(--on-surface);transition:background .12s,color .12s}.bulkbar button:hover{background:var(--sc-high)}.bulkbar button.danger{color:#d92d20}.bulkbar button.danger:hover{background:#d92d201a}.bulkbar .bb-primary{color:var(--on-surface);font-weight:500}.bulkbar .bb-primary svg{color:var(--violet-bright)}.bulkbar .bb-primary:hover,.bulkbar .bb-primary.active{background:var(--violet);color:#fff}.bulkbar .bb-primary.active svg,.bulkbar .bb-primary:hover svg{color:#fff}.metadata-form{padding:1.25rem 1.5rem 1.5rem}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:0}.form-row .form-group{margin-bottom:1rem}.form-label{font-size:.875rem;font-weight:600;color:var(--on-surface)}.form-input{padding:.5rem .75rem;font-size:.9375rem;border:1.5px solid var(--outline-variant);border-radius:8px;background:var(--surface);color:var(--on-surface);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--brand-violet)}.form-hint{font-size:.8125rem;color:var(--on-surface-dim);margin:0}.form-hint-info{background:#1a1f3b;border:1px solid #3b4f8a;border-radius:6px;padding:.5rem .75rem;color:#93bbff}.form-error{background:#2e1a1a;border:1px solid #5c2a2a;border-radius:8px;padding:.625rem .875rem;color:var(--error);font-size:.875rem;margin-bottom:1rem}.browse-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:0 0 16px}.browse-tab{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.2px;color:var(--ink-muted);background:none;border:0;padding:9px 14px 11px;cursor:pointer;position:relative;transition:color .14s;border-radius:7px 7px 0 0}.browse-tab:hover{color:var(--on-surface);background:var(--sc-low)}.browse-tab.active{color:var(--primary)}.browse-tab.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2.5px;background:var(--violet);border-radius:2px 2px 0 0}.lib-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.lib-groups{display:flex;flex-direction:column;gap:14px}.lib-group{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.lg-head{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 16px;background:var(--sc-low);border:0;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s}.lg-head:hover{background:var(--sc)}.lg-head.collapsed{border-bottom-color:transparent}.lg-caret{color:var(--ink-muted);flex:none}.lg-key{font-family:var(--font-mono);font-weight:500;font-size:21px;letter-spacing:-.5px;color:var(--on-surface);min-width:40px}.lg-key.none,.lg-name.none{color:var(--ink-muted);font-weight:400}.lg-name{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--on-surface);letter-spacing:-.01em}.lg-count{margin-left:auto;font-family:var(--font-mono);font-weight:500;font-size:12px;color:var(--on-surface-variant);background:var(--sc-high);border-radius:var(--r-full);padding:2px 11px;letter-spacing:-.2px}.lg-rows{display:flex;flex-direction:column}.song-line{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s;min-height:56px;background:var(--surface)}.lg-rows .song-line:last-child{border-bottom:0}.song-line:hover{background:var(--sc-low)}.song-line.sel{background:var(--violet-soft)}.song-line .sl-lead{display:flex;align-items:center;gap:9px;flex:none}.sl-check{display:grid;place-items:center}.song-line .sl-cover{width:34px;height:34px;border-radius:var(--r-sm);flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff}.song-line .sl-body{flex:1;min-width:0}.song-line .sl-title{font-family:var(--font-display);font-weight:600;font-size:14.5px;color:var(--on-surface);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-line .sl-artist{font-family:var(--font-mono);font-weight:300;font-size:11.5px;color:var(--ink-muted);margin-top:1px}.song-line .sl-meta{display:flex;align-items:baseline;gap:14px;flex:none;font-family:var(--font-mono)}.song-line .sl-key{font-weight:500;font-size:13px;color:var(--violet-dim);min-width:30px;text-align:right;letter-spacing:-.2px}.song-line .sl-num{font-weight:500;font-size:13px;color:var(--on-surface);letter-spacing:-.2px}.song-line .sl-dim{font-size:12px;color:var(--ink-muted);letter-spacing:-.2px}.song-line .sl-trail{display:flex;align-items:center;gap:8px;flex:none}.sl-play{width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--sc-lowest);color:var(--violet-dim);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .12s,background .12s}.song-line:hover .sl-play{opacity:1}.sl-play:hover{background:var(--violet-soft);border-color:var(--violet-soft-2)}.batch-panel{border:1px solid var(--violet-soft-2);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-md);margin-bottom:18px;max-height:60vh;display:flex;flex-direction:column;overflow:hidden;animation:batchIn .22s var(--ease-out)}@keyframes batchIn{0%{opacity:0;transform:translateY(-8px)}}.bp-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;border-bottom:1px solid var(--line);background:var(--violet-soft);flex:none}.bp-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--on-surface)}.bp-title b{color:var(--violet-dim)}.bp-titles{font-size:12px;color:var(--on-surface-variant);margin-top:2px}.bp-hint{font-size:11.5px;color:var(--ink-muted);text-align:right;max-width:200px}.bp-body{padding:18px 20px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}.batch-field{display:flex;flex-direction:column;gap:8px;min-width:0}.batch-field.wide{grid-column:1 / -1}.bf-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px}.bf-toggle{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none}.bf-label{font-size:12px;font-weight:500;letter-spacing:.3px;color:var(--on-surface-variant)}.bf-label.solo{padding-left:1px}.bf-toggle.on .bf-label{color:var(--violet-dim)}.bf-input{font-family:var(--font-mono);font-size:13.5px;color:var(--on-surface);width:100%;background:var(--sc-lowest);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:9px 11px;outline:none;transition:border-color .14s,box-shadow .14s;box-sizing:border-box}.bf-input.mono{letter-spacing:-.2px}.bf-input::placeholder{color:var(--ink-muted)}.bf-input:focus{border-color:var(--violet-bright);box-shadow:0 0 0 3px #7c3aed24}select.bf-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238B8593' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.mixed-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.3px;color:#9a4a5e;background:#fce9ef;border:1px solid #F3CDD8;padding:2px 8px 2px 6px;border-radius:var(--r-full)}.mixed-tag svg{width:12px;height:12px;color:#c77a8e}.tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;min-height:40px;background:var(--sc-lowest);border:1px solid var(--line-strong);border-radius:var(--r-sm)}.tag-input .ac-wrap{flex:1;min-width:120px}.tag-input .bf-input{border:0;background:none;padding:4px 2px}.tag-input .bf-input:focus{box-shadow:none}.sm-chip{height:26px;font-size:11.5px;padding:0 6px 0 10px;gap:4px}.sm-chip .chip-x{display:grid;place-items:center;background:none;border:0;cursor:pointer;color:inherit;padding:0}.ac-wrap{position:relative}.ac-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-md);padding:5px;max-height:180px;overflow-y:auto}.ac-item{padding:8px 10px;border-radius:7px;font-family:var(--font-mono);font-size:13px;color:var(--on-surface);cursor:pointer}.ac-item:hover{background:var(--violet-soft);color:var(--violet-dim)}.bp-foot{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--line);background:var(--sc-low);flex:none}.bp-foot .grow{flex:1}.bp-error{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#b42318}.bp-error svg{color:#d92d20}.single-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.single-meta .wide{grid-column:1 / -1}.single-meta-modal .single-meta{padding:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.ph-body{flex:1;min-width:0}.page-title{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--on-surface);margin:0 0 2px}.page-sub{font-size:13px;color:var(--ink-muted);font-family:var(--font-mono)}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.empty{display:flex;flex-direction:column;align-items:center;padding:4rem 0;gap:.75rem;text-align:center;color:var(--on-surface-dim)}.e-icon{font-size:2rem;color:var(--on-surface-dim)}.e-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.content-pad{max-width:1200px;margin:0 auto;padding:1.5rem}@media(max-width:1080px){.bp-body{grid-template-columns:1fr}}@media(max-width:720px){.single-meta{grid-template-columns:1fr}.single-meta .wide{grid-column:1}}.btn-icon-convert{color:var(--violet, #6750a4);font-size:14px}.btn-icon-convert:hover{background:var(--violet-soft, rgba(103, 80, 164, .08));color:var(--violet-bright, #7965af)}.song-row-actions{width:40px;text-align:center}.convert-modal{max-width:480px;width:100%}.convert-song-chip{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:var(--sc-low, #f5f3ff);border:1px solid var(--line, #e0daea);margin-bottom:14px}.convert-song-avatar{width:36px;height:36px;border-radius:8px;background:var(--violet, #6750a4);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex:none}.convert-song-info{flex:1;min-width:0}.convert-song-title{font-weight:600;font-size:14px;color:var(--on-surface, #1c1b1f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convert-song-artist{font-size:11.5px;color:var(--ink-muted, #79747e);margin-top:1px}.convert-description{font-size:13px;color:var(--on-surface-variant, #49454f);line-height:1.6;margin:0 0 16px}.convert-upgrade-notice{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:10px;background:#b000200a;border:1px solid rgba(176,0,32,.18);font-size:13px;color:var(--on-surface, #1c1b1f);margin-bottom:14px}.convert-notice-icon{color:#b00020;flex:none}.convert-upgrade-notice a{color:var(--violet, #6750a4);font-weight:500}.convert-credit-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;margin-bottom:14px}.convert-credit-ok{background:var(--violet-soft, rgba(103, 80, 164, .08));border:1px solid var(--violet-soft-2, rgba(103, 80, 164, .18))}.convert-credit-low{background:#b000200a;border:1px solid rgba(176,0,32,.18)}.convert-credit-label{font-size:13px;color:var(--on-surface-variant, #49454f)}.convert-credit-warn{color:#b00020}.convert-credit-mono{font-family:var(--font-mono, monospace)}.convert-credit-badge{background:#fff;color:var(--violet-dim, #6750a4);border:1px solid var(--violet-soft-2, rgba(103, 80, 164, .18));font-family:var(--font-mono, monospace)}.convert-buy-link{font-size:12px;color:var(--violet, #6750a4);font-weight:500;text-decoration:none}.convert-buy-link:hover{text-decoration:underline}.convert-processing{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:12.5px;color:var(--ink-muted, #79747e)}.convert-spinner{color:var(--violet, #6750a4)}.convert-step-label{color:var(--ink-muted, #79747e)}.btn-spinner{margin-right:6px}.convert-error-msg{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:10px;background:#b000200a;border:1px solid rgba(176,0,32,.18);font-size:13px;color:#b00020;margin-top:14px}.convert-error-icon{flex:none;font-size:12px;margin-top:1px}.convert-review-overlay{position:fixed;inset:0;z-index:300;background:var(--background, #fffbfe);overflow:hidden}.convert-review-page{display:flex;flex-direction:column;height:100%;background:var(--background, #fffbfe)}.convert-review-topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line, #e0daea);background:var(--surface, #fff);flex:none}.convert-review-title-area{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.convert-review-title-input{font-weight:700;font-size:17px;color:var(--on-surface, #1c1b1f);border:none;background:none;outline:none;padding:0;width:min(40vw,420px);font-family:var(--font-display, inherit)}.convert-review-title-input:focus{outline:2px solid var(--violet, #6750a4);border-radius:4px;padding:0 2px}.convert-review-badge{background:var(--violet-soft, rgba(103, 80, 164, .08));color:var(--violet-dim, #6750a4);border:1px solid var(--violet-soft-2, rgba(103, 80, 164, .18));letter-spacing:.5px;font-size:11px;flex:none}.convert-review-body{flex:1;overflow-y:auto;padding:24px 28px 120px}.convert-review-inner{max-width:800px;margin:0 auto}.convert-review-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:20px;background:var(--violet-soft, rgba(103, 80, 164, .08));border:1px solid var(--violet-soft-2, rgba(103, 80, 164, .18));font-size:13.5px;color:var(--on-surface, #1c1b1f)}.convert-review-banner--warn{background:#b000200a;border-color:#b000202e}.convert-banner-icon{font-size:16px;flex:none;margin-top:1px}.convert-banner-text{line-height:1.5}.convert-field-table{padding:16px 20px}.convert-fields{display:flex;flex-direction:column}.convert-field-row{display:grid;grid-template-columns:160px 1fr auto;gap:14px;align-items:center;padding:12px 0}.convert-field-row--border{border-bottom:1px solid var(--line, #e0daea)}.convert-field-label{font-family:var(--font-mono, monospace);font-size:12px;color:var(--ink-muted, #79747e)}.convert-field-value{font-size:14px;font-weight:500;color:var(--on-surface, #1c1b1f)}.convert-field-value--muted{color:var(--ink-muted, #79747e)}.confbar-wrap{display:flex;align-items:center;gap:8px}.confbar-track{width:100px;height:4px;border-radius:2px;background:var(--sc-high, #ece6f0);overflow:hidden;flex:none}.confbar-fill{height:100%;border-radius:2px}.confbar-fill--high{background:var(--violet, #6750a4)}.confbar-fill--mid{background:var(--secondary, #958da5)}.confbar-fill--low{background:#b00020}.confbar-pct{font-family:var(--font-mono, monospace);font-size:12px;font-weight:500;color:var(--on-surface, #1c1b1f);min-width:32px}.confbar-pct--none{color:var(--ink-muted, #79747e)}.confbar-label{font-size:11px;font-weight:500;white-space:nowrap}.confbar-label--high{color:var(--violet-dim, #6750a4)}.confbar-label--mid{color:var(--ink-muted, #79747e)}.confbar-label--low{color:#b00020}.confbar-label--none{color:var(--ink-muted, #79747e)}.confbar-warn{font-size:11px;color:#b00020;white-space:nowrap}.convert-save-error{padding:10px 14px;border-radius:8px;background:#b000200a;border:1px solid rgba(176,0,32,.18);color:#b00020;font-size:13px;margin-top:16px}.convert-review-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:14px 28px;border-top:1px solid var(--line, #e0daea);background:#fffffff0;backdrop-filter:blur(8px);z-index:10}.convert-archive-note{font-size:12px;color:var(--ink-muted, #79747e)}.convert-discard-confirm-text{font-size:12.5px;color:#b00020}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:400}.modal{background:var(--surface, #fff);border-radius:16px;box-shadow:0 8px 32px #0000002e;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 0}.modal-title-row{display:flex;align-items:flex-start;gap:10px}.modal-icon{font-size:20px;color:var(--violet, #6750a4)}.modal-title{font-size:16px;font-weight:700;margin:0;color:var(--on-surface, #1c1b1f)}.modal-sub{font-size:12px;color:var(--ink-muted, #79747e);margin:2px 0 0}.modal-close{margin-left:auto}.modal-body{padding:16px 20px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line, #e0daea)}.badge-blue{background:#1976d21a;color:#1565c0;border:1px solid rgba(25,118,210,.2)}.badge-source{background:var(--violet-soft, rgba(103, 80, 164, .08));color:var(--violet-dim, #6750a4);border:1px solid var(--violet-soft-2, rgba(103, 80, 164, .18));font-size:11px}.btn-danger{background:#b00020;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:600;cursor:pointer;font-size:14px}.btn-danger:hover{background:#8b001a}.btn-outline{background:transparent;color:var(--violet, #6750a4);border:1.5px solid var(--violet, #6750a4);border-radius:8px;padding:7px 16px;font-weight:600;cursor:pointer;font-size:14px}.btn-outline:hover{background:var(--violet-soft, rgba(103, 80, 164, .08))}@media(max-width:600px){.convert-field-row{grid-template-columns:1fr;gap:6px}.convert-review-topbar{padding:10px 14px}.convert-review-body{padding:16px 14px 120px}}.setlist-add-banner{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--brand-violet);color:#fff;padding:.6rem 1.25rem;border-radius:999px;font-size:.875rem;font-weight:500;z-index:900;pointer-events:none;box-shadow:0 4px 16px #0000004d}.copy-band-meta{font-size:.8125rem;color:var(--on-surface-dim)}.audio-card-section{margin-top:.625rem;border-top:1px solid var(--outline-variant);padding-top:.5rem}.audio-toggle-btn{display:flex;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:.25rem 0;font-size:.8125rem;color:var(--on-surface-dim);width:100%;text-align:left}.audio-toggle-btn:hover{color:var(--brand-violet)}.audio-toggle-icon{font-size:.75rem;flex:none}.audio-toggle-label{font-weight:600;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-violet);flex:none}.audio-toggle-filename{font-size:.75rem;color:var(--on-surface-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-panel{margin-top:.5rem}.audio-player{background:var(--sc-low);border:1px solid var(--outline-variant);border-radius:var(--r-sm);padding:.625rem .75rem}.audio-player-inner{display:flex;align-items:center;gap:.5rem}.audio-play-btn{flex:none}.audio-player-track{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.audio-player-filename{font-size:.75rem;font-weight:500;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-player-transport{display:flex;align-items:center;gap:.375rem}.audio-player-time{font-family:var(--font-mono);font-size:.6875rem;color:var(--on-surface-dim);flex:none;min-width:2.5rem}.audio-seek-slider{flex:1;height:4px;border-radius:2px;appearance:none;background:linear-gradient(to right,var(--brand-violet) 0%,var(--brand-violet) var(--pct, 0%),var(--outline-variant) var(--pct, 0%),var(--outline-variant) 100%);outline:none;cursor:pointer;border:none}.audio-seek-slider:disabled{opacity:.4;cursor:not-allowed}.audio-seek-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--brand-violet);cursor:pointer;border:2px solid var(--surface)}.audio-seek-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--brand-violet);cursor:pointer;border:2px solid var(--surface)}.audio-delete-btn{flex:none;color:var(--on-surface-dim)}.audio-delete-btn:hover{color:var(--error);background:#ffb4ab14}.audio-deleting-spinner{display:inline-block;width:10px;height:10px;border:2px solid var(--outline-variant);border-top-color:var(--brand-violet);border-radius:50%;animation:spin .7s linear infinite}.audio-player-error{margin:.375rem 0 0;font-size:.75rem;color:var(--error)}.audio-upload-row{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.audio-upload-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:var(--r-xs);border:1px dashed var(--outline-variant);background:transparent;color:var(--on-surface-dim);cursor:pointer;transition:border-color .15s,color .15s,background .15s;align-self:flex-start}.audio-upload-btn:hover:not(:disabled){border-color:var(--brand-violet);color:var(--brand-violet);background:var(--brand-violet-glow)}.audio-upload-btn:disabled{opacity:.6;cursor:not-allowed}.audio-upload-error{margin:0;font-size:.75rem;color:var(--error)}.audio-band-hint{margin-top:.5rem;display:flex;align-items:center;gap:.375rem;opacity:.5}.audio-band-hint-label{font-size:.75rem;color:var(--on-surface-dim)}.audio-band-hint-badge{font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.1rem .4rem;border-radius:var(--r-xs);background:var(--brand-violet);color:#fff}.print-scrim{position:fixed;inset:0;z-index:120;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.print-modal{width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line, var(--outline-variant));border-radius:var(--r-xl, 16px);box-shadow:var(--shadow-lg, 0 8px 40px rgba(0,0,0,.32));overflow:hidden;animation:pop .2s var(--ease-out, cubic-bezier(.22,.68,0,1.2))}@media(max-width:1080px){.print-modal .pm-body{grid-template-columns:248px 1fr}}.pm-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line, var(--outline-variant));flex:none}.pm-head h3{font-family:var(--font-display, sans-serif);font-weight:700;font-size:18px;color:#15121c;margin:0}.pm-ico{width:34px;height:34px;border-radius:var(--r-sm, 6px);display:grid;place-items:center;background:var(--violet-soft, rgba(124,58,237,.08));color:var(--violet, #7c3aed)}.pm-head-left{display:flex;align-items:center;gap:11px}.pm-close-btn{width:32px;height:32px;border-radius:var(--r-sm, 6px);border:0;background:none;color:var(--ink-muted, #888);display:grid;place-items:center;cursor:pointer;transition:background .12s,color .12s}.pm-close-btn:hover{background:var(--sc-high, rgba(0,0,0,.08));color:var(--on-surface, #15121C)}.pm-body{flex:1;display:grid;grid-template-columns:288px 1fr;min-height:0}.pm-settings{border-right:1px solid var(--line, var(--outline-variant));padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;background:var(--sc-low, rgba(0,0,0,.02))}.pm-group{display:flex;flex-direction:column;gap:11px}.pm-glabel{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-muted, #888);font-weight:500}.pm-field{display:flex;flex-direction:column;gap:7px}.pm-flabel{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--on-surface, #15121C);font-weight:500}.pm-readout{margin-left:auto;font-family:var(--font-mono, monospace);font-weight:500;font-size:13px;color:var(--violet-dim, #6d28d9);letter-spacing:-.3px}.pm-fhint{font-size:10.5px;color:var(--violet-dim, #6d28d9);background:var(--violet-soft, rgba(124,58,237,.08));padding:1px 7px;border-radius:var(--r-full, 999px);font-weight:400;letter-spacing:0}.pm-seg{display:inline-flex;background:var(--sc-high, rgba(0,0,0,.07));border-radius:var(--r-sm, 6px);padding:3px;gap:2px}.pm-seg button{flex:1;font-family:var(--font-mono, monospace);font-size:12px;font-weight:500;color:var(--on-surface-variant, #6b7280);background:none;border:0;padding:7px 10px;border-radius:6px;cursor:pointer;transition:all .12s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.pm-seg button svg{width:14px;height:14px}.pm-seg button:hover{color:var(--on-surface, #15121C)}.pm-seg button.on{background:#fff;color:var(--violet-dim, #6d28d9);box-shadow:var(--shadow-sm, 0 1px 4px rgba(0,0,0,.12))}.gf-range{width:100%;accent-color:var(--violet, #7c3aed)}.pm-collapse{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;font-family:var(--font-mono, monospace);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-muted, #888);font-weight:500;padding:0}.pm-collapse svg{color:var(--ink-muted, #888)}.pm-collapse-body{display:flex;flex-direction:column;gap:12px;margin-top:4px}.pm-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.pmt-label{font-size:12.5px;color:var(--on-surface, #15121C);font-weight:500}.pmt-sub{font-size:11px;color:var(--ink-muted, #888);margin-top:1px}.pm-switch{width:40px;height:24px;border-radius:var(--r-full, 999px);background:var(--sc-highest, rgba(0,0,0,.14));border:1px solid var(--line-strong, rgba(0,0,0,.18));position:relative;cursor:pointer;flex:none;transition:background .16s,border-color .16s;padding:0}.pm-switch span{position:absolute;top:50%;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:var(--shadow-sm, 0 1px 4px rgba(0,0,0,.12));transition:left .16s}.pm-switch.on{background:var(--violet, #7c3aed);border-color:var(--violet, #7c3aed)}.pm-switch.on span{left:19px}.hf-preview{border:1px dashed var(--line-strong, rgba(0,0,0,.18));border-radius:var(--r-sm, 6px);padding:9px 11px;background:#fff}.hfp-title{font-family:var(--font-display, sans-serif);font-weight:600;font-size:13px;color:#15121c}.hfp-meta{font-family:var(--font-mono, monospace);font-size:10.5px;color:var(--ink-muted, #888);margin-top:2px}.pm-reset{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;background:none;border:0;cursor:pointer;font-family:var(--font-mono, monospace);font-size:12px;color:var(--ink-muted, #888);padding:4px 0}.pm-reset:hover{color:var(--violet-dim, #6d28d9)}.pm-settings .pm-settings-grow{flex:1;min-height:8px}.pm-stage{position:relative;overflow:auto;background:#e8e8e8;display:flex;align-items:flex-start;justify-content:center;padding:24px}.paper-wrap{display:flex;flex-direction:column;align-items:center;gap:0}.paper{background:#fff;box-shadow:0 4px 24px #0000002e;flex:none;overflow:hidden;color:#14120e}.paper-inner{height:100%;padding:var(--pad, 18px);display:flex;flex-direction:column}.paper-head{padding-bottom:8px;margin-bottom:12px;border-bottom:.5px solid #C9C7C2;flex:none}.ph-title{font-family:var(--font-display, sans-serif);font-weight:600;font-size:calc(var(--gfr-font, 14px) * 1.5);color:#14120e;letter-spacing:-.01em}.ph-meta{font-family:var(--font-mono, monospace);font-size:calc(var(--gfr-font, 14px) * .82);color:#5b5852;margin-top:4px}.paper-chart{flex:1;min-height:0;column-count:var(--cols, 1);column-gap:26px;overflow:hidden}.paper-foot{flex:none;text-align:center;font-family:var(--font-mono, monospace);font-size:10px;color:#8b887f;padding-top:8px}.paper.page2{margin-top:18px;display:grid;place-items:center}.p2-note{display:flex;flex-direction:column;align-items:center;gap:8px;color:#b8b5ae;font-family:var(--font-mono, monospace);font-size:12px}.pm-overflow-note{font-size:11.5px;color:#6b5d2e;background:#fbf3d9;border:1px solid #ECDCA8;padding:7px 11px;border-radius:var(--r-sm, 6px);margin-top:14px;max-width:360px;text-align:center}.paper.skeleton{background:#fff}.sk-inner{padding:40px 36px;display:flex;flex-direction:column;gap:14px}.sk-bar{height:13px;border-radius:4px;background:linear-gradient(90deg,#ececec 25%,#f5f5f5 37%,#ececec 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.pm-empty{text-align:center;color:#8b887f;display:flex;flex-direction:column;align-items:center;gap:8px;margin:auto}.pm-empty svg{color:#b8b5ae}.pm-empty-t{font-family:var(--font-display, sans-serif);font-weight:600;font-size:17px;color:#5b5852;margin-top:6px}.pm-empty-s{font-size:12.5px;margin-bottom:10px}.pm-foot{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--line, var(--outline-variant));background:var(--sc-low, rgba(0,0,0,.02));flex:none}.pm-foot .pm-foot-grow{flex:1}.pm-blocked{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#b42318}.paper-mode.gfr-renderer{color:#14120e;background:transparent;font-size:var(--gfr-font-size, 14px);line-height:1.5;padding:0}.paper-mode .gfr-section-header{color:#8a4fc2;background:#8a4fc20f;border-left-color:#8a4fc2;break-after:avoid;break-inside:avoid}.paper-mode .gfr-section-content{break-inside:avoid}.paper-mode .gfr-chord{color:var(--brand-violet-deep);font-size:var(--gfr-font-size, 14px)}.paper-mode .gfr-lyric{color:#14120e}.paper-mode .gfr-comment{color:#5b5852;font-style:italic}.paper-mode .gfr-tab-line,.paper-mode .gfr-tab-row{color:#14120e}.gf-print-area{display:none}@media print{body.gf-printing .app,body.gf-printing .scrim,body.gf-printing .tweaks-host,body.gf-printing .print-scrim{display:none!important}body.gf-printing .gf-print-area{display:block!important;position:static}body.gf-printing{background:#fff}.gf-print-inner{padding:0;color:#14120e}.gf-print-inner .paper-head{border-bottom:.5px solid #999;margin-bottom:14px;padding-bottom:8px}.gf-print-inner .paper-chart{column-count:var(--cols, 1);column-gap:28px}.gf-print-inner .gfr-renderer{color:#14120e;background:transparent;padding:0}.gf-print-inner .gfr-section-header{color:#8a4fc2;background:transparent;border-left-color:#8a4fc2;break-after:avoid;break-inside:avoid}.gf-print-inner .gfr-section-content{break-inside:avoid}.gf-print-inner .gfr-chord{color:var(--brand-violet-deep)}.gf-print-inner .gfr-lyric{color:#14120e}.gf-print-inner .gfr-comment{color:#5b5852}}.editor-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.editor-page__toolbar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--outline-variant);flex-shrink:0}.editor-page__mode-tabs{display:flex;gap:.25rem}.editor-page__mode-tab{padding:.3rem .75rem;border:1px solid var(--outline-variant);border-radius:4px;background:transparent;color:inherit;cursor:pointer;font-size:.875rem}.editor-page__mode-tab--active{background:var(--primary);color:var(--surface-lowest);border-color:var(--primary)}.editor-page__save-btn{margin-left:auto;padding:.35rem 1rem;background:var(--primary);color:var(--surface-lowest);border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:.875rem}.editor-page__save-btn:disabled{opacity:.6;cursor:not-allowed}.editor-page__perform-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .85rem;background:transparent;color:var(--brand-violet-bright, #A855F7);border:1px solid var(--brand-violet, #7C3AED);border-radius:var(--radius-sm, 6px);cursor:pointer;font-weight:600;font-size:.875rem;transition:background .15s,color .15s}.editor-page__perform-btn:hover{background:var(--brand-violet, #7C3AED);color:#fff}.editor-page__status{font-size:.75rem;color:var(--on-surface-dim)}.editor-page__new-btn{padding:.35rem .85rem;background:transparent;color:var(--on-surface-dim, #888);border:1px solid var(--border, #444);border-radius:var(--radius-sm, 6px);cursor:pointer;font-weight:500;font-size:.875rem;transition:background .15s,color .15s,border-color .15s}.editor-page__new-btn:hover{background:var(--surface-2, #2a2a2a);color:var(--on-surface, #fff);border-color:var(--on-surface-dim, #888)}.metadata-bar{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem 1rem;background:var(--surface-low);border-bottom:1px solid var(--outline-variant);flex-shrink:0;align-items:center}.metadata-bar__field{display:flex;align-items:center;gap:.4rem}.metadata-bar__field--required .metadata-bar__label:after{content:" *";color:var(--error, #FFB4AB)}.metadata-bar__label{font-size:.75rem;color:var(--on-surface-dim);white-space:nowrap}.metadata-bar__input,.metadata-bar__select{background:var(--surface);border:1px solid var(--outline-variant);border-radius:4px;color:inherit;font-size:.875rem;padding:.2rem .4rem;min-width:120px}.metadata-bar__input--narrow{min-width:60px;max-width:80px}.metadata-bar__select{min-width:80px}.metadata-bar__group-label{font-size:.7rem;color:var(--on-surface-dim);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;opacity:.7;padding-left:.25rem;flex-basis:100%;margin-top:.25rem}.editor-split{display:flex;flex:1;overflow:hidden;min-height:0}.editor-split__left{flex:1;overflow:auto;border-right:1px solid var(--outline-variant);min-width:0}.editor-split__right{flex:1;overflow:auto;min-width:0;padding:1rem}.chord-sheet-editor{height:100%;min-height:400px}.chord-sheet-editor .cm-editor{height:100%}.chord-sheet-editor .cm-scroller{overflow:auto;font-family:var(--font-mono);font-size:14px;line-height:1.6}.live-preview{height:100%}.live-preview--empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px}.live-preview__placeholder{color:var(--on-surface-dim);font-style:italic}.transpose-control{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.transpose-control__label{font-size:.75rem;color:var(--on-surface-dim)}.transpose-control__btn{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--outline-variant);border-radius:4px;cursor:pointer;color:inherit;font-size:1rem;line-height:1}.transpose-control__btn:hover{border-color:var(--primary)}.transpose-control__value{min-width:2.5rem;text-align:center;font-size:.875rem;font-variant-numeric:tabular-nums}.transpose-control__nashville{display:flex;align-items:center;gap:.3rem;font-size:.75rem;cursor:pointer;margin-left:.5rem}.transpose-control__capo-toggle{display:flex;align-items:center;gap:4px;font-size:.85em;cursor:pointer;margin-left:.25rem}.gfr-chord-capo{font-size:.75em;color:var(--on-surface-dim);margin-left:4px}.tab-editor{overflow:auto;padding:1rem;height:100%}.tab-editor__grid{display:grid;border-collapse:collapse;font-family:var(--font-mono);font-size:13px}.tab-editor__string-label{padding:0 .5rem;color:var(--on-surface-dim);display:flex;align-items:center;justify-content:center;min-width:1.5rem;font-weight:700}.tab-editor__cell{width:2rem;height:1.8rem;text-align:center;background:var(--surface);border:1px solid var(--outline-variant);color:inherit;font-family:inherit;font-size:inherit;padding:0}.tab-editor__cell:focus{outline:2px solid var(--primary);outline-offset:-1px;z-index:1;position:relative}.tab-editor__add-col{margin-top:.5rem;padding:.25rem .75rem;background:transparent;border:1px dashed var(--outline-variant);border-radius:4px;color:var(--on-surface-dim);cursor:pointer;font-size:.75rem}.tab-editor__add-col:hover{border-color:var(--primary);color:var(--primary)}.tab-editor__cell--measure-start{border-left:2px solid var(--primary)}.tab-editor__measure-labels{display:grid;font-family:var(--font-mono);font-size:13px;margin-bottom:0}.tab-editor__measure-label{font-size:.7em;color:var(--on-surface-dim);text-align:center;height:1rem;line-height:1rem}.tab-editor__measure-corner{min-width:1.5rem}.tab-editor__technique{font-size:.7em;color:var(--primary)}.technique-bar{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;background:var(--surface-low);border-bottom:1px solid var(--outline-variant);flex-shrink:0;flex-wrap:wrap}.technique-bar__label{font-size:.75rem;color:var(--on-surface-dim);margin-right:.15rem}.technique-bar__btn{padding:.2rem .55rem;background:var(--surface);border:1px solid var(--outline-variant);border-radius:4px;color:var(--primary);cursor:pointer;font-size:.875rem;font-family:var(--font-mono);font-weight:600;line-height:1;transition:background .1s,border-color .1s}.technique-bar__btn:hover{background:var(--primary);color:var(--surface-lowest);border-color:var(--primary)}.tab-editor__toolbar{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:var(--surface-low);border-bottom:1px solid var(--outline-variant);flex-shrink:0}.tab-editor__string-selector-label{font-size:.75rem;color:var(--on-surface-dim)}.tab-editor__string-selector{background:var(--surface);border:1px solid var(--outline-variant);border-radius:4px;color:inherit;font-size:.875rem;padding:.2rem .4rem;cursor:pointer}.tab-editor__section-chips{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;background:var(--surface-low);border-bottom:1px solid var(--outline-variant);overflow-x:auto;flex-shrink:0}.tab-editor__section-chip{display:flex;align-items:center;border:1px solid var(--outline-variant);border-radius:4px;overflow:hidden;flex-shrink:0}.tab-editor__section-chip--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.tab-editor__section-chip-label{padding:.2rem .55rem;background:transparent;border:none;color:inherit;cursor:pointer;font-size:.8rem}.tab-editor__section-chip--active .tab-editor__section-chip-label{color:var(--primary);font-weight:600}.tab-editor__section-chip-delete{padding:.2rem .4rem;background:transparent;border:none;border-left:1px solid var(--outline-variant);color:var(--on-surface-dim);cursor:pointer;font-size:.75rem;line-height:1}.tab-editor__section-chip-delete:hover{color:var(--error, #FFB4AB)}.tab-editor__section-add,.tab-editor__section-dup{padding:.2rem .55rem;background:transparent;border:1px dashed var(--outline-variant);border-radius:4px;color:var(--on-surface-dim);cursor:pointer;font-size:.75rem;flex-shrink:0}.tab-editor__section-add:hover,.tab-editor__section-dup:hover{border-color:var(--primary);color:var(--primary)}.tab-editor__section-chip__drag-handle{padding:.2rem .4rem;cursor:grab;color:var(--on-surface-dim);font-size:.75rem;user-select:none;border-right:1px solid var(--outline-variant);display:inline-flex;align-items:center}.tab-editor__section-chip__drag-handle:active{cursor:grabbing}@media(max-width:768px){.editor-split{flex-direction:column}.editor-split__left{border-right:none;border-bottom:1px solid var(--outline-variant);min-height:300px;flex:none}.editor-split__right{flex:1;min-height:200px}.metadata-bar{gap:.5rem}}.upgrade-prompt{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.upgrade-prompt__card{background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:8px;padding:2rem;max-width:400px;text-align:center}.upgrade-prompt__title{margin:0 0 .75rem;color:var(--primary)}.upgrade-prompt__btn{display:inline-block;margin-top:1rem;padding:.5rem 1.5rem;background:var(--primary);color:var(--surface-lowest);border:none;border-radius:4px;cursor:pointer;font-weight:600;text-decoration:none}.editor-page__export-btn{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--outline-variant);background:transparent;color:var(--on-surface);cursor:pointer;font-size:.875rem}.editor-page__export-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}.editor-page__export-btn:disabled{opacity:.4;cursor:not-allowed}.export-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--outline-variant);border-radius:8px;padding:.25rem 0;min-width:180px;z-index:100;box-shadow:0 4px 12px #0000004d}.export-menu__item{display:block;width:100%;text-align:left;padding:.5rem .75rem;border:none;background:transparent;color:var(--on-surface);cursor:pointer;font-size:.875rem}.export-menu__item:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}.cm-chord{color:var(--primary);font-weight:600}.cm-section-banner{display:inline-block;padding:4px 12px;border-radius:4px;font-weight:500;font-size:.85em;text-transform:uppercase;letter-spacing:.05em;color:var(--surface-lowest);background:var(--section-color);margin:4px 0}.chord-bar{display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--outline-variant);flex-shrink:0}.chord-bar__recent{display:flex;align-items:center;gap:4px;flex-wrap:wrap;overflow-x:auto}.chord-bar__recent-label{font-size:.7rem;color:var(--on-surface-dim);white-space:nowrap;margin-right:2px}.chord-bar__recent-chip{padding:2px 8px;border-radius:999px;background:var(--surface-low);border:1px solid var(--outline-variant);color:var(--primary);font-size:.75rem;cursor:pointer;white-space:nowrap}.chord-bar__recent-chip:hover{border-color:var(--primary)}.chord-bar__roots{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.chord-bar__roots--bass{padding-top:4px;border-top:1px dashed var(--outline-variant)}.chord-bar__bass-label{font-size:.7rem;color:var(--on-surface-dim);white-space:nowrap;margin-right:2px}.chord-bar__root-btn{width:36px;height:36px;border:1px solid var(--outline-variant);border-radius:4px;background:var(--surface-low);color:inherit;cursor:pointer;font-weight:500;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chord-bar__root-btn:hover{border-color:var(--primary)}.chord-bar__root-btn--selected{background:var(--primary);color:var(--surface-lowest);border-color:var(--primary)}.chord-bar__acc-btn{width:28px;height:28px;border:1px solid var(--outline-variant);border-radius:4px;background:var(--surface-low);color:inherit;cursor:pointer;font-weight:500;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chord-bar__acc-btn:hover{border-color:var(--primary)}.chord-bar__acc-btn--selected{background:var(--primary);color:var(--surface-lowest);border-color:var(--primary)}.chord-bar__modifiers{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.chord-bar__modifier-chip{padding:4px 10px;border-radius:999px;border:1px solid var(--outline-variant);background:var(--surface-low);color:inherit;cursor:pointer;font-size:.8rem}.chord-bar__modifier-chip:hover{border-color:var(--primary)}.chord-bar__modifier-chip--active{background:var(--primary);color:var(--surface-lowest);border-color:var(--primary)}.chord-bar__preview-row{display:flex;align-items:center;gap:8px;margin-top:2px}.chord-bar__preview-chip{padding:4px 16px;border-radius:6px;background:var(--primary);color:var(--surface-lowest);font-weight:500;font-size:1rem;min-width:60px;text-align:center;animation:chord-bar-pulse .4s ease-out}@keyframes chord-bar-pulse{0%{transform:scale(.9);opacity:.7}to{transform:scale(1);opacity:1}}.chord-bar__insert-btn{padding:4px 14px;border-radius:4px;background:var(--primary);color:var(--surface-lowest);border:none;cursor:pointer;font-weight:600;font-size:.875rem}.chord-bar__insert-btn:hover{opacity:.9}.chord-bar__diagram-btn{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--primary);background:transparent;color:var(--primary);font-weight:500;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .15s,color .15s}.chord-bar__diagram-btn:hover,.chord-bar__diagram-btn[aria-pressed=true]{background:var(--primary);color:var(--surface-lowest)}.chord-bar__diagram-preview{margin-top:4px;padding:6px;background:#1e1e2ef2;border:1px solid rgba(203,166,247,.3);border-radius:8px;width:132px;display:flex;align-items:center;justify-content:center}.chord-bar__diagram-no-data{color:#ffffff80;font-size:12px;padding:8px}.chord-bar__search-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;z-index:500}.chord-bar__search-popup{background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:8px;padding:12px;width:min(480px,90vw);max-height:60vh;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px #0006}.chord-bar__search-input{background:var(--surface);border:1px solid var(--outline-variant);border-radius:4px;color:inherit;font-size:.95rem;padding:.5rem .75rem;width:100%}.chord-bar__search-input:focus{outline:2px solid var(--primary);outline-offset:-1px}.chord-bar__search-results{overflow-y:auto;display:flex;flex-wrap:wrap;gap:4px;max-height:40vh}.chord-bar__search-result{padding:4px 10px;border-radius:999px;border:1px solid var(--outline-variant);background:var(--surface);color:inherit;cursor:pointer;font-size:.8rem}.chord-bar__search-result:hover{border-color:var(--primary);color:var(--primary)}.chord-bar__search-empty{color:var(--on-surface-dim);font-size:.85rem;padding:.5rem}.section-chips{display:flex;align-items:center;gap:6px;padding:6px 12px;overflow-x:auto;flex-shrink:0;background:var(--surface-low);border-bottom:1px solid var(--outline-variant);scrollbar-width:thin;scrollbar-color:var(--outline-variant) transparent}.section-chips--empty{min-height:36px}.section-chip{display:flex;align-items:center;gap:0;border-radius:999px;background:color-mix(in srgb,var(--chip-color, #D4BBFF) 20%,transparent);border:1px solid var(--chip-color, #D4BBFF);flex-shrink:0;position:relative}.section-chip--active{box-shadow:0 0 0 2px var(--chip-color, #D4BBFF)}.section-chip__drag-handle{cursor:grab;opacity:.4;padding:2px 2px 2px 6px;font-size:.7rem;line-height:1;user-select:none;letter-spacing:-2px;color:inherit}.section-chip__drag-handle:hover{opacity:1}.section-chip.sortable-ghost{opacity:.4}.section-chip__label{display:flex;align-items:center;gap:4px;padding:3px 8px 3px 4px;background:transparent;border:none;cursor:pointer;color:inherit;font-size:.78rem;font-weight:600;white-space:nowrap;border-radius:0}.section-chip__label:hover{background:color-mix(in srgb,var(--chip-color, #D4BBFF) 15%,transparent)}.section-chip__icon{font-size:.65rem;color:var(--chip-color, #D4BBFF)}.section-chip__name{color:var(--on-surface)}.section-chip__menu-btn{padding:3px 8px;background:transparent;border:none;border-left:1px solid color-mix(in srgb,var(--chip-color, #D4BBFF) 40%,transparent);cursor:pointer;color:var(--on-surface-dim);font-size:.7rem;border-radius:0 999px 999px 0;line-height:1}.section-chip__menu-btn:hover{color:var(--chip-color, #D4BBFF);background:color-mix(in srgb,var(--chip-color, #D4BBFF) 10%,transparent)}.section-chip__menu{position:fixed;background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:6px;padding:4px 0;min-width:140px;z-index:200;box-shadow:0 4px 12px #0006}.section-chip__menu-item{display:block;width:100%;text-align:left;padding:6px 12px;border:none;background:transparent;color:inherit;cursor:pointer;font-size:.8rem}.section-chip__menu-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}.section-chip__menu-item--danger{color:var(--error, #FFB4AB)}.section-chip__rename-input{background:var(--surface);border:1px solid var(--primary);border-radius:4px;color:inherit;font-size:.78rem;padding:2px 8px;margin:2px 6px;width:100px}.section-chip__add{width:28px;height:28px;border-radius:999px;border:1px dashed var(--outline-variant);background:transparent;color:var(--on-surface-dim);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-chip__add:hover{border-color:var(--primary);color:var(--primary)}.section-chips__add-wrapper{position:relative;flex-shrink:0}.section-chips__add-menu{position:fixed;background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:6px;padding:4px 0;min-width:140px;z-index:200;box-shadow:0 4px 12px #0006}.section-chips__add-item{display:block;width:100%;text-align:left;padding:6px 12px;border:none;background:transparent;color:inherit;cursor:pointer;font-size:.8rem}.section-chips__add-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}.chord-diagram-popup{position:fixed;background:var(--surface-high);border:1px solid var(--outline-variant);border-radius:12px;box-shadow:0 8px 24px #00000080;padding:12px 16px 14px;z-index:100;min-width:160px;max-width:240px;animation:chord-popup-fadein .15s ease-out}@keyframes chord-popup-fadein{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chord-diagram-popup__header{font-size:1.05em;font-weight:500;color:var(--primary);text-align:center;margin-bottom:8px;letter-spacing:.02em}.chord-diagram-popup__svg-area{width:100%;display:flex;align-items:center;justify-content:center}.chord-diagram-popup__svg-area svg{width:100%;height:auto;max-width:200px}.chord-diagram-popup__no-diagram{color:var(--on-surface-dim);font-size:.8rem;text-align:center;padding:1rem 0}.chord-diagram-popup__nav{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.chord-diagram-popup__nav-btn{width:28px;height:28px;border:1px solid var(--outline-variant);border-radius:6px;background:var(--surface);color:inherit;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.chord-diagram-popup__nav-btn:hover{border-color:var(--primary);color:var(--primary)}.chord-diagram-popup__counter{font-size:.75rem;color:var(--on-surface-dim);min-width:40px;text-align:center}.flow-editor{padding:16px;max-width:480px;overflow-y:auto;height:100%}.flow-editor__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.flow-editor__title{font-weight:500;font-size:.95rem;color:var(--on-surface)}.flow-editor__reset-btn{font-size:.75rem;padding:2px 10px;border:1px solid var(--outline-variant);border-radius:4px;background:transparent;color:var(--on-surface-dim);cursor:pointer}.flow-editor__reset-btn:hover{border-color:var(--primary);color:var(--primary)}.flow-editor__hint{font-size:.78rem;color:var(--on-surface-dim);margin:0 0 12px;line-height:1.4}.flow-editor__empty{color:var(--on-surface-dim);font-style:italic;font-size:.875rem}.flow-editor__list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.flow-editor__item{display:flex;align-items:center;gap:8px;background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:8px;padding:8px 12px;user-select:none}.flow-editor__item:hover{border-color:var(--outline)}.flow-editor__item-color{width:4px;height:28px;border-radius:2px;flex-shrink:0}.flow-editor__drag-handle{cursor:grab;color:var(--on-surface-dim);font-size:.9rem;line-height:1;padding:0 2px;flex-shrink:0;letter-spacing:-3px}.flow-editor__drag-handle:active{cursor:grabbing}.flow-editor__item-label{flex:1;font-weight:500;font-size:.875rem}.flow-editor__delete{opacity:.4;background:transparent;border:none;cursor:pointer;color:inherit;font-size:.75rem;padding:4px 6px;border-radius:4px;line-height:1;flex-shrink:0}.flow-editor__delete:hover{opacity:1;background:color-mix(in srgb,var(--error, #FFB4AB) 15%,transparent);color:var(--error, #FFB4AB)}.flow-editor__add-wrapper{position:relative}.flow-editor__add{width:100%;padding:8px 12px;border:1px dashed var(--outline-variant);border-radius:8px;background:transparent;color:var(--on-surface-dim);cursor:pointer;font-size:.875rem;text-align:center}.flow-editor__add:hover{border-color:var(--primary);color:var(--primary)}.flow-editor__add-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:8px;padding:4px 0;z-index:200;box-shadow:0 4px 12px #0006;max-height:240px;overflow-y:auto}.flow-editor__add-menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;color:inherit;cursor:pointer;font-size:.875rem}.flow-editor__add-menu-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}.flow-editor__add-menu-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.flow-editor__header-actions{display:flex;align-items:center;gap:.4rem}.flow-editor__section-count{font-weight:400;color:var(--on-surface-dim);font-size:.8rem}.flow-editor__drums-toggle{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:999px;cursor:pointer;border:1px solid var(--outline-variant);background:transparent;color:var(--on-surface-dim);font-family:var(--font-mono, monospace);font-size:.72rem;font-weight:500;white-space:nowrap}.flow-editor__drums-toggle--on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.flow-editor__drums-toggle:hover{border-color:var(--primary)}.flow-editor__item--drums{flex-direction:column;align-items:stretch;gap:0;padding-bottom:10px}.flow-editor__item-row{display:flex;align-items:center;gap:8px;width:100%}.drum-row{display:flex;flex-direction:column;gap:6px;padding:8px 0 0 24px}.drum-row__fields{display:flex;align-items:center;justify-content:space-between;gap:8px}.drum-row__stepper{display:flex;align-items:center;gap:5px}.drum-row__stepper-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--outline-variant);border-radius:4px;background:var(--surface);color:var(--on-surface);cursor:pointer;font-size:1rem;line-height:1;padding:0}.drum-row__stepper-btn:hover{border-color:var(--primary);color:var(--primary)}.drum-row__bars-value{min-width:58px;text-align:center;font-family:var(--font-mono, monospace);font-weight:500;font-size:.84rem;letter-spacing:-.01em;color:var(--on-surface)}.drum-row__bars-value--unset{color:var(--on-surface-dim)}.drum-row__bpm-wrap{display:flex;align-items:center;gap:4px}.drum-row__bpm-symbol{font-family:var(--font-mono, monospace);font-size:.8rem;color:var(--on-surface-dim)}.drum-row__bpm-symbol--active{color:#b45309}.drum-row__bpm-input{width:56px;font-family:var(--font-mono, monospace);font-size:.8rem;font-weight:500;text-align:center;color:var(--on-surface-dim);background:var(--surface);border:1px solid var(--outline-variant);border-radius:6px;padding:4px;outline:none}.drum-row__bpm-input--active{color:#b45309;background:#b4530912;border-color:#b4530966}.drum-row__bpm-input:focus{border-color:var(--primary)}.drum-row__bpm-clear{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:var(--on-surface-dim);cursor:pointer;font-size:.7rem;padding:0}.drum-row__bpm-clear:hover{color:var(--error, #FFB4AB)}.drum-row__cue{width:100%;font-family:var(--font-mono, monospace);font-size:.75rem;color:var(--on-surface);background:var(--surface);border:1px solid var(--outline-variant);border-radius:6px;padding:5px 8px;outline:none;box-sizing:border-box}.drum-row__cue:focus{border-color:var(--primary)}.drum-row__cue::placeholder{color:var(--on-surface-dim)}.transpose-row{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 0;border-top:1px solid rgba(255,255,255,.06)}.transpose-row__label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-dim, rgba(255, 255, 255, .45));min-width:32px}.transpose-row__stepper{display:flex;align-items:center;gap:2px}.transpose-row__btn{width:22px;height:22px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#ffffff0d;color:var(--on-surface, #e0e0e0);font-size:.85rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .1s,color .1s;padding:0}.transpose-row__btn:hover:not(:disabled){border-color:var(--primary, #8B5CF6);color:var(--primary, #8B5CF6)}.transpose-row__btn:disabled{opacity:.3;cursor:default}.transpose-row__value{min-width:32px;text-align:center;font-family:var(--font-mono, monospace);font-size:.82rem;color:var(--on-surface-dim, rgba(255, 255, 255, .45));user-select:none}.transpose-row__value--active{color:var(--primary, #8B5CF6);font-weight:600}.drum-preview{padding:18px 20px;min-height:100%}.drum-preview__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.drum-preview__title{font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:-.01em;line-height:1.1}.drum-preview__subtitle{font-family:var(--font-mono, monospace);font-size:.7rem;color:var(--outline);margin-top:4px}.drum-preview__tempo{text-align:right}.drum-preview__bpm{font-family:var(--font-mono, monospace);font-weight:500;font-size:1.875rem;color:var(--primary);letter-spacing:-1px;line-height:1}.drum-preview__timesig{font-family:var(--font-mono, monospace);font-size:.65rem;color:var(--outline);margin-top:4px;letter-spacing:.03em}.drum-preview__empty{color:var(--outline);font-style:italic;font-size:.875rem}.drum-preview__section{margin-bottom:14px}.drum-preview__section-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drum-preview__type-badge{font-family:var(--font-mono, monospace);font-size:.625rem;font-weight:500;letter-spacing:1.5px;padding:3px 9px;border-radius:6px}.drum-preview__bars-pill{font-family:var(--font-mono, monospace);font-size:.8125rem;font-weight:500;padding:3px 10px;border-radius:6px}.drum-preview__bars-pill--set{color:var(--primary);background:#7c3aed33}.drum-preview__bars-pill--unset{color:#6b6676}.drum-preview__bpm-badge{font-family:var(--font-mono, monospace);font-size:.78rem;font-weight:500;color:#fbbf24;background:#fbbf2424;border:1px solid rgba(251,191,36,.4);padding:3px 9px;border-radius:6px}.drum-preview__cue{font-family:var(--font-mono, monospace);font-style:italic;font-size:.78rem;color:var(--outline);margin-top:6px;padding-left:2px}.viewer-preview-role-control{display:flex;align-items:center;gap:2px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:2px}.viewer-preview-role-btn{padding:3px 10px;border:none;border-radius:4px;background:transparent;color:var(--outline);cursor:pointer;font-size:.7rem;font-weight:500;letter-spacing:.03em;white-space:nowrap;transition:background .12s,color .12s}.viewer-preview-role-btn--active{background:#7c3aed59;color:var(--primary)}.viewer-preview-role-btn:hover:not(.viewer-preview-role-btn--active){color:var(--on-surface-dim)}.viewer-preview-stage__tab-hint{font-size:.6875rem;color:var(--obs-text);font-style:italic;opacity:.7;letter-spacing:.04em}.editor-page__templates-btn{padding:.3rem .75rem;background:transparent;border:1px solid var(--outline-variant);border-radius:4px;color:var(--on-surface-dim);cursor:pointer;font-size:.82rem;white-space:nowrap}.editor-page__templates-btn:hover{border-color:var(--primary);color:var(--primary)}.template-library-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.template-library-modal{background:var(--surface);border-radius:8px;padding:1.5rem;width:min(760px,95vw);max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.template-library-modal__header{display:flex;align-items:center;justify-content:space-between}.template-library-modal__title{font-size:1.1rem;font-weight:600;margin:0}.template-library-modal__close{background:transparent;border:none;color:var(--on-surface-dim);cursor:pointer;font-size:1.2rem;padding:.2rem .5rem;border-radius:4px}.template-library-modal__close:hover{color:var(--on-surface)}.template-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.template-card{border:1px solid var(--outline-variant);border-radius:6px;padding:.85rem;display:flex;flex-direction:column;gap:.4rem}.template-card__name{font-size:.95rem;font-weight:600;margin:0}.template-card__description{font-size:.8rem;color:var(--on-surface-dim);margin:0;flex:1}.template-card__persona{font-size:.72rem;color:var(--on-surface-dim);font-style:italic}.template-card__use-btn{margin-top:.4rem;padding:.3rem .6rem;background:var(--primary);border:none;border-radius:4px;color:var(--on-primary, #fff);cursor:pointer;font-size:.8rem;font-weight:600}.template-card__use-btn:hover{opacity:.88}.template-card__locked{margin-top:.4rem;padding:.4rem .5rem;background:color-mix(in srgb,var(--outline-variant) 30%,transparent);border-radius:4px;text-align:center;font-size:.78rem;color:var(--on-surface-dim)}.template-card__lock-icon{display:block;font-size:1rem;margin-bottom:.2rem}.template-card__upgrade-link{display:inline-block;margin-top:.25rem;color:var(--primary);font-weight:600;font-size:.78rem;text-decoration:none}.template-card__upgrade-link:hover{text-decoration:underline}.viewer-preview-stage{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--stage-bg)}.viewer-preview-stage__header{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--obs-border);font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase;color:var(--obs-text);flex-shrink:0}.viewer-preview-stage__badge{margin-left:auto;background:var(--sc-highest);color:var(--on-surface-dim);padding:.1rem .45rem;border-radius:var(--r-sm);font-size:.625rem;font-weight:500;letter-spacing:.05em}.viewer-preview-stage__card{flex:1;overflow-y:auto;background:var(--stage-bg);padding:var(--s-4)}.viewer-preview-stage .live-preview__placeholder{color:var(--obs-text)}.chord-grid-editor{display:flex;flex-direction:column;gap:1rem;padding:1rem;overflow-y:auto;height:100%;box-sizing:border-box}.chord-grid-editor__rows{display:flex;flex-direction:column;gap:1.5rem}.chord-grid-editor__row{border:1px solid var(--outline-variant);border-radius:var(--r-md, 6px);padding:.75rem;background:var(--surface-container, var(--surface))}.chord-grid-editor__row-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.chord-grid-editor__label-input{flex:1;min-width:120px;padding:.3rem .5rem;border:1px solid var(--outline-variant);border-radius:4px;background:var(--surface);color:var(--on-surface);font-size:.875rem}.chord-grid-editor__bpb-select{padding:.3rem .4rem;border:1px solid var(--outline-variant);border-radius:4px;background:var(--surface);color:var(--on-surface);font-size:.8rem;cursor:pointer}.chord-grid-editor__repeat-btn{padding:.25rem .5rem;border:1px solid var(--outline-variant);border-radius:4px;background:var(--surface);color:var(--on-surface-dim, var(--on-surface));font-size:.8rem;cursor:pointer;font-weight:700;font-family:monospace}.chord-grid-editor__repeat-btn--active{background:var(--primary, #6750a4);color:var(--on-primary, #fff);border-color:var(--primary, #6750a4)}.chord-grid-editor__remove-row-btn{padding:.25rem .5rem;border:1px solid var(--error, #b3261e);border-radius:4px;background:transparent;color:var(--error, #b3261e);font-size:.8rem;cursor:pointer;margin-left:auto}.chord-grid-editor__bars{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.chord-grid-editor__bar{border:1px solid var(--outline-variant);border-radius:4px;padding:.4rem;background:var(--surface);min-width:80px}.chord-grid-editor__bar-header{display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:.7rem}.chord-grid-editor__bar-num{color:var(--on-surface-dim, var(--on-surface));font-size:.7rem;min-width:1rem}.chord-grid-editor__bar-repeat-btn{padding:.1rem .25rem;border:1px solid var(--outline-variant);border-radius:3px;background:transparent;color:var(--on-surface-dim, var(--on-surface));font-size:.65rem;cursor:pointer;font-weight:700;font-family:monospace}.chord-grid-editor__bar-repeat-btn--active{background:var(--primary, #6750a4);color:var(--on-primary, #fff);border-color:var(--primary, #6750a4)}.chord-grid-editor__remove-bar-btn{padding:.1rem .3rem;border:none;background:transparent;color:var(--error, #b3261e);font-size:.8rem;cursor:pointer;margin-left:auto}.chord-grid-editor__beats{display:flex;flex-direction:column;gap:.2rem}.chord-grid-editor__beat-input{width:5rem;padding:.25rem .35rem;border:1px solid var(--outline-variant);border-radius:3px;background:var(--surface);color:var(--on-surface);font-size:.85rem;font-family:monospace}.chord-grid-editor__beat-input--beat1{font-weight:700;border-color:var(--primary, #6750a4)}.chord-grid-editor__beat-input::placeholder{color:var(--on-surface-dim, #999);font-weight:400}.chord-grid-editor__add-bar-btn{padding:.4rem .7rem;border:1px dashed var(--outline-variant);border-radius:4px;background:transparent;color:var(--on-surface-dim, var(--on-surface));font-size:.8rem;cursor:pointer;align-self:center}.chord-grid-editor__add-bar-btn:hover{background:var(--surface-container-highest, rgba(0,0,0,.06))}.chord-grid-editor__add-row-btn{padding:.5rem 1rem;border:1px dashed var(--primary, #6750a4);border-radius:6px;background:transparent;color:var(--primary, #6750a4);font-size:.875rem;cursor:pointer;align-self:flex-start}.chord-grid-editor__add-row-btn:hover{background:var(--primary-container, rgba(103,80,164,.08))}.notation-editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.notation-editor__header{display:flex;align-items:center;gap:.75rem;padding:.35rem 1rem;background:var(--surface-low, #161320);border-bottom:1px solid var(--outline-variant, #49454F);flex-shrink:0}.notation-editor__badge{font-family:var(--font-mono, monospace);font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--brand-violet-bright, #A855F7);background:#7c3aed29;border:1px solid rgba(124,58,237,.3);padding:2px 7px;border-radius:999px;user-select:none;flex-shrink:0}.notation-editor__block-label{font-family:var(--font-mono, monospace);font-size:12px;color:var(--on-surface-dim, #CAC4D0);user-select:none}.notation-editor__spacer{flex:1}.notation-editor__header-btn{padding:0 10px;height:28px;border-radius:6px;border:1px solid var(--outline-variant, #49454F);background:transparent;color:var(--on-surface-dim, #CAC4D0);font-family:var(--font-mono, monospace);font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .14s,color .14s}.notation-editor__header-btn:hover{border-color:var(--primary, #D4BBFF);color:var(--primary, #D4BBFF)}.notation-editor__split{display:flex;flex:1;overflow:hidden;min-height:0}.notation-editor__source-pane{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-right:1px solid var(--outline-variant, #49454F);background:var(--surface-lowest, #0F0D13);transition:flex .2s ease}.notation-editor__preview-pane{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden;background:var(--surface, #1E1B2E)}.notation-editor__pane-header{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;border-bottom:1px solid var(--outline-variant, #49454F);background:var(--surface-low, #161320);flex-shrink:0}.notation-editor__pane-label{font-family:var(--font-mono, monospace);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--outline, #938F99);user-select:none}.notation-editor__cm-container{flex:1;overflow:hidden;min-height:0}.notation-editor__cm-container .cm-editor{height:100%}.notation-editor__cm-container .cm-scroller{overflow:auto}.notation-editor__preview-body{flex:1;overflow:auto;padding:1rem}.notation-editor__preview-body .gfr-notation-display{min-height:100px}.notation-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;padding:2rem;text-align:center}.notation-empty-state__icon{width:48px;height:48px;border-radius:12px;background:#7c3aed29;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;flex-shrink:0}.notation-empty-state__title{font-family:var(--font-display, "Syne", sans-serif);font-weight:700;font-size:16px;color:var(--on-surface, #E6E1E5);margin:0}.notation-empty-state__desc{font-family:var(--font-mono, monospace);font-size:12px;color:var(--on-surface-dim, #CAC4D0);max-width:300px;line-height:1.6;margin:0}.notation-empty-state__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--brand-violet, #7C3AED);color:#fff;border:none;border-radius:6px;font-family:var(--font-mono, monospace);font-weight:600;font-size:13px;cursor:pointer;transition:background .15s;margin-top:.25rem}.notation-empty-state__cta:hover{background:var(--brand-violet-bright, #A855F7)}.notation-empty-state__hint{font-family:var(--font-mono, monospace);font-size:10px;color:var(--outline, #938F99);margin:0}.notation-empty-state__cta--secondary{margin-top:.5rem;background:transparent;border:1px solid var(--outline-variant, #49454F);color:var(--on-surface-variant, #CAC4D0)}.notation-empty-state__cta--secondary:hover:not(:disabled){background:var(--surface-variant, #1C1B1F);border-color:var(--brand-violet-bright, #A855F7);color:var(--brand-violet-bright, #A855F7)}.notation-empty-state__cta--secondary:disabled{opacity:.5;cursor:not-allowed}.notation-empty-state__error{font-size:12px;color:var(--error, #F2B8B5);margin:.25rem 0 0}.notation-omr-review-banner{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;background:color-mix(in srgb,var(--brand-violet-bright, #A855F7) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand-violet-bright, #A855F7) 40%,transparent);border-radius:6px;margin-bottom:.5rem;font-size:12px;color:var(--on-surface, #E6E1E5);line-height:1.4}.notation-omr-review-banner svg{margin-top:1px;color:var(--brand-violet-bright, #A855F7)}.notation-omr-review-banner__dismiss{margin-left:auto;background:transparent;border:none;cursor:pointer;color:var(--outline, #938F99);font-size:14px;padding:0 .1rem;line-height:1}.notation-player{display:inline-flex;align-items:center;gap:.35rem}.notation-player__btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--outline-variant, #49454F);background:transparent;color:var(--on-surface-dim, #CAC4D0);font-family:var(--font-mono, monospace);font-size:11px;font-weight:600;cursor:pointer;transition:border-color .14s,color .14s,background .14s;flex-shrink:0}.notation-player__btn:hover:not(:disabled){border-color:var(--primary, #D4BBFF);color:var(--primary, #D4BBFF)}.notation-player__btn:disabled{opacity:.4;cursor:not-allowed}.notation-player__btn--active{background:#d4bbff1f;border-color:var(--primary, #D4BBFF);color:var(--primary, #D4BBFF)}.notation-player__bpm-label{font-family:var(--font-mono, monospace);font-size:10px;letter-spacing:.5px;color:var(--outline, #938F99);user-select:none;margin-left:.1rem}.notation-player__bpm-input{width:48px;height:28px;padding:0 6px;border-radius:6px;border:1px solid var(--outline-variant, #49454F);background:var(--surface-lowest, #0F0D13);color:var(--on-surface, #E6E1E5);font-family:var(--font-mono, monospace);font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.notation-player__bpm-input:focus{outline:2px solid var(--primary, #D4BBFF);outline-offset:-1px}.notation-player__bpm-input::-webkit-inner-spin-button,.notation-player__bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.notation-player__bpm-input[type=number]{-moz-appearance:textfield}.notation-player__error{font-family:var(--font-mono, monospace);font-size:10px;color:var(--error, #FFB4AB);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notation-player__status{font-family:var(--font-mono, monospace);font-size:10px;color:var(--outline, #938F99)}.btn-perform-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.25rem;background:linear-gradient(135deg,var(--brand-violet) 0%,var(--brand-violet-deep) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;letter-spacing:.02em;box-shadow:0 2px 12px var(--brand-violet-glow);transition:opacity .15s ease,box-shadow .15s ease}.btn-perform-cta:hover{opacity:.9;box-shadow:0 4px 20px var(--brand-violet-glow)}.btn-perform-cta:active{opacity:.8}.setlist-page{padding-top:1rem}.setlist-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;height:calc(100vh - 120px)}@media(max-width:700px){.setlist-layout{grid-template-columns:1fr;height:auto}}.setlist-list-panel{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.setlist-panel-header{display:flex;align-items:center;justify-content:space-between}.setlist-panel-header h1{font-size:1.25rem;margin:0}.new-setlist-form{display:flex;flex-direction:column;gap:.5rem}.setlist-name-input{width:100%;padding:.5rem .75rem;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);font-size:.875rem}.setlist-name-input:focus{outline:none;border-color:var(--brand-violet)}.new-setlist-actions{display:flex;gap:.5rem}.setlist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.setlist-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border-radius:6px;cursor:pointer;transition:background .1s;border:1px solid transparent}.setlist-item:hover{background:var(--surface-high)}.setlist-item.active{background:var(--surface-low);border-color:var(--brand-violet)}.setlist-item-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.setlist-item-name{font-size:.875rem;font-weight:500;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setlist-item-count{font-size:.75rem;color:var(--outline)}.setlist-builder-panel{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:1.25rem;overflow-y:auto}.setlist-builder-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--outline);font-size:.9rem}.setlist-builder{display:flex;flex-direction:column;gap:1rem}.setlist-builder-header{display:flex;align-items:baseline;gap:.75rem}.setlist-builder-header h2{margin:0;font-size:1.25rem}.song-count{font-size:.8rem;color:var(--outline)}.setlist-songs-container{display:flex;flex-direction:column;gap:.25rem}.setlist-song-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);cursor:default;user-select:none}.setlist-song-row:hover{border-color:var(--outline)}.setlist-song-row.sortable-ghost{opacity:.4;background:var(--surface-low)}.setlist-song-row.sortable-chosen{background:var(--surface-low);border-color:var(--brand-violet)}.drag-handle{color:var(--outline-variant);cursor:grab;font-size:1rem;flex-shrink:0;padding:0 .25rem}.drag-handle:active{cursor:grabbing}.setlist-song-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.setlist-song-title{font-size:.875rem;font-weight:500;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setlist-song-artist{font-size:.75rem;color:var(--outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setlist-song-bpm{flex-shrink:0}.bpm-override-input{width:64px;padding:.25rem .4rem;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);font-size:.8rem;text-align:center}.bpm-override-input:focus{outline:none;border-color:var(--brand-violet)}.btn-icon{background:none;border:none;cursor:pointer;color:var(--outline);font-size:.9rem;padding:.25rem;border-radius:var(--radius-sm);line-height:1;flex-shrink:0;transition:color .15s,background .15s}.btn-icon:hover{color:var(--on-surface);background:var(--outline-variant)}.remove-song-btn:hover{color:var(--error)}.delete-setlist-btn{opacity:0;transition:opacity .15s}.setlist-item:hover .delete-setlist-btn,.setlist-item.active .delete-setlist-btn{opacity:1}.add-song-section{margin-top:.5rem}.add-song-dropdown{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md);overflow:hidden}.add-song-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--surface);border-bottom:1px solid var(--outline-variant);font-size:.875rem;font-weight:500;color:var(--on-surface-dim)}.add-song-list{list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}.add-song-item{display:flex;flex-direction:column;gap:.1rem;width:100%;padding:.5rem .75rem;background:none;border:none;cursor:pointer;text-align:left;transition:background .1s}.add-song-item:hover{background:var(--surface-low)}.song-item-title{font-size:.875rem;color:var(--on-surface)}.song-item-artist{font-size:.75rem;color:var(--outline)}.no-songs-available{padding:.75rem;color:var(--outline);font-size:.875rem;text-align:center}.setlist-loading{color:var(--outline);font-size:.875rem;text-align:center;padding:1rem 0}.setlist-error{color:var(--error);font-size:.8rem;padding:.5rem;background:var(--error-container);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--error) 30%,transparent)}.setlist-empty-state{color:var(--outline);font-size:.875rem;padding:1.5rem 0;text-align:center}.setlist-builder-body{display:flex;gap:1rem;align-items:flex-start}.setlist-song-list{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}.insights-panel{width:280px;flex-shrink:0;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md);overflow:hidden;transition:width .2s ease}.insights-panel.collapsed{width:32px}.insights-toggle{width:100%;background:none;border:none;border-bottom:1px solid var(--outline-variant);padding:.5rem .75rem;cursor:pointer;font-size:.8rem;color:var(--on-surface-dim);text-align:left;white-space:nowrap}.insights-toggle:hover{background:var(--surface-low)}.insights-section{padding:.75rem;border-bottom:1px solid var(--outline-variant)}.insights-section:last-child{border-bottom:none}.insights-section-title{font-size:.8rem;font-weight:600;color:var(--on-surface-dim);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.insights-note{font-size:.7rem;color:var(--outline);margin:.25rem 0 0}.tier-upgrade-overlay{padding:1rem .75rem;text-align:center;font-size:.8rem;color:var(--outline);background:var(--surface-low)}.tier-upgrade-overlay strong{display:block;color:var(--on-surface);margin-bottom:.25rem;font-size:.85rem}.energy-curve-svg{width:100%;overflow:visible}.setlist-entry-wrapper{display:flex;flex-direction:column;gap:0}.key-chip{display:flex;align-items:center;justify-content:center;height:20px;font-size:.65rem;cursor:default;user-select:none;position:relative;padding:0 .5rem}.key-chip-smooth{color:var(--sync-locked)}.key-chip-neutral{color:var(--outline)}.key-chip-awkward{color:var(--warning);cursor:pointer}.key-chip-awkward-btn{background:none;border:none;cursor:pointer;color:var(--warning);font-size:.65rem;padding:0;line-height:1}.key-chip-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:100;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:.4rem .6rem;font-size:.75rem;color:var(--on-surface);white-space:nowrap;box-shadow:0 4px 12px #00000026;pointer-events:none}.segment-break-row{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;margin:.125rem 0}.segment-break-line{flex:1;height:1px;border-top:1px dashed var(--outline-variant)}.segment-break-label{font-size:.7rem;font-weight:600;color:var(--outline);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.segment-break-duration{font-size:.7rem;color:var(--outline);white-space:nowrap;font-variant-numeric:tabular-nums}.segment-estimate-marker{color:var(--outline);margin-left:.1rem;font-size:.6rem;vertical-align:super}.add-segment-btn{opacity:0;font-size:.65rem;padding:.15rem .4rem;background:none;border:1px dashed var(--outline-variant);border-radius:var(--radius-sm);color:var(--outline);cursor:pointer;transition:opacity .15s,color .15s;flex-shrink:0;align-self:flex-start;margin-left:.5rem}.setlist-entry-wrapper:hover .add-segment-btn{opacity:1}.add-segment-btn:hover{color:var(--on-surface);border-color:var(--outline)}.duration-table{display:flex;flex-direction:column;gap:.2rem}.duration-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding:.1rem 0}.duration-row-break{color:var(--outline);font-style:italic}.duration-row-total{border-top:1px solid var(--outline-variant);margin-top:.2rem;padding-top:.3rem;font-weight:600}.duration-row-label{color:var(--on-surface-dim)}.duration-row-time{font-variant-numeric:tabular-nums;color:var(--on-surface)}.duration-estimate-marker{color:var(--outline);margin-left:.15rem;font-size:.65rem;vertical-align:super}.learned-badge{background:none;border:none;cursor:pointer;font-size:.85rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:background .15s}.learned-badge-yes{color:var(--sync-locked)}.learned-badge-no{color:var(--outline-variant)}.learned-badge:hover{background:var(--surface-low)}.member-select{width:100%;padding:.35rem .5rem;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);font-size:.8rem;cursor:pointer}.member-select:focus{outline:none;border-color:var(--brand-violet)}.sp-scrim{position:fixed;inset:0;background:#1c142d8c;backdrop-filter:blur(3px);display:flex;align-items:stretch;justify-content:center;z-index:120;padding:30px;animation:sp-fade .18s ease}@keyframes sp-fade{0%{opacity:0}to{opacity:1}}@media(max-width:720px){.sp-scrim{padding:0}.setpicker{max-width:100%;height:100%;max-height:100%;border-radius:0}}.setpicker{margin:auto;width:100%;max-width:680px;max-height:86vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--obs-border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;color:var(--on-surface);animation:pop .2s var(--ease-out)}.sp-top{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--obs-border);flex:none}.sp-title{font-family:var(--font-display);font-weight:600;font-size:19px;color:#fff}.sp-count{font-family:var(--font-mono);font-size:12px;font-weight:500;color:#eddcff;background:var(--brand-violet-deep);padding:4px 11px;border-radius:var(--r-full);letter-spacing:.2px}.sp-x{width:34px;height:34px;border-radius:var(--r-sm);border:0;background:none;color:var(--outline);display:grid;place-items:center;cursor:pointer;transition:background .12s,color .12s}.sp-x:hover{background:var(--sc-high);color:#fff}.sp-tools{padding:14px 20px;border-bottom:1px solid var(--obs-border);display:flex;flex-direction:column;gap:12px;flex:none}.sp-search{position:relative}.sp-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--outline);pointer-events:none}.sp-search input{font-family:var(--font-mono);font-size:13.5px;color:var(--on-surface);width:100%;background:var(--surface-low);border:1px solid var(--obs-border);border-radius:var(--r-full);padding:10px 14px 10px 40px;outline:none;transition:border-color .14s,box-shadow .14s}.sp-search input::placeholder{color:#6b6676}.sp-search input:focus{border-color:var(--brand-violet-bright);box-shadow:0 0 0 3px #7c3aed40}.sp-chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.sp-chip{font-family:var(--font-mono);font-size:12px;white-space:nowrap;flex:none;color:var(--on-surface-dim);background:#211f2e;border:1px solid var(--obs-border);border-radius:var(--r-full);padding:6px 13px;cursor:pointer;transition:all .12s}.sp-chip:hover{border-color:var(--outline-variant);color:#fff}.sp-chip.on{background:var(--brand-violet-deep);border-color:var(--brand-violet-deep);color:#eddcff;font-weight:500}.sp-chipsep{width:1px;background:var(--obs-border);flex:none;margin:4px 2px}.sp-list{flex:1;overflow-y:auto;padding:8px;min-height:200px}.sp-row{display:flex;align-items:center;gap:13px;padding:9px 12px 9px 10px;border-radius:var(--r-md);cursor:pointer;position:relative;transition:background .12s;border:1px solid transparent}.sp-row:hover{background:#211f2e}.sp-row.sel{background:var(--sc-high)}.sp-row.sel:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:2px;background:var(--brand-violet-bright);box-shadow:0 0 10px #a855f780}.sp-row.added{cursor:default;opacity:.55}.sp-row.added:hover{background:transparent}.sp-check{width:22px;height:22px;border-radius:var(--r-xs);border:1.5px solid var(--outline-variant);background:var(--surface-low);display:grid;place-items:center;flex:none;transition:all .12s}.sp-check svg{stroke:#fff;opacity:0}.sp-check.on{background:var(--brand-violet);border-color:var(--brand-violet)}.sp-check.on svg{opacity:1}.sp-check.dis{border-style:dashed;opacity:.5}.sp-cover{width:34px;height:34px;border-radius:var(--r-sm);flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff}.sp-body{flex:1;min-width:0}.sp-name{font-family:var(--font-display);font-weight:500;font-size:14.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-artist{font-family:var(--font-mono);font-weight:300;font-size:11.5px;color:var(--outline);margin-top:1px}.sp-meta{display:flex;align-items:baseline;gap:12px;flex:none;font-family:var(--font-mono)}.sp-key{font-weight:500;font-size:13px;color:var(--primary);letter-spacing:-.2px}.sp-bpm{font-weight:500;font-size:13px;color:var(--on-surface-dim);letter-spacing:-.2px}.sp-bpm i{font-style:normal;font-size:9px;color:#6b6676;margin-left:3px;letter-spacing:.5px}.sp-added{font-family:var(--font-mono);font-size:11px;color:#6b6676;letter-spacing:.2px;font-style:italic}.sp-empty{text-align:center;padding:56px 24px;color:var(--outline)}.sp-empty svg{color:var(--brand-violet-deep)}.sp-empty-t{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--on-surface);margin-top:14px}.sp-empty-s{font-size:12.5px;margin-top:6px}.sp-foot{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--obs-border);flex:none;background:var(--surface-low);transition:opacity .16s}.sp-foot:not(.show){opacity:.55}.sp-link{font-family:var(--font-mono);font-size:12.5px;color:var(--primary);background:none;border:0;cursor:pointer;padding:8px 4px}.sp-link:hover{color:#eddcff;text-decoration:underline}.sp-add{font-family:var(--font-mono);font-size:13.5px;font-weight:500;letter-spacing:.2px;color:#eddcff;background:#5500a6;border:0;border-radius:var(--r-sm);padding:11px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .14s,box-shadow .14s,transform .12s}.sp-add:hover:not(:disabled){background:#6a1fc0;box-shadow:0 0 0 4px #7c3aed40}.sp-add:disabled{background:var(--obs-border);color:#6b6676;cursor:not-allowed}@keyframes spPulse{0%,to{transform:scale(1)}40%{transform:scale(1.04)}}.sp-foot.show .sp-add:not(:disabled){animation:spPulse .5s var(--ease-out)}.runsheet-head{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:16px;background:var(--sc-low);border:1px solid var(--line);border-radius:var(--r-lg);flex-wrap:wrap}.rs-clock-ico{width:38px;height:38px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--violet-soft);color:var(--violet);flex:none}.rs-elabel{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-muted);font-weight:500}.rs-set,.rs-unset,.rs-edit{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rs-val{font-family:var(--font-mono);font-weight:500;font-size:20px;color:#15121c;letter-spacing:-.5px}.theme-light .rs-val{color:var(--on-surface)}.rs-none{font-family:var(--font-mono);font-size:14px;color:var(--ink-muted)}.rs-edit-btn{width:28px;height:28px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--sc-lowest);color:var(--on-surface-variant);display:grid;place-items:center;cursor:pointer}.rs-edit-btn:hover{background:var(--violet-soft);color:var(--violet-dim);border-color:var(--violet-soft-2)}.rs-sep{width:1px;height:22px;background:var(--line-strong)}.rs-end{font-family:var(--font-mono);font-size:13px;color:var(--on-surface-variant)}.rs-end b{color:var(--violet-dim);font-weight:500}.rs-hint{font-size:12px;color:var(--ink-muted)}.rs-countdown{font-family:var(--font-mono);font-size:12px;color:var(--brand-violet-bright, #D4BBFF);opacity:.85;margin-left:.25rem}.rs-time{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--on-surface);background:var(--sc-lowest);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:7px 10px;outline:none}.rs-time:focus{border-color:var(--violet-bright);box-shadow:0 0 0 3px #7c3aed24}.rs-caption{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-muted);margin-top:12px}.rs-caption svg{color:var(--ink-muted);flex:none}.rs-caption.warn{color:#b45309}.rs-caption.warn svg{color:#d97706}.set-panel{overflow:visible;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.set-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line)}.section-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-muted);font-weight:500}.set-rows{display:flex;flex-direction:column}.set-empty{text-align:center;padding:48px 28px;color:var(--ink-muted)}.set-empty .se-t{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--on-surface);margin-top:12px}.set-empty .se-s{font-size:13px;line-height:1.6;max-width:42ch;margin:6px auto 0;color:var(--on-surface-variant)}.song-row-with-number{display:flex;align-items:center;gap:8px}.song-row-with-number .sl-idx{font-family:var(--font-mono);font-weight:500;font-size:13px;color:var(--ink-muted);min-width:22px;text-align:center;letter-spacing:-.5px;flex:none}.song-row-with-number .sl-clock{font-family:var(--font-mono);font-weight:500;font-size:13px;color:var(--violet-dim);letter-spacing:-.2px;min-width:42px;text-align:right;flex:none}.song-row-with-number .sl-clock.q{color:#b45309}.song-row-with-number .setlist-song-row{flex:1}.setlist-entry-wrapper.drag-over .setlist-song-row{box-shadow:inset 0 2px 0 var(--violet)}.moment-row{border-bottom:1px solid var(--line);background:var(--surface);cursor:pointer;transition:background .12s}.set-rows .moment-row:last-child{border-bottom:0}.moment-row:hover,.moment-row.sel{background:var(--msoft, var(--sc-low))}.mr-main{display:flex;align-items:center;gap:11px;padding:11px 14px 11px 12px;min-height:56px;border-left:3px solid var(--mtint, var(--violet))}.mr-drag{color:var(--ink-muted);cursor:grab;flex:none}.mr-idx{font-family:var(--font-mono);font-size:15px;color:var(--mtint, var(--violet));min-width:22px;text-align:center;flex:none}.mr-ico{width:34px;height:34px;border-radius:var(--r-sm);flex:none;display:grid;place-items:center;background:var(--msoft, var(--sc-low));color:var(--mtint, var(--violet))}.mr-label{display:flex;flex-direction:column;gap:1px;min-width:0;cursor:text}.mr-type{font-family:var(--font-mono);font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mtint, var(--violet));font-weight:500}.mr-name{font-family:var(--font-display);font-weight:500;font-size:14.5px;color:var(--on-surface);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-label-edit{font-family:var(--font-display);font-weight:500;font-size:14.5px;color:var(--on-surface);border:1px solid var(--mtint, var(--violet));border-radius:6px;padding:5px 8px;outline:none;background:var(--sc-lowest);min-width:200px}.mr-spacer{flex:1}.mr-dur{font-family:var(--font-mono);font-weight:500;font-size:12.5px;color:var(--on-surface-variant);background:var(--sc-high);padding:4px 10px;border-radius:var(--r-full);letter-spacing:-.2px;flex:none}.mr-dur.none{color:var(--ink-muted);background:transparent;border:1px dashed var(--line-strong)}.mr-clock{font-family:var(--font-mono);font-weight:500;font-size:13px;color:var(--mtint, var(--violet));min-width:42px;text-align:right;letter-spacing:-.2px;flex:none}.mr-clock.q{color:#b45309}.mr-dots{width:28px;height:28px;border-radius:var(--r-sm);border:0;background:none;color:var(--ink-muted);display:grid;place-items:center;cursor:pointer;flex:none}.mr-dots:hover{background:var(--sc-high);color:var(--on-surface)}.mr-menu{position:absolute;top:30px;right:0;z-index:40;min-width:170px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-md);animation:pop .14s var(--ease-out)}.mr-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:7px;cursor:pointer;background:none;font-family:var(--font-mono);font-size:12.5px;color:var(--on-surface);text-align:left}.mr-menu button svg{color:var(--ink-muted);flex:none}.mr-menu button:hover{background:var(--sc-low)}.mr-menu button.danger{color:#b42318}.mr-menu button.danger:hover{background:#b4231814}.mr-menu button.danger svg{color:#d92d20}.mr-edit{padding:4px 16px 16px 30px;border-left:3px solid var(--mtint, var(--violet))}.mr-edit-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.mom-editor{display:flex;flex-direction:column;gap:12px}.me-row{display:flex;flex-direction:column;gap:6px}.me-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.me-label{font-size:11px;letter-spacing:.3px;color:var(--on-surface-variant);font-weight:500}.me-opt{color:var(--ink-muted);font-weight:400;text-transform:none;letter-spacing:0}.me-input{font-family:var(--font-mono);font-size:13.5px;color:var(--on-surface);background:var(--sc-lowest);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:9px 11px;outline:none;transition:border-color .14s,box-shadow .14s}.me-input:focus{border-color:var(--violet-bright);box-shadow:0 0 0 3px #7c3aed24}.me-notes{resize:vertical;min-height:56px;line-height:1.5}.me-swatches{display:flex;gap:8px}.me-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:grid;place-items:center;color:#fff;transition:transform .1s;box-shadow:0 0 0 1px #00000014 inset}.me-swatch:hover{transform:scale(1.1)}.me-swatch.on{border-color:#fff;box-shadow:0 0 0 2px currentColor}.me-stepper{display:inline-flex;align-items:center;gap:4px;background:var(--sc-lowest);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:3px}.me-stepper button{width:28px;height:28px;border-radius:6px;border:0;background:none;color:var(--on-surface-variant);display:grid;place-items:center;cursor:pointer}.me-stepper button:hover:not(:disabled){background:var(--sc-high);color:var(--on-surface)}.me-stepper button:disabled{opacity:.35;cursor:not-allowed}.me-mins{width:38px;text-align:center;font-family:var(--font-mono);font-weight:500;font-size:15px;color:var(--on-surface);border:0;background:none;outline:none}.me-unit{font-family:var(--font-mono);font-size:11px;color:var(--ink-muted)}.me-clear{display:block;margin-top:6px;background:none;border:0;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--ink-muted);padding:0}.me-clear:hover{color:var(--violet-dim);text-decoration:underline}.me-error{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#b42318}.me-error svg{color:#d92d20}.ts-scrim{z-index:130}.typesheet{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--obs-border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;color:var(--on-surface);animation:pop .2s var(--ease-out);max-height:88vh;display:flex;flex-direction:column;margin:auto}.ts-head{padding:20px 22px 16px;border-bottom:1px solid var(--obs-border);position:relative;flex:none}.ts-head h3{font-family:var(--font-display);font-weight:600;font-size:19px;color:#fff;margin:0}.ts-head p{font-size:12.5px;color:var(--outline);margin:5px 0 0}.ts-head .sp-x{position:absolute;top:16px;right:16px}.ts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:18px 22px;flex:none}.ts-type{display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 6px;border-radius:var(--r-md);border:1px solid var(--obs-border);background:#211f2e;cursor:pointer;transition:all .14s}.ts-type:hover{background:var(--sc-high);border-color:var(--outline-variant)}.ts-type.on{background:var(--sc-high)}.ts-ico{width:42px;height:42px;border-radius:var(--r-md);display:grid;place-items:center}.ts-name{font-family:var(--font-mono);font-size:11px;color:var(--on-surface-dim);text-align:center;line-height:1.2}.ts-type.on .ts-name{color:#fff}.ts-expand{padding:4px 22px 20px;border-top:1px solid var(--obs-border);overflow-y:auto}.ts-expand .mom-editor{margin-top:16px}.ts-expand .me-label{color:var(--on-surface-dim)}.ts-expand .me-input{background:var(--surface-low);border-color:var(--obs-border);color:var(--on-surface)}.ts-expand .me-input:focus{border-color:var(--brand-violet-bright);box-shadow:0 0 0 3px #7c3aed40}.ts-expand .me-stepper{background:var(--surface-low);border-color:var(--obs-border)}.ts-expand .me-stepper button{color:var(--on-surface-dim)}.ts-expand .me-stepper button:hover:not(:disabled){background:var(--sc-high);color:#fff}.ts-expand .me-mins{color:#fff}.ts-expand .me-clear{color:var(--outline)}.ts-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.ts-cancel{font-family:var(--font-mono);font-size:13px;color:var(--on-surface-dim);background:none;border:0;cursor:pointer;padding:10px 14px;border-radius:var(--r-sm)}.ts-cancel:hover{background:var(--sc-high);color:#fff}.ts-add{font-family:var(--font-mono);font-size:13.5px;font-weight:500;color:#eddcff;background:#5500a6;border:0;border-radius:var(--r-sm);padding:10px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:background .14s,box-shadow .14s}.ts-add:hover{background:#6a1fc0;box-shadow:0 0 0 4px #7c3aed40}.ts-dot{width:9px;height:9px;border-radius:50%}.btn-tonal{background:var(--violet-soft);color:var(--violet-dim);border:1px solid var(--violet-soft-2);border-radius:var(--radius-sm);padding:.45rem .9rem;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .14s,color .14s}.btn-tonal:hover{background:var(--violet-soft-2)}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:720px){.typesheet{max-width:100%;height:100%;max-height:100%;border-radius:0}.ts-scrim{padding:0}.ts-grid{grid-template-columns:repeat(3,1fr)}}._page_113fg_3{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 0%,#2d1960 0%,var(--surface-lowest) 60%);padding:1.5rem}._card_113fg_12{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);box-shadow:0 8px 40px #7c3aed26,0 2px 12px #00000080;padding:2.5rem 2rem;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem}._header_113fg_25{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}._logoMark_113fg_33{display:flex;align-items:center;justify-content:center}._title_113fg_39{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--on-surface);margin:0}._form_113fg_47{display:flex;flex-direction:column;gap:1rem}._fieldGroup_113fg_53{display:flex;flex-direction:column;gap:.375rem}._label_113fg_59{font-size:.8rem;font-weight:500;color:var(--on-surface-dim);text-transform:uppercase;letter-spacing:.04em}._input_113fg_67{flex:1;background:var(--surface-high);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:.625rem .75rem;color:var(--on-surface);font-size:.9rem;font-family:var(--font-body);width:100%;transition:border-color .15s,box-shadow .15s}._input_113fg_67:focus{outline:none;border-color:var(--brand-violet);box-shadow:0 0 0 3px var(--brand-violet-glow)}._input_113fg_67::placeholder{color:var(--outline-variant)}._submitBtn_113fg_90{display:flex;align-items:center;justify-content:center;width:100%;padding:.625rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;font-family:var(--font-body);cursor:pointer;background:linear-gradient(135deg,var(--brand-violet),var(--brand-violet-deep));color:#fff;box-shadow:0 0 16px var(--brand-violet-glow);transition:opacity .15s,box-shadow .15s;margin-top:.25rem}._submitBtn_113fg_90:hover:not(:disabled){opacity:.9;box-shadow:0 0 24px var(--brand-violet-glow)}._submitBtn_113fg_90:disabled{opacity:.6;cursor:not-allowed}._divider_113fg_119{display:flex;align-items:center;gap:.75rem;color:var(--outline-variant);font-size:.8rem}._divider_113fg_119:before,._divider_113fg_119:after{content:"";flex:1;height:1px;background:var(--outline-variant)}._googleBtn_113fg_135{display:flex;align-items:center;justify-content:center;width:100%;padding:.625rem 1rem;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;font-family:var(--font-body);cursor:pointer;background:var(--surface-high);color:var(--on-surface-dim);text-decoration:none;transition:background .15s,border-color .15s}._googleBtn_113fg_135:hover{background:var(--surface);border-color:var(--outline)}._error_113fg_158{color:#ef4444;font-size:.8rem;text-align:center;padding:.5rem .75rem;background:#ef44441a;border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.2)}._toggleRow_113fg_168{text-align:center;font-size:.85rem;color:var(--outline)}._toggleLink_113fg_174{color:var(--primary);cursor:pointer;background:none;border:none;padding:0;font-size:inherit;font-family:inherit;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}._toggleLink_113fg_174:hover{text-decoration-color:var(--primary)}.perform-view{position:fixed;inset:0;z-index:1000;background:var(--surface-lowest);overflow:hidden;display:flex;flex-direction:column}.perform-content{flex:1;overflow-y:scroll;overflow-x:hidden;height:100vh;padding:30vh 2rem 10rem;color:var(--on-surface);font-size:calc(1rem * var(--gfr-font-scale, 1));scroll-behavior:auto;-webkit-overflow-scrolling:touch}.perform-content::-webkit-scrollbar{width:4px}.perform-content::-webkit-scrollbar-track{background:transparent}.perform-content::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:2px}.perform-content .gfr-section-header{font-size:calc(.8em * var(--gfr-font-scale, 1));font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:2em;margin-bottom:.5em;padding:.25em .6em;border-radius:var(--radius-sm);display:inline-block}.perform-content [data-section-type=verse] .gfr-section-header,.perform-content .gfr-section-header[data-type=verse]{background:var(--section-verse-bg);color:var(--section-verse-fg)}.perform-content [data-section-type=chorus] .gfr-section-header,.perform-content .gfr-section-header[data-type=chorus]{background:var(--section-chorus-bg);color:var(--section-chorus-fg)}.perform-content [data-section-type=bridge] .gfr-section-header,.perform-content .gfr-section-header[data-type=bridge]{background:var(--section-bridge-bg);color:var(--section-bridge-fg)}.perform-content [data-section-type=pre-chorus] .gfr-section-header,.perform-content .gfr-section-header[data-type=pre-chorus]{background:var(--section-pre-chorus-bg);color:var(--section-pre-chorus-fg)}.perform-content [data-section-type=intro] .gfr-section-header,.perform-content .gfr-section-header[data-type=intro]{background:var(--section-intro-bg);color:var(--section-intro-fg)}.perform-content [data-section-type=outro] .gfr-section-header,.perform-content .gfr-section-header[data-type=outro]{background:var(--section-outro-bg);color:var(--section-outro-fg)}.perform-content [data-section-type=solo] .gfr-section-header,.perform-content .gfr-section-header[data-type=solo]{background:var(--section-solo-bg);color:var(--section-solo-fg)}.perform-content [data-section-type=interlude] .gfr-section-header,.perform-content .gfr-section-header[data-type=interlude]{background:var(--section-interlude-bg);color:var(--section-interlude-fg)}.perform-content .gfr-chord{font-weight:500;color:var(--brand-violet-bright);font-size:calc(1.05em * var(--gfr-font-scale, 1))}.perform-content .gfr-lyric{color:var(--on-surface);line-height:1.8}.perform-content .gfr-comment{color:var(--on-surface-dim);font-style:italic;font-size:.9em}.perform-song-title{font-family:var(--font-display, "Syne", sans-serif);font-size:calc(1.6rem * var(--gfr-font-scale, 1));font-weight:800;color:var(--on-surface);margin:0 0 .25rem}.perform-song-artist{font-size:calc(.95rem * var(--gfr-font-scale, 1));color:var(--on-surface-dim);margin:0 0 1.5rem}.perform-song-counter{display:inline-block;background:var(--surface-high);color:var(--on-surface-dim);font-size:.75rem;font-weight:600;letter-spacing:.06em;padding:.2em .6em;border-radius:var(--radius-sm);margin-bottom:.75rem}.perform-hud{position:fixed;bottom:0;left:0;right:0;z-index:1010;padding:.75rem 1rem;background:linear-gradient(to top,#0f0d13f2,#0f0d13d9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--outline-variant);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;transition:opacity .3s ease,transform .3s ease}.perform-hud--hidden{opacity:0;transform:translateY(100%);pointer-events:none}.perform-hud-group{display:flex;align-items:center;gap:.35rem}.perform-hud-sep{width:1px;height:2rem;background:var(--outline-variant);flex-shrink:0}.perform-hud button{min-width:48px;min-height:48px;padding:0 .75rem;border:none;border-radius:var(--radius-md);background:var(--surface-high);color:var(--on-surface);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;transition:background .15s ease,color .15s ease}.perform-hud button:hover,.perform-hud button:focus-visible{background:var(--brand-violet);color:#fff;outline:none}.perform-hud button:active{background:var(--brand-violet-deep)}.perform-hud-play-btn{min-width:56px;background:var(--brand-violet)!important;color:#fff!important}.perform-hud-play-btn:hover,.perform-hud-play-btn:focus-visible{background:var(--brand-violet-bright)!important}.perform-hud button.active{background:var(--brand-violet);color:#fff}.perform-hud button:disabled{opacity:.35;cursor:not-allowed;background:var(--surface-high)!important;color:var(--on-surface-dim)!important}.perform-hud-exit-btn{margin-left:auto}.perform-bpm-display{display:flex;align-items:center;gap:.3rem;color:var(--brand-violet-bright);font-size:.8rem;font-weight:600;min-height:48px;padding:0 .5rem;letter-spacing:.04em}.perform-bpm-interactive{display:flex;align-items:center;gap:.2rem}.perform-bpm-value{min-width:52px;text-align:center;font-family:var(--font-mono);font-size:.95rem;font-weight:500;color:var(--brand-violet-bright);line-height:48px;cursor:default}.perform-hud .perform-hud-bpm-btn{min-width:32px!important;min-height:32px!important;font-size:.8rem!important;padding:0 .4rem!important}.perform-hud-sync{display:flex;align-items:center;gap:.35rem;color:#4ade80;font-size:.7rem;font-family:var(--font-mono);letter-spacing:1px;font-weight:500}.perform-hud-sync-dot{width:5px;height:5px;border-radius:50%;background:#4ade80;animation:perform-sync-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes perform-sync-pulse{0%,to{opacity:1}50%{opacity:.35}}.perform-crashed{position:fixed;inset:0;z-index:1020;overflow-y:auto}.perform-crashed-banner{position:fixed;bottom:0;left:0;right:0;z-index:1030;background:#dc2626e6;color:#fff;text-align:center;padding:.75rem 1.5rem;font-weight:600;backdrop-filter:blur(8px)}.perform-loading{position:fixed;inset:0;z-index:1000;background:var(--surface-lowest);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--on-surface-dim);gap:1rem}.perform-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--outline-variant);border-top-color:var(--brand-violet);border-radius:50%;animation:perform-spin .8s linear infinite}@keyframes perform-spin{to{transform:rotate(360deg)}}.perform-beat-bar-wrap{position:fixed;bottom:0;left:0;right:0;z-index:1015;padding:.4rem 1.5rem .5rem;background:#0f0d13d9;display:flex;align-items:center;gap:1rem}.perform-beat-bar{display:flex;gap:3px;flex:1}.perform-beat{flex:1;height:3px;border-radius:2px;background:var(--outline-variant);transition:background .1s,box-shadow .1s}.perform-beat.active{background:var(--brand-violet-bright);box-shadow:0 0 10px var(--brand-violet-glow)}.perform-beat.downbeat{background:var(--primary);box-shadow:0 0 14px #d4bbff66}.perform-bpm-pulse{transition:opacity .1s ease}.perform-bpm-pulse.beat-flash{opacity:.6}.perform-section-badge{position:fixed;top:1rem;right:1rem;z-index:1005;padding:.35em .75em;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;opacity:.9;pointer-events:none;transition:opacity .3s,background .4s,color .4s;background:#1e1e2e;color:#cdd6f4}.perform-section-badge[data-type=verse]{background:var(--section-verse-bg);color:var(--section-verse-fg)}.perform-section-badge[data-type=chorus]{background:var(--section-chorus-bg);color:var(--section-chorus-fg)}.perform-section-badge[data-type=bridge]{background:var(--section-bridge-bg);color:var(--section-bridge-fg)}.perform-section-badge[data-type=pre-chorus]{background:var(--section-pre-chorus-bg);color:var(--section-pre-chorus-fg)}.perform-section-badge[data-type=intro]{background:var(--section-intro-bg);color:var(--section-intro-fg)}.perform-section-badge[data-type=outro]{background:var(--section-outro-bg);color:var(--section-outro-fg)}.perform-section-badge[data-type=solo]{background:var(--section-solo-bg);color:var(--section-solo-fg)}.perform-section-badge[data-type=interlude]{background:var(--section-interlude-bg);color:var(--section-interlude-fg)}@keyframes perform-loop-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 8px 2px currentColor}}.perform-section-badge.looping{animation:perform-loop-pulse 1.5s ease-in-out infinite;opacity:1}.perform-section-nav{position:fixed;bottom:7rem;left:0;right:0;z-index:1008;padding:.5rem 1rem;background:#0f0d13eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;transform:translateY(0);opacity:1;transition:transform .2s ease,opacity .2s ease}.perform-section-nav::-webkit-scrollbar{display:none}.perform-section-nav--hidden{transform:translateY(100%);opacity:0;pointer-events:none}.perform-section-chip{padding:.3em .6em;border-radius:var(--radius-sm, 4px);font-family:monospace;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;white-space:nowrap;border:none;transition:opacity .15s}.perform-section-chip[data-type=verse]{background:var(--section-verse-bg);color:var(--section-verse-fg)}.perform-section-chip[data-type=chorus]{background:var(--section-chorus-bg);color:var(--section-chorus-fg)}.perform-section-chip[data-type=bridge]{background:var(--section-bridge-bg);color:var(--section-bridge-fg)}.perform-section-chip[data-type=pre-chorus]{background:var(--section-pre-chorus-bg);color:var(--section-pre-chorus-fg)}.perform-section-chip[data-type=intro]{background:var(--section-intro-bg);color:var(--section-intro-fg)}.perform-section-chip[data-type=outro]{background:var(--section-outro-bg);color:var(--section-outro-fg)}.perform-section-chip[data-type=solo]{background:var(--section-solo-bg);color:var(--section-solo-fg)}.perform-section-chip[data-type=interlude]{background:var(--section-interlude-bg);color:var(--section-interlude-fg)}.perform-section-chip:not([data-type]){background:#ffffff14;color:#fff}.perform-swipe-indicator{position:fixed;top:50%;transform:translateY(-50%);font-size:3rem;color:#fff9;pointer-events:none;z-index:1020;animation:swipe-flash .4s ease-out forwards}.perform-swipe-indicator--next{right:1rem}.perform-swipe-indicator--prev{left:1rem}@keyframes swipe-flash{0%{opacity:.8;transform:translateY(-50%) scale(1.2)}to{opacity:0;transform:translateY(-50%) scale(1)}}.perform-focus-overlay{position:fixed;inset:0;z-index:1002;pointer-events:none;transition:opacity .5s ease}.perform-focus-overlay--dimmed{opacity:.5}.perform-focus-overlay__playhead{position:absolute;top:28%;left:0;right:0;height:22vh;background:linear-gradient(180deg,transparent 0%,rgba(124,58,237,.06) 15%,rgba(124,58,237,.12) 40%,rgba(124,58,237,.12) 60%,rgba(124,58,237,.06) 85%,transparent 100%);border-top:1px solid rgba(124,58,237,.3);border-bottom:1px solid rgba(124,58,237,.3);box-shadow:0 0 60px #7c3aed1a}.perform-focus-overlay__top-fade{position:absolute;top:0;left:0;right:0;height:30vh;background:linear-gradient(var(--surface-lowest, #0F0D13) 0%,rgba(15,13,19,.85) 40%,transparent 100%)}.perform-focus-overlay__bottom-fade{position:absolute;bottom:0;left:0;right:0;height:35vh;background:linear-gradient(transparent 0%,rgba(15,13,19,.85) 60%,var(--surface-lowest, #0F0D13) 100%)}.annotation-overlay-wrap{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1001}.annotation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.annotation-legend{position:fixed;bottom:4rem;left:1rem;z-index:1003;display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-4);pointer-events:none}.annotation-legend-chip{display:inline-flex;align-items:center;padding:.25em var(--space-2);background:#2b2930d9;border:1px solid #1565C0;border-radius:var(--radius-sm);color:#90caf9;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.03em}.annotation-legend--interactive{pointer-events:auto}button.annotation-legend-chip{cursor:pointer;border:1px solid #1565C0;background:#2b2930d9;padding:.25em var(--space-2, .5rem);font:inherit;color:inherit}.annotation-legend-chip.dimmed{opacity:.4;text-decoration:line-through}.annot-author-wrap{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1002}.annot-author-svg{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes annot-ping{0%{r:6;opacity:.9}to{r:22;opacity:0}}.annot-capture{position:absolute;inset:0;z-index:1003;touch-action:none}.annot-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:1020;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;background:#14121cf0;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 18px 50px #0009;animation:annot-rail-in .22s ease-out}@keyframes annot-rail-in{0%{opacity:0;transform:translateY(-50%) translate(16px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.annot-rail-btn{width:40px;height:40px;border-radius:10px;border:none;cursor:pointer;background:transparent;color:var(--on-surface-dim);font-size:17px;display:grid;place-items:center;transition:background .14s,color .14s;opacity:1}.annot-rail-btn:hover{background:#ffffff14}.annot-rail-btn.active{background:var(--brand-violet);color:#fff}.annot-rail-btn:disabled{opacity:.35;cursor:not-allowed}.annot-rail-divider{width:26px;height:1px;background:#ffffff1a;margin:2px 0;flex-shrink:0}.annot-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px #ffffff2e;cursor:pointer;padding:0;outline:none;transition:border-color .1s,box-shadow .1s;flex-shrink:0}.annot-swatch.active{border-color:#fff;box-shadow:0 0 0 2px currentColor}.annot-sizes{display:flex;flex-direction:column;gap:4px;align-items:center}.annot-size-btn{width:30px;height:26px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--outline);cursor:pointer;display:grid;place-items:center;transition:border-color .12s,background .12s,color .12s}.annot-size-btn.active{border-color:var(--brand-violet);background:#7c3aed38;color:var(--primary)}.annot-size-dot{border-radius:50%;background:currentColor;display:block;flex-shrink:0}.annot-clear-btn{width:40px;height:40px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--outline);font-size:18px;cursor:pointer;display:grid;place-items:center;transition:all .15s}.annot-clear-btn.armed{border-color:#b00020;background:#b0002038;color:var(--error)}.annot-clear-btn:disabled{opacity:.35;cursor:not-allowed}.annot-clear-tip{position:absolute;right:56px;bottom:4px;white-space:nowrap;background:#b00020;color:#fff;font-size:11px;font-family:var(--font-mono);padding:5px 10px;border-radius:8px;box-shadow:0 6px 18px #00000080;pointer-events:none;z-index:1025}.annot-toggle-wrap{position:fixed;bottom:5.5rem;right:1rem;z-index:1018}.annot-toggle-btn{display:inline-flex;align-items:center;gap:.4rem;height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#14121ceb;color:var(--on-surface-dim);font-family:var(--font-mono, monospace);font-size:13px;font-weight:500;cursor:pointer;backdrop-filter:blur(8px);transition:background .14s,color .14s,border-color .14s}.annot-toggle-btn:hover{background:#7c3aed38;border-color:var(--brand-violet);color:var(--primary)}.annot-toggle-btn.active{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}@media(max-height:500px){.perform-hud{padding:.35rem .75rem;flex-wrap:nowrap;gap:.3rem}.perform-hud button{min-width:36px;min-height:36px;padding:0 .5rem;font-size:.8rem}.perform-hud-play-btn{min-width:40px}.perform-bpm-display{min-height:36px;font-size:.75rem}.perform-bpm-value{line-height:36px;font-size:.85rem}.perform-focus-overlay__top-fade{height:10vh}.perform-focus-overlay__bottom-fade{height:15vh}.perform-song-title{font-size:calc(1.1rem * var(--gfr-font-scale, 1));margin-bottom:.1rem}.perform-song-artist{display:none}.perform-beat-bar-wrap{padding:.2rem 1rem .25rem}}@media(min-width:1024px){.perform-hud{padding:.75rem 2.5rem;gap:.75rem}.perform-hud-sep{height:2.5rem}.perform-focus-overlay__top-fade{height:18vh}.perform-focus-overlay__bottom-fade{height:22vh}}.perform-notation-blocks{margin-bottom:2rem}.perform-notation-block{display:block;margin-bottom:1.5rem;border-radius:var(--radius-md, 10px);overflow:hidden;background:#fff;box-shadow:0 2px 16px #00000073}.perform-notation-block .gfr-notation-display__loading,.perform-notation-block .gfr-notation-display__error{padding:1rem 1.5rem;font-size:.85rem;font-family:var(--font-mono, "DM Mono", monospace);color:var(--outline-variant);background:#fffbfe}.perform-notation-block .gfr-notation-display__canvas,.perform-renderer{width:100%}.perform-hud-group-label{font-family:var(--font-mono, "DM Mono", monospace);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#9a92a8;margin-right:2px;flex-shrink:0;align-self:center}.hud-override-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--brand-violet);pointer-events:none}.perform-hud-btn--active{background:#7c3aed1f!important;color:var(--brand-violet-deep)!important;border:1px solid #C9A9FF!important}.chart-style-panel{position:absolute;top:50px;left:0;width:320px;background:#fffbfe;border:1px solid #E7E0EB;border-radius:14px;box-shadow:0 18px 50px #1c1b1f2e;padding:14px 16px 12px;z-index:20;color:#1c1b1f}.chart-style-scope{display:flex;gap:4px;margin-bottom:6px}.chart-style-scope-btn{flex:1;min-height:36px;border-radius:8px;border:1px solid #E7E0EB;cursor:pointer;background:#fff;color:var(--outline-variant);font-family:var(--font-mono, "DM Mono", monospace);font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s}.chart-style-scope-btn.active{border-color:var(--brand-violet);background:#7c3aed14;color:var(--brand-violet-deep)}.chart-style-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0}.chart-style-row-label{font-size:12px;color:var(--outline-variant);white-space:nowrap}.chart-style-divider{height:1px;background:#f2ecf4}.chart-style-miniseg{display:inline-flex;border:1px solid #E7E0EB;border-radius:8px;overflow:hidden}.chart-style-miniseg-btn{font-family:var(--font-mono, "DM Mono", monospace);font-size:12px;font-weight:500;padding:6px 10px;border:0;min-height:34px;cursor:pointer;background:#fff;color:var(--outline-variant);transition:background .12s,color .12s}.chart-style-miniseg-btn.active{background:var(--brand-violet);color:#fff}.chart-style-miniseg-btn.disabled{opacity:.4;cursor:not-allowed}.key-transpose-popover{position:absolute;top:50px;right:0;width:360px;background:#fffbfe;border:1px solid #E7E0EB;border-radius:14px;box-shadow:0 18px 50px #1c1b1f2e;padding:16px;z-index:20;display:flex;flex-direction:column;gap:14px;color:#1c1b1f}.key-transpose-popover__heading{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#9a92a8;font-family:var(--font-mono, "DM Mono", monospace)}.key-transpose-popover__row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.perform-key-chip{min-height:44px;padding:0 14px;border-radius:999px;cursor:pointer;border:1px solid rgba(201,169,255,.7);background:#7c3aed14;color:var(--primary);font-family:var(--font-mono, "DM Mono", monospace);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:background .12s,border-color .12s}.perform-key-chip:hover,.perform-key-chip:focus-visible{background:#7c3aed2e;border-color:#c9a9ff;outline:none}.perform-content[data-columns="2"]{column-count:2;column-gap:2rem}.perform-content[data-chord-position=inline] .gfr-chord-line{display:inline}.perform-content[data-chord-position=inline] .gfr-chord{display:inline;margin-right:0}.perform-content[data-chord-position=inline] .gfr-chord:before{content:"[";color:var(--outline, #938F99);font-weight:400}.perform-content[data-chord-position=inline] .gfr-chord:after{content:"]";color:var(--outline, #938F99);font-weight:400}.perform-content[data-columns="2"] .gfr-section{break-inside:avoid}@keyframes cfDraw{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.chordflow-detect-btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--brand-violet);background:#7c3aed1a;color:var(--primary);cursor:pointer;font-family:var(--font-mono, "DM Mono", monospace);font-size:13px;font-weight:500}.chordflow-pro-chip{font-family:var(--font-mono, "DM Mono", monospace);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,var(--brand-violet),var(--brand-violet-bright));padding:3px 7px;border-radius:999px}.chordflow-scanning{font-family:var(--font-mono, "DM Mono", monospace);font-size:13px;color:var(--primary);display:inline-flex;align-items:center;min-height:44px}.chordflow-clear-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--obs-border, #2d2a3e);background:transparent;color:var(--on-surface-variant, #cac4d0);cursor:pointer;font-family:var(--font-mono, "DM Mono", monospace);font-size:13px}.pdf-scan-bar{height:3px;margin:8px 2rem 0;background:#7c3aed26;border-radius:999px;overflow:hidden}.pdf-scan-bar__fill{height:100%;width:40%;background:linear-gradient(90deg,var(--brand-violet),var(--brand-violet-bright));border-radius:999px;animation:pdf-scan-sweep 1.1s ease-in-out infinite}@keyframes pdf-scan-sweep{0%{transform:translate(-110%)}to{transform:translate(260%)}}.chordflow-state-card{margin:12px 2rem 0;padding:14px 16px;border-radius:12px;background:var(--stage-surface, #161320);border:1px solid var(--obs-border, #2d2a3e);color:var(--on-surface-variant, #cac4d0);font-family:var(--font-mono, "DM Mono", monospace);font-size:13px}.chordflow-state-card strong{display:block;font-family:var(--font-display, "Syne", sans-serif);font-weight:600;font-size:15px;color:var(--on-surface, #e6e1e5);margin-bottom:4px}.chordflow-state-card p{margin:0;line-height:1.5}.chordflow-state-card--warn{border-color:#d97706}.chordflow-state-card--error{border-color:#b3261e}.chordflow-state-card--pro{border-color:var(--brand-violet)}.detect-card{margin:12px 2rem 0;padding:12px 14px;border-radius:12px;background:#fbf8fe;border:1px solid #e7e0eb;display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#1c1b1f;position:relative;z-index:4}.detect-card__key{display:flex;flex-direction:column;gap:2px}.detect-card__key-label{font-family:var(--font-mono, "DM Mono", monospace);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#9a92a8}.detect-card__key-value{display:flex;align-items:baseline;gap:8px;font-family:var(--font-mono, "DM Mono", monospace);font-weight:500;font-size:22px;color:var(--brand-violet-deep)}.detect-card__key-from{color:#9a92a8;font-size:14px}.detect-card__count{font-size:12px;color:#7a757f}.detect-card__sep{width:1px;height:38px;background:#e7e0eb}.detect-card__style-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #e7e0eb;background:#fff;color:var(--outline-variant);cursor:pointer;font-family:var(--font-mono, "DM Mono", monospace);font-size:13px}.detect-card__style-btn.active{border-color:var(--brand-violet);background:#7c3aed14}.pdf-chord-overlay-wrap{position:absolute;top:0;left:0;pointer-events:none;z-index:1001;overflow:hidden}.pdf-overlay-chord{pointer-events:none}.perform-view .chord-diagram-popup{z-index:1020}.perform-content .gfr-chord{cursor:pointer;border-radius:3px;transition:background .1s}.perform-content .gfr-chord:hover{background:#a855f726}.companion-qr-backdrop{position:fixed;inset:0;z-index:1060;background:#000000b8;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.companion-qr-sheet{background:#fffbfe;border-radius:20px;box-shadow:0 24px 64px #00000080;padding:24px 20px 20px;width:min(320px,92vw);display:flex;flex-direction:column;align-items:center;gap:14px;color:#1c1b1f}.companion-qr-header{width:100%;display:flex;align-items:center;justify-content:space-between}.companion-qr-title{font-family:var(--font-display, "Syne", sans-serif);font-size:16px;font-weight:700;color:#1c1b1f;letter-spacing:.01em}.companion-qr-close{width:32px;height:32px;border:none;border-radius:8px;background:#1c1b1f0f;color:var(--outline-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.companion-qr-close:hover{background:#1c1b1f1f}.companion-qr-sub{margin:0;font-size:13px;color:var(--outline-variant);text-align:center;line-height:1.5}.companion-qr-canvas-wrap{width:220px;height:220px;border-radius:12px;overflow:hidden;background:#fffbfe;border:1px solid #E7E0EB;display:flex;align-items:center;justify-content:center}.companion-qr-canvas{display:block}.companion-qr-error{font-size:13px;color:#b3261e}.companion-qr-url-row{width:100%;display:flex;align-items:center;gap:8px;background:#1c1b1f0a;border:1px solid #E7E0EB;border-radius:10px;padding:8px 10px}.companion-qr-url{flex:1;font-family:var(--font-mono, "DM Mono", monospace);font-size:11px;color:var(--outline-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.companion-qr-copy-btn{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;height:30px;padding:0 10px;border-radius:7px;border:1px solid #E7E0EB;background:#fff;color:var(--outline-variant);font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.companion-qr-copy-btn:hover{border-color:var(--brand-violet);background:#7c3aed0f;color:var(--brand-violet-deep)}.companion-qr-copy-btn--copied{border-color:#4ade80;background:#4ade801a;color:#166534}.pdf-scale-group{display:flex;align-items:center;gap:2px;background:var(--surface-high);border-radius:8px;padding:2px}.pdf-scale-btn{min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:6px!important;display:flex;align-items:center;justify-content:center;color:var(--on-surface-dim);background:transparent!important;border:none;cursor:pointer;transition:color .12s,background .12s}.pdf-scale-btn--active{color:var(--brand-violet-bright, #A855F7)!important;background:#a855f726!important}.pdf-scale-btn:hover:not(.pdf-scale-btn--active){color:var(--on-surface);background:var(--surface-highest, rgba(255,255,255,.08))!important}.pdf-jump-form{display:flex;align-items:center;gap:4px;margin:0 4px}.pdf-jump-input{width:44px;padding:4px 6px;font-size:13px;font-family:inherit;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:var(--on-surface, #fff);text-align:center;outline:none;-moz-appearance:textfield}.pdf-jump-input::-webkit-outer-spin-button,.pdf-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdf-jump-input:focus{border-color:#a855f799;background:#ffffff1f}.pdf-jump-go-btn{padding:4px 8px;font-size:12px;font-weight:600;font-family:inherit;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--on-surface, #fff);cursor:pointer;min-height:28px;transition:background .12s,border-color .12s}.pdf-jump-go-btn:hover{background:#ffffff24;border-color:#a855f780}.tools-page{padding:var(--space-6);max-width:680px;margin:0 auto}.tools-page h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--on-surface);margin:0 0 var(--space-6) 0}.tuner-panel{background:var(--surface-high);border-radius:var(--radius-lg);overflow:hidden}.tuner-panel__tabs{display:flex;border-bottom:1px solid var(--outline-variant)}.tuner-panel__tab{flex:1;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--on-surface-dim);transition:color .15s,border-bottom-color .15s;border-bottom:2px solid transparent;margin-bottom:-1px}.tuner-panel__tab--active{color:var(--brand-violet-bright);border-bottom-color:var(--brand-violet-bright)}.tuner-panel__tab:hover:not(.tuner-panel__tab--active){color:var(--on-surface)}.tuner-panel__body{padding:var(--space-5)}.tuner-tab{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.tuner-tab__header{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--space-3)}.tuner-tab__inst-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--surface-high);border:1px solid var(--outline-variant);border-radius:var(--r-full, 999px);cursor:pointer;font-family:var(--font-body);font-size:.8rem;color:var(--on-surface-dim);transition:background .15s,border-color .15s,color .15s}.tuner-tab__inst-chip--open{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.tuner-tab__inst-chip:hover:not(.tuner-tab__inst-chip--open){border-color:var(--outline);color:var(--on-surface)}.tuner-tab__inst-chip svg{flex-shrink:0}.tuner-tab__mic-live{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--brand-violet-bright)}.tuner-tab__mic-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-violet-bright)}.tuner-tab__power-off{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) 0}.tuner-tab__power-btn{width:64px;height:64px;border-radius:50%;border:2px solid var(--outline);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--on-surface-dim);transition:border-color .15s,color .15s}.tuner-tab__power-btn:hover{border-color:var(--brand-violet);color:var(--brand-violet)}.tuner-tab__power-label{font-size:.8rem;color:var(--on-surface-dim)}.tuner-tab__dash{font-size:4rem;line-height:1;color:var(--surface-high);font-family:var(--font-display);font-weight:700}.tuner-tab__note-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.tuner-tab__note-name-row{display:flex;align-items:flex-start;gap:2px}.tuner-tab__note-name{font-family:var(--font-display);font-size:4rem;font-weight:600;line-height:1;transition:color .2s}.tuner-tab__note-octave{font-size:1.25rem;color:var(--outline);padding-top:8px}.tuner-tab__cents-label{font-size:.95rem;font-weight:500;transition:color .2s}.tuner-tab__stop-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--brand-violet);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:var(--space-2);transition:background .15s}.tuner-tab__stop-btn:hover{background:var(--brand-violet-deep)}.tuner-tab__hint{font-size:.75rem;color:var(--outline);text-align:center}.tuner-tab__mic-denied{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;text-align:center}.tuner-tab__mic-denied-icon{width:56px;height:56px;border-radius:var(--radius-md);border:1px solid var(--error);display:flex;align-items:center;justify-content:center;color:var(--error);background:var(--surface-lowest, #0F0D13)}.tuner-tab__mic-denied h3{margin:0;font-size:1rem;color:var(--on-surface)}.tuner-tab__mic-denied p{margin:0;font-size:.8rem;color:var(--outline);max-width:280px}.cent-bar{width:100%;padding:0 4px}.cent-bar__track-wrapper{position:relative;height:30px;width:100%}.cent-bar__track{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:6px;border-radius:3px;background:var(--surface-high)}.cent-bar__pointer{position:absolute;top:50%;transform:translate(-50%,-50%);width:5px;height:24px;border-radius:3px;transition:left .2s ease,background-color .2s}.cent-bar__labels{display:flex;justify-content:space-between;margin-top:2px}.cent-bar__label{font-size:.65rem;color:var(--outline)}.cent-bar__label--in-tune{color:var(--sync-locked)}.string-row{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.string-row__circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:500;border:1px solid transparent;transition:background-color .2s,border-color .2s,color .2s}.string-row__circle--inactive{background:var(--surface-high);border-color:#938f994d;color:var(--on-surface)}.string-row__circle--active{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.inst-picker{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.inst-picker__label{font-size:.65rem;letter-spacing:.12em;color:var(--outline);font-weight:600}.inst-picker__chips{display:flex;flex-wrap:wrap;gap:8px}.inst-picker__chip{padding:6px 14px;border-radius:var(--r-full, 999px);border:1px solid var(--outline-variant);background:transparent;cursor:pointer;font-family:var(--font-body);font-size:.8rem;color:var(--on-surface-dim);transition:background .15s,border-color .15s,color .15s}.inst-picker__chip--active{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.inst-picker__chip--tuning-active{background:#7c3aed26;border-color:var(--brand-violet);color:var(--brand-violet-bright)}.inst-picker__chip:hover:not(.inst-picker__chip--active):not(.inst-picker__chip--tuning-active){border-color:var(--outline);color:var(--on-surface)}.inst-picker__chip--locked{opacity:.5;cursor:default;pointer-events:none}.inst-picker__caption{font-size:.72rem;color:var(--outline);margin-top:-4px}.pipe-tab{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.pipe-tab__key-suggestion{background:#7c3aed1a;border:1px solid rgba(124,58,237,.35);border-radius:var(--radius-md);padding:10px 12px;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.pipe-tab__key-suggestion-label{font-size:.8rem;color:var(--on-surface)}.pipe-tab__key-name{font-size:.85rem;font-weight:600;color:var(--primary, #D4BBFF)}.pipe-tab__key-triad{font-size:.8rem;color:var(--primary, #D4BBFF)}.pipe-tab__use-btn{padding:4px 10px;border-radius:var(--r-full, 999px);border:1px solid rgba(124,58,237,.5);background:transparent;cursor:pointer;font-family:var(--font-body);font-size:.78rem;color:var(--primary, #D4BBFF);margin-left:auto;transition:background .15s}.pipe-tab__use-btn:hover{background:#7c3aed33}.pipe-tab__selected-row{display:flex;gap:6px;flex-wrap:wrap;min-height:28px;align-items:center}.pipe-tab__empty-hint{font-size:.8rem;color:var(--outline)}.pipe-tab__note-chip{padding:4px 11px;border-radius:var(--r-full, 999px);background:#7c3aed40;font-size:.85rem;font-weight:500;color:var(--primary, #D4BBFF)}.pipe-tab__keyboard{overflow-x:auto;padding-bottom:4px}.pipe-tab__keyboard-inner{display:flex;gap:4px;padding:4px 0}.pipe-key{flex-shrink:0;border-radius:4px;border:1px solid rgba(147,143,153,.4);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8px;transition:background .12s,border-color .12s;position:relative}.pipe-key--natural{width:36px;height:100px;background:var(--surface-high);color:var(--on-surface)}.pipe-key--sharp{width:30px;height:80px;background:#0f0d13;color:var(--outline)}.pipe-key--selected{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.pipe-key__octave-label{position:absolute;top:5px;font-size:9px;color:var(--brand-violet-bright)}.pipe-key--selected .pipe-key__octave-label{color:#ffffffb3}.pipe-key__note{font-size:11px;font-family:var(--font-body)}.pipe-key--natural .pipe-key__note{font-size:12px}.pipe-tab__play-btn{width:100%;height:52px;border-radius:var(--radius-md);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.pipe-tab__play-btn--play{background:var(--brand-violet);color:#fff}.pipe-tab__play-btn--play:hover{background:var(--brand-violet-deep)}.pipe-tab__play-btn--stop{background:transparent;border:1px solid var(--error);color:var(--error)}.pipe-tab__play-btn--stop:hover{background:#ffb4ab1a}.pipe-tab__play-btn:disabled{background:var(--surface-high);color:var(--outline);cursor:not-allowed;border:none}.tour-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0f0d13d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:tour-fade-in .35s ease forwards}@keyframes tour-fade-in{0%{opacity:0}to{opacity:1}}.tour-card{background:var(--surface, #1E1B2E);border:1px solid var(--outline-variant, #49454F);border-radius:var(--radius-xl, 24px);padding:2.5rem 2rem 2rem;width:min(480px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem;position:relative;box-shadow:0 24px 60px #0009;animation:tour-slide-up .35s ease forwards}@keyframes tour-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tour-visual{width:100%;height:140px;border-radius:var(--radius-md, 10px);background:var(--surface-low, #161320);overflow:hidden;position:relative;border:1px solid var(--outline-variant, #49454F)}.tour-visual--editor{display:flex;flex-direction:column;gap:8px;padding:14px 16px}.tour-visual__editor-line{display:flex;align-items:flex-end;gap:6px;animation:tour-line-in .4s ease both}.tour-visual__editor-line:nth-child(1){animation-delay:.1s}.tour-visual__editor-line:nth-child(2){animation-delay:.25s}.tour-visual__editor-line:nth-child(3){animation-delay:.4s}@keyframes tour-line-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.tour-visual__chord-badge{background:var(--brand-violet, #7C3AED);color:#fff;font-family:var(--font-display, "Syne", sans-serif);font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.02em;flex-shrink:0}.tour-visual__lyric-line{height:10px;border-radius:5px;background:var(--outline-variant, #49454F);flex:1}.tour-visual__lyric-line--short{max-width:60%}.tour-visual__lyric-line--medium{max-width:80%}.tour-visual--perform{background:var(--surface-lowest, #0F0D13);display:flex;flex-direction:column;gap:6px;padding:14px 16px;overflow:hidden}.tour-visual__scroll-content{display:flex;flex-direction:column;gap:6px;animation:tour-scroll 4s linear infinite}@keyframes tour-scroll{0%{transform:translateY(0)}to{transform:translateY(-60px)}}.tour-visual__perform-row{display:flex;gap:8px;align-items:flex-end}.tour-visual__chord-badge--perform{background:transparent;border:1px solid var(--brand-violet-bright, #A855F7);color:var(--brand-violet-bright, #A855F7);font-family:var(--font-display, "Syne", sans-serif);font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;flex-shrink:0}.tour-visual__lyric-scroll{height:10px;border-radius:5px;background:var(--on-surface-dim, #CAC4D0);opacity:.4}.tour-visual--together{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:16px}.tour-visual__device{display:flex;flex-direction:column;align-items:center;gap:6px;animation:tour-device-in .5s ease both}.tour-visual__device:nth-child(1){animation-delay:.05s}.tour-visual__device:nth-child(2){animation-delay:.2s}.tour-visual__device:nth-child(3){animation-delay:.35s}@keyframes tour-device-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tour-visual__device-frame{border:2px solid var(--outline-variant, #49454F);border-radius:6px;background:var(--surface, #1E1B2E);display:flex;flex-direction:column;gap:4px;padding:6px 4px;align-items:center;position:relative}.tour-visual__device-frame--phone{width:38px;height:68px;border-radius:8px}.tour-visual__device-frame--tablet{width:68px;height:50px;border-radius:6px}.tour-visual__device-frame--laptop{width:84px;height:52px;border-radius:4px 4px 0 0}.tour-visual__device-content{width:100%;height:8px;border-radius:3px;background:var(--brand-violet, #7C3AED);opacity:.7}.tour-visual__device-content--dim{background:var(--outline-variant, #49454F);opacity:.5}.tour-visual__device-label{font-family:var(--font-display, "Syne", sans-serif);font-size:9px;color:var(--on-surface-dim, #CAC4D0);opacity:.6}.tour-visual__sync-indicator{position:absolute;top:-4px;right:-4px;width:8px;height:8px;border-radius:50%;background:#22c55e;animation:tour-pulse 1.5s ease-in-out infinite}@keyframes tour-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.tour-heading{font-family:var(--font-display, "Syne", sans-serif);font-size:1.4rem;font-weight:800;color:var(--on-surface, #E6E1E5);text-align:center;margin:0;line-height:1.25}.tour-subtext{font-size:.95rem;color:var(--on-surface-dim, #CAC4D0);text-align:center;margin:0;line-height:1.55}.tour-dots{display:flex;gap:8px;align-items:center}.tour-dot{width:8px;height:8px;border-radius:50%;background:var(--outline-variant, #49454F);transition:background .2s,transform .2s}.tour-dot--active{background:var(--brand-violet, #7C3AED);transform:scale(1.25)}.tour-nav{display:flex;align-items:center;gap:.75rem;width:100%;flex-direction:column}.tour-btn-primary{width:100%;padding:.8rem 1.5rem;background:var(--brand-violet, #7C3AED);color:#fff;border:none;border-radius:var(--radius-md, 10px);font-family:var(--font-display, "Syne", sans-serif);font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.01em;transition:background .15s,transform .1s}.tour-btn-primary:hover{background:var(--brand-violet-deep, #6B21A8)}.tour-btn-primary:active{transform:scale(.98)}.tour-btn-secondary{padding:.6rem 1.2rem;background:var(--surface-high, #2B2930);color:var(--on-surface-dim, #CAC4D0);border:1px solid var(--outline-variant, #49454F);border-radius:var(--radius-md, 10px);font-size:.9rem;cursor:pointer;transition:background .15s}.tour-btn-secondary:hover{background:var(--outline-variant, #49454F)}.tour-skip-link{font-size:.85rem;color:var(--on-surface-dim, #CAC4D0);background:none;border:none;cursor:pointer;padding:.35rem .5rem;text-decoration:underline;text-underline-offset:3px;opacity:.7;transition:opacity .15s}.tour-skip-link:hover{opacity:1}@media(max-width:480px){.tour-card{padding:1.75rem 1.25rem 1.5rem;border-radius:var(--radius-lg, 16px)}.tour-heading{font-size:1.2rem}.tour-visual{height:120px}}.feedback-widget{position:fixed;right:24px;bottom:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.feedback-fab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--brand-violet);color:#fff;border:none;border-radius:999px;font-family:var(--font-display),var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px var(--brand-violet-glow);transition:background .15s ease,transform .1s ease,box-shadow .15s ease;white-space:nowrap}.feedback-fab:hover{background:var(--brand-violet-deep);box-shadow:0 6px 24px var(--brand-violet-glow);transform:translateY(-1px)}.feedback-fab:active{transform:translateY(0)}.feedback-panel{width:320px;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;overflow:hidden;transform:translateY(16px);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.feedback-panel--open{transform:translateY(0);opacity:1;pointer-events:all}.feedback-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--outline-variant)}.feedback-panel__title{margin:0;font-family:var(--font-display),sans-serif;font-size:1rem;font-weight:600;color:var(--on-surface)}.feedback-panel__close{background:none;border:none;color:var(--on-surface-dim);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 var(--space-1);border-radius:var(--radius-sm);transition:color .1s ease}.feedback-panel__close:hover{color:var(--on-surface)}.feedback-panel__form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.feedback-panel__field{display:flex;flex-direction:column;gap:var(--space-1)}.feedback-panel__textarea,.feedback-panel__input{background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);color:var(--on-surface);font-family:var(--font-body);font-size:.875rem;padding:var(--space-3) var(--space-4);resize:vertical;transition:border-color .15s ease;width:100%;box-sizing:border-box}.feedback-panel__textarea:focus,.feedback-panel__input:focus{outline:none;border-color:var(--brand-violet)}.feedback-panel__textarea::placeholder,.feedback-panel__input::placeholder{color:var(--on-surface-dim);opacity:.6}.feedback-panel__char-hint{font-family:var(--font-body);font-size:.75rem;color:var(--on-surface-dim);opacity:.7;align-self:flex-end}.feedback-panel__char-hint--ok{color:var(--brand-violet-bright);opacity:1}.feedback-panel__char-hint--warn{color:var(--warning, #d97706);opacity:1;font-weight:500}.feedback-panel__category-section{display:flex;flex-direction:column;gap:var(--space-2)}.feedback-panel__category-label{font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--on-surface-dim)}.feedback-panel__required{color:var(--error, #e53e3e);margin-left:1px}.feedback-panel__categories{display:flex;flex-wrap:wrap;gap:var(--space-2)}.feedback-pill{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:999px;color:var(--on-surface-dim);font-family:var(--font-body);font-size:.75rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;white-space:nowrap}.feedback-pill:hover{border-color:var(--brand-violet);color:var(--on-surface)}.feedback-pill--active{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.feedback-pill__emoji{font-size:.875rem;line-height:1}.feedback-panel__contact{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:.8125rem;color:var(--on-surface-dim);cursor:pointer}.feedback-panel__contact input[type=checkbox]{accent-color:var(--brand-violet);width:16px;height:16px;cursor:pointer}.feedback-panel__submit{background:var(--brand-violet);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-display),var(--font-body);font-size:.875rem;font-weight:600;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .15s ease,opacity .15s ease;width:100%}.feedback-panel__submit:hover:not(:disabled){background:var(--brand-violet-deep)}.feedback-panel__submit:disabled{opacity:.4;cursor:not-allowed}.feedback-panel__submit--sending{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.feedback-panel__spinner{animation:feedback-spin .7s linear infinite;flex-shrink:0}@keyframes feedback-spin{to{transform:rotate(360deg)}}.feedback-panel__success{padding:var(--space-6) var(--space-5);margin:0;color:var(--brand-violet-bright);font-family:var(--font-body);font-size:.875rem;text-align:center}.feedback-panel__error{margin:0;color:var(--error);font-family:var(--font-body);font-size:.8125rem}.feedback-panel__category-hint{margin:0;color:var(--on-surface-dim);font-family:var(--font-body);font-size:.78rem;font-style:italic;text-align:center}.feedback-panel__category-required{margin:0;color:var(--error);font-family:var(--font-body);font-size:.78rem;font-weight:500;text-align:center}@media(prefers-color-scheme:light){.feedback-widget{--surface: #FFFBFE;--surface-low: #F7F2FA;--on-surface: #1C1B1F;--on-surface-dim: #49454F;--outline-variant: #7A757F;--outline: #49454F;--brand-violet: #6B21A8;--brand-violet-deep: #581C87;--brand-violet-bright: #7C3AED;--brand-violet-glow: #7C3AED33;--warning: #b45309;--error: #b91c1c}}@media(max-width:480px){.feedback-widget{right:12px;bottom:12px}.feedback-panel{width:calc(100vw - 24px);max-width:320px}}:root{--accent-violet: var(--brand-violet);--accent-violet-bright: var(--brand-violet-bright);--accent-violet-dim: rgba(124,58,237,.3)}html.theme-light{--accent-violet: var(--brand-violet);--accent-violet-bright: var(--brand-violet-deep);--accent-violet-dim: rgba(107,33,168,.25)}:root{--adm-bg: var(--stage-bg);--adm-panel: var(--sc);--adm-panel-2: var(--stage-surface);--adm-panel-raised: #211F2E;--adm-border: var(--obs-border);--adm-border-soft: #241F33;--adm-text: var(--on-background, #E6E1E5);--adm-text-dim: var(--on-surface-variant, #CAC4D0);--adm-text-faint: var(--outline);--adm-accent-text: var(--primary);--adm-hover: rgba(255,255,255,.035);--adm-row-hover: rgba(124,58,237,.12);--adm-grid-line: rgba(255,255,255,.022);--adm-shadow: 0 1px 2px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.025);--adm-shadow-pop: 0 18px 50px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.04);--adm-active-bg: rgba(124,58,237,.16);--adm-spark-grid: rgba(255,255,255,.06);--adm-ok: #7BD67F;--adm-ok-bg: rgba(76,175,80,.16);--adm-warn: #FFB74D;--adm-warn-bg: rgba(255,152,0,.16);--adm-danger: var(--error);--adm-danger-bg: rgba(255,180,171,.14)}html.theme-light{--adm-bg: #F1EDF7;--adm-panel: #FFFFFF;--adm-panel-2: #F7F4FC;--adm-panel-raised: #FFFFFF;--adm-border: #E6E0EE;--adm-border-soft: #EEE9F4;--adm-text: #1C1B1F;--adm-text-dim: #5A5468;--adm-text-faint: #8B8598;--adm-accent-text: var(--brand-violet-deep);--adm-hover: rgba(107,33,168,.045);--adm-row-hover: rgba(124,58,237,.06);--adm-grid-line: rgba(60,40,90,.03);--adm-shadow: 0 1px 2px rgba(80,60,110,.08), 0 0 0 1px rgba(60,40,90,.05);--adm-shadow-pop: 0 24px 60px rgba(50,30,80,.18), 0 0 0 1px rgba(60,40,90,.06);--adm-active-bg: rgba(124,58,237,.1);--adm-spark-grid: rgba(60,40,90,.08);--adm-ok: #2E7D32;--adm-ok-bg: rgba(76,175,80,.13);--adm-warn: #B26A00;--adm-warn-bg: rgba(255,152,0,.14);--adm-danger: #B3261E;--adm-danger-bg: rgba(179,38,30,.09)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--adm-bg);color:var(--adm-text);font-family:var(--font-mono);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--adm-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--adm-grid-line) 1px,transparent 1px);background-size:34px 34px}::selection{background:var(--accent-violet);color:#fff}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--adm-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--adm-text-faint)}:focus-visible{outline:none}.adm-app{position:relative;z-index:1;display:grid;grid-template-columns:236px 1fr;height:100vh}.adm-side{background:var(--adm-panel-2);border-right:1px solid var(--adm-border);display:flex;flex-direction:column;gap:4px;padding:18px 14px 14px;overflow-y:auto}html:not(.theme-light) .adm-side{background:var(--sc-lowest)}.adm-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.adm-brand .mark{width:30px;height:30px;border-radius:7px;flex:none}.adm-brand .wm{font-family:var(--font-display);font-size:19px;line-height:1;color:var(--adm-text)}.adm-brand .wm .gig{font-weight:800;letter-spacing:-.035em}.adm-brand .wm .frame{font-weight:500;letter-spacing:.012em}.adm-brand .env{margin-left:auto;font-size:9px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--adm-accent-text);border:1px solid var(--accent-violet-dim);padding:3px 6px;border-radius:var(--r-full)}.adm-nav-group{margin-top:10px}.adm-nav-group .lbl{font-size:9.5px;letter-spacing:2px;text-transform:uppercase;color:var(--adm-text-faint);padding:0 10px;margin:6px 0 4px}.adm-nav{display:flex;flex-direction:column;gap:1px}.adm-nav a{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--adm-text-dim);font-size:13px;letter-spacing:.2px;padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;transition:background .14s,color .14s;position:relative}.adm-nav a svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.adm-nav a:hover{background:var(--adm-hover);color:var(--adm-text)}.adm-nav a.active{background:var(--adm-active-bg);color:var(--adm-accent-text);font-weight:500}.adm-nav a.active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent-violet)}.adm-nav a .count{margin-left:auto;font-size:11px;color:var(--adm-text-faint);background:var(--adm-panel);border:1px solid var(--adm-border);border-radius:var(--r-full);padding:1px 7px}.adm-nav a.active .count{color:var(--adm-accent-text);border-color:var(--accent-violet-dim)}.adm-nav a .count.alert{color:var(--adm-warn);border-color:transparent;background:var(--adm-warn-bg)}.adm-side-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--adm-border);display:flex;align-items:center;gap:10px}.adm-side-foot .av{width:30px;height:30px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--accent-violet),var(--accent-violet-bright));color:#fff;display:grid;place-items:center;font-size:12px;font-weight:500;flex:none}.adm-side-foot .who{line-height:1.3;min-width:0}.adm-side-foot .who .n{font-size:12px;color:var(--adm-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-side-foot .who .r{font-size:10px;color:var(--adm-text-faint);letter-spacing:.5px}.adm-main{display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.adm-top{display:flex;align-items:center;gap:14px;padding:0 26px;height:60px;flex:none;border-bottom:1px solid var(--adm-border);background:color-mix(in srgb,var(--adm-bg) 86%,transparent);backdrop-filter:blur(8px)}.adm-top .crumbs{display:flex;align-items:baseline;gap:9px;font-size:13px;color:var(--adm-text-faint)}.adm-top .crumbs .here{color:var(--adm-text);font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.01em}.adm-top .crumbs .sep{opacity:.5}.adm-top .spacer{flex:1}.adm-topsearch{position:relative;width:280px}.adm-topsearch svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--adm-text-faint);fill:none;stroke-width:1.8}.adm-topsearch input{width:100%;font-family:var(--font-mono);font-size:13px;color:var(--adm-text);background:var(--adm-panel-2);border:1px solid var(--adm-border);border-radius:var(--r-full);padding:9px 14px 9px 36px;outline:none;transition:border-color .15s,box-shadow .15s}.adm-topsearch input::placeholder{color:var(--adm-text-faint)}.adm-topsearch input:focus{border-color:var(--accent-violet-bright);box-shadow:0 0 0 3px #7c3aed33}.adm-topsearch .kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--adm-text-faint);border:1px solid var(--adm-border);border-radius:4px;padding:1px 5px}.adm-iconbtn{width:38px;height:38px;border-radius:var(--r-full);border:1px solid var(--adm-border);background:var(--adm-panel-2);color:var(--adm-text-dim);cursor:pointer;display:grid;place-items:center;transition:all .14s;flex:none}.adm-iconbtn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.adm-iconbtn:hover{color:var(--adm-text);border-color:var(--adm-text-faint)}.adm-iconbtn .dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--accent-violet-bright);border:2px solid var(--adm-bg)}.adm-scroll{flex:1;overflow-y:auto;padding:24px 26px 60px}.adm-page{max-width:1320px;margin:0 auto}.adm-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.adm-pagehead h1{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.02em;margin:0 0 4px;color:var(--adm-text)}.adm-pagehead .sub{font-size:13px;color:var(--adm-text-dim)}.adm-pagehead .actions{display:flex;gap:10px;align-items:center}.btn{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.2px;min-height:38px;padding:0 16px;border-radius:var(--r-sm);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .15s,box-shadow .15s,border-color .15s,color .15s,transform .08s;background:none;color:inherit}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn-primary{background:var(--accent-violet);color:#fff}.btn-primary:hover{background:#8b49f5;box-shadow:0 0 0 4px #7c3aed33}.btn-secondary{border-color:var(--adm-border);color:var(--adm-text);background:var(--adm-panel)}.btn-secondary:hover{border-color:var(--adm-text-faint);background:var(--adm-panel-raised)}.btn-ghost{color:var(--adm-text-dim);padding:0 12px}.btn-ghost:hover{background:var(--adm-hover);color:var(--adm-text)}.btn-danger{background:var(--error-container);color:#fff}html.theme-light .btn-danger{background:#b3261e}.btn-danger:hover{filter:brightness(1.1);box-shadow:0 0 0 4px #ba1a1a2e}.btn-danger-outline{border-color:color-mix(in srgb,var(--adm-danger) 50%,transparent);color:var(--adm-danger)}.btn-danger-outline:hover{background:var(--adm-danger-bg)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-sm{min-height:30px;padding:0 11px;font-size:12px;border-radius:var(--r-xs)}.btn-sm svg{width:14px;height:14px}.adm-seg{display:inline-flex;background:var(--adm-panel-2);border:1px solid var(--adm-border);border-radius:var(--r-full);padding:3px;gap:2px}.adm-seg button{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.3px;color:var(--adm-text-dim);background:none;border:0;padding:6px 13px;border-radius:var(--r-full);cursor:pointer;transition:all .14s}.adm-seg button:hover{color:var(--adm-text)}.adm-seg button.active{background:var(--accent-violet);color:#fff}.adm-card{background:var(--adm-panel);border:1px solid var(--adm-border);border-radius:var(--r-lg);box-shadow:var(--adm-shadow);isolation:isolate}.adm-card-pad{padding:18px}.adm-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--adm-border)}.adm-card-head h3{font-family:var(--font-display);font-weight:600;font-size:15px;margin:0;color:var(--adm-text);letter-spacing:-.01em}.adm-card-head .meta{font-size:11px;color:var(--adm-text-faint);letter-spacing:.3px}.adm-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:14px}.kpi{background:var(--adm-panel);border:1px solid var(--adm-border);border-radius:var(--r-lg);padding:16px 16px 8px;box-shadow:var(--adm-shadow);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:border-color .15s,transform .12s}.kpi:hover{border-color:var(--adm-text-faint)}.kpi .kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi .kpi-label{font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--adm-text-faint);display:flex;align-items:center;gap:7px}.kpi .kpi-label svg{width:14px;height:14px;stroke:var(--adm-text-faint);fill:none;stroke-width:1.7}.kpi .kpi-val{font-family:var(--font-mono);font-weight:500;font-size:30px;letter-spacing:-1.5px;color:var(--adm-text);line-height:1}.kpi .kpi-val .unit{font-size:15px;letter-spacing:0;color:var(--adm-text-dim);margin-left:3px}.kpi .kpi-row2{display:flex;align-items:baseline;gap:10px}.kpi .kpi-spark{margin:0 -2px}.delta{font-size:11.5px;font-weight:500;letter-spacing:.2px;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--r-full);white-space:nowrap}.delta svg{width:11px;height:11px}.delta.up{color:var(--adm-ok);background:var(--adm-ok-bg)}.delta.down{color:var(--adm-danger);background:var(--adm-danger-bg)}.delta.flat{color:var(--adm-text-faint);background:var(--adm-hover)}.delta.up.inverse{color:var(--adm-warn);background:var(--adm-warn-bg)}.pill{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-full);line-height:1.3;white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:50%;flex:none}.pill.active{background:var(--adm-ok-bg);color:var(--adm-ok)}.pill.active .dot{background:var(--sync-locked)}.pill.suspended{background:var(--adm-danger-bg);color:var(--adm-danger)}.pill.suspended .dot{background:var(--sync-error)}.pill.pending{background:var(--adm-warn-bg);color:var(--adm-warn)}.pill.pending .dot{background:var(--sync-pending);animation:blink 1.3s ease-in-out infinite}.pill.erased{background:var(--adm-hover);color:var(--adm-text-faint)}.pill.erased .dot{background:var(--adm-text-faint)}.pill.dormant{background:var(--adm-hover);color:var(--adm-text-dim)}.pill.dormant .dot{background:var(--adm-text-faint)}@keyframes blink{50%{opacity:.3}}.tier{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:var(--r-xs);line-height:1;display:inline-flex}.tier-free{background:var(--adm-hover);color:var(--adm-text-dim);border:1px solid var(--adm-border)}.tier-solo{background:var(--secondary-container, #E8DEF8);color:var(--on-secondary-container, #1D1A2C)}.tier-band{background:var(--primary-container, #EDDCFF);color:var(--on-primary-container, #22005D)}.tier-pro{background:linear-gradient(100deg,var(--brand-violet),var(--accent-violet-bright));color:#fff}html.theme-light .tier-solo{background:#e8def8;color:#1d1a2c}html.theme-light .tier-band{background:#eddcff;color:#22005d}.adm-table-wrap{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:13px}.adm-table thead th{text-align:left;font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--adm-text-faint);padding:10px 14px;border-bottom:1px solid var(--adm-border);white-space:nowrap;position:sticky;top:0;background:var(--adm-panel);z-index:1;cursor:pointer;user-select:none}.adm-table thead th.no-sort{cursor:default}.adm-table thead th .arrow{color:var(--adm-accent-text);margin-left:4px;font-size:9px}.adm-table thead th.num,.adm-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.adm-table tbody td{padding:11px 14px;border-bottom:1px solid var(--adm-border-soft);color:var(--adm-text);vertical-align:middle}.adm-table tbody tr{cursor:pointer;transition:background .12s}.adm-table tbody tr:hover{background:var(--adm-row-hover)}.adm-table tbody tr:last-child td{border-bottom:0}.adm-table.compact tbody td{padding:7px 14px}.adm-table.compact thead th{padding:8px 14px}.cell-user{display:flex;align-items:center;gap:11px}.cell-user .av{width:30px;height:30px;border-radius:var(--r-full);display:grid;place-items:center;font-size:11px;font-weight:500;color:#fff;flex:none}.cell-user .nm{font-weight:500;color:var(--adm-text);line-height:1.3}.cell-user .em{font-size:11px;color:var(--adm-text-faint)}td .mono-dim{color:var(--adm-text-dim);font-variant-numeric:tabular-nums}.row-chevron{color:var(--adm-text-faint)}.adm-table tbody tr:hover .row-chevron{color:var(--adm-accent-text)}.adm-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.adm-search{position:relative;flex:1;min-width:220px;max-width:360px}.adm-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:var(--adm-text-faint);fill:none;stroke-width:1.8}.adm-search input{width:100%;font-family:var(--font-mono);font-size:13px;color:var(--adm-text);background:var(--adm-panel-2);border:1px solid var(--adm-border);border-radius:var(--r-sm);padding:9px 14px 9px 38px;outline:none;transition:border-color .15s,box-shadow .15s}.adm-search input::placeholder{color:var(--adm-text-faint)}.adm-search input:focus{border-color:var(--accent-violet-bright);box-shadow:0 0 0 3px #7c3aed2e}.fchip{font-family:var(--font-mono);font-size:12px;letter-spacing:.2px;min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--adm-border);color:var(--adm-text-dim);background:var(--adm-panel);cursor:pointer;transition:all .14s;user-select:none}.fchip:hover{border-color:var(--adm-text-faint);color:var(--adm-text)}.fchip.on{background:var(--adm-active-bg);border-color:var(--accent-violet-dim);color:var(--adm-accent-text)}.fchip .dot{width:7px;height:7px;border-radius:50%}.fchip svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}.detail-grid{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}@media(max-width:1080px){.detail-grid{grid-template-columns:1fr}}.profile-head{display:flex;flex-direction:column;gap:14px}.profile-head .av{width:64px;height:64px;border-radius:var(--r-lg);display:grid;place-items:center;font-size:24px;font-weight:500;color:#fff;font-family:var(--font-display)}.profile-head .nm{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--adm-text)}.profile-head .em{font-size:13px;color:var(--adm-text-dim)}.kv{display:grid;grid-template-columns:110px 1fr;gap:8px 14px;font-size:13px}.kv dt{color:var(--adm-text-faint);font-size:12px}.kv dd{margin:0;color:var(--adm-text);font-variant-numeric:tabular-nums}.band-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--adm-border-soft)}.band-item:last-child{border-bottom:0}.band-item .ic{width:34px;height:34px;border-radius:var(--r-sm);background:var(--adm-panel-2);border:1px solid var(--adm-border);display:grid;place-items:center;color:var(--adm-accent-text);flex:none}.band-item .ic svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}.band-item .nm{font-weight:500;color:var(--adm-text);font-size:13px}.band-item .mt{font-size:11px;color:var(--adm-text-faint)}.band-item .role{margin-left:auto}.feed{display:flex;flex-direction:column;padding:0 18px}.feed-item{display:grid;grid-template-columns:26px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--adm-border-soft);align-items:start}.feed-item:last-child{border-bottom:0}.feed-item .feed-rail{display:flex;flex-direction:column;align-items:center}.feed-item .node{width:9px;height:9px;border-radius:50%;background:var(--accent-violet);margin-top:4px}.feed-item .node.dim{background:var(--adm-text-faint)}.feed-item .node.warn{background:var(--sync-pending)}.feed-item .node.danger{background:var(--sync-error)}.feed-item .txt{font-size:13px;color:var(--adm-text);line-height:1.5}.feed-item .txt b{font-weight:500}.feed-item .txt .who{color:var(--adm-accent-text)}.feed-item .when{font-size:11px;color:var(--adm-text-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.danger-zone{border:1px solid color-mix(in srgb,var(--adm-danger) 38%,transparent);border-radius:var(--r-lg);background:var(--adm-danger-bg);overflow:hidden}.danger-zone .dz-head{display:flex;align-items:center;gap:9px;padding:13px 18px;border-bottom:1px solid color-mix(in srgb,var(--adm-danger) 30%,transparent)}.danger-zone .dz-head svg{width:17px;height:17px;stroke:var(--adm-danger);fill:none;stroke-width:1.9}.danger-zone .dz-head h3{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--adm-danger);margin:0}.dz-row{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid color-mix(in srgb,var(--adm-danger) 16%,transparent)}.dz-row:last-child{border-bottom:0}.dz-row .dz-txt{flex:1}.dz-row .dz-txt .t{font-size:13px;font-weight:500;color:var(--adm-text)}.dz-row .dz-txt .d{font-size:11.5px;color:var(--adm-text-dim);margin-top:2px;line-height:1.5}.audit-row{display:grid;grid-template-columns:150px 30px 1fr 130px;gap:14px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--adm-border-soft);font-size:13px}.audit-row:hover{background:var(--adm-row-hover)}.audit-row:last-child{border-bottom:0}.audit-row .ts{font-size:11.5px;color:var(--adm-text-faint);font-variant-numeric:tabular-nums}.audit-row .act-ic{width:26px;height:26px;border-radius:var(--r-sm);display:grid;place-items:center}.audit-row .act-ic svg{width:14px;height:14px;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.audit-row .act-ic.neutral{background:var(--adm-hover);color:var(--adm-text-dim)}.audit-row .act-ic.warn{background:var(--adm-warn-bg);color:var(--adm-warn)}.audit-row .act-ic.danger{background:var(--adm-danger-bg);color:var(--adm-danger)}.audit-row .act-ic.ok{background:var(--adm-ok-bg);color:var(--adm-ok)}.audit-row .desc b{font-weight:500}.audit-row .desc .actor{color:var(--adm-accent-text)}.audit-row .desc .tgt{color:var(--adm-text);border-bottom:1px dashed var(--adm-border)}.gdpr-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--adm-border-soft)}.gdpr-item:last-child{border-bottom:0}.gdpr-item .who{display:flex;align-items:center;gap:11px}.gdpr-item .req-type{font-size:11px;color:var(--adm-text-dim);margin-top:3px;display:flex;align-items:center;gap:8px}.gdpr-item .deadline{font-size:11px}.gdpr-item .deadline.soon{color:var(--adm-warn)}.bc-grid{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start}@media(max-width:1080px){.bc-grid{grid-template-columns:1fr}}.field-lbl{font-size:12px;letter-spacing:.3px;color:var(--adm-text-dim);margin-bottom:7px;display:block}.adm-input,.adm-textarea,.adm-select{width:100%;font-family:var(--font-mono);font-size:13.5px;color:var(--adm-text);background:var(--adm-panel-2);border:1px solid var(--adm-border);border-radius:var(--r-sm);padding:11px 13px;outline:none;transition:border-color .15s,box-shadow .15s}.adm-textarea{resize:vertical;min-height:130px;line-height:1.6}.adm-input::placeholder,.adm-textarea::placeholder{color:var(--adm-text-faint)}.adm-input:focus,.adm-textarea:focus,.adm-select:focus{border-color:var(--accent-violet-bright);box-shadow:0 0 0 3px #7c3aed2e}.adm-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23938F99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.target-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--adm-border);border-radius:var(--r-md);cursor:pointer;transition:all .14s;margin-bottom:8px}.target-opt:hover{border-color:var(--adm-text-faint)}.target-opt.sel{border-color:var(--accent-violet);background:var(--adm-active-bg)}.target-opt .radio-d{width:18px;height:18px;border-radius:50%;border:2px solid var(--adm-text-faint);flex:none;display:grid;place-items:center}.target-opt.sel .radio-d{border-color:var(--accent-violet)}.target-opt.sel .radio-d:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent-violet)}.target-opt .t{font-size:13px;font-weight:500;color:var(--adm-text)}.target-opt .d{font-size:11px;color:var(--adm-text-faint);margin-top:2px}.preview-phone{background:var(--stage-bg);border:1px solid var(--adm-border);border-radius:var(--r-lg);padding:16px}.preview-phone .pv-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.preview-phone .pv-head .mk{width:26px;height:26px;border-radius:6px}.preview-phone .pv-head .nm{font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff}.preview-phone .pv-body{font-size:13px;color:var(--on-surface);line-height:1.6;white-space:pre-wrap;word-break:break-word;min-height:40px}.preview-phone .pv-empty{color:#66607a;font-style:italic}.cooldown{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:var(--r-md);background:var(--adm-warn-bg);border:1px solid color-mix(in srgb,var(--adm-warn) 30%,transparent)}.cooldown svg{width:18px;height:18px;stroke:var(--adm-warn);fill:none;stroke-width:1.8;flex:none}.cooldown .t{font-size:12px;color:var(--adm-text);line-height:1.5}.cooldown .t b{color:var(--adm-warn)}.meter{height:5px;border-radius:3px;background:var(--adm-border);overflow:hidden;margin-top:8px}.meter .fill{height:100%;border-radius:3px;background:var(--accent-violet)}.meter .fill.warn{background:var(--sync-pending)}.adm-overlay{position:fixed;inset:0;z-index:60;background:#08060e9e;backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;animation:ovIn .15s ease-out}@keyframes ovIn{0%{opacity:0}}.adm-dialog{width:100%;max-width:460px;background:var(--adm-panel-raised);border:1px solid var(--adm-border);border-radius:var(--r-xl);box-shadow:var(--adm-shadow-pop);padding:22px;display:flex;flex-direction:column;gap:14px;animation:dlgIn .2s var(--ease-out)}@keyframes dlgIn{0%{opacity:0;transform:translateY(10px) scale(.98)}}.adm-dialog.danger{border-color:color-mix(in srgb,var(--adm-danger) 40%,transparent)}.adm-dialog .dlg-ic{width:42px;height:42px;border-radius:var(--r-md);display:grid;place-items:center}.adm-dialog .dlg-ic.danger{background:var(--adm-danger-bg)}.adm-dialog .dlg-ic.danger svg{width:21px;height:21px;stroke:var(--adm-danger);fill:none;stroke-width:1.9}.adm-dialog h4,.adm-dialog h2{font-family:var(--font-display);font-weight:600;font-size:19px;margin:0;color:var(--adm-text);letter-spacing:-.01em}.adm-dialog p{margin:0;font-size:13.5px;color:var(--adm-text-dim);line-height:1.6}.adm-dialog p b{color:var(--adm-text);font-weight:500}.adm-dialog .confirm-note{font-size:12px;color:var(--adm-text-dim)}.adm-dialog .confirm-note code{background:var(--adm-panel-2);border:1px solid var(--adm-border);border-radius:4px;padding:1px 7px;color:var(--adm-danger);font-size:12px}.adm-dialog .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.adm-dialog .adm-dialog-body{font-size:13.5px;color:var(--adm-text-dim);line-height:1.6}.adm-dialog .adm-dialog-error{padding:10px 14px;border-radius:var(--r-sm);background:var(--adm-danger-bg);color:var(--adm-danger);font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;gap:12px}.empty-state .ic{width:54px;height:54px;border-radius:var(--r-lg);background:var(--adm-panel-2);border:1px solid var(--adm-border);display:grid;place-items:center}.empty-state .ic svg{width:24px;height:24px;stroke:var(--adm-text-faint);fill:none;stroke-width:1.6}.empty-state h3{font-family:var(--font-display);font-weight:600;font-size:16px;margin:0;color:var(--adm-text)}.empty-state p{margin:0;font-size:13px;color:var(--adm-text-dim);max-width:340px;line-height:1.6}.skel{background:linear-gradient(100deg,var(--adm-panel-2) 30%,var(--adm-hover) 50%,var(--adm-panel-2) 70%);background-size:200% 100%;border-radius:var(--r-sm);animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.skel-line{height:12px;border-radius:4px}.muted{color:var(--adm-text-faint)}.row-spread{display:flex;align-items:center;justify-content:space-between;gap:14px}.stack{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flx{display:flex;align-items:center}.tnum{font-variant-numeric:tabular-nums}.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:900px){.cards-2{grid-template-columns:1fr}}.attn-ic{width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none}.attn-ic svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.attn-ic.warn{background:var(--adm-warn-bg);color:var(--adm-warn)}.attn-ic.danger{background:var(--adm-danger-bg);color:var(--adm-danger)}html.density-comfortable .adm-table.compact tbody td{padding:12px 16px}html.density-comfortable .adm-table.compact thead th{padding:11px 16px}html.density-comfortable .adm-table tbody td{padding:14px 16px}html.density-comfortable .audit-row{padding:13px 16px}html.density-comfortable .gdpr-item{padding:17px 18px}html.density-comfortable .kpi{padding:19px 19px 11px}html.density-comfortable .dz-row{padding:17px 18px}.admin-health-pill{display:inline-block;margin:8px 0 12px;padding:4px 10px;border-radius:var(--r-full);font-size:.75rem;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}.admin-health-pill--ok{background:var(--adm-ok-bg);color:var(--adm-ok);border:1px solid rgba(76,175,80,.4)}.admin-health-pill--offline{background:var(--adm-danger-bg);color:var(--adm-danger);border:1px solid rgba(179,38,30,.4)}.admin-health-pill--stale{background:var(--adm-warn-bg);color:var(--adm-warn);border:1px solid rgba(255,152,0,.4)}.admin-health-pill:before{content:"● "}.admin-badge--stuck{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:var(--r-full);background:var(--adm-danger-bg);color:var(--adm-danger);font-size:.65rem;font-weight:500;letter-spacing:.04em}.ai-import-banner{margin:12px 0;padding:12px 16px;border-radius:var(--r-sm);font-size:.9rem;line-height:1.4}.ai-import-banner--down{background:var(--adm-danger-bg);color:var(--adm-danger);border:1px solid rgba(179,38,30,.4)}.ai-import-banner--down a{color:var(--adm-danger);text-decoration:underline;font-weight:600}.ai-import-banner--degraded{background:var(--adm-warn-bg);color:var(--adm-warn);border:1px solid rgba(255,152,0,.4)}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-bar{position:fixed;bottom:10px;left:12px;right:calc(12px + var(--app-scrollbar-width, 0px));height:36px;z-index:900;background:var(--surface-low, #161320);border:1px solid var(--outline-variant, #49454F);border-radius:8px;box-shadow:0 2px 8px #0006;display:flex;align-items:center;overflow:hidden}.ticker-track-wrap{flex:1;overflow:hidden;height:100%;display:flex;align-items:center;cursor:default}.ticker-track-wrap:hover .ticker-track,.ticker-track-wrap:focus-within .ticker-track{animation-play-state:paused}.ticker-track{display:flex;align-items:center;white-space:nowrap;animation:ticker-scroll linear infinite;animation-play-state:running}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important}.ticker-track-wrap{overflow-x:auto;scrollbar-width:none}.ticker-track-wrap::-webkit-scrollbar{display:none}}.ticker-item{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono, monospace);font-size:.78rem;color:var(--on-surface-dim, #CAC4D0);letter-spacing:.01em}.ticker-sep{display:inline-block;margin:0 16px;color:var(--brand-violet, #7C3AED);font-size:.7rem;opacity:.8}.ticker-cta{display:inline-flex;align-items:center;padding:1px 8px;background:var(--brand-violet, #7C3AED);color:#fff;font-family:var(--font-mono, monospace);font-size:.72rem;font-weight:600;border-radius:var(--r-full, 999px);text-decoration:none;border:none;cursor:pointer;transition:background .15s ease;white-space:nowrap}.ticker-cta:hover{background:var(--brand-violet-deep, #6B21A8)}.ticker-dismiss{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-left:1px solid var(--outline-variant, #49454F);color:var(--on-surface-dim, #CAC4D0);font-size:1rem;cursor:pointer;transition:color .15s ease,background .15s ease}.ticker-dismiss:hover{color:var(--on-surface, #E6E1E5);background:var(--surface-high, #2B2930)}.band-switcher{position:relative;margin-right:var(--space-3)}.band-switcher__trigger{display:flex;align-items:center;gap:var(--space-2);padding:.3rem .6rem;background:var(--surface-high);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);cursor:pointer;font-size:.8rem;font-family:var(--font-body);transition:border-color .15s}.band-switcher__trigger:hover{border-color:var(--brand-violet)}.band-switcher__trigger--single{cursor:default}.band-switcher__trigger--single:hover{border-color:var(--outline-variant)}.band-switcher__arrow{font-size:.6rem;opacity:.6;transition:transform .15s}.band-switcher--open .band-switcher__arrow{transform:rotate(180deg)}.band-switcher__dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006;z-index:1000;overflow:hidden}.band-switcher__item{display:flex;align-items:center;gap:var(--space-2);padding:.5rem .75rem;color:var(--on-surface-dim);cursor:pointer;font-size:.8rem;border-left:3px solid transparent;transition:background .1s,border-color .1s}.band-switcher__item:hover{background:var(--surface-high);color:var(--on-surface)}.band-switcher__item--active{border-left-color:var(--brand-violet);color:var(--on-surface);background:var(--surface-high)}.tier-badge{display:inline-block;padding:.1rem .4rem;border-radius:9999px;font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.tier-badge--free{background:#6b728020;color:#6b7280}.tier-badge--solo{background:#0284c720;color:#0284c7}.tier-badge--band{background:color-mix(in srgb,var(--brand-violet) 12%,transparent);color:var(--brand-violet-bright)}.tier-badge--pro{background:#f59e0b20;color:var(--warning)}.founding-badge{display:inline-block;background:#6c63ff2e;color:#6c63ff;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-left:6px}.role-badge{display:inline-block;padding:.1rem .4rem;border-radius:9999px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-badge--admin{background:color-mix(in srgb,var(--brand-violet) 12%,transparent);color:var(--brand-violet-bright)}.role-badge--member{background:var(--surface-high);color:var(--on-surface-dim)}.nav-gear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--on-surface-dim, #9999b3);text-decoration:none;transition:color .15s,background .15s}.nav-gear:hover,.nav-gear.active{color:var(--on-surface);background:var(--surface-high)}.band-mgmt{max-width:800px;margin:0 auto;padding:var(--space-6) var(--space-4)}.band-mgmt h1{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--on-surface);margin-bottom:var(--space-6)}.band-mgmt__section{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5)}.band-mgmt__section h2{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--on-surface);margin-bottom:var(--space-4)}.band-mgmt__profile-row{display:flex;align-items:center;gap:var(--space-3);color:var(--on-surface-dim);font-size:.85rem}.band-mgmt__profile-row strong{color:var(--on-surface)}.band-mgmt__band-list{display:flex;flex-direction:column;gap:var(--space-3)}.band-mgmt__band-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,background .15s}.band-mgmt__band-card:hover,.band-mgmt__band-card--active{border-color:var(--brand-violet);background:var(--surface)}.band-mgmt__band-info{flex:1;min-width:0}.band-mgmt__band-name{font-weight:600;color:var(--on-surface);font-size:.9rem}.band-mgmt__band-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:2px;font-size:.75rem;color:var(--on-surface-dim)}.band-mgmt__detail{margin-top:var(--space-4);padding:var(--space-4);background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm)}.band-mgmt__detail h3{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--on-surface);margin-bottom:var(--space-3)}.band-mgmt__detail-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:.85rem;color:var(--on-surface-dim)}.band-mgmt__detail-row label{font-weight:600;color:var(--outline);min-width:80px}.band-mgmt__members{margin-top:var(--space-4)}.band-mgmt__members h3{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--on-surface);margin-bottom:var(--space-3)}.band-mgmt__member-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--outline-variant);font-size:.8rem;color:var(--on-surface-dim)}.band-mgmt__member-row:last-child{border-bottom:none}.band-mgmt__member-name{flex:1;color:var(--on-surface);font-weight:500}.band-mgmt__member-email{flex:1;color:var(--outline)}.invite-link-box{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.invite-link-box input{flex:1;padding:.4rem .6rem;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);font-size:.8rem;font-family:var(--font-mono)}.invite-link-box button{padding:.4rem .75rem;background:var(--brand-violet);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.8rem;cursor:pointer;white-space:nowrap}.invite-link-box button:hover{background:var(--brand-violet-deep)}.band-mgmt__name-edit{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.band-mgmt__name-edit input{flex:1;padding:.4rem .6rem;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);font-size:.85rem;font-family:var(--font-body)}.band-mgmt__name-edit button{padding:.4rem .75rem;background:var(--brand-violet);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.8rem;cursor:pointer}.band-mgmt__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.band-mgmt__btn{padding:.4rem .75rem;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:transparent;color:var(--on-surface-dim);font-size:.8rem;cursor:pointer;transition:background .15s,color .15s}.band-mgmt__btn:hover{background:var(--surface-high);color:var(--on-surface)}.band-mgmt__btn--danger{border-color:var(--error-container);color:var(--error)}.band-mgmt__btn--danger:hover{background:var(--error-container);color:#fff}.band-mgmt__btn--primary{background:var(--brand-violet);border-color:var(--brand-violet);color:#fff}.band-mgmt__btn--primary:hover{background:var(--brand-violet-deep)}.band-mgmt__btn:disabled{opacity:.5;cursor:not-allowed}.band-mgmt__upgrade-cta{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-high);border:1px dashed var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface-dim);font-size:.8rem;text-align:center}.role-badge--co-admin{background:color-mix(in srgb,var(--brand-violet-deep) 12%,transparent);color:var(--brand-violet-bright)}.band-mgmt__modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-4)}.band-mgmt__modal{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-6);width:100%;max-width:480px;box-shadow:0 20px 60px #00000080}.band-mgmt__modal h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--on-surface);margin-bottom:var(--space-4)}.band-mgmt__modal p{color:var(--on-surface-dim);font-size:.85rem;margin-bottom:var(--space-4);line-height:1.5}.band-mgmt__modal input[type=text]{width:100%;box-sizing:border-box;padding:.5rem .75rem;background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);font-size:.9rem;font-family:var(--font-body);margin-bottom:var(--space-3)}.band-mgmt__modal input[type=text]:focus{outline:none;border-color:var(--brand-violet)}.band-mgmt__modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.band-mgmt__type-selector{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.band-mgmt__type-card{flex:1;min-width:120px;padding:var(--space-3);background:var(--surface-low);border:2px solid var(--outline-variant);border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--on-surface-dim);transition:border-color .15s,background .15s;font-family:var(--font-body);font-size:.85rem}.band-mgmt__type-card:hover{border-color:var(--brand-violet);background:var(--surface)}.band-mgmt__type-card--selected{border-color:var(--brand-violet);background:var(--surface);color:var(--on-surface)}.band-mgmt__type-card strong{display:block;color:var(--on-surface);margin-bottom:2px}.band-mgmt__danger-zone{margin-top:var(--space-6);padding:var(--space-4);border:1px dashed var(--error-container);border-radius:var(--radius-sm)}.band-mgmt__danger-zone h4{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--error);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.08em}.band-mgmt__invite-section{margin-top:var(--space-5)}.band-mgmt__invite-section h3{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--on-surface);margin-bottom:var(--space-3)}.band-mgmt__invite-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.band-mgmt__invite-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);font-size:.8rem;color:var(--on-surface-dim)}.band-mgmt__invite-meta{flex:1;display:flex;flex-direction:column;gap:2px}.band-mgmt__invite-meta span{font-size:.75rem}.band-mgmt__confirm-input{width:100%;box-sizing:border-box;padding:.5rem .75rem;background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);font-size:.9rem;font-family:var(--font-mono);margin-bottom:var(--space-3)}.band-mgmt__confirm-input:focus{outline:none;border-color:var(--error)}.band-mgmt__role-select{padding:.2rem .4rem;background:var(--surface-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--on-surface);font-size:.75rem;font-family:var(--font-body);cursor:pointer}.band-mgmt__role-select:focus{outline:none;border-color:var(--brand-violet)}.band-mgmt__member-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.band-mgmt__member-remove{padding:.2rem .5rem;background:transparent;border:1px solid var(--error-container);border-radius:var(--radius-sm);color:var(--error);font-size:.7rem;cursor:pointer;white-space:nowrap;transition:background .15s}.band-mgmt__member-remove:hover{background:var(--error-container);color:#fff}.band-mgmt__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.band-mgmt__section-header h2{margin-bottom:0}.band-mgmt__bands-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.band-mgmt__bands-header h2{margin-bottom:0}.band-mgmt__inline-error{color:var(--error);font-size:.8rem;margin-top:var(--space-2)}.band-mgmt__inline-info{color:var(--on-surface-dim);font-size:.8rem;font-style:italic}.profile-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-chip{padding:.3rem .7rem;border:1px solid var(--outline-variant);border-radius:9999px;background:var(--surface-low);color:var(--on-surface-dim);font-size:.8rem;font-family:var(--font-body);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.profile-chip:hover:not(:disabled){border-color:var(--brand-violet);color:var(--on-surface)}.profile-chip--active{background:color-mix(in srgb,var(--brand-violet) 14%,transparent);border-color:var(--brand-violet);color:var(--brand-violet-bright)}.profile-chip:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.band-mgmt{padding:var(--space-4) var(--space-3)}.band-mgmt__profile-row{flex-direction:column;align-items:flex-start}.band-mgmt__member-row{flex-wrap:wrap}.band-mgmt__member-email{flex-basis:100%;margin-top:2px}.invite-link-box{flex-direction:column}}.analytics-page{max-width:960px;margin:0 auto;padding:24px 16px}.analytics-page h1{font-size:1.5rem;font-weight:500;margin:0 0 20px;color:var(--text-primary, #111827)}.analytics-upgrade-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;max-width:480px;margin:80px auto;padding:48px 24px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;text-align:center}.analytics-upgrade-overlay h2{font-size:1.5rem;font-weight:500;margin:16px 0 8px;color:#111827}.analytics-upgrade-overlay p{color:#4b5563;max-width:480px;line-height:1.6;margin:0 0 24px}.analytics-upgrade-overlay__icon{color:var(--primary, #7C3AED)}.analytics-upgrade-overlay__sub{font-size:.8rem;color:#9ca3af;margin-top:12px;margin-bottom:0}.analytics-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014;margin-bottom:16px;overflow:hidden}.analytics-card__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;user-select:none;background:#fff;border:none;width:100%;text-align:left;gap:8px}.analytics-card__header:hover{background:#fafafa}.analytics-card__title{font-weight:600;font-size:1rem;color:#111827}.analytics-card__chevron{display:inline-block;font-size:.875rem;color:#6b7280;transition:transform .2s ease;transform:rotate(90deg)}.analytics-card--collapsed .analytics-card__chevron{transform:rotate(0)}.analytics-card__body{padding:0 16px 16px}.analytics-card--collapsed .analytics-card__body{display:none}.analytics-table{width:100%;border-collapse:collapse;font-size:.875rem}.analytics-table th{text-align:left;padding:8px;border-bottom:2px solid var(--border-color, #e5e7eb);font-weight:600;color:#374151;white-space:nowrap}.analytics-table td{padding:8px;border-bottom:1px solid var(--border-color, #e5e7eb);color:#374151;vertical-align:middle}.analytics-table tr:last-child td{border-bottom:none}.analytics-table td a{color:var(--primary, #7C3AED);text-decoration:none;cursor:pointer}.analytics-table td a:hover{text-decoration:underline}.analytics-empty-state{padding:32px 0;text-align:center;color:#6b7280;font-size:.875rem;line-height:1.6}.analytics-tabs{display:flex;flex-direction:row;gap:0;margin-bottom:12px;border-bottom:1px solid #e5e7eb}.analytics-tab{padding:8px 16px;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;color:#6b7280;margin-bottom:-1px;transition:color .15s,border-color .15s}.analytics-tab:hover{color:#374151}.analytics-tab--active{border-bottom:2px solid var(--primary, #7C3AED);color:var(--primary, #7C3AED);font-weight:600}.analytics-pagination{display:flex;flex-direction:row;align-items:center;gap:12px;margin-top:12px;font-size:.875rem;color:#6b7280}.analytics-pagination button{padding:4px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;font-size:.875rem;cursor:pointer;color:#374151}.analytics-pagination button:disabled{opacity:.4;cursor:not-allowed}.analytics-pagination button:not(:disabled):hover{background:#f9fafb}.analytics-mode-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.analytics-mode-badge--performance{background:#ede9fe;color:#6d28d9}.analytics-mode-badge--rehearsal{background:#fef3c7;color:#92400e}.analytics-placeholder-text{color:#9ca3af;font-style:italic;padding:24px;text-align:center;margin:0}.analytics-card-placeholder{padding:32px;text-align:center;color:#9ca3af;font-style:italic}.analytics-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.875rem}.analytics-filter-bar label{color:#6b7280;white-space:nowrap}.analytics-filter-bar select{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;color:#374151;background:#fff;cursor:pointer}@keyframes analytics-pulse{0%,to{opacity:1}50%{opacity:.4}}.analytics-skeleton{background:#e5e7eb;border-radius:4px;animation:analytics-pulse 1.5s ease-in-out infinite;height:16px;margin:8px 0}.analytics-skeleton-row{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6}.analytics-skeleton-row .analytics-skeleton:nth-child(1){flex:2}.analytics-skeleton-row .analytics-skeleton:nth-child(2){flex:3}.analytics-skeleton-row .analytics-skeleton:nth-child(3){flex:1}.rvp-chart{display:flex;flex-direction:column;gap:6px;padding:8px 0}.rvp-row{display:grid;grid-template-columns:180px 200px 80px;align-items:center;gap:8px;padding:4px 0}.rvp-row--drilled{border-left:3px solid #f59e0b;padding-left:4px}.rvp-row--unrehearsed{border-left:3px solid #0d9488;padding-left:4px}.rvp-row__label{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}.rvp-row__bars{display:flex;height:14px;border-radius:3px;overflow:hidden}.rvp-bar{height:100%;min-width:0}.rvp-bar--rehearsal{background:var(--brand-violet)}.rvp-bar--performance{background:#0d9488}.rvp-row__counts{font-size:.75rem;color:#6b7280;white-space:nowrap}.rvp-legend{display:flex;gap:16px;margin-top:8px;font-size:.75rem;color:#6b7280;align-items:center}.rvp-sort-buttons{display:flex;gap:4px;margin-bottom:12px}.retro-row{padding:12px 0;border-bottom:1px solid #f3f4f6}.retro-row:last-child{border-bottom:none}.retro-row__date{font-size:.8rem;color:#6b7280;margin-bottom:4px}.retro-row textarea{width:100%;resize:vertical;min-height:60px;padding:8px;border-radius:6px;border:1px solid #d1d5db;font-size:.875rem;font-family:inherit;background:#fff;box-sizing:border-box;color:#374151}.retro-row textarea:focus{outline:none;border-color:var(--brand-violet);box-shadow:0 0 0 2px #7c3aed26}.retro-row textarea[disabled],.retro-row textarea[readonly]{background:#f9fafb;color:#6b7280;cursor:not-allowed}.retro-row textarea.retro-row__textarea--saving{background:#f3f4f6}.calendar-page{max-width:860px;margin:0 auto;padding:24px 16px}.calendar-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.calendar-page__title{font-size:1.5rem;font-weight:500;margin:0;color:var(--text-1, #111827)}.calendar-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 16px;text-align:center;color:var(--text-2, #6b7280)}.calendar-empty-state__icon{color:var(--outline, #9ca3af)}.calendar-empty-state__text{font-size:1rem;margin:0}.calendar-error{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #b91c1c);border:1px solid var(--color-danger-border, #fecaca);border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:.875rem}.calendar-list{display:flex;flex-direction:column;gap:24px}.calendar-day-group__header{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2, #6b7280);padding-bottom:8px;border-bottom:1px solid var(--border, #e5e7eb);margin-bottom:10px}.calendar-day-group__events{display:flex;flex-direction:column;gap:8px}.calendar-event-card{background:var(--surface-1, #fff);border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:4px;transition:box-shadow .15s ease,border-color .15s ease}.calendar-event-card--clickable{cursor:pointer;user-select:none}.calendar-event-card--clickable:hover{box-shadow:0 2px 8px #00000014;border-color:var(--color-purple, #6d28d9)}.calendar-event-card--clickable:focus-visible{outline:2px solid var(--color-purple, #6d28d9);outline-offset:2px}.calendar-event-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calendar-event-card__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.calendar-event-card__time{font-size:.8125rem;color:var(--text-2, #6b7280);font-variant-numeric:tabular-nums}.calendar-event-card__title{font-size:.9375rem;font-weight:600;color:var(--text-1, #111827)}.calendar-event-card__location{font-size:.8125rem;color:var(--text-2, #6b7280);display:flex;align-items:center;gap:4px}.calendar-upgrade-backdrop{position:fixed;inset:0;background:#0006;z-index:900;display:flex;align-items:center;justify-content:center;padding:24px}.calendar-upgrade-inner{position:relative;max-width:400px;width:100%}.calendar-upgrade-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:4px 8px;line-height:1;opacity:.8}.calendar-upgrade-close:hover{opacity:1}.calendar-upgrade-overlay{background:var(--surface-1, #fff);border-radius:12px;padding:40px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.calendar-upgrade-overlay__icon{color:var(--color-purple, #6d28d9)}.calendar-upgrade-overlay h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-1, #111827)}.calendar-upgrade-overlay p{font-size:.875rem;color:var(--text-2, #6b7280);margin:0;line-height:1.5}.calendar-modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.calendar-modal{background:var(--surface-1, #fff);border-radius:12px;box-shadow:0 8px 32px #0000002e;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.calendar-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;flex-shrink:0}.calendar-modal__title{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-1, #111827)}.calendar-modal__close{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-2, #6b7280);font-size:1rem;line-height:1;border-radius:4px}.calendar-modal__close:hover{color:var(--text-1, #111827);background:var(--surface-2, #f3f4f6)}.calendar-modal__body{padding:16px 24px 24px;display:flex;flex-direction:column;gap:14px}.calendar-modal__error{background:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #b91c1c);border:1px solid var(--color-danger-border, #fecaca);border-radius:6px;padding:10px 14px;font-size:.875rem}.calendar-field{display:flex;flex-direction:column;gap:5px}.calendar-field__label{font-size:.8125rem;font-weight:500;color:var(--text-1, #374151)}.calendar-input{width:100%;padding:8px 10px;border:1px solid var(--border, #d1d5db);border-radius:6px;font-size:.9rem;color:var(--text-1, #111827);background:var(--surface-1, #fff);box-sizing:border-box;transition:border-color .15s ease;font-family:inherit}.calendar-input:focus{outline:none;border-color:var(--color-purple, #6d28d9);box-shadow:0 0 0 2px #6d28d91f}.calendar-input--textarea{resize:vertical;min-height:72px}.calendar-type-toggle{display:flex;gap:8px}.calendar-type-option{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1.5px solid var(--border, #d1d5db);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .12s ease;background:var(--surface-1, #fff);color:var(--text-2, #6b7280);user-select:none}.calendar-type-option input[type=radio]{display:none}.calendar-type-option--active{border-color:var(--color-purple, #6d28d9);background:var(--color-purple-bg, #f5f3ff);color:var(--color-purple, #6d28d9)}.calendar-type-option:hover:not(.calendar-type-option--active){border-color:var(--color-purple-muted, #a78bfa);background:var(--surface-2, #f9fafb)}.calendar-modal__actions{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:4px}.calendar-modal__delete-zone{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calendar-modal__delete-confirm-label{font-size:.8125rem;color:var(--color-danger, #b91c1c);font-weight:500}.calendar-modal__primary-actions{display:flex;gap:8px;margin-left:auto}.btn-danger{background:var(--color-danger, #dc2626);color:#fff;border:none;border-radius:6px;padding:7px 14px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s ease}.btn-danger:hover:not(:disabled){opacity:.88}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline{background:transparent;color:var(--color-danger, #dc2626);border:1.5px solid var(--color-danger, #dc2626);border-radius:6px;padding:6px 13px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .12s ease}.btn-danger-outline:hover:not(:disabled){background:var(--color-danger-bg, #fef2f2)}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-body);background:var(--surface-lowest);color:var(--on-surface)}#app{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.page.loading{display:flex;align-items:center;justify-content:center;color:var(--on-surface-dim)}h1{font-size:1.75rem;font-weight:600;margin:0 0 1rem;color:var(--on-surface)}h2{font-size:1.25rem;font-weight:500;margin:0 0 .75rem;color:var(--on-surface-dim)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.btn-primary{background:linear-gradient(135deg,var(--brand-violet),var(--brand-violet-deep));color:#fff;box-shadow:0 0 12px var(--brand-violet-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-violet-bright),var(--brand-violet))}.btn-secondary{background:var(--surface-high);color:var(--on-surface-dim);border:1px solid var(--outline-variant)}.btn-secondary:hover{background:var(--surface)}.navbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--surface-lowestCC, color-mix(in srgb, var(--surface-lowest) 80%, transparent));border-bottom:1px solid var(--outline-variant);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.app-navbar{position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--primary);letter-spacing:-.02em;flex-shrink:0}.navbar-brand img,.navbar-brand svg{height:28px;width:auto}.nav-links{display:flex;align-items:center;gap:.25rem;flex:1;padding-left:1rem}.nav-link{padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--outline);text-decoration:none;transition:color .15s,background .15s}.nav-link:hover,.nav-link.active{color:var(--on-surface);background:var(--surface-high)}.nav-user{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-user-name{font-size:.8rem;color:var(--outline);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-signout{padding:.3rem .75rem;font-size:.8rem}.app-shell{display:flex;flex-direction:row;height:100vh;min-height:0}.rail{width:220px;flex-shrink:0;background:var(--surface-low);border-right:1px solid var(--outline-variant);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}.app-main{flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.rail-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--outline);text-decoration:none;transition:color .15s,background .15s}.rail-item:hover,.rail-item.active{color:var(--on-surface);background:var(--surface-high)}.rail-brand{padding:1rem;border-bottom:1px solid var(--outline-variant);flex-shrink:0}.rail-brand a{display:block;line-height:0}.rail-brand__link{display:flex;align-items:center;gap:.5rem;line-height:1!important;text-decoration:none}.rail-brand__wordmark{font-family:var(--font-display, "Syne", sans-serif);font-size:1.125rem;letter-spacing:-.02em;color:var(--on-surface);line-height:1}.rail-brand__wordmark strong{font-weight:800}.rail-switcher{padding:.5rem .75rem;border-bottom:1px solid var(--outline-variant);flex-shrink:0}.rail-switcher .band-switcher{margin-right:0;width:100%}.rail-switcher .band-switcher__trigger{width:100%;box-sizing:border-box}.rail-nav{flex:1;min-height:0;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.125rem}.rail-group-label{font-size:.7rem;font-weight:600;color:var(--primary-dim);text-transform:uppercase;letter-spacing:.08em;padding:1.375rem 1rem .25rem;border-top:1px solid var(--outline-variant);margin-top:.25rem}.rail-nav>.rail-group-label:first-child{border-top:none;margin-top:0;padding-top:.75rem}.rail-footer{flex-shrink:0;padding:.75rem;border-top:1px solid var(--outline-variant);display:flex;flex-direction:column;gap:.5rem}.upgrade-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.upgrade-card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:2rem;max-width:420px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.upgrade-icon{font-size:2.5rem}.upgrade-title{font-size:1.25rem;font-weight:600;color:var(--on-surface);margin:0}.upgrade-message{font-size:.9rem;color:var(--on-surface-dim);margin:0}.upgrade-sub{font-size:.875rem;color:var(--outline);margin:0}.upgrade-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.upgrade-cta{min-width:140px}.card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:1rem;margin-bottom:.75rem}.import-page{max-width:800px;min-height:420px}.import-credit-info{color:var(--outline);font-size:.9rem;margin-bottom:1.5rem}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media(min-width:600px){.source-grid{grid-template-columns:repeat(3,1fr)}}.source-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1rem;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s;user-select:none}.source-tile:hover{border-color:var(--brand-violet);background:var(--surface-low)}.source-tile:focus{outline:2px solid var(--brand-violet);outline-offset:2px}.source-tile-icon{font-size:2rem}.source-tile-label{font-size:.875rem;font-weight:500;color:var(--on-surface-dim)}.source-tile--disabled{opacity:.6;cursor:not-allowed}.source-tile--disabled:hover{border-color:var(--outline-variant);background:var(--surface)}.coming-soon-badge{position:absolute;top:.5rem;right:.5rem;background:var(--warning);color:#fff;font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;letter-spacing:.03em;text-transform:uppercase}.import-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:var(--outline);background:var(--surface);border-radius:var(--radius-lg, 8px);min-height:200px}.import-spinner{width:40px;height:40px;border:3px solid var(--outline-variant);border-top-color:var(--brand-violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.clipboard-fallback{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:1rem;margin-top:.5rem}.clipboard-fallback p{margin:0 0 .75rem;color:var(--outline);font-size:.875rem}.clipboard-input-row{display:flex;gap:.5rem}.clipboard-text-input{flex:1;background:var(--surface-high);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--on-surface);font-size:.875rem}.clipboard-text-input:focus{outline:2px solid var(--brand-violet);outline-offset:-1px}.coming-soon-info{color:var(--warning);font-size:.875rem;margin-top:.5rem}.credit-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;background:var(--surface-low);border:1px solid var(--brand-violet);border-radius:12px;font-size:.75rem;font-weight:500;color:var(--primary);white-space:nowrap}.credit-badge--empty{background:#2e1f1f;border-color:#a04040;color:#f99}.import-report{max-width:760px}.report-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.report-header h1{margin:0}.report-meta{margin-bottom:1.5rem}.report-filename{font-weight:500;color:var(--on-surface);margin:0 0 .25rem;word-break:break-all}.report-details,.report-count{font-size:.875rem;color:var(--outline);margin:0}.report-count{margin-top:.25rem}.report-elements{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.report-element{display:grid;grid-template-columns:70px 1fr auto auto;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md)}.element-type{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--outline);letter-spacing:.04em}.element-value{font-size:.9rem;color:var(--on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confidence-bar{width:80px;height:8px;background:var(--outline-variant);border-radius:4px;overflow:hidden}.confidence-fill{height:100%;border-radius:4px;transition:width .3s ease}.confidence--high .confidence-fill{background:var(--sync-locked)}.confidence--medium .confidence-fill{background:var(--warning)}.confidence--low .confidence-fill{background:var(--error)}.confidence-pct{font-size:.8rem;font-weight:500;width:36px;text-align:right}.confidence--high .confidence-pct{color:var(--sync-locked)}.confidence--medium .confidence-pct{color:var(--warning)}.confidence--low .confidence-pct{color:var(--error)}.report-actions{display:flex;gap:.75rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}