@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/playfair-display-700-latin-ext-Ce1DdSC3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/playfair-display-700-latin-DV_BSE7M.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#000;--bg-surface:#111;--bg-elevated:#1a1a1a;--text:#fff;--text-muted:#888;--text-chord:#ff9800;--accent:#4fc3f7;--accent-dim:#4fc3f726;--danger:#ff6b6b;--border:#333;--kb:0px;--fab-inset:12px;--fab-size:56px;--fab-radius:28px;--fab-clear:84px;--scrim-height:76px;--home-alpha-height:141px;--scrim:linear-gradient(to bottom, #000 0, #000000f5 44px, #0000 100%);--fab-bg:#1c1c1ee6;--fab-border:1px solid #ffffff14;--fab-shadow:0 4px 24px #0006;--fab-panel-bg:#1c1c1ef0;--fab-panel-radius:24px;--fab-panel-shadow:0 16px 44px #000000b3, inset 0 1px 0 #ffffff0f;--repeat-gutter:12px;--font-serif:"Playfair Display", "Iowan Old Style", Georgia, serif;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,#root{position:fixed;inset:0;overflow:hidden}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;margin:0}#root{flex-direction:column;display:flex}.search-fab,.play-controls-bar,.back-btn-floating,.top-actions,.floating-title,.home-header,.screen-header,.scroll-control,.control-circle{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.splash h1{font-family:var(--font-serif);letter-spacing:-.01em;font-size:34px;font-weight:700}.splash{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.update-banner{background:var(--accent);color:#000;text-align:center;cursor:pointer;padding:8px 16px;font-size:14px;font-weight:600}.screen{flex-direction:column;flex:1;display:flex;overflow:hidden}.loading{justify-content:center;align-items:center;display:flex}.home-header{z-index:29;background:var(--scrim);padding:var(--fab-inset) var(--fab-inset) 8px 20px;flex-direction:column;align-items:stretch;display:flex;position:fixed;top:0;left:0;right:0}.home-header,.home-header-top{pointer-events:none}.home-header .info-btn,.home-header .alpha-picker{pointer-events:auto}.home-header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-screen.tab-lettered .home-header{background:linear-gradient(#000 0,#000000f7 125px,#0000 100%);padding-bottom:16px}.home-header .alpha-picker{margin:14px calc(-1 * var(--fab-inset)) 0 -20px}.home-screen.tab-lettered .home-scroll{padding-top:calc(var(--home-alpha-height) + 4px)}.tab-pill{bottom:calc(var(--fab-inset) + var(--kb));left:var(--fab-inset);z-index:41;border-radius:var(--fab-radius);border:var(--fab-border);background:var(--fab-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--fab-shadow);touch-action:none;-webkit-user-select:none;user-select:none;max-width:calc(100% - var(--fab-size) - 3 * var(--fab-inset));align-items:stretch;padding:4px;transition:transform .26s cubic-bezier(.32,1.28,.6,1),opacity .2s;display:flex;position:fixed}.tab-pill.tucked{transform-origin:0 100%;opacity:0;pointer-events:none;transform:scale(.3)}.tab-pill-thumb{width:calc((100% - 8px) / var(--tab-count,3));border-radius:calc(var(--fab-radius) - 4px);transform:translateX(calc(var(--tab-index,0) * 100%));background:#ffffff24;transition:transform .34s cubic-bezier(.32,.72,0,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:inset 0 1px #ffffff14}.tab-pill-btn{width:66px;min-width:0;height:calc(var(--fab-size) - 8px);font:inherit;letter-spacing:.01em;color:var(--text-muted);cursor:pointer;border-radius:calc(var(--fab-radius) - 4px);background:0 0;border:none;flex-direction:column;flex:0 66px;justify-content:center;align-items:center;gap:2px;padding:0;font-size:10px;font-weight:600;transition:color .2s;display:flex;position:relative}.tab-pill-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab-pill-btn.active{color:var(--text)}.tab-pill-btn:active{color:var(--accent)}.home-title{align-items:center;gap:10px;min-width:0;display:flex}.home-logo{width:auto;height:34px;color:var(--text-chord);flex:none}.home-header h1{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text);font-size:32px;font-weight:700}.home-scroll{padding-top:calc(var(--scrim-height) + 4px);padding-bottom:var(--fab-clear);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.tab-panel{min-height:calc(100% + 2px);animation:.26s cubic-bezier(.32,.72,0,1) both tab-panel-in}@keyframes tab-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.home-section{padding:8px 20px}.home-section h2{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:600}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h2{margin-bottom:0}.section-action{background:var(--accent-dim);min-width:32px;min-height:32px;color:var(--accent);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.section-action:active{background:#4fc3f74d}.section-empty{color:var(--text-muted);padding:12px 0;font-size:14px}.row-chevron{color:var(--text-muted);flex-shrink:0}.song-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.song-card{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:14px;flex-direction:column;justify-content:flex-end;gap:2px;min-height:76px;padding:12px;transition:background .15s,border-color .15s;display:flex;position:relative}.song-card.picked{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.card-check{background:var(--accent);color:#06202b;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:6px;right:6px}.song-card:active{background:var(--accent-dim);border-color:var(--accent);transition-delay:.12s}.song-card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.song-card-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.song-card-reason{letter-spacing:.6px;text-transform:uppercase;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:10px;font-weight:700;overflow:hidden}.card-add{font:inherit;color:var(--accent);background:var(--bg-elevated);text-align:center;border:1px dashed #4fc3f766;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600}.card-add:active{background:var(--accent-dim);border-style:solid;border-color:var(--accent)}.modal-scrim{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;animation:.2s both modal-scrim-in;position:fixed;inset:0}@keyframes modal-scrim-in{0%{opacity:0}to{opacity:1}}.modal-card{z-index:51;background:var(--bg-elevated);border:1px solid #ffffff1f;border-radius:20px;max-width:360px;margin:0 auto;padding:20px;animation:.22s cubic-bezier(.32,1.2,.6,1) both modal-card-in;position:fixed;top:50%;left:20px;right:20px;transform:translateY(-60%);box-shadow:0 20px 60px #000000b3}@keyframes modal-card-in{0%{opacity:0;transform:translateY(-60%)scale(.96)}to{opacity:1;transform:translateY(-60%)scale(1)}}.modal-card h3{color:var(--text);margin-bottom:14px;font-size:17px;font-weight:700}.modal-card input{border:1px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text);border-radius:12px;outline:none;padding:12px 14px;font-size:16px}.modal-card input:focus{border-color:var(--accent)}.import-status{color:var(--text-muted);font-size:14px;line-height:1.45}.import-status.error{color:var(--text)}.import-bar{background:var(--bg-surface);border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.import-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .16s}.modal-actions{gap:8px;margin-top:16px;display:flex}.modal-btn{border:1px solid var(--border);min-height:44px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:12px;flex:1;font-size:14px;font-weight:600}.modal-btn.primary{background:var(--accent);color:#06202b;border-color:#0000}.modal-btn:active{opacity:.7}.modal-btn:disabled{opacity:.4;pointer-events:none}.reveal-grid .song-card{animation:.32s cubic-bezier(.32,1.2,.6,1) both recs-in}.reveal-grid.leaving{opacity:0;transition:opacity .15s,transform .15s;transform:translateY(6px)}.reveal-grid.leaving .song-card{animation:none}.setlist-rows{flex-direction:column;display:flex}.setlist-row{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:10px;min-height:56px;padding:8px 0;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:flex}.rec-head-title{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:3px;padding:0;display:inline-flex}.rec-head-title:active{color:var(--accent)}.rec-head-name{color:var(--text);gap:2px}.setlist-queue .setlist-row{cursor:pointer;animation:.32s cubic-bezier(.32,1.2,.6,1) both recs-in}.setlist-queue .setlist-row:active{background:var(--accent-dim);transition:background .15s .12s}.queue-more{min-height:44px;color:var(--accent);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:600;animation:.32s cubic-bezier(.32,1.2,.6,1) both recs-in;display:flex}.queue-more:active{opacity:.6}.setlist-row.dragging{background:var(--bg-elevated);z-index:2;border-bottom-color:#0000;border-radius:12px;transition:none;position:relative;box-shadow:0 8px 24px #0009}.setlist-row.dragging.settling{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.setlist-rows.reordering .setlist-row{transition:none}@media (prefers-reduced-motion:reduce){.setlist-row,.setlist-row.dragging.settling{transition-duration:1ms}}.setlist-order{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;flex:0 0 22px;font-size:13px;font-weight:700}.setlist-row-main{cursor:pointer;flex:1;min-width:0}.setlist-row-main .song-title,.setlist-row-main .song-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.setlist-row-btn{height:36px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;padding:0;display:flex}.setlist-row-btn:active{background:var(--accent-dim);color:var(--accent)}.drag-handle{touch-action:none;cursor:grab}.setlist-row.dragging .drag-handle{color:var(--accent);cursor:grabbing}.song-list-item{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;justify-content:center;min-height:44px;padding:12px 0;display:flex}.song-list-item:active{background:var(--accent-dim);transition:background .15s .12s}.song-title{color:var(--text);font-size:16px;font-weight:500}.song-artist{color:var(--text-muted);margin-top:2px;font-size:13px}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.search-fab{bottom:calc(var(--fab-inset) + var(--kb));right:var(--fab-inset);box-sizing:border-box;width:var(--fab-size);height:var(--fab-size);border-radius:var(--fab-radius);background:var(--accent);color:#fff;z-index:42;border:1px solid #0000;flex-direction:row-reverse;align-items:center;transition:width .34s cubic-bezier(.32,1.28,.6,1),transform .26s cubic-bezier(.32,1.28,.6,1),opacity .2s,background .22s,box-shadow .22s,border-color .22s;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 24px #0006}.search-fab.tucked,.scroll-control.tucked{opacity:0;pointer-events:none;transform:scale(.3)}.search-fab.open{width:calc(100vw - 2 * var(--fab-inset));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1c1c1ef2;border-color:#ffffff1f;box-shadow:0 10px 40px #0009}.icon-stack{justify-content:center;align-items:center;display:flex;position:relative}.icon-badge{position:absolute;top:-3px;right:-5px}.search-fab-trigger{width:calc(var(--fab-size) - 2px);height:calc(var(--fab-size) - 2px);color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .22s;display:flex}.search-fab:not(.open):active{background:#3fb0e4}.search-fab.open .search-fab-trigger{color:var(--text-muted);pointer-events:none}.search-fab input{min-width:1px;color:var(--text);opacity:0;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:16px;transition:opacity .16s}.search-fab.open input{opacity:1;transition:opacity .2s .14s}.search-fab-close{width:calc(var(--fab-size) - 2px);height:calc(var(--fab-size) - 2px);color:var(--text-muted);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .16s;display:flex}.search-fab.open .search-fab-close{opacity:1;pointer-events:auto;transition:opacity .2s .14s}.search-fab-close:active{color:var(--accent)}.alpha-picker{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;margin:0 -20px 12px;padding:4px 0 8px;display:flex;overflow-x:auto}.alpha-picker::-webkit-scrollbar{display:none}.alpha-picker{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%)}.alpha-key{min-width:24px;color:var(--text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:8px 14px;font-size:15px;font-weight:600;line-height:1;transition:color .18s;display:flex;position:relative}.alpha-pad{flex:none;width:50%}.alpha-key+.alpha-key:before{content:"·";color:var(--border);pointer-events:none;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.alpha-glyph{transition:transform .18s cubic-bezier(.32,1.3,.6,1);display:block}.alpha-key.active{color:var(--accent);font-weight:700}.alpha-key.active .alpha-glyph{transform:scale(1.85)}.artist-screen,.songbook-screen{position:relative}.artist-scroll,.songbook-scroll,.page-scroll{padding:calc(var(--scrim-height) + 4px) 20px 24px 20px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.page-scroll{padding-bottom:var(--fab-clear)}.search-dismiss{z-index:39;-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;pointer-events:none;background:#00000073;transition:opacity .24s,-webkit-backdrop-filter .24s,backdrop-filter .24s;position:fixed;inset:0}.search-dismiss.visible{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(12px)saturate(.9);backdrop-filter:blur(12px)saturate(.9)}.search-results{top:var(--fab-inset);bottom:var(--kb);left:var(--fab-inset);right:var(--fab-inset);z-index:40;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex-direction:column;padding-bottom:88px;animation:.22s cubic-bezier(.32,1.2,.6,1) search-results-in;display:flex;position:fixed;overflow-y:auto}@keyframes search-results-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.search-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-shadow:0 1px 3px #0009;padding:14px 2px 6px;font-size:11px;font-weight:700}.search-group-label:first-child{padding-top:2px}.search-results .song-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.search-results .song-card{background:#ffffff14;border-color:#ffffff1f;min-height:68px;padding:10px;box-shadow:0 4px 16px #00000059}.search-artist-card{border-color:#4fc3f773}.search-results .song-card:active{background:var(--accent-dim);border-color:var(--accent)}.search-fade{left:0;right:0;bottom:var(--kb);z-index:41;pointer-events:none;opacity:0;background:linear-gradient(#0000 0%,#000000bf 45%,#000 100%);height:120px;transition:opacity .24s;position:fixed}.search-fade.visible{opacity:1}.play-screen{position:relative;overflow:hidden}.back-btn-floating{top:var(--fab-inset);left:var(--fab-inset);width:var(--fab-size);height:var(--fab-size);border-radius:var(--fab-radius);background:var(--fab-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--fab-border);color:#fff;cursor:pointer;z-index:30;box-shadow:var(--fab-shadow);touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;position:fixed}.top-actions{top:var(--fab-inset);right:var(--fab-inset);z-index:30;height:var(--fab-size);border-radius:var(--fab-radius);background:var(--fab-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--fab-border);box-shadow:var(--fab-shadow);touch-action:manipulation;-webkit-tap-highlight-color:transparent;align-items:center;gap:0;padding:0;display:flex;position:fixed;overflow:hidden}.top-actions.collapsed .top-action-more{height:calc(var(--fab-size) - 2px);border-radius:calc(var(--fab-radius) - 1px)}.top-action{width:48px;height:48px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:24px;flex:none;justify-content:center;align-items:center;transition:color .15s,background .15s,width .26s cubic-bezier(.32,.72,0,1),height .26s cubic-bezier(.32,.72,0,1),opacity .18s;display:flex}.top-actions.collapsed .top-action:not(.top-action-more){opacity:0;pointer-events:none;width:0}.top-actions.more-on-fold .top-action-more{width:calc(var(--fab-size) - 2px);height:calc(var(--fab-size) - 2px);border-radius:calc(var(--fab-radius) - 1px);transition:opacity .16s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.top-actions.more-on-fold:not(.collapsed) .top-action-more{opacity:0;pointer-events:none}.top-actions.more-on-fold.collapsed .top-action:nth-last-child(2){width:calc(var(--fab-size) - 2px);height:calc(var(--fab-size) - 2px);border-radius:calc(var(--fab-radius) - 1px);opacity:1;pointer-events:none}.top-actions.more-on-fold.collapsed .top-action:nth-last-child(2)>svg{opacity:0}.top-action>svg{transition:opacity .16s}.top-actions.collapsed.has-running .top-action-more:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite top-action-tick;position:absolute;top:9px;right:9px}.top-action-more{width:calc(var(--fab-size) - 2px);position:relative}.top-action.danger{color:var(--danger)}.top-action.danger:active:not(:disabled){color:var(--danger);background:#ff6b6b29}.top-action.active{color:#fff}.top-actions.morphed{pointer-events:none}.top-actions.morphed .top-action:not(.open){opacity:0;transition:opacity 90ms}.top-action.open{color:var(--accent);background:var(--accent-dim);transition:color 60ms,background 60ms}.top-action:disabled{color:#4a4a4a;cursor:default}.top-action:active:not(:disabled){background:var(--accent-dim);color:var(--accent)}.top-action.ticking{color:var(--accent);animation:1s ease-in-out infinite top-action-tick}@keyframes top-action-tick{0%,to{opacity:1}50%{opacity:.45}}.play-screen .floating-title,.setlist-detail-screen .floating-title{left:calc(var(--fab-inset) + var(--fab-size) + 8px);justify-content:center;max-width:none;transition:opacity .2s,transform .2s,right .26s;right:220px;transform:translateY(-6px)}.play-screen.tools-collapsed .floating-title,.setlist-detail-screen.tools-collapsed .floating-title{right:calc(var(--fab-inset) + var(--fab-size) + 8px)}.play-screen .floating-title.visible,.setlist-detail-screen .floating-title.visible{transform:translateY(0)}.floating-scrim{height:var(--scrim-height);z-index:29;pointer-events:none;background:var(--scrim);position:fixed;top:0;left:0;right:0}.floating-title{top:var(--fab-inset);height:var(--fab-size);z-index:30;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;opacity:0;pointer-events:none;align-items:center;gap:8px;max-width:60%;transition:opacity .2s,transform .2s;display:flex;position:fixed;left:50%;transform:translate(-50%,-6px)}.floating-title.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.floating-title-text{flex-direction:column;align-items:center;min-width:0;line-height:1.2;display:flex}.floating-title-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;font-weight:600;overflow:hidden}.floating-title-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:500;overflow:hidden}.floating-chords{color:var(--text-chord);font-variant-numeric:tabular-nums;letter-spacing:.02em}.floating-title-accessory{color:var(--accent);white-space:nowrap;font-size:15px;font-weight:600}.play-content{padding:calc(var(--scrim-height) + 4px) 20px 64px 20px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;overflow-y:auto}.hero{margin:0 0 22px}.morphing{view-transition-name:morph-hero}::view-transition-group(morph-hero){z-index:1;animation-duration:.34s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(morph-hero){object-fit:none;object-position:top left;height:100%;animation-duration:.34s;animation-timing-function:ease}::view-transition-new(morph-hero){object-fit:none;object-position:top left;height:100%;animation-duration:.34s;animation-timing-function:ease}.back-btn-floating{view-transition-name:chrome-close}.home-screen .info-btn,.top-actions{view-transition-name:chrome-actions}.search-fab:not(.tucked),.play-screen .scroll-control:not(.tucked){view-transition-name:chrome-fab}.morphing-page .back-btn-floating,.morphing-page .home-screen .info-btn,.morphing-page .top-actions,.morphing-page .search-fab,.morphing-page .play-screen .scroll-control{-webkit-backdrop-filter:none;backdrop-filter:none}::view-transition-group(chrome-close){z-index:2}::view-transition-group(chrome-actions){z-index:2}::view-transition-group(chrome-fab){z-index:2}::view-transition-group(chrome-actions){animation-duration:.38s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-group(chrome-fab){animation-duration:.38s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(chrome-actions){object-fit:none;object-position:center right;height:100%;animation-duration:.24s}::view-transition-new(chrome-actions){object-fit:none;object-position:center right;height:100%;animation-duration:.24s}::view-transition-old(chrome-fab){object-fit:none;object-position:center;height:100%;animation-duration:.22s}::view-transition-new(chrome-fab){object-fit:none;object-position:center;height:100%;animation-duration:.22s}::view-transition-new(chrome-close):only-child{animation:.42s cubic-bezier(.32,1.28,.5,1) both chrome-spring-in}::view-transition-old(chrome-close):only-child{animation:.2s both chrome-drop-out}::view-transition-new(chrome-actions):only-child{animation:.26s both chrome-fade-in}::view-transition-new(chrome-fab):only-child{animation:.26s both chrome-fade-in}::view-transition-old(chrome-actions):only-child{animation:.18s both chrome-drop-out}::view-transition-old(chrome-fab):only-child{animation:.18s both chrome-drop-out}@keyframes chrome-spring-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes chrome-drop-out{to{opacity:0;transform:scale(.7)}}@keyframes chrome-fade-in{0%{opacity:0;transform:scale(.85)}}::view-transition-old(root){animation:.17s both vt-root-out}::view-transition-new(root){animation:.24s .15s both vt-root-in}@keyframes vt-root-out{to{opacity:0}}@keyframes vt-root-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:1ms}::view-transition-old(*){animation-duration:1ms}::view-transition-new(*){animation-duration:1ms}}.hero-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text);margin:0;font-size:clamp(30px,9vw,44px);font-weight:700;line-height:1.1}.hero-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px;font-size:13px;display:flex}.hero-meta-lead{text-transform:uppercase;letter-spacing:.06em;font-weight:600}.hero-desc{color:var(--text-muted);max-width:46ch;margin:10px 0 0;font-size:14px;line-height:1.5}.hero-meta-link{font:inherit;color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-weight:600}.hero-meta-link:active{opacity:.6}.hero-meta-accent{color:var(--accent);font-weight:600}.meta-btn{width:100%;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;flex:0 0 42px;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:flex}.meta-btn:active,.meta-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.meta-btn:disabled{opacity:.3;pointer-events:none}.meta-step-row{flex:1;align-items:stretch;gap:6px;min-height:42px;display:flex}.meta-step-row .meta-btn{flex:0 0 40px;height:auto}.meta-btn-row{flex:0 0 42px;gap:6px;display:flex}.meta-btn-row .meta-btn{flex:1;height:100%}.meta-btn-row .meta-btn.narrow{flex:0 0 46px}.meta-readout{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-height:34px;display:flex;overflow:hidden}.meta-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.1}.meta-value.accent{color:var(--accent)}.meta-sub{font:inherit;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600}.meta-sub:active{background:var(--accent-dim);color:var(--accent)}.meta-sub:disabled,.meta-sub.as-text{cursor:default;color:var(--text-muted);background:0 0}.metronome-track{flex:0 0 24px;margin:0 4px;position:relative}.metronome-track:before{content:"";background:#ffffff29;height:1px;position:absolute;top:50%;left:0;right:0}.metronome-dot{background:var(--accent);width:10px;height:10px;animation-name:metronome-x;animation-duration:var(--beat,.6s);border-radius:50%;margin-top:-5px;animation-timing-function:cubic-bezier(.25,.6,.75,.4);animation-iteration-count:infinite;animation-direction:alternate;position:absolute;top:50%;left:0;box-shadow:0 0 12px #4fc3f7b3}@keyframes metronome-x{0%{left:0}to{left:calc(100% - 10px)}}.song-content{overflow-wrap:break-word;max-width:100%;line-height:1.4;transition:font-size .18s cubic-bezier(.32,.72,0,1);overflow-x:hidden}.play-content.pinching .song-content{transition:none}@media (prefers-reduced-motion:reduce){.song-content{transition-duration:1ms}}.section{margin-bottom:16px}.section-chorus{border-left:3px solid var(--accent);padding-left:12px}.section-recalled{border-left:3px dashed var(--accent);padding-left:12px}.section-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px;font-size:12px}.song-line{flex-wrap:wrap;align-items:flex-end;display:flex}.segment{flex-direction:column;align-items:flex-start;display:inline-flex}.segment-bare{margin-right:.55em}.chord-slot{color:var(--text-chord);white-space:nowrap;min-height:1.3em;font-size:.85em;font-weight:700;transition:opacity .15s}.chord-hidden{opacity:0}.lyric{white-space:pre-wrap}.empty-line{height:.8em}.raw-line{color:var(--text-muted);margin:4px 0;font-style:italic}.chord-btn{font:inherit;color:var(--text-chord);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-size:.85em;font-weight:700}.chord-btn-active{color:var(--accent)}.chord-popover{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:none;background:#1c1c1eeb;border:1px solid #ffffff1a;border-radius:12px;padding:6px;animation:.12s ease-out chord-pop;display:block;position:fixed;box-shadow:0 6px 24px #00000080}@keyframes chord-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.chord-diagram{display:block}.chord-diagram .cd-name{fill:var(--text-chord);font-size:9px;font-weight:700}.chord-diagram .cd-pos{fill:var(--text-muted);font-size:7px}.chord-diagram .cd-line{stroke:#ffffff59;stroke-width:.7px}.chord-diagram .cd-nut{fill:#ffffffb3}.chord-diagram .cd-dot{fill:var(--text-chord)}.chord-diagram .cd-open{fill:none;stroke:#ffffffb3;stroke-width:.9px}.chord-diagram .cd-mute line{stroke:var(--text-muted);stroke-width:.9px}.play-controls-bar{bottom:var(--fab-inset);left:var(--fab-inset);right:var(--fab-inset);z-index:20;pointer-events:none;justify-content:flex-end;align-items:flex-end;display:flex;position:fixed}.scroll-control{box-sizing:border-box;width:var(--fab-size);height:var(--fab-size);border-radius:var(--fab-radius);background:var(--fab-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--fab-border);box-shadow:var(--fab-shadow);pointer-events:auto;flex-direction:column-reverse;align-items:center;transition:height .34s cubic-bezier(.32,1.28,.6,1),transform .26s cubic-bezier(.32,1.28,.6,1),opacity .2s,background .22s,border-color .22s;display:flex;overflow:hidden}.scroll-control.finished{animation:.62s cubic-bezier(.32,1.2,.6,1) scroll-control-finish}@keyframes scroll-control-finish{0%{box-shadow:0 4px 24px #0006,0 0 #4fc3f780}to{box-shadow:0 4px 24px #0006,0 0 0 16px #4fc3f700}}.scroll-control.open{height:calc(3 * var(--fab-size));background:var(--fab-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#ffffff14}.control-circle{width:var(--fab-size);height:var(--fab-size);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .22s;display:flex}.scroll-control.open .control-circle{color:var(--accent)}.scroll-control .control-circle:active{background:#4fc3f733}.scroll-speed-btn{color:#ffffffb3;width:var(--fab-size);height:var(--fab-size);cursor:pointer;opacity:0;pointer-events:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .16s;display:flex}.scroll-control.open .scroll-speed-btn{opacity:1;pointer-events:auto;transition:opacity .2s .14s}.scroll-control.open .scroll-speed-btn:disabled{opacity:.3;pointer-events:none}.scroll-control.open .control-circle:active{background:#4fc3f733}.scroll-control.open .scroll-speed-btn:active{color:#fff;background:#ffffff26}.tool-dismiss{z-index:30;position:fixed;inset:0}.tool-panel{top:var(--fab-inset);right:var(--fab-inset);min-height:var(--fab-size);z-index:31;min-width:212px;max-width:min(260px, calc(100vw - 2 * var(--fab-inset)));overscroll-behavior-y:contain;border-radius:var(--fab-panel-radius);background:var(--fab-panel-bg);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);border:var(--fab-border);max-height:calc(100vh - 88px);box-shadow:var(--fab-panel-shadow);visibility:hidden;opacity:0;clip-path:inset(0 0 calc(100% - var(--morph-height,56px)) calc(100% - var(--morph-width,200px)) round var(--fab-radius));transform-origin:100% 0;padding:14px 18px;transition:clip-path .2s cubic-bezier(.4,0,.9,.5),transform .2s,opacity .12s 80ms,visibility 0s linear .2s;position:fixed;overflow-y:auto;transform:scale(.985)}.tool-panel.open{visibility:visible;opacity:1;clip-path:inset(0 round 24px);transition:clip-path .4s cubic-bezier(.16,1,.3,1) .11s,transform .52s cubic-bezier(.2,1.5,.4,1) .11s,opacity 1ms linear .11s,visibility;transform:scale(1)}.tool-menu{flex-direction:column;margin:-4px -8px;display:flex}.tool-menu-item{font:inherit;color:var(--text);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 10px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:flex}.tool-menu-item svg{color:var(--text-muted);flex:none;transition:color .15s}.tool-menu-item:active{background:var(--accent-dim);color:var(--accent)}.tool-menu-item:active svg{color:var(--accent)}.tool-menu-item.danger,.tool-menu-item.danger svg{color:var(--danger)}.tool-menu-item.danger:active{background:#ff6b6b29}.tool-panel>*{opacity:0;transition:opacity .12s,transform .12s;transform:translateY(-4px)}.tool-panel.open>*{opacity:1;transition:opacity .2s .26s,transform .3s cubic-bezier(.22,1.16,.36,1) .26s;transform:none}@media (prefers-reduced-motion:reduce){.tool-panel,.tool-panel.open,.tool-panel>*,.tool-panel.open>*,.top-actions.morphed .top-action:not(.open){transition-duration:1ms;transition-delay:0s}}.tone-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tone-key{min-width:46px;color:var(--text-chord);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;padding:8px 10px;font-size:14px;font-weight:600}.tone-key:active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.prep-section{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.prep-section:last-child{margin-bottom:4px}.prep-section label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);text-align:center;font-size:12px;display:block}.prep-row{align-items:center;gap:12px;display:flex}.prep-row button{border:1px solid var(--border);background:var(--bg-surface);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;font-size:16px}.prep-row button:active{background:var(--accent-dim)}.prep-row span{text-align:center;min-width:48px;font-size:16px}.tap-btn{letter-spacing:1px;font-weight:700}.prep-row button.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.prep-row button:disabled{opacity:.35;pointer-events:none}.ui-select{border:1px solid var(--border);background-color:var(--bg-surface);width:100%;min-height:46px;color:var(--text);font:inherit;text-align:center;text-align-last:center;cursor:pointer;appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border-radius:12px;padding:0 38px 0 14px;font-size:14px;font-weight:600;transition:border-color .15s,background-color .15s}.ui-select:active,.ui-select:focus-visible{border-color:var(--accent);outline:none}.ui-select option{background:var(--bg-elevated);color:var(--text)}.swatch-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:34px;height:34px;padding:0;box-shadow:inset 0 0 0 1px #00000059}.swatch.active{border-color:#fff}.screen-header{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.screen-header h1{color:var(--text);flex:1;margin:0;font-size:20px;font-weight:600}.add-btn{min-width:44px;min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:24px}.create-setlist{background:var(--bg-elevated);border-bottom:1px solid var(--border);gap:8px;padding:16px 20px;display:flex}.create-setlist input{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px}.create-setlist button{background:var(--accent-dim);color:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}.setlist-list,.setlist-songs{overscroll-behavior-y:contain;flex:1;padding:0 20px 80px;overflow-y:auto}.setlist-item{border-bottom:1px solid var(--border);align-items:center;padding:12px 0;display:flex}.setlist-info{cursor:pointer;flex:1}.setlist-name{font-size:16px;font-weight:500}.setlist-count{color:var(--text-muted);font-size:13px}.delete-btn{cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;padding:8px;font-size:18px}.setlist-song-item{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 0;display:flex}.song-order{color:var(--text-muted);min-width:24px;font-size:14px}.song-info{cursor:pointer;flex:1}.song-actions{gap:4px;display:flex}.song-actions button{border:1px solid var(--border);background:var(--bg-surface);min-width:36px;min-height:36px;color:var(--text);cursor:pointer;border-radius:6px;font-size:14px}.add-song-list{background:var(--bg-elevated);border-bottom:1px solid var(--border);max-height:300px;padding:12px 20px;overflow-y:auto}.add-song-list h3{color:var(--text-muted);margin-bottom:8px;font-size:14px}.search-results{overscroll-behavior-y:contain;flex:1;padding:0 20px 80px;overflow-y:auto}.song-tail{height:48vh}.song-recommendations{border-top:1px solid var(--border);min-height:48vh;margin-top:32px;padding:16px 0}.song-recommendations h3,.song-recommendations .rec-head{animation:.26s both recs-in}.song-recommendations .rec-rail .song-card{animation:.32s cubic-bezier(.32,1.2,.6,1) both recs-in}@keyframes recs-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.song-recommendations h3{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px;font-size:14px}.rec-section+.rec-section{margin-top:24px}.rec-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rec-head-link{color:var(--accent);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;align-items:center;gap:2px;padding:0 0 12px;font-size:13px;font-weight:600;display:flex}.rec-head-link:active{opacity:.6}.rec-head-link.danger{color:var(--danger);gap:4px}.card-rail{grid-auto-flow:column;grid-template-rows:repeat(var(--rail-rows,2), auto);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;grid-auto-columns:150px;gap:10px;margin:0 -20px;padding:2px 20px 6px;scroll-padding-left:20px;scroll-padding-right:20px;display:grid;overflow-x:auto}.card-rail .song-card{scroll-snap-align:start}.info-btn{width:var(--fab-size);height:var(--fab-size);border:var(--fab-border);background:var(--fab-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--fab-shadow);color:var(--text-muted);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .2s,border-color .2s,color .16s;display:flex;position:relative}.info-btn:active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.info-btn.active{opacity:0;pointer-events:none;transition:opacity .12s,background .2s,border-color .2s}.info-backdrop{z-index:30;position:fixed;inset:0}.info-dropdown{z-index:31;top:var(--fab-inset);right:var(--fab-inset);border-radius:var(--fab-panel-radius);background:var(--fab-panel-bg);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);border:var(--fab-border);min-width:220px;box-shadow:var(--fab-panel-shadow);visibility:hidden;opacity:0;clip-path:inset(0 0 calc(100% - var(--fab-size)) calc(100% - var(--fab-size)) round var(--fab-radius));padding:8px;transition:clip-path .26s cubic-bezier(.4,0,.9,.5),opacity .16s 60ms,visibility 0s linear .26s;position:fixed}.info-dropdown.open{visibility:visible;opacity:1;clip-path:inset(0 0 0 0 round var(--fab-radius));transition:clip-path .42s cubic-bezier(.22,1.16,.36,1),opacity .12s,visibility}.info-dropdown>*{opacity:0;transition:opacity .12s,transform .12s;transform:translateY(-4px)}.info-dropdown.open>*{opacity:1;transition:opacity .2s .13s,transform .26s cubic-bezier(.22,1.16,.36,1) .13s;transform:none}@media (prefers-reduced-motion:reduce){.info-dropdown,.info-dropdown.open,.info-dropdown>*,.info-dropdown.open>*{transition-duration:1ms;transition-delay:0s}}.info-version{color:var(--text-muted);padding:10px 14px;font-size:13px}.info-action{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.info-action:active{background:var(--accent-dim);color:var(--accent)}.scroll-ladder{z-index:15;pointer-events:none;opacity:0;width:8px;transition:opacity .32s,transform .32s;position:fixed;top:15%;bottom:15%;right:2px;transform:translate(6px)}.scroll-ladder.visible{opacity:1;transform:none}.scroll-dot,.scroll-cursor{border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.scroll-dot{background:var(--text-muted);opacity:.45;width:4px;height:4px;transition:opacity .18s,background .18s}.scroll-dot.reached{background:var(--accent);opacity:.9}.scroll-cursor{background:var(--accent);width:8px;height:8px;transition:top var(--travel,.12s) linear;box-shadow:0 0 8px #4fc3f799}@media (prefers-reduced-motion:reduce){.scroll-cursor{transition-duration:1ms}.scroll-ladder{transition-duration:1ms;transform:none}}.tab-block{background:var(--bg-surface);color:var(--text-muted);white-space:pre;-webkit-overflow-scrolling:touch;border-radius:6px;margin:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.78em;line-height:1.25;overflow-x:auto}.section-tab{overflow-x:auto}.annotation-slot{color:var(--text-muted);text-transform:none;font-style:italic;font-weight:600}.song-comment{color:var(--text-muted);margin:4px 0;font-size:.85em}.comment-italic{font-style:italic}.comment-box{border:1px solid var(--border);border-radius:4px;padding:2px 8px;display:inline-block}.chorus-recall{border-left:3px solid var(--accent);color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin:8px 0;padding:2px 10px;font-size:.85em;display:inline-block}.section-repeat{float:right;color:var(--accent);font-size:.8em;font-weight:700}.section-repeats{padding-left:var(--repeat-gutter)}.repeat-group{align-items:center;gap:6px;margin:2px 0;display:flex;position:relative}.repeat-group:before{content:"";left:calc(-1 * var(--repeat-gutter));background:var(--text-muted);border-radius:1px;width:2px;position:absolute;top:1.105em;bottom:0}.repeat-group .repeat-group:before{left:calc(-.5 * var(--repeat-gutter))}.repeat-body{flex:1;min-width:0}.repeat-count{color:var(--accent);flex:none;align-self:flex-start;font-size:.8em;font-weight:700}.column-break{display:none}@media (width>=1024px) and (orientation:landscape){.song-columns{column-count:2;column-gap:32px;overflow-x:visible}.song-columns .column-break.bp-lg{break-after:column;-webkit-column-break-after:column;height:0;display:block}.song-columns .section,.song-columns .repeat-group,.song-columns .tab-block{break-inside:avoid}}