@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-ext-wght-normal-hsMS0n0O.woff2)format("woff2-variations");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:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-wght-normal-Bb8VGrTG.woff2)format("woff2-variations");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}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");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,:root[data-theme=dark]{--bg:#0e1020;--bg-2:#161a33;--card:#1b1f3b;--line:#2b3058;--tx:#eceaf5;--mut:#9194b6;--chord:#f2b84b;--chord-tx:#1d1400;--accent:#8fa8ff;--accent-tx:#0e1020;--live:#ff5a6e;--ok:#4fd6a0;--warn:#f5b84a;--active-bg:#f2b84b14;--active-line:#f2b84b;--scrim:#04050e99;--shadow:0 18px 40px -18px #000000b3, 0 2px 6px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f3f8;--bg-2:#e9e8f1;--card:#fff;--line:#dcdae8;--tx:#191a2e;--mut:#62647f;--chord:#a35a00;--chord-tx:#fff;--accent:#3f51d8;--accent-tx:#fff;--live:#e0344c;--ok:#138a5b;--warn:#a86a0a;--active-bg:#a35a0012;--active-line:#a35a00;--scrim:#191a2e59;--shadow:0 18px 40px -20px #191a2e59, 0 1px 3px #191a2e14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--f-ui:"Schibsted Grotesk Variable", system-ui, "Segoe UI", Roboto, sans-serif;--f-read:"Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible", system-ui, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--header-h:56px;--r-sm:8px;--r-md:12px;--r-lg:18px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--tx);font:16px/1.5 var(--f-ui);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-decoration:none}h1,h2,h3{letter-spacing:-.015em;margin:0 0 8px;line-height:1.15}h2{margin-top:24px;font-size:18px;font-weight:700}p{margin:0 0 10px}code{background:var(--bg-2);border-radius:4px;padding:1px 5px;font:13px ui-monospace,Consolas,monospace}::selection{background:color-mix(in srgb, var(--chord) 35%, transparent)}.muted{color:var(--mut)}.small{font-size:13px}.error{color:var(--live)}.grow{flex:1;min-width:0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.splash{min-height:100vh;color:var(--mut);letter-spacing:-.01em;place-items:center;font-size:20px;font-weight:800;animation:1.6s ease-in-out infinite alternate breathe;display:grid}@keyframes breathe{0%{opacity:.35}to{opacity:1}}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);width:100%;min-height:44px;padding:10px 12px;transition:border-color .15s,background-color .15s}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label{color:var(--mut);gap:4px;font-size:14px;display:grid}label.inline{align-items:center;gap:6px;display:inline-flex}label.inline select{width:auto;min-height:36px;padding:6px 8px}label.check{color:var(--tx);align-items:center;gap:8px;display:flex}label.check input{width:auto;min-height:0}.mono{font:14px/1.5 ui-monospace,Consolas,monospace}.btn{border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--tx);cursor:pointer;white-space:nowrap;transition:transform .16s var(--ease-out), border-color .15s ease, background-color .15s ease;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:650;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn.small{min-height:38px;padding:0 14px;font-size:14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-tx)}.btn.ghost{background:0 0}.btn.danger{background:var(--live);border-color:var(--live);color:#fff}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.chip{border:1px solid var(--line);background:var(--card);cursor:pointer;min-height:34px;color:var(--mut);transition:transform .16s var(--ease-out), color .15s ease, border-color .15s ease;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.chip:active{transform:scale(.96)}.chip.on{border-color:color-mix(in srgb, var(--chord) 60%, transparent);color:var(--chord)}.tag{background:var(--bg-2);color:var(--accent);border-radius:999px;margin-left:8px;padding:1px 7px;font-size:12px;font-weight:700}.tag.off{color:var(--mut)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, var(--tx))}.chip:hover{color:var(--tx)}}:root{--side-w:0px;--tabbar-h:64px}.brand{color:var(--tx);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand b{color:var(--chord)}.topbar{z-index:40;height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 16px;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.tabbar{z-index:40;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(16px)saturate(140%);border-top:1px solid var(--line);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--mut);flex:1;align-content:center;place-items:center;gap:3px;font-size:11px;font-weight:650;transition:color .16s;display:grid}.tab-icon{width:52px;height:30px;transition:transform .16s var(--ease-out);border-radius:999px;place-items:center;display:grid;position:relative}.tab-icon:before{content:"";border-radius:inherit;background:var(--bg-2);opacity:0;transition:transform .26s var(--ease-out), opacity .2s ease;position:absolute;inset:0;transform:scaleX(.4)}.tab-icon svg{position:relative}.tab-icon .badge{margin:0;position:absolute;top:-4px;right:2px}.tabbar a:active .tab-icon{transform:scale(.9)}.tabbar a.active{color:var(--tx)}.tabbar a.active .tab-icon:before{opacity:1;transform:scaleX(1)}.tabbar .tab-live .tab-icon{background:var(--live);color:#fff;width:52px;height:52px;box-shadow:0 10px 24px -8px color-mix(in srgb, var(--live) 75%, transparent), 0 0 0 4px var(--bg);border-radius:50%;margin-top:-22px}.tabbar .tab-live .tab-icon:before{display:none}.tabbar .tab-live{color:var(--live)}.tabbar .tab-live.active .tab-icon{animation:2s ease-in-out infinite live-glow}@keyframes live-glow{0%,to{box-shadow:0 10px 24px -8px color-mix(in srgb, var(--live) 75%, transparent), 0 0 0 4px var(--bg)}50%{box-shadow:0 10px 30px -4px color-mix(in srgb, var(--live) 95%, transparent), 0 0 0 4px var(--bg)}}.is-live .tabbar,.sidebar{display:none}@media (width>=900px){:root{--header-h:0px;--side-w:236px}.topbar,.tabbar{display:none}.sidebar{z-index:40;width:var(--side-w);background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;gap:22px;padding:20px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{padding:0 8px}.side-nav{gap:2px;display:grid}.side-nav a{border-radius:var(--r-md);color:var(--mut);align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:650;transition:color .15s,background-color .15s;display:flex;position:relative}.side-nav a:before{content:"";background:var(--chord);width:3px;transition:transform .24s var(--ease-out);border-radius:0 3px 3px 0;position:absolute;top:10px;bottom:10px;left:-14px;transform:scaleY(0)}.side-nav a.active{color:var(--tx);background:var(--card)}.side-nav a.active:before{transform:scaleY(1)}.side-nav .side-live{color:var(--live)}.side-nav .side-live.active{background:color-mix(in srgb, var(--live) 14%, var(--card));color:var(--live)}.side-nav .side-live:before{background:var(--live)}.side-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:10px 6px 0;display:flex}.side-user{line-height:1.25;display:grid}.side-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.app{padding-left:var(--side-w)}}@media (width>=900px) and (hover:hover) and (pointer:fine){.side-nav a:hover:not(.active){color:var(--tx);background:color-mix(in srgb, var(--card) 60%, transparent)}}.icon-btn{color:var(--mut);border-radius:var(--r-sm);cursor:pointer;min-width:38px;min-height:38px;transition:transform .16s var(--ease-out), color .15s ease, border-color .15s ease, background-color .15s ease;background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-btn:active{transform:scale(.92)}.icon-btn.round{border-color:var(--line);background:var(--card);min-width:44px;min-height:44px;color:var(--tx);border-radius:50%}.icon-btn.round.on{border-color:var(--chord);color:var(--chord)}@media (hover:hover) and (pointer:fine){.icon-btn:hover{color:var(--tx);border-color:var(--line)}}.main{max-width:980px;padding:20px 16px calc(var(--tabbar-h) + 48px);margin:0 auto}@media (width>=900px){.main{padding:32px 32px 80px}}.page-title{letter-spacing:-.025em;font-size:30px;font-weight:800}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 10px;display:flex}.section-head h1,.section-head h2{margin:0}.crumbs{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}@media (width<=640px){.page-title{font-size:26px}}.login{background:radial-gradient(70% 50% at 50% 0%, color-mix(in srgb, var(--chord) 12%, transparent), transparent 70%);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:16px;display:flex}.login-card{text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow);animation:rise .52s var(--ease-out) backwards;gap:14px;padding:30px 22px;display:grid}.login-card img{margin:0 auto}.login-iglesia{color:var(--tx);opacity:.8;animation:rise .52s var(--ease-out) .12s backwards;transition:opacity .16s}.login-iglesia:hover{opacity:1}.login-iglesia svg{display:block}.login-card h1{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800}.login-card h1 b{color:var(--chord)}.login-card label{text-align:left}.login-card .small a{font-weight:600}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.list-item{background:var(--card);border:1px solid var(--line);width:100%;min-height:62px;color:var(--tx);text-align:left;cursor:pointer;transition:transform .16s var(--ease-out), border-color .15s ease;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.list-item.static{cursor:default;flex-wrap:wrap}.list-item:active:not(.static){transform:scale(.985)}@media (hover:hover) and (pointer:fine){.list-item:hover:not(.static){border-color:color-mix(in srgb, var(--accent) 60%, var(--line))}.list-item:hover .chev{color:var(--tx);transform:translate(3px)}}.list-item>span:first-child,.list-item .grow{flex:1;min-width:0;display:grid}.list-item strong{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.chev{color:var(--mut);transition:transform .2s var(--ease-out), color .15s ease;font-size:22px}.num{background:var(--bg-2);min-width:28px;height:28px;color:var(--mut);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.key-badge{font-family:var(--f-read);color:var(--chord);background:color-mix(in srgb, var(--chord) 12%, transparent);text-align:center;border-radius:10px;min-width:44px;padding:4px 10px;font-weight:800}.key-badge.small{min-width:0;padding:2px 9px;font-size:13px}.search{margin-bottom:12px}.past{margin-top:20px}.past summary{cursor:pointer;color:var(--mut);padding:8px 0;font-weight:600}.item-note{background:var(--bg-2);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:8px 12px;font-size:14px}.live-banner{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);color:var(--tx);transition:transform .16s var(--ease-out), border-color .15s ease;align-items:center;gap:14px;margin:14px 0 8px;padding:16px 18px;display:flex}.live-banner:active{transform:scale(.985)}.live-banner>span:nth-child(2){flex:1;display:grid}.live-banner strong{font-size:17px}.live-banner.on{border-color:color-mix(in srgb, var(--live) 70%, transparent);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--live) 18%, var(--card)), var(--card) 60%)}.live-dot{background:var(--mut);border-radius:50%;flex:none;width:12px;height:12px}.live-banner.on .live-dot{background:var(--live);animation:ping 1.6s var(--ease-out) infinite}@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 70%, transparent)}to{box-shadow:0 0 0 12px #0000}}.controls{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:12px 20px;margin:12px 0 16px;padding:12px 14px;display:flex}.ctrl{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ctrl-label{color:var(--mut);font-size:13px;font-weight:700}.ctrl select{width:auto;min-height:38px;padding:4px 8px}.stepper{background:var(--bg-2);border-radius:var(--r-md);align-items:center;gap:4px;padding:3px;display:inline-flex}.stepper button{cursor:pointer;min-width:38px;min-height:38px;transition:transform .14s var(--ease-out), background-color .15s ease;background:0 0;border:0;border-radius:9px;font-weight:700}.stepper button:active{background:var(--card);transform:scale(.9)}.stepper .key{text-align:center;min-width:44px;color:var(--chord);font:800 18px var(--f-read);animation:key-in .2s var(--ease-out)}.scale-val{text-align:center;font-variant-numeric:tabular-nums;min-width:42px}@keyframes key-in{0%{opacity:0;transform:translateY(-6px)}}.segmented{background:var(--bg-2);border-radius:var(--r-md);flex-wrap:wrap;padding:3px;display:inline-flex}.segmented button{cursor:pointer;min-height:38px;color:var(--mut);transition:background-color .18s ease, color .18s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:9px;padding:6px 12px;font-size:14px;font-weight:600}.segmented button:active{transform:scale(.96)}.segmented button.on{background:var(--card);color:var(--tx);box-shadow:0 1px 3px #00000040}@media (hover:hover) and (pointer:fine){.stepper button:hover{background:var(--card)}.segmented button:hover:not(.on){color:var(--tx)}}.switch{color:var(--tx);cursor:pointer;align-items:center;gap:12px;font-size:15px;display:flex;position:relative}.switch input{opacity:0;width:1px;height:1px;min-height:0;position:absolute}.switch-track{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;flex:none;width:46px;height:28px;transition:background-color .2s,border-color .2s;position:relative}.switch-track:after{content:"";background:var(--mut);width:20px;height:20px;transition:transform .24s var(--ease-out), background-color .2s ease;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:var(--chord);border-color:var(--chord)}.switch input:checked+.switch-track:after{background:var(--chord-tx);transform:translate(18px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.song{--song-scale:1;font-family:var(--f-read);font-size:calc(19px * var(--song-scale))}.sec{scroll-margin-top:calc(var(--header-h) + var(--live-top-h,0px) + 14px);border-radius:16px;margin:0 0 10px;padding:10px 14px 10px 18px;transition:opacity .38s,background-color .38s;position:relative}.sec:before{content:"";background:var(--active-line);transform-origin:top;width:3px;transition:transform .42s var(--ease-out);border-radius:3px;position:absolute;top:12px;bottom:12px;left:0;transform:scaleY(0)}.sec.clickable{cursor:pointer}@media (hover:hover) and (pointer:fine){.sec.clickable:hover:not(.active){background:var(--bg-2)}}.sec.active{background:var(--active-bg)}.sec.active:before{transform:scaleY(1)}.spotlight .sec:not(.active){opacity:.42}.spotlight .sec.played{opacity:.3}.sec-label{font:700 max(13px, .68em) var(--f-ui);letter-spacing:0;color:var(--mut);background:var(--bg-2);border-radius:999px;align-items:center;gap:6px;margin:0 0 8px;padding:3px 11px;transition:background-color .3s,color .3s;display:inline-flex}.sec.active .sec-label{color:var(--chord-tx);background:var(--active-line)}.sec-chorus .line,.sec-chorus .lyrics-only{font-weight:700}.line{flex-wrap:wrap;align-items:flex-end;display:flex}.word{align-items:flex-end;display:inline-flex}.pair{flex-direction:column;display:inline-flex}.pair .chord{padding-right:.45em}.pair .chord.no-chord{padding-right:0}.chord{color:var(--chord);white-space:pre;font-size:.9em;font-weight:800;line-height:1.25}.lyric{white-space:pre;line-height:1.38}.lyrics-only{white-space:pre-wrap;line-height:1.55}.chords-only{gap:0 1.1em;margin:2px 0}.song-acordes .chords-only{margin:4px 0;font-size:1.1em}.note{color:var(--mut);margin:4px 0;font-size:.85em;font-style:italic}.song-page .song-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pager{justify-content:space-between;gap:8px;margin-top:24px;display:flex}.pager .btn{text-overflow:ellipsis;max-width:48%;overflow:hidden}.is-live .main{max-width:880px;padding-top:10px;padding-bottom:210px}.app.is-live:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 60% at 50% 0%, color-mix(in srgb, var(--chord) 9%, transparent), transparent 75%);height:70vh;position:fixed;inset:0 0 auto}.live-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.transport{color:var(--mut);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.transport.sse{color:var(--ok)}.transport.polling{color:var(--warn)}.eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.eq i{transform-origin:bottom;background:currentColor;border-radius:2px;width:3px;height:100%;display:block;transform:scaleY(.3)}.transport.sse .eq i:first-child,.transport.polling .eq i:first-child{transform:scaleY(.45)}.transport.sse .eq i:nth-child(2),.transport.polling .eq i:nth-child(2){transform:scaleY(.8)}.transport.sse .eq i:nth-child(3),.transport.polling .eq i:nth-child(3){transform:scaleY(.55)}.transport.sse .eq i:nth-child(4),.transport.polling .eq i:nth-child(4){transform:scaleY(.7)}.transport.conectando .eq i{animation:1.2s ease-in-out infinite eq-wait}.transport.playing .eq i,.eq.big i{animation:.82s ease-in-out infinite alternate eq}.transport .eq i:nth-child(2),.eq.big i:nth-child(2){animation-duration:.64s;animation-delay:-300ms}.transport .eq i:nth-child(3),.eq.big i:nth-child(3){animation-duration:.94s;animation-delay:-150ms}.transport .eq i:nth-child(4),.eq.big i:nth-child(4){animation-duration:.72s;animation-delay:-500ms}.eq.big i:nth-child(5){animation-duration:.86s;animation-delay:-220ms}@keyframes eq{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes eq-wait{0%,to{opacity:.5;transform:scaleY(.25)}50%{opacity:1;transform:scaleY(.6)}}.live-top{top:calc(var(--header-h) + env(safe-area-inset-top));z-index:10;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(16px)saturate(140%);margin:0 -16px 14px;padding:10px 16px 0;position:sticky}.live-head{align-items:flex-start;gap:12px;display:flex}.live-title{letter-spacing:-.03em;margin:2px 0 6px;font-size:clamp(25px,6.4vw,38px);font-weight:800;line-height:1.05}.live-title span{animation:title-in .56s var(--ease-out) backwards;display:inline-block}@keyframes title-in{0%{opacity:0;filter:blur(8px);transform:translateY(16px)}}.live-meta{animation:rise .42s var(--ease-out) .12s backwards;flex-wrap:wrap;gap:6px;margin:0;display:flex}.live-meta span{color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:13px;font-weight:650}.live-meta span:first-child{color:var(--chord);border-color:color-mix(in srgb, var(--chord) 45%, transparent);font-family:var(--f-read);font-weight:800}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.setlist-progress{animation:rise .4s var(--ease-out) backwards;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.sp-count{font-variant-numeric:tabular-nums}.sp-dots{align-items:center;gap:4px;display:flex}.sp-dots i{background:var(--line);border-radius:999px;width:6px;height:6px;display:block}.sp-dots i.done{background:var(--mut)}.sp-dots i.now{background:var(--chord);width:20px}.rail{margin:12px -16px 0}.rail-scroll{scrollbar-width:none;padding:0 16px 12px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.rail-scroll::-webkit-scrollbar{display:none}.rail-track{gap:6px;width:max-content;display:flex;position:relative}.rail-item{border:1px solid var(--line);height:36px;color:var(--tx);white-space:nowrap;cursor:pointer;transition:color .25s ease, border-color .25s ease, transform .16s var(--ease-out);animation:rail-in .38s var(--ease-out) backwards;animation-delay:calc(var(--i) * 35ms + .16s);background:0 0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:650}.rail-item:active{transform:scale(.95)}.rail-item.played{color:var(--mut);border-color:color-mix(in srgb, var(--line) 60%, transparent)}.rail-item.sec-type-chorus{font-weight:800}@keyframes rail-in{0%{opacity:0;transform:translate(12px)}}.rail-overlay{pointer-events:none;transition:clip-path .46s var(--ease-in-out);position:absolute;inset:0}.rail-overlay .rail-item{background:var(--chord);border-color:var(--chord);color:var(--chord-tx)}.rail-progress{background:var(--line);height:2px}.rail-progress span{background:var(--chord);transform-origin:0;height:100%;transition:transform .6s var(--ease-in-out);display:block}.live-note{margin:0 0 12px}.live-song .sec{animation:sec-in .52s var(--ease-out) backwards;animation-delay:calc(var(--i) * 60ms + .22s)}.live-song .sec.active{animation:sec-in .52s var(--ease-out) backwards, sec-flash 1.1s var(--ease-out) backwards;animation-delay:calc(var(--i) * 60ms + .22s), 0s}@keyframes sec-in{0%{opacity:0;transform:translateY(18px)}}@keyframes sec-flash{0%{box-shadow:0 0 0 1px color-mix(in srgb, var(--chord) 55%, transparent), 0 0 36px -6px color-mix(in srgb, var(--chord) 45%, transparent)}to{box-shadow:0 0 0 1px #0000,0 0 36px -6px #0000}}.play-state{color:var(--mut);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-size:13px;font-weight:700;transition:color .3s,border-color .3s;display:inline-flex}.play-state.on{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 45%, transparent)}.play-state .eq{height:11px}.play-state .eq i{transform:scaleY(.35)}.play-state.on .eq i{animation:.82s ease-in-out infinite alternate eq}.play-state.on .eq i:nth-child(2){animation-duration:.64s;animation-delay:-300ms}.play-state.on .eq i:nth-child(3){animation-duration:.94s;animation-delay:-150ms}.sec-progress{align-items:center;gap:10px;min-height:18px;margin-top:10px;display:flex}.sec-progress-track{background:color-mix(in srgb, var(--active-line) 18%, transparent);border-radius:3px;flex:1;height:3px;overflow:hidden}.sec-progress-track i{border-radius:inherit;background:var(--active-line);transform-origin:0;height:100%;animation-name:part-fill;animation-timing-function:linear;animation-fill-mode:forwards;display:block;transform:scaleX(0)}.sec-progress-next{font:700 max(12px, .6em) var(--f-ui);color:var(--chord);white-space:nowrap;opacity:0;animation-name:next-hint;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes next-hint{0%,72%{opacity:0;transform:translate(-6px)}80%,to{opacity:1;transform:none}}.live-song.paused .sec.active{opacity:.72}.live-song.paused .sec.active:before{background:var(--mut)}.live-bottom{left:var(--side-w);z-index:30;padding:8px 12px;padding-bottom:max(10px, env(safe-area-inset-bottom));pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:0;right:0}.live-bottom>*{pointer-events:auto}.next-up{background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);max-width:min(560px,100%);min-height:42px;box-shadow:var(--shadow);animation:next-in .52s var(--ease-out) .45s backwards;border-radius:999px;align-items:center;gap:10px;padding:7px 8px 7px 16px;font-size:14px;display:inline-flex}.next-label{color:var(--mut);font-weight:650}.next-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.next-up:not(:has(.key-badge)){padding-right:16px}@keyframes next-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.waiting{text-align:center;justify-items:center;gap:12px;padding:48px 16px;display:grid}.waiting h1{margin:0;font-size:24px;font-weight:800}.waiting p{max-width:34ch;margin:0}.waiting>:is(h1,p,a){animation:rise .52s var(--ease-out) backwards}.waiting>h1{animation-delay:.12s}.waiting>p{animation-delay:.2s}.waiting>a{margin-top:6px;animation-delay:.28s}.waiting-orb{width:150px;height:150px;color:var(--chord);place-items:center;margin-bottom:10px;display:grid;position:relative}.waiting-orb:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--chord) 22%, transparent), transparent 70%);border-radius:50%;position:absolute;inset:30px}.ring{opacity:0;border:1.5px solid;border-radius:50%;animation:3.6s cubic-bezier(.2,.6,.3,1) infinite ring;position:absolute;inset:0}.ring:nth-child(2){animation-delay:1.2s}.ring:nth-child(3){animation-delay:2.4s}@keyframes ring{0%{opacity:.7;transform:scale(.35)}to{opacity:0;transform:scale(1)}}.eq.big{gap:5px;height:38px;position:relative}.eq.big i{width:5px}.skeleton{gap:10px;padding-top:6px;display:grid}.skeleton i{background:linear-gradient(90deg, var(--bg-2) 25%, var(--card) 50%, var(--bg-2) 75%);background-size:200% 100%;border-radius:8px;height:14px;animation:1.3s linear infinite shimmer;display:block}.skeleton i.big{height:34px}.skeleton-lines{gap:12px;margin-top:24px;display:grid}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sheet-root{z-index:50;visibility:hidden;pointer-events:none;transition:visibility 0s linear .3s;position:fixed;inset:0}.sheet-root[data-open=true]{visibility:visible;pointer-events:auto;transition:none}.sheet-backdrop{background:var(--scrim);opacity:0;transition:opacity .26s;position:absolute;inset:0}.sheet-root[data-open=true] .sheet-backdrop{opacity:1;transition-duration:.38s}.sheet{overscroll-behavior:contain;background:var(--card);border:1px solid var(--line);width:100%;max-width:640px;max-height:86vh;padding:6px 18px calc(22px + env(safe-area-inset-bottom));transition:transform .28s var(--ease-drawer);border-bottom:0;border-radius:24px 24px 0 0;margin:0 auto;position:absolute;bottom:0;left:0;right:0;overflow:auto;transform:translateY(100%);box-shadow:0 -20px 50px -20px #00000080}.sheet-root[data-open=true] .sheet{transition-duration:.48s;transform:translateY(0)}.sheet-grip{background:var(--line);border-radius:4px;width:40px;height:4px;margin:6px auto 10px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h2{margin:0;font-size:20px}.sheet-hint{margin:2px 0 14px}.sheet .controls{background:0 0;border:0;gap:20px;margin:0;padding:0;display:grid}.dock{justify-items:center;gap:8px;width:100%;display:grid;position:relative}.dock-error{background:var(--card);box-shadow:var(--shadow);border-radius:999px;margin:0;padding:6px 12px}.dock-bar{background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);width:100%;max-width:560px;box-shadow:var(--shadow);border-radius:22px;gap:6px;padding:6px;display:flex}.dock-bar button{background:var(--bg-2);cursor:pointer;min-width:52px;min-height:54px;color:var(--tx);transition:transform .15s var(--ease-out), background-color .15s ease, opacity .15s ease;border:0;border-radius:16px;place-items:center;display:grid}.dock-bar button:active:not(:disabled){transform:scale(.94)}.dock-bar button:disabled{opacity:.3;cursor:default}.dock-bar .dock-main{min-width:0;color:var(--chord);background:color-mix(in srgb, var(--chord) 12%, var(--bg-2));flex:1;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.dock-bar .dock-main.on{background:color-mix(in srgb, var(--chord) 22%, var(--bg-2))}.dock-main svg{opacity:.75;flex:none}.dock-main-label{text-overflow:ellipsis;white-space:nowrap;animation:label-in .28s var(--ease-out);overflow:hidden}@keyframes label-in{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}}.dock-panel{overscroll-behavior:contain;background:var(--card);border:1px solid var(--line);width:100%;max-width:560px;max-height:58vh;box-shadow:var(--shadow);transform-origin:bottom;transition:transform .26s var(--ease-out), opacity .2s ease, visibility 0s;border-radius:22px;gap:10px;margin:0 auto;padding:12px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:auto}.dock-panel[data-open=false]{opacity:0;visibility:hidden;pointer-events:none;transition:transform .18s,opacity .15s,visibility 0s .18s;transform:translateY(10px)scale(.97)}.dock-songs{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dock-songs button{text-align:left;background:var(--bg-2);cursor:pointer;width:100%;min-height:48px;transition:transform .15s var(--ease-out), border-color .15s ease;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex}.dock-songs button:active{transform:scale(.98)}.dock-songs button.on{border-color:var(--chord);color:var(--chord);font-weight:700}.dock-songs button.on .num{background:var(--chord);color:var(--chord-tx)}.dock-suggest{box-shadow:var(--shadow);animation:rise .4s var(--ease-out) backwards}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.home-head .page-title{margin:0}.live-now-label{color:var(--live);font-weight:700}.live-join{pointer-events:none}.next-service{background:var(--card);border:1px solid var(--line);animation:rise .52s var(--ease-out) backwards;border-radius:24px;grid-template-columns:auto minmax(0,1fr);gap:20px;margin:18px 0 8px;padding:20px;display:grid;position:relative;overflow:hidden}.next-service:before{content:"";pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--chord) 10%, transparent), transparent);width:70%;height:120%;position:absolute;inset:-40% auto auto -20%}.ns-date{background:var(--chord);width:78px;color:var(--chord-tx);transition:transform .16s var(--ease-out);border-radius:18px;align-content:start;align-self:start;justify-items:center;padding:12px 0 14px;line-height:1;display:grid;position:relative}.ns-date:active{transform:scale(.96)}.ns-day{letter-spacing:-.05em;font-size:42px;font-weight:800}.ns-month{margin-top:6px;font-size:14px;font-weight:750}.ns-body{min-width:0;position:relative}.ns-when{color:var(--mut);align-items:center;gap:8px;margin:2px 0 6px;font-size:14px;font-weight:600;display:flex}.ns-pill{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:750}.ns-title{margin:0 0 14px;font-size:25px}.ns-title a{color:var(--tx)}.ns-songs{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ns-songs li{animation:rise .42s var(--ease-out) backwards;animation-delay:calc(var(--i) * 50ms + .16s)}.ns-songs a{color:var(--tx);transition:background-color .15s ease, transform .15s var(--ease-out);border-radius:12px;align-items:center;gap:12px;margin:0 -10px;padding:9px 10px;font-weight:650;display:flex}.ns-songs a:active{transform:scale(.985)}.ns-num{text-align:right;width:22px;color:var(--mut);font-variant-numeric:tabular-nums;font-weight:700}@media (hover:hover) and (pointer:fine){.ns-songs a:hover{background:var(--bg-2)}}@media (width<=560px){.next-service{grid-template-columns:1fr;gap:14px;padding:16px}.ns-date{grid-auto-flow:column;justify-self:start;align-items:baseline;gap:8px;width:auto;padding:8px 14px}.ns-day{font-size:26px}.ns-month{margin:0}}.home-sub{margin:30px 0 10px}.empty{border:1px dashed var(--line);border-radius:var(--r-lg);text-align:center;margin-top:18px;padding:28px 20px}.empty p{margin:0 0 4px}.mini-date{background:var(--bg-2);border-radius:12px;justify-items:center;width:48px;padding:6px 0;line-height:1.05;display:grid;flex:none!important}.mini-date b{font-size:19px;font-weight:800}.mini-date span{color:var(--mut);font-size:11px;font-weight:700}.az{flex-wrap:wrap;gap:4px;margin:0 0 4px;display:flex}.az a{background:var(--bg-2);min-width:34px;height:34px;color:var(--mut);transition:color .15s ease, transform .14s var(--ease-out);border-radius:9px;place-items:center;font-size:13px;font-weight:750;display:grid}.az a:active{transform:scale(.9)}@media (hover:hover) and (pointer:fine){.az a:hover{color:var(--chord)}}.letter-group{scroll-margin-top:calc(var(--header-h) + env(safe-area-inset-top) + 8px)}.letter{top:calc(var(--header-h) + env(safe-area-inset-top));z-index:5;color:var(--chord);background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(8px);margin:18px 0 6px;padding:6px 0;font-size:22px;font-weight:800;position:sticky}.song-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.list.setlist{position:relative}.list.setlist:before{content:"";background:var(--line);width:2px;position:absolute;top:24px;bottom:24px;left:27px}.list.setlist .list-item{position:relative}.list.setlist .num{background:color-mix(in srgb, var(--chord) 16%, var(--card));color:var(--chord)}.layout-picker{background:var(--bg-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.layout-picker button{color:var(--mut);cursor:pointer;min-height:34px;transition:background-color .22s ease, color .22s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:650;display:inline-flex}.layout-picker button:active{transform:scale(.94)}.layout-picker button.on{background:var(--card);color:var(--tx);box-shadow:0 1px 3px #00000040}.layout-picker button.on svg{color:var(--chord)}@media (width<=560px){.layout-picker span,.wl-text{display:none}.layout-picker button{padding:4px 10px}}.sheet-layout{gap:8px;margin-bottom:22px;display:grid}.layout-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (width<=560px){.layout-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.layout-card{text-align:left;border:1px solid var(--line);background:var(--bg-2);cursor:pointer;transition:border-color .2s ease, transform .15s var(--ease-out);border-radius:16px;align-content:start;gap:3px;padding:10px;display:grid}.layout-card:active{transform:scale(.97)}.layout-card.on{border-color:var(--chord);box-shadow:inset 0 0 0 1px var(--chord)}.thumb{aspect-ratio:4/3;background:var(--bg);border:1px solid var(--line);border-radius:9px;gap:3px;margin-bottom:6px;padding:6px;display:grid}.thumb i{background:var(--line);border-radius:2px;display:block}.thumb-escenario{grid-template-rows:5px repeat(3,1fr)}.thumb-escenario i:first-child{background:var(--chord);width:45%}.thumb-escenario i:nth-child(2){background:color-mix(in srgb, var(--chord) 35%, var(--line))}.thumb-enfoque{grid-template-rows:1fr 2.2fr 1fr}.thumb-enfoque i:first-child,.thumb-enfoque i:nth-child(3){opacity:.45;margin:0 14%}.thumb-enfoque i:nth-child(2){background:color-mix(in srgb, var(--chord) 45%, var(--line))}.thumb-enfoque i:nth-child(4),.thumb-tablero i:nth-child(4){display:none}.thumb-tablero{grid-template-columns:1fr 1.6fr 1.6fr}.thumb-tablero i:first-child{background:color-mix(in srgb, var(--chord) 40%, var(--line))}.focus-top .live-title{font-size:clamp(21px,4.6vw,28px)}.segments-wrap{padding:12px 0}.segments{gap:4px;display:flex}.segments i{background:var(--line);border-radius:4px;flex:1;height:4px;position:relative;overflow:hidden}.segments i:after{content:"";background:var(--chord);transform-origin:0;transition:transform .52s var(--ease-in-out), opacity .3s ease;position:absolute;inset:0;transform:scaleX(0)}.segments i.done:after{opacity:.5;transform:scaleX(1)}.segments i.now:after{transform:scaleX(1)}.segments-label{justify-content:space-between;align-items:baseline;gap:12px;margin:10px 0 0;font-size:14px;font-weight:650;display:flex}.segments-label strong{color:var(--chord);animation:label-in .32s var(--ease-out);font-size:18px;font-weight:800}.focus-stage{min-height:calc(100dvh - var(--header-h) - var(--live-top-h,170px) - 240px);flex-direction:column;justify-content:center;display:flex}.song-focus .sec{display:none}.song-focus .sec[data-rel="-1"],.song-focus .sec[data-rel="0"],.song-focus .sec[data-rel="1"]{display:block}.song-focus .sec[data-rel="-1"]{opacity:.3;max-height:5.5em;margin-bottom:16px;font-size:.7em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.song-focus .sec[data-rel="0"]{font-size:calc(1.42em * var(--fit,1));background:var(--active-bg);margin-bottom:18px;padding:18px 20px 18px 24px}.song-focus .sec[data-rel="0"]:before{transform:scaleY(1)}.song-focus .sec[data-rel="1"]{opacity:.5;font-size:.82em}.song-focus .sec[data-rel="1"] .sec-label:before{content:"Luego: "}.live-song .song-focus .sec[data-rel="0"]{animation:focus-in .6s var(--ease-out) backwards}.live-song .song-focus .sec[data-rel="1"]{animation:focus-next .52s var(--ease-out) .14s backwards}.live-song .song-focus .sec[data-rel="-1"]{animation:focus-prev .52s var(--ease-out) backwards}@keyframes focus-in{0%{opacity:.25;filter:blur(3px);transform:translateY(48px)scale(.94)}}@keyframes focus-next{0%{opacity:0;transform:translateY(26px)}}@keyframes focus-prev{0%{opacity:.9;transform:translateY(60px)}}.solo-stage{--fit:1}.song-solo .sec{display:none}.song-solo .sec[data-rel="0"]{font-size:calc(1.5em * var(--fit));background:var(--active-bg);margin:0;padding:.5em .6em .55em .8em;display:block}.song-solo .sec[data-rel="0"]:before{transform:scaleY(1)}.song-solo .sec-label{font-size:max(14px,.55em)}.live-song .song-solo .sec[data-rel="0"]{animation:solo-in .48s var(--ease-out) backwards}@keyframes solo-in{0%{opacity:0;filter:blur(6px);transform:translateY(32px)scale(.97)}}.solo-top .setlist-progress{display:none}.solo-top .live-title{margin-bottom:4px;font-size:clamp(18px,3.6vw,24px)}.part-tag{background:var(--chord-tx);color:var(--active-line);border-radius:999px;margin-left:8px;padding:0 7px;font-size:.85em}.part-bar{border:1px solid var(--line);background:var(--card);width:100%;color:var(--tx);cursor:pointer;animation:rise .3s var(--ease-out);transition:transform .14s var(--ease-out);border-radius:999px;align-items:center;gap:12px;margin:0 0 10px;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.part-bar:active{transform:scale(.98)}.part-label{white-space:nowrap;color:var(--chord)}.part-track{background:var(--line);border-radius:4px;flex:1;height:4px;overflow:hidden}.part-track i{background:var(--chord);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.part-track i.full{transform:scaleX(1)}.part-track i.run{animation:linear forwards part-fill}@keyframes part-fill{to{transform:scaleX(1)}}.solo-stage{cursor:default}.solo-stage[data-cols="2"] .song-solo .sec[data-rel="0"]{column-count:2;column-rule:1px solid var(--line);column-gap:2.2em}.solo-stage[data-cols="2"] .song-solo .sec-label,.solo-stage[data-cols="2"] .song-solo .sec-progress{column-span:all}.solo-stage[data-cols="2"] .song-solo .sec-label{width:fit-content;display:flex}.song-solo .line,.song-solo .lyrics-only,.song-solo .note{break-inside:avoid}.song-solo .sec-progress-next,.song-focus .sec-progress-next{font-size:clamp(13px,.3em,20px)}.is-live .main:has(.layout-seccion){max-width:1400px}.live-song.centered .sec{text-align:center}.live-song.centered .line{justify-content:center}.live-song.centered .sec-label{margin-inline:auto}.live-song.centered .song-solo .sec-label,.live-song.centered .song-focus .sec-label{width:fit-content;display:flex}.thumb-seccion{grid-template-rows:1fr;padding:9px}.thumb-seccion i:first-child{background:color-mix(in srgb, var(--chord) 45%, var(--line))}.thumb-seccion i:nth-child(n+2){display:none}.main:has(.layout-tablero){max-width:1440px}.board{gap:20px;display:grid}.board-side{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);animation:rise .46s var(--ease-out) backwards;align-content:start;gap:22px;padding:16px;display:grid}.board-h{color:var(--mut);margin:0 0 10px;font-size:13px;font-weight:750}.board-songs{gap:2px;margin:0;padding:0;list-style:none;display:grid}.board-songs li{border-radius:10px;align-items:center;gap:10px;padding:6px 8px;font-size:14px;font-weight:600;transition:background-color .3s,color .3s;display:flex}.board-songs .num{min-width:24px;height:24px;font-size:12px;transition:background-color .3s,color .3s}.board-songs li.done{color:var(--mut)}.board-songs li.now{background:var(--active-bg);color:var(--chord);font-weight:750}.board-songs li.now .num{background:var(--chord);color:var(--chord-tx)}.timeline{gap:2px;margin:0;padding:0;list-style:none;display:grid;position:relative}.timeline:before,.timeline:after{content:"";background:var(--line);border-radius:2px;width:2px;position:absolute;top:16px;bottom:16px;left:11px}.timeline:after{background:var(--chord);transform:scaleY(var(--p));transform-origin:top;transition:transform .64s var(--ease-in-out)}.timeline button{z-index:1;cursor:pointer;text-align:left;width:100%;color:var(--tx);transition:background-color .25s ease, color .25s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:7px 8px 7px 4px;font-size:14px;font-weight:650;display:flex;position:relative}.timeline button:active{transform:scale(.97)}.tl-dot{background:var(--card);border:2px solid var(--line);width:16px;height:16px;transition:border-color .3s ease, background-color .3s ease, transform .3s var(--ease-out);border-radius:50%;flex:none}.timeline .done button{color:var(--mut)}.timeline .done .tl-dot{background:var(--chord);border-color:var(--chord);transform:scale(.65)}.timeline .now button{color:var(--chord);background:var(--active-bg)}.timeline .now .tl-dot{border-color:var(--chord);background:var(--card);animation:1.8s ease-out infinite dot-pulse}@keyframes dot-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--chord) 55%, transparent)}to{box-shadow:0 0 0 9px #0000}}.board-head{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:14px}.song-board{columns:19em;column-rule:1px solid var(--line);column-gap:32px}.song-board .sec{break-inside:avoid}@media (width>=760px){.board{grid-template-columns:250px minmax(0,1fr);gap:28px}.board-side{top:calc(var(--header-h) + env(safe-area-inset-top) + 16px);max-height:calc(100dvh - var(--header-h) - 32px);align-self:start;position:sticky;overflow:auto}}@media (width<=759px){.board-side{top:calc(var(--header-h) + env(safe-area-inset-top));z-index:6;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-width:0 0 1px;border-radius:0;margin:0 -16px;padding:8px 16px;position:sticky}.board-side section:first-child,.board-side .board-h{display:none}.timeline{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.timeline:before,.timeline:after{display:none}.timeline button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;gap:8px;width:auto;padding:6px 12px 6px 8px}.tl-dot{width:12px;height:12px}.song-board .sec{scroll-margin-top:calc(var(--header-h) + 70px)}}.fields{grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0;display:grid}.fields .span2{grid-column:span 2}.fields .span3{grid-column:1/-1}@media (width<=640px){.fields{grid-template-columns:1fr 1fr}.fields .span2,.fields .span3{grid-column:1/-1}}.import{justify-items:start;gap:10px;margin:12px 0;display:grid}.import .card{gap:10px;width:100%;display:grid}.split{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;display:grid}.split-edit{align-content:start;gap:8px;display:grid}.chordpro{min-height:60vh}.split-preview{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);max-height:75vh;padding:12px;overflow:auto}.tabs-mobile{display:none}.help ul{color:var(--mut);margin:8px 0;padding-left:18px}.help summary{cursor:pointer;color:var(--mut)}@media (width<=800px){.split{grid-template-columns:1fr}.tabs-mobile{background:var(--bg-2);border-radius:var(--r-md);gap:4px;margin-top:12px;padding:3px;display:flex}.tabs-mobile button{min-height:40px;color:var(--mut);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;font-weight:600;transition:background-color .18s,color .18s}.tabs-mobile button.on{background:var(--card);color:var(--tx)}.split.tab-editar .split-preview,.split.tab-vista .split-edit{display:none}.split-preview{max-height:none}}.items-edit{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.item-edit{align-items:flex-start;gap:12px;padding:12px;display:flex}.item-edit .row{margin-top:8px}.small-input{min-height:36px;padding:6px 10px;font-size:14px}.item-actions{gap:4px;display:flex}.item-actions button{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg-2);cursor:pointer;min-width:36px;min-height:36px;transition:transform .14s var(--ease-out)}.item-actions button:active:not(:disabled){transform:scale(.92)}.item-actions button:disabled{opacity:.35}.picker{gap:8px;display:grid}.picker-results .list-item{min-height:52px}@media (width<=640px){.item-edit{flex-wrap:wrap}.item-actions{justify-content:flex-end;width:100%}}.ok{color:var(--ok)}.stack{gap:12px;margin-bottom:16px;display:grid}.stack h2{margin:0}.narrow{max-width:560px}.badge{background:var(--live);color:#fff;vertical-align:middle;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.avatar{background:color-mix(in srgb, var(--chord) 14%, var(--bg-2));border:1px solid var(--line);width:36px;height:36px;color:var(--chord);transition:border-color .15s ease, transform .16s var(--ease-out);border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar:active{transform:scale(.94)}.avatar.active{border-color:var(--chord)}@media (hover:hover) and (pointer:fine){.avatar:hover{border-color:var(--chord)}}.list-item.pending{border-color:var(--warn)}.invite-created{border-color:var(--ok);margin-bottom:12px}.name-line{align-items:center;min-width:0;display:flex}.avatar{flex:none;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;animation:photo-in .36s var(--ease-out);display:block}@keyframes photo-in{0%{opacity:0;transform:scale(1.06)}}.side-me{transition:transform .16s var(--ease-out);border-radius:50%}.side-me:active{transform:scale(.94)}.side-me.active .avatar{border-color:var(--chord)}.tab-avatar{border-width:1.5px}.tabbar a.active .tab-avatar{border-color:var(--tx)}.profile{max-width:900px}.profile-hero{border:1px solid var(--line);background:radial-gradient(90% 140% at 0% 0%, color-mix(in srgb, var(--chord) 16%, transparent), transparent 60%), var(--card);animation:rise .5s var(--ease-out) backwards;border-radius:26px;align-items:center;gap:24px;margin-bottom:18px;padding:26px 24px;display:flex;position:relative;overflow:hidden}.hero-photo{flex:none;position:relative}.hero-avatar{box-shadow:0 0 0 2px color-mix(in srgb, var(--chord) 70%, transparent), 0 16px 34px -14px #0009;border:3px solid var(--card)!important}.photo-btn{background:var(--chord);width:38px;height:38px;color:var(--chord-tx);border:3px solid var(--card);cursor:pointer;transition:transform .16s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:2px;right:-2px}.photo-btn:active{transform:scale(.9)}@media (hover:hover) and (pointer:fine){.photo-btn:hover{transform:scale(1.06)}}.hero-info{min-width:0}.hero-info .page-title{overflow-wrap:anywhere;margin:0 0 6px}.hero-tags{align-items:center;gap:10px;margin:0 0 2px;font-weight:600;display:flex}.role-pill{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:750}.role-pill.admin{background:color-mix(in srgb, var(--chord) 18%, transparent);color:var(--chord)}.hero-email{overflow-wrap:anywhere;margin:0 0 12px}.hero-actions{gap:8px}@media (width<=560px){.profile-hero{text-align:center;flex-direction:column;padding:26px 18px 20px}.hero-tags,.hero-actions{justify-content:center}}.profile-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=760px){.profile-grid{grid-template-columns:1.15fr 1fr;align-items:start}.profile-grid .security{grid-column:1/-1}}.profile-card{animation:rise .48s var(--ease-out) backwards;gap:14px;display:grid}.profile-card:nth-child(2){animation-delay:60ms}.profile-card:nth-child(3){animation-delay:.12s}.profile-card h2{margin:0}.card-hint{margin:-8px 0 2px}.card-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.form-msg{animation:rise .26s var(--ease-out);margin:0 auto 0 0;font-size:14px;font-weight:600}.pref-layout{gap:8px;display:grid}.layout-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.layout-list button{border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-2);min-height:44px;color:var(--mut);cursor:pointer;transition:border-color .18s ease, color .18s ease, transform .14s var(--ease-out);align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:650;display:flex}.layout-list button:active{transform:scale(.97)}.layout-list button.on{border-color:var(--chord);color:var(--tx)}.layout-list button.on svg{color:var(--chord)}.security-row{align-items:center;gap:12px;display:flex}.security-row .grow{display:grid}.sec-icon{background:var(--bg-2);width:40px;height:40px;color:var(--mut);border-radius:12px;flex:none;place-items:center;display:grid}.pw-form{animation:rise .28s var(--ease-out);gap:12px;display:grid}@media (width>=760px){.pw-form{grid-template-columns:repeat(3,1fr);align-items:end}.pw-form .form-msg,.pw-form .card-foot{grid-column:1/-1}}.logout{color:var(--live);width:100%;margin-top:18px}@media (width>=760px){.logout{width:auto}}.cropper{justify-items:center;gap:12px;padding:8px 0 4px;display:grid}.crop-frame{background:var(--bg-2);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:240px;height:240px;box-shadow:0 0 0 3px var(--chord);border-radius:50%;position:relative;overflow:hidden}.crop-frame:active{cursor:grabbing}.crop-frame img{pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.skeleton-circle{animation:1s ease-in-out infinite alternate breathe}.zoom{width:100%;max-width:320px;color:var(--mut);align-items:center;gap:12px;font-weight:600;display:flex}.zoom input{min-height:0;accent-color:var(--chord);background:0 0;border:0;flex:1;padding:0}.cropper-actions{justify-content:flex-end;width:100%;margin-top:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.sheet,.dock-panel,.rail-overlay,.rail-progress span,.sec:before,.switch-track:after{transition-duration:1ms!important}.sec-progress{display:none}}