:root{--bg: #F2EEEC;--panel: #FFFFFF;--ink: #1A1A1A;--muted: #4A4A4A;--accent: #C72A2A;--accent-dark: #9E2020;--accent-glow: rgba(199, 42, 42, .22);--silver: #B0B5B9;--violet: #6A0DAD;--line: #DEDCDA;--danger: #B22020;--surface-soft: #F7F4F2;--surface-elevated: #FFFFFF;--accent-soft: #FAE8E8;--danger-soft: #FAE8E8;--badge-neutral-bg: #EBEBEB;--badge-neutral-ink: #4A4A4A;--bg-shell: radial-gradient(ellipse at 0% 0%, rgba(199,42,42,.12) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(106,13,173,.08) 0%, transparent 50%), #F2EEEC;--hero-bg: linear-gradient(100deg, #FFFFFF 0 56%, transparent 56% 100%), linear-gradient(148deg, #C72A2A 0 20%, transparent 20% 100%), #EDE9E6;--login-bg: linear-gradient(128deg, #FFFFFF 0 50%, transparent 50% 100%), linear-gradient(38deg, #C72A2A 0 20%, transparent 20% 100%), #EDE9E6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(26,26,26,.1), 0 1px 2px rgba(26,26,26,.06);--shadow-md: 0 4px 12px rgba(26,26,26,.12), 0 2px 4px rgba(26,26,26,.07);--shadow-lg: 0 8px 32px rgba(26,26,26,.16), 0 4px 12px rgba(26,26,26,.1);--transition: .15s ease}:root[data-theme=dark]{--bg: #111111;--panel: #1A1A1A;--ink: #E8E5E3;--muted: #B0B5B9;--accent: #C72A2A;--accent-dark: #9E2020;--accent-glow: rgba(199, 42, 42, .3);--silver: #B0B5B9;--violet: #8B2BE2;--line: #2E2E2E;--danger: #E85252;--surface-soft: #1E1E1E;--surface-elevated: #242424;--accent-soft: #3D1515;--danger-soft: #3D1515;--badge-neutral-bg: #2E2E2E;--badge-neutral-ink: #B0B5B9;--bg-shell: radial-gradient(ellipse at 0% 0%, rgba(199,42,42,.15) 0%, transparent 45%), radial-gradient(ellipse at 100% 100%, rgba(106,13,173,.12) 0%, transparent 40%), #111111;--hero-bg: linear-gradient(100deg, #1F1F1F 0 56%, transparent 56% 100%), linear-gradient(148deg, #7A1A1A 0 20%, transparent 20% 100%), #161616;--login-bg: linear-gradient(128deg, #1E1E1E 0 50%, transparent 50% 100%), linear-gradient(38deg, #6E1A1A 0 20%, transparent 20% 100%), #141414;--shadow-sm: 0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.45), 0 2px 4px rgba(0,0,0,.25);--shadow-lg: 0 8px 32px rgba(0,0,0,.6), 0 4px 12px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;font-family:Barlow,sans-serif;font-size:15px;line-height:1.5;color:var(--ink);background:var(--bg-shell);min-height:100vh}h1,h2,h3,h4{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;margin:0;letter-spacing:-.01em}h1{font-size:2rem}h2{font-size:1.45rem}h3{font-size:1.15rem}h4{font-size:.95rem}button,input,select,textarea{font:inherit}button{border:0;background:var(--accent);color:#fff;font-weight:700;font-size:.88rem;letter-spacing:.03em;padding:.55rem 1.1rem;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}button:hover{background:var(--accent-dark);box-shadow:0 0 0 3px var(--accent-glow)}button:active{transform:scale(.98)}button:disabled{opacity:.38;cursor:default;box-shadow:none;transform:none}input,select,textarea{border:1.5px solid var(--line);padding:.55rem .75rem;background:var(--surface-elevated);color:var(--ink);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.fullscreen-center{min-height:100vh;display:grid;place-items:center}.login-screen{min-height:100vh;display:grid;place-items:center;background:var(--login-bg)}.login-card{width:min(420px,94vw);background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:grid;gap:.7rem;padding:2rem 1.75rem}.login-card h2{font-size:1.6rem}.error-box{color:var(--danger);font-size:.88rem;font-weight:600;background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:.5rem .75rem}.app-shell{max-width:1300px;margin:0 auto;padding:1.2rem}.hero-header{background:var(--hero-bg);border:1.5px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:1.1rem 1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.hero-eyebrow{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800}.hero-title{font-size:1.75rem;letter-spacing:-.02em}.hero-actions{display:flex;align-items:center;gap:.6rem}.theme-toggle{background:transparent;border:1.5px solid var(--line);color:var(--ink);padding:.45rem .7rem;font-size:1rem}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:none}.content-grid{margin-top:1rem;display:grid;grid-template-columns:220px 1fr;gap:1rem}.menu-panel,.panel-main{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem}.menu-panel nav{display:grid;gap:.35rem;margin-top:.8rem}.menu-link{color:var(--ink);text-decoration:none;border:1.5px solid transparent;border-radius:var(--radius-sm);padding:.55rem .75rem;font-weight:600;font-size:.88rem;letter-spacing:.02em;display:flex;align-items:center;gap:.45rem;transition:background var(--transition),border-color var(--transition),color var(--transition)}.menu-link:hover{background:var(--surface-soft);border-color:var(--line)}.menu-link.active{background:var(--accent);border-color:var(--accent-dark);color:#fff}.band-switcher{border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);padding:.85rem .95rem;display:grid;gap:.65rem;margin-bottom:.9rem;box-shadow:var(--shadow-sm)}.band-switcher-heading{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0}.band-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.band-tab{border:1.5px solid var(--line);background:var(--surface-elevated);color:var(--ink);padding:.38rem .75rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;transition:background var(--transition),border-color var(--transition),color var(--transition)}.band-tab:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:none}.band-tab.active{background:var(--accent);border-color:var(--accent-dark);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.band-tab-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.35)}.band-meta{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.band-meta small{color:var(--muted);font-size:.82rem}.band-code-btn{background:transparent;border:1.5px solid var(--line);color:var(--ink);padding:.32rem .65rem;font-size:.78rem;border-radius:var(--radius-sm)}.band-code-btn:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);box-shadow:none}.band-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.band-inline-form{display:grid;grid-template-columns:1fr auto;gap:.45rem}.band-status{color:var(--muted);font-size:.82rem}.band-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem}.band-modal{width:min(560px,95vw);border:1.5px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-lg);padding:1.5rem;display:grid;gap:1rem}.band-modal h3{font-size:1.2rem;padding-bottom:.65rem;border-bottom:2px solid var(--accent);color:var(--ink)}.band-modal-form{display:grid;gap:.6rem}.band-modal-form textarea{min-height:96px;resize:vertical}.band-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.band-modal-actions button[type=button]{background:transparent;border:1.5px solid var(--line);color:var(--muted)}.band-modal-actions button[type=button]:hover{border-color:var(--ink);color:var(--ink);box-shadow:none}.inline-form,.stack-form{display:grid;gap:.6rem;margin:.8rem 0 1rem}.inline-form{grid-template-columns:repeat(5,minmax(0,1fr))}.inline-form button{min-height:40px}.kanban-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.kanban-column{border:1.5px solid var(--line);border-radius:var(--radius-md);padding:.85rem;min-height:320px;background:var(--surface-soft);box-shadow:var(--shadow-sm)}.kanban-column-header{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.45rem}.kanban-column-header:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.kanban-card{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-elevated);box-shadow:var(--shadow-sm);margin-bottom:.6rem;padding:.7rem .85rem;transition:box-shadow var(--transition),border-color var(--transition);cursor:grab}.kanban-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.setlist-layout{display:grid;grid-template-columns:248px 1fr;gap:1rem}.setlist-list{border:1.5px solid var(--line);border-radius:var(--radius-md);padding:.6rem;display:grid;gap:.4rem;align-content:start;background:var(--surface-soft);box-shadow:var(--shadow-sm)}.setlist-list button{text-align:left;background:transparent;color:var(--ink);border:1.5px solid transparent;border-radius:var(--radius-sm);padding:.5rem .7rem;font-size:.88rem}.setlist-list button:hover{background:var(--surface-elevated);border-color:var(--line);box-shadow:none}.setlist-list button.active{background:var(--ink);color:#f2eeec;border-color:var(--ink);box-shadow:var(--shadow-sm)}.song-table{margin-top:.8rem;border-top:2px solid var(--line)}.song-search-box{position:relative}.song-search-box small{display:block;margin-top:.3rem;color:var(--muted);font-size:.8rem}.song-suggestions{margin-top:.4rem;border:1.5px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--panel);max-height:240px;overflow-y:auto;box-shadow:var(--shadow-md)}.song-suggestion-item{width:100%;display:grid;justify-items:start;gap:.15rem;border:0;border-bottom:1px solid var(--line);background:var(--panel);padding:.6rem .85rem;cursor:pointer;border-radius:0;transition:background var(--transition)}.song-suggestion-item:last-child{border-bottom:0}.song-suggestion-item:hover{background:var(--accent-soft);box-shadow:none}.song-suggestion-item span{font-size:.82rem;color:var(--muted)}.song-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-bottom:1px solid var(--line);padding:.6rem .4rem;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition)}.song-row:hover{background:var(--accent-soft)}.song-row--important{border-left:3px solid var(--danger);padding-left:.55rem}.song-row-label{display:flex;align-items:center;gap:.5rem;flex:1}.song-row-copy{display:grid;gap:.1rem}.song-row-meta{color:var(--muted);font-size:.79rem}.song-important-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--danger);flex-shrink:0}.song-row div{display:flex;gap:.4rem}.song-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;display:flex;justify-content:flex-end}.song-modal-panel{position:relative;width:min(700px,96vw);height:100%;background:var(--panel);border-left:2px solid var(--line);overflow-y:auto;display:flex;flex-direction:column;animation:slideInRight .22s ease;box-shadow:var(--shadow-lg)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.song-modal-close{width:2.1rem;height:2.1rem;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;background:var(--ink);color:var(--bg);border-radius:50%;flex-shrink:0}.song-modal-close:hover{background:var(--danger);box-shadow:0 0 0 3px var(--accent-glow)}.song-modal-arrow{width:2.4rem;height:2.4rem;padding:0;font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:50%;flex-shrink:0}.song-modal-arrow:disabled{opacity:.22;cursor:default;box-shadow:none}.song-modal-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;background:var(--panel);border-bottom:1.5px solid var(--line)}.song-modal-nav .song-modal-counter{flex:1;text-align:center}.song-modal-body{padding:.5rem 1.5rem 2.5rem;display:flex;flex-direction:column;gap:1.35rem;flex:1}.song-modal-header{border-bottom:2px solid var(--accent);padding-bottom:.8rem}.song-modal-counter{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.song-modal-title{font-size:2rem;letter-spacing:-.02em;margin:.15rem 0 0}.song-modal-artist{margin:.2rem 0 0;color:var(--muted);font-size:1rem}.song-modal-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.song-meta-chip,.song-mini-chip{display:inline-flex;align-items:center;gap:.25rem;border:1.5px solid var(--line);background:var(--accent-soft);padding:.22rem .55rem;font-size:.78rem;font-weight:700;border-radius:var(--radius-sm);letter-spacing:.03em}.song-mini-chip--button{cursor:pointer;color:var(--ink);transition:background var(--transition),border-color var(--transition)}button.song-mini-chip--button:hover{background:var(--accent);border-color:var(--accent-dark);color:#fff;box-shadow:0 0 0 3px var(--accent-glow)}.song-modal-lyrics{white-space:pre-wrap;font-family:Barlow,sans-serif;font-size:.94rem;line-height:1.75;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:1.1rem;background:var(--surface-soft);margin:0;max-height:420px;overflow-y:auto}.song-modal-no-lyrics{color:var(--muted);font-style:italic}.catalog-sections{display:grid;gap:1.1rem;margin-bottom:1rem}.catalog-panel{border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);box-shadow:var(--shadow-sm);padding:1rem 1.1rem;display:grid;gap:.8rem}.catalog-panel-header h3{font-size:1.1rem}.catalog-panel-header p{margin:.2rem 0 0;color:var(--muted);font-size:.88rem}.song-results-grid{display:grid;gap:.55rem}.song-result-card{display:flex;justify-content:space-between;gap:.9rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-elevated);box-shadow:var(--shadow-sm);padding:.75rem 1rem;align-items:center;transition:border-color var(--transition),box-shadow var(--transition);cursor:pointer}.song-result-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.song-result-copy{display:grid;gap:.15rem}.song-result-copy span{color:var(--muted);font-size:.84rem}.song-result-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.song-source-pill{display:inline-flex;align-items:center;padding:.15rem .5rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm)}.song-source-pill--local{background:#1a1a1a;color:#fff}.song-source-pill--external{background:var(--violet);color:#fff}.song-modal-comments{border-top:1.5px solid var(--line);padding-top:1.1rem;display:flex;flex-direction:column;gap:.85rem}.song-modal-comments h4{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.song-modal-no-comments{color:var(--muted);font-style:italic;margin:0}.comment-item{border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:.75rem .95rem;display:flex;flex-direction:column;gap:.35rem;background:var(--surface-elevated)}.comment-item--important{border-left:4px solid var(--danger);background:var(--danger-soft)}.comment-meta{display:flex;align-items:center;gap:.55rem}.comment-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .5rem;border-radius:var(--radius-sm)}.comment-badge--normal{background:var(--badge-neutral-bg);color:var(--badge-neutral-ink)}.comment-badge--important{background:var(--danger);color:#fff}.comment-author{font-size:.79rem;color:var(--muted)}.comment-body{margin:0;font-size:.92rem;line-height:1.55}.comment-delete{align-self:flex-end;font-size:.76rem;font-weight:700;padding:.25rem .6rem;background:transparent;color:var(--danger);border:1.5px solid var(--danger);border-radius:var(--radius-sm)}.comment-delete:hover{background:var(--danger);color:#fff;box-shadow:none}.comment-status{color:var(--danger);font-size:.85rem}.comment-form{display:grid;gap:.55rem;margin-top:.4rem}.comment-level-toggle{display:flex;gap:1.3rem;font-size:.9rem}.comment-level-toggle label{display:flex;align-items:center;gap:.35rem;cursor:pointer}.song-meta-edit{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;margin-top:.7rem;padding-top:.7rem;border-top:1.5px solid var(--line)}.song-meta-edit label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.song-meta-edit input{width:100px;padding:.35rem .55rem;font-size:.88rem}.song-meta-save{padding:.38rem .8rem;font-size:.82rem;align-self:flex-end}.song-meta-save-status{font-size:.78rem;color:var(--muted);align-self:flex-end}.lyrics-reader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem}.lyrics-reader-panel{width:min(980px,96vw);max-height:93vh;display:flex;flex-direction:column;gap:.75rem;border:1.5px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-lg);padding:1rem 1.2rem;overflow:hidden}.lyrics-reader-header{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;border-bottom:1.5px solid var(--line);padding-bottom:.7rem}.lyrics-reader-header p{margin:.2rem 0 0;color:var(--muted);font-size:.88rem}.lyrics-reader-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.lyrics-reader-close{background:var(--ink);color:var(--bg)}.lyrics-reader-close:hover{background:var(--danger)}.lyrics-reader-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.lyrics-reader-controls label{display:flex;flex-direction:column;gap:.25rem;min-width:220px;font-size:.84rem}.lyrics-reader-controls input[type=range]{width:230px;accent-color:var(--accent)}.lyrics-reader-line{color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.lyrics-reader-single{min-height:0;flex:1;display:flex}.lyrics-reader-view,.lyrics-reader-edit{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);padding:.8rem;display:flex;flex-direction:column;min-height:0;width:100%}.lyrics-reader-view h4,.lyrics-reader-edit h4{margin:0 0 .6rem}.lyrics-reader-view--single,.lyrics-reader-edit--single{min-height:62vh}.lyrics-scroll-container{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-elevated);padding:.8rem;overflow-y:auto;min-height:0;flex:1;scroll-behavior:smooth}.lyrics-line{margin:0 0 .2rem;white-space:pre-wrap;line-height:1.6}.lyrics-reader-edit textarea{resize:vertical;min-height:220px;flex:1}.lyrics-reader-edit-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.55rem}.lyrics-reader-edit-footer small{color:var(--muted)}.tuner-controls{display:flex;gap:.6rem;margin:.95rem 0}.tuner-screen{border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface-elevated);box-shadow:var(--shadow-md);padding:1.2rem 1.5rem;max-width:380px;position:relative;overflow:hidden}.tuner-screen:after{content:"";position:absolute;bottom:0;right:0;width:120px;height:120px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.tuner-screen h3{font-size:3.5rem;letter-spacing:-.03em}.in-tune{color:#22a63a;font-weight:800}.off-tune{color:var(--danger);font-weight:800}.tuner-targets{display:flex;gap:.45rem;margin-top:.9rem;flex-wrap:wrap}.tuner-targets span{border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:.35rem .65rem;background:var(--surface-elevated);font-weight:700;font-size:.84rem;letter-spacing:.04em}.fretboard-controls{margin-top:.95rem;display:grid;gap:.7rem;grid-template-columns:repeat(4,minmax(0,1fr))}.fretboard-controls label{display:flex;flex-direction:column;gap:.28rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:800}.fretboard-summary{margin-top:1rem;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);box-shadow:var(--shadow-sm);padding:.85rem 1rem;display:grid;gap:.5rem}.fretboard-note-pills{display:flex;flex-wrap:wrap;gap:.38rem}.fret-pill{border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:.2rem .52rem;background:var(--surface-elevated);font-weight:700;font-size:.82rem;letter-spacing:.03em}.fret-pill--root{border-color:var(--accent-dark);background:var(--accent-soft);color:var(--accent-dark)}.fretboard-wrapper{margin-top:.9rem;overflow-x:auto;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);box-shadow:var(--shadow-sm)}.fretboard-grid{min-width:860px;display:grid}.fret-cell{min-height:44px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;padding:.2rem;background:var(--surface-soft)}.fret-cell--head{background:var(--surface-elevated);font-weight:800;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.fret-cell--string-label{font-weight:800;background:var(--surface-elevated);color:var(--accent);font-size:.85rem}.fret-note{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--line);background:var(--surface-elevated);font-weight:800;font-size:.78rem;letter-spacing:.02em;box-shadow:var(--shadow-sm)}.fret-note--root{background:var(--accent);border-color:var(--accent-dark);color:#fff;box-shadow:0 0 0 3px var(--accent-glow)}.fret-note--off{border:0;width:100%;background:transparent;color:var(--muted);font-size:.9rem;box-shadow:none}.fretboard-insight{margin-top:.95rem;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface-elevated);box-shadow:var(--shadow-sm);padding:.9rem 1rem;display:grid;gap:.5rem}.fretboard-insight h3{font-size:1.05rem}.fretboard-insight p{margin:0;color:var(--ink);line-height:1.55;font-size:.92rem}.circle-controls{margin-top:.9rem;display:grid;gap:.65rem;grid-template-columns:repeat(5,minmax(0,1fr))}.circle-controls label{display:flex;flex-direction:column;gap:.28rem;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.circle-wheel-wrap{margin-top:1.1rem;border:1.5px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-soft);box-shadow:var(--shadow-md);padding:1.2rem}.circle-wheel{position:relative;width:min(640px,95vw);aspect-ratio:1;margin:0 auto;border-radius:50%;border:2px solid var(--line);background:radial-gradient(circle at center,var(--surface-elevated) 0 25%,transparent 25%),radial-gradient(circle at center,transparent 0 57%,var(--line) 57% 58%,transparent 58%),var(--surface-soft)}.circle-note{position:absolute;transform:translate(-50%,-50%);min-width:76px;border:1.5px solid var(--line);background:var(--surface-elevated);color:var(--ink);border-radius:999px;padding:.38rem .55rem;font-weight:800;font-size:.76rem;letter-spacing:.03em;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;text-align:center;cursor:default}.circle-note:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:var(--shadow-md)}.circle-note--active{background:var(--accent-soft);border-color:var(--accent)}.circle-note--start{box-shadow:0 0 0 3px var(--accent-glow),var(--shadow-md);border-color:var(--accent-dark)}.circle-note--target{background:var(--accent);border-color:var(--accent-dark);color:#fff;box-shadow:0 0 0 3px var(--accent-glow)}.circle-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(290px,70%);border:1.5px solid var(--line);background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:.8rem;display:grid;gap:.3rem;text-align:center}.circle-center strong{font-size:.88rem;line-height:1.4}.circle-center small{color:var(--muted)}.circle-recommendation{margin-top:1rem;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);box-shadow:var(--shadow-sm);padding:.9rem 1rem;display:grid;gap:.4rem}.circle-recommendation h3,.circle-chord-guide h3{font-size:1rem}.circle-recommendation p{margin:0;line-height:1.55;font-size:.92rem}.circle-chord-guide{margin-top:.9rem;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);box-shadow:var(--shadow-sm);padding:.9rem 1rem}.circle-chord-grid{margin-top:.6rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.circle-chord-card{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-elevated);box-shadow:var(--shadow-sm);padding:.6rem .7rem;display:grid;gap:.22rem;transition:border-color var(--transition),box-shadow var(--transition)}.circle-chord-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.circle-chord-card span{font-size:.7rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.circle-chord-card small{color:var(--muted);font-size:.79rem}@media (max-width: 980px){.content-grid,.inline-form,.kanban-grid,.setlist-layout,.band-actions-grid,.band-inline-form{grid-template-columns:1fr}.fretboard-controls,.circle-controls{grid-template-columns:1fr 1fr}.circle-note{min-width:64px;font-size:.68rem}.circle-chord-grid{grid-template-columns:1fr}.song-modal-panel{width:100vw}.song-result-card{flex-direction:column;align-items:stretch}}@media (max-width: 560px){.fretboard-controls,.circle-controls,.band-actions-grid{grid-template-columns:1fr}.hero-header{flex-direction:column;align-items:flex-start}}.bp-page{display:grid;gap:1.4rem}.bp-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.8rem;padding-bottom:1rem;border-bottom:2px solid var(--accent)}.bp-title{font-size:1.5rem;letter-spacing:-.02em}.bp-subtitle{margin:.2rem 0 0;color:var(--muted);font-size:.88rem}.bp-header-actions{display:flex;gap:.55rem;flex-wrap:wrap}.bp-status{background:var(--accent-soft);border:1.5px solid var(--accent);border-radius:var(--radius-sm);padding:.5rem .85rem;color:var(--accent-dark);font-size:.88rem;font-weight:700}.bp-empty{color:var(--muted);font-style:italic}.bp-empty-state{display:grid;place-items:center;gap:.7rem;padding:3rem 1rem;text-align:center}.bp-empty-icon{font-size:3rem;margin:0}.bp-empty-text{margin:0;color:var(--muted)}.bp-empty-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.bp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.bp-card{border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface-elevated);box-shadow:var(--shadow-sm);padding:1rem 1.1rem;display:grid;gap:.75rem;transition:border-color var(--transition),box-shadow var(--transition)}.bp-card--active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),var(--shadow-md)}.bp-card-top{display:flex;align-items:flex-start;gap:.8rem}.bp-card-avatar{width:52px;height:52px;border-radius:var(--radius-sm);object-fit:cover;border:1.5px solid var(--line);flex-shrink:0}.bp-card-avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:1.4rem;font-weight:800;border:0}.bp-card-info{flex:1;display:grid;gap:.25rem}.bp-card-name{font-size:1.05rem;letter-spacing:-.01em}.bp-card-owner{font-size:.78rem;color:var(--muted)}.bp-role-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);justify-self:start}.bp-role-badge--owner{background:var(--accent);color:#fff}.bp-role-badge--member{background:var(--badge-neutral-bg);color:var(--badge-neutral-ink)}.bp-active-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);border:1.5px solid var(--accent);border-radius:var(--radius-sm);padding:.15rem .45rem;white-space:nowrap;align-self:flex-start}.bp-card-desc{margin:0;font-size:.88rem;color:var(--muted);line-height:1.5}.bp-invite-row{display:flex;align-items:center;gap:.45rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.4rem .65rem;flex-wrap:wrap}.bp-invite-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.bp-invite-code{font-family:monospace;font-size:.92rem;font-weight:700;color:var(--ink);letter-spacing:.1em;flex:1}.bp-icon-btn{background:transparent;border:1px solid var(--line);color:var(--muted);padding:.2rem .45rem;font-size:.9rem;border-radius:var(--radius-sm)}.bp-icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:none}.bp-card-actions{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;padding-top:.5rem;border-top:1px solid var(--line)}.bp-confirm-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.84rem;font-weight:600;color:var(--danger)}.bp-btn{border:0;font-weight:700;font-size:.82rem;letter-spacing:.02em;padding:.4rem .85rem;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}.bp-btn:active{transform:scale(.97)}.bp-btn:disabled{opacity:.38;cursor:default}.bp-btn--secondary{background:transparent;border:1.5px solid var(--line);color:var(--ink)}.bp-btn--secondary:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:none;color:var(--accent-dark)}.bp-btn--danger{background:var(--danger);color:#fff}.bp-btn--danger:hover{background:#8b1a1a;box-shadow:none}.bp-btn--danger-ghost{background:transparent;border:1.5px solid var(--danger);color:var(--danger)}.bp-btn--danger-ghost:hover{background:var(--danger);color:#fff;box-shadow:none}.bp-field{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.bp-field input,.bp-field textarea{font-size:.95rem;text-transform:none;letter-spacing:normal}@media (max-width: 600px){.bp-grid{grid-template-columns:1fr}.bp-header{flex-direction:column}}.ws-page{display:grid;gap:1.4rem}.ws-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:2px solid var(--accent)}.ws-title{font-size:1.5rem;letter-spacing:-.02em;margin:0}.ws-subtitle{margin:.2rem 0 0;color:var(--muted);font-size:.88rem}.ws-api-badge{background:var(--surface-soft);border:1.5px solid var(--line);border-radius:var(--radius-md);padding:.6rem 1rem;display:flex;flex-direction:column;gap:.2rem;max-width:400px}.ws-api-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ws-api-url{font-size:.78rem;color:var(--accent);word-break:break-all}.ws-section-card{background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:1.4rem 1.6rem;box-shadow:var(--shadow-sm)}.ws-section-title{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin:0 0 1.2rem;padding-bottom:.6rem;border-bottom:1px solid var(--line);color:var(--accent)}.ws-form{display:grid;gap:1rem}.ws-field{display:flex;flex-direction:column;gap:.35rem}.ws-field-label{font-size:.82rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.ws-input{background:var(--surface-soft);border:1.5px solid var(--line);border-radius:var(--radius-md);padding:.55rem .8rem;font-size:.93rem;color:var(--ink);font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition);width:100%;box-sizing:border-box}.ws-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.ws-textarea{resize:vertical;min-height:90px}.ws-form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.4rem}.ws-status{font-size:.85rem;color:var(--accent-dark);font-weight:600}.ws-btn--primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:.6rem 1.4rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:background var(--transition)}.ws-btn--primary:hover:not(:disabled){background:var(--accent-dark)}.ws-btn--primary:disabled{opacity:.6;cursor:not-allowed}.ws-locked{display:grid;place-items:center;gap:.6rem;padding:4rem 1rem;text-align:center;color:var(--muted)}.ws-locked-icon{font-size:2.5rem}.ws-locked-sub{font-size:.85rem;opacity:.7}.ws-empty,.ws-loading{color:var(--muted);font-style:italic}