:root{--bg:#0e1013;--bg-elevated:#171a1f;--bg-input:#1e222a;--border:#2a2f38;--border-strong:#3b424e;--text:#f2f4f7;--text-muted:#9aa3b0;--text-faint:#6b7480;--accent:#4dd7e0;--accent-quiet:#329aa3;--link:#6db3f2;--danger:#ff6b6b;--success:#5ec98a;--radius:10px;--radius-lg:14px;--tap:44px;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--song-size:17px;--pair-gap:1.1em;color-scheme:dark}:root[data-theme=light]{--bg:#fbfbfa;--bg-elevated:#ffffff;--bg-input:#f1f2f4;--border:#e0e2e6;--border-strong:#c6cad1;--text:#14171c;--text-muted:#5c646f;--text-faint:#8b939e;--accent:#0e7a84;--accent-quiet:#0b616a;--link:#1a6cc4;--danger:#c92a2a;--success:#2b8a55;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}*{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:var(--link)}:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 18px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);font-size:15px;font-weight:500;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn:active{background:var(--bg-input)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#17130a;font-weight:600}.btn-primary:active{background:var(--accent-quiet);border-color:var(--accent-quiet)}.btn-ghost{background:none;border-color:transparent;color:var(--text-muted)}.btn-ghost:active{background:var(--bg-elevated)}.btn-danger{color:var(--danger);border-color:transparent}.btn-danger:active{background:color-mix(in srgb,var(--danger) 14%,transparent)}.btn:disabled{opacity:.45;cursor:default}.btn-icon{min-width:var(--tap);padding:0 12px}.columns-btn{font-family:var(--font-mono);font-size:15px;font-weight:700}.input,.select,.textarea{width:100%;min-height:var(--tap);padding:11px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:16px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent)}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.textarea{font-family:var(--font-mono);line-height:1.6;resize:vertical;white-space:pre;overflow-wrap:normal;overflow-x:auto}.label{display:block;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.field{margin-bottom:18px}.app{max-width:1600px;margin:0 auto;padding:0 20px 80px}.app-song{padding-bottom:calc(var(--toolbar-height, 80px) + 16px)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 0;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar h1{flex:1 1;margin:0;font-size:19px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-count{white-space:nowrap;flex-shrink:0}.sticky-filters{position:-webkit-sticky;position:sticky;top:53px;z-index:19;background:var(--bg)}.spacer{flex:1 1}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:13px}.empty{padding:64px 24px;text-align:center;color:var(--text-muted)}.empty h2{font-size:17px;font-weight:600;margin:0 0 6px;color:var(--text)}.empty p{margin:0 0 20px;font-size:14px}.list{list-style:none;margin:0;padding:0}.list-item{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:12px 14px;margin-bottom:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-align:left;text-decoration:none;color:inherit;transition:border-color .12s ease}.list-item:active{border-color:var(--border-strong);background:var(--bg-input)}.list-item-main{flex:1 1;min-width:0}.list-item-title{font-weight:550;font-size:16px}.list-item-sub,.list-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-sub{font-size:13px}.badge,.list-item-sub{color:var(--text-muted)}.badge{flex-shrink:0;padding:3px 9px;border-radius:999px;background:var(--bg-input);border:1px solid var(--border);font-size:12px;font-family:var(--font-mono)}.badge-key{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.setlist-item{padding:0;gap:0}.drag-handle{display:flex;align-items:center;justify-content:center;align-self:stretch;width:40px;flex-shrink:0;color:var(--text-faint);cursor:-webkit-grab;cursor:grab;touch-action:none}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing;color:var(--text-muted)}.setlist-item-link{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0;min-height:62px;padding:12px 14px 12px 0;text-decoration:none;color:inherit}.list-item-dragover .setlist-item{border-top:2px solid var(--accent)}.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;min-height:38px;padding:0 15px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:14px;white-space:nowrap}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#17130a;font-weight:600}.song-content{font-family:var(--font-mono);font-size:var(--song-size);line-height:1.45;white-space:pre;overflow-x:auto;padding-bottom:40vh;padding-left:12px}.song-line{min-height:1.45em}.song-line-chord{color:var(--accent);font-weight:600}.song-line-section{color:var(--text-muted);font-weight:700;font-family:var(--font-ui);font-size:.86em;letter-spacing:.06em}.song-content.all-caps .song-line-lyric,.song-line-section{text-transform:uppercase}.song-line-gap{margin-top:var(--pair-gap,1.1em)}.song-line-gap-tight{margin-top:.15em}.song-line-current{position:relative}.song-line-current:before{content:"";position:absolute;left:-10px;top:.15em;bottom:.15em;width:3px;border-radius:2px;background:var(--accent)}.tap-zone{position:fixed;right:0;width:25%;height:50%;z-index:10;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tap-zone-up{top:0}.tap-zone-down{top:50%}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin .8s linear infinite}.tap-zone:after{content:"";position:absolute;inset:0;background:linear-gradient(to left,color-mix(in srgb,var(--accent) 12%,transparent),transparent);opacity:0;transition:opacity .18s ease;pointer-events:none}.tap-zone:active:after{opacity:1;transition:opacity 40ms ease}.meta-row{flex-wrap:wrap;padding:4px 0 18px}.meta-row,.toolbar{display:flex;gap:8px}.toolbar{position:fixed;left:0;right:0;bottom:0;z-index:15;align-items:center;max-width:1600px;margin:0 auto;padding:6px 20px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.toolbar-group{display:flex;align-items:center;gap:2px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:3px}.toolbar-value{min-width:46px;text-align:center;font-family:var(--font-mono);font-size:14px;color:var(--text-muted)}.toolbar-btn{min-width:38px;min-height:38px;border-radius:7px;font-size:17px;color:var(--text)}.toolbar-btn:active{background:var(--bg-input)}.overflow-menu{position:relative;display:inline-flex}.overflow-menu-panel{position:absolute;top:calc(100% + 6px);z-index:25;display:flex;flex-direction:column;gap:2px;min-width:200px;max-width:calc(100vw - 24px);padding:6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px color-mix(in srgb,#000 35%,transparent)}.overflow-menu-panel-right{right:0}.overflow-menu-panel-left{left:0}.toolbar .overflow-menu-panel{top:auto;bottom:calc(100% + 6px)}.overflow-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap);padding:0 12px;border-radius:7px;font-size:15px;color:var(--text);text-align:left;white-space:nowrap}.overflow-menu-item:active{background:var(--bg-input)}.overflow-menu-item[aria-disabled=true]{opacity:.45;pointer-events:none}.overflow-menu-item-accent{color:var(--accent)}.overflow-menu-divider{height:1px;margin:4px 6px;background:var(--border)}.check-row{display:flex;align-items:center;gap:12px;min-height:var(--tap);padding:8px 14px;margin-bottom:6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.check-row input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:360px}.login-title{font-size:26px;font-weight:680;letter-spacing:-.02em;margin:0 0 4px;text-align:center}.login-sub{text-align:center;color:var(--text-muted);font-size:14px;margin:0 0 30px}.error-box{padding:11px 14px;border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 32%,transparent);color:var(--danger);font-size:14px}.card,.error-box{margin-bottom:16px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.card h2{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:var(--tap)}.row+.row{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:var(--text-faint)}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--danger)}.diagram-strip{display:flex;flex-wrap:wrap;gap:14px;padding:14px 0 16px;margin-bottom:4px;border-bottom:1px solid var(--border)}.diagram{margin:0;display:flex;flex-direction:column;align-items:center;gap:3px}.diagram-name{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent)}.diagram-notes{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.diagram-unknown{width:70px;height:84px;display:grid;place-items:center;border:1px dashed var(--border-strong);border-radius:4px;color:var(--text-faint)}.diagram-nut{stroke:var(--text);stroke-width:3.5}.diagram-fret,.diagram-string{stroke:var(--border-strong);stroke-width:1.25}.diagram-dot{fill:var(--accent)}.diagram-open{fill:none;stroke:var(--text-muted);stroke-width:1.8}.diagram-mark{fill:var(--text-faint);font-size:11px;text-anchor:middle;font-family:var(--font-ui)}.diagram-mark-mute{fill:var(--text-muted);font-weight:700}.diagram-fretnum{fill:var(--text);font-size:13px;font-weight:700;font-family:var(--font-mono)}.piano-white{fill:var(--bg-elevated);stroke:var(--border-strong);stroke-width:.9}.piano-black{fill:var(--text);stroke:var(--border-strong);stroke-width:.5}.piano-dot{fill:var(--accent)}.piano-dot-on-black{fill:var(--bg-elevated)}.song-content.multi-col{padding-bottom:0;padding-left:0;overflow-x:hidden;overflow-y:auto}.song-page{display:flex;align-items:flex-start;gap:34px}.song-page-col{flex:1 1;min-width:0;padding-right:34px;border-right:1px solid var(--border);overflow:hidden}.song-page-col:last-child{padding-right:0;border-right:none}.page-indicator{text-align:center;padding:8px 0 0;font-family:var(--font-ui);font-size:12px;color:var(--text-faint)}@media (max-width:560px){.song-page{flex-direction:column;gap:0}.song-page-col{padding-right:0;border-right:none}}.chip-category[aria-pressed=true]{background:var(--link);border-color:var(--link);color:#04121f}.pill-transpose{color:var(--link);border-color:color-mix(in srgb,var(--link) 35%,transparent)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}