@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800;900&display=swap";:root{--bg-black: #000000;--bg-base: #121212;--bg-elev-1: #181818;--bg-elev-2: #242424;--bg-elev-3: #2a2a2a;--bg-hover: #1f1f1f;--bg-card: #181818;--accent: #e8dead;--accent-strong: #f3ecd0;--accent-dim: rgba(232, 222, 173, .14);--accent-faint: rgba(232, 222, 173, .07);--accent-ink: #121212;--text: #ffffff;--text-sub: #b3b3b3;--text-dim: #7a7a7a;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .18);--success: #1db954;--warning: #e8a33d;--error: #e2464a;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 500px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(.05, .7, .1, 1);--ease-accelerate: cubic-bezier(.3, 0, .8, .15);--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--dur-short: .15s;--dur-medium: .3s;--dur-long: .45s;--dur-enter: .4s;--dur-exit: .2s;--transition-fast: var(--dur-short) var(--ease-standard);--transition-base: var(--dur-medium) var(--ease-standard);--transition-slow: var(--dur-long) var(--ease-emphasized);--sidebar-width: 248px;--topbar-height: 64px;--player-height: 72px;--glass-bg: rgba(18, 18, 18, .72);--glass-blur: blur(18px);--ease-out: cubic-bezier(.05, .7, .1, 1);--ease-spring: cubic-bezier(.34, 1.35, .64, 1);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-black);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{height:100%}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--text)}h1{font-size:clamp(2rem,5vw,3rem);font-weight:800}h2{font-size:1.5rem}h3{font-size:1.125rem}h4{font-size:1rem}a{color:inherit;text-decoration:none}.btn{padding:.6rem 1.1rem;border:none;border-radius:var(--radius-pill);font-family:inherit;font-size:.875rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;outline:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:active{transform:none}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-strong);transform:scale(1.04)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--text);transform:scale(1.03)}.btn-ghost{background:transparent;color:var(--text-sub);border:none;padding:.5rem .75rem}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--bg-elev-2)}.btn-danger{background:transparent;color:var(--error);border:1px solid rgba(226,70,74,.5)}.btn-danger:hover:not(:disabled){background:var(--error);color:#fff;border-color:var(--error)}.btn-sm{padding:.35rem .85rem;font-size:.78rem}.btn-lg{padding:.85rem 1.75rem;font-size:.95rem}.btn-play{position:relative;width:48px;height:48px;min-width:48px;border-radius:50%;background:var(--accent);color:var(--accent-ink);border:none;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--dur-short) var(--ease-spring),background var(--transition-fast)}.btn-play:hover{transform:scale(1.06);background:var(--accent-strong)}.btn-play:active{transform:scale(.88);transition-duration:80ms}.play-icon{animation:iconSwap .26s var(--ease-emphasized) both}@keyframes iconSwap{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.btn-play:after,.row-play:after,.player-btn-main:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);opacity:0;pointer-events:none}.btn-play:active:after,.row-play:active:after,.player-btn-main:active:after{animation:pressRing .48s var(--ease-decelerate)}@keyframes pressRing{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.input,.select,.textarea{width:100%;padding:.7rem .9rem;background:var(--bg-elev-2);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:.9rem;transition:background var(--transition-fast),border-color var(--transition-fast)}.input:hover,.select:hover,.textarea:hover{background:var(--bg-elev-3)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-elev-3)}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-sub) 50%),linear-gradient(135deg,var(--text-sub) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2rem}.select option{background:var(--bg-elev-2);color:var(--text)}.textarea{min-height:140px;resize:vertical;font-family:JetBrains Mono,SF Mono,Courier New,monospace;line-height:1.9}label{display:block;font-size:.8rem;font-weight:600;color:var(--text-sub);margin-bottom:.4rem}.card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:background var(--transition-base),border-color var(--transition-base)}.card-clickable{cursor:pointer}.card-clickable:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}.container{max-width:1280px;margin:0 auto;padding:var(--spacing-xl)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.text-center{text-align:center}.text-muted{color:var(--text-sub)}.text-dim{color:var(--text-dim)}.text-sm{font-size:.8rem}.section-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-md)}.scale-badge{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:var(--radius-pill);background:var(--accent-dim);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.scale-badge-transposed{background:#ffffff1a;color:var(--text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;color:var(--text-sub)}.empty-icon{margin-bottom:1rem;color:var(--text-dim);opacity:.7}.icon{flex-shrink:0;vertical-align:middle}.empty-state h3{color:var(--text);margin-bottom:.5rem}.spinner{width:36px;height:36px;border:3px solid var(--bg-elev-3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--dur-enter) var(--ease-decelerate) both}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation:riseIn var(--dur-enter) var(--ease-decelerate) both;animation-delay:calc(var(--i, 0) * 30ms)}::view-transition-old(root){animation:mdFadeOut var(--dur-exit) var(--ease-accelerate) both}::view-transition-new(root){animation:mdFadeIn var(--dur-medium) var(--dur-exit) var(--ease-decelerate) both}@keyframes mdFadeOut{to{opacity:0}}@keyframes mdFadeIn{0%{opacity:0}to{opacity:1}}html[data-transition=fade-through]::view-transition-old(root){animation:mdFadeOut 90ms var(--ease-accelerate) both}html[data-transition=fade-through]::view-transition-new(root){animation:fadeThroughIn .21s 90ms var(--ease-decelerate) both}@keyframes fadeThroughIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}html[data-transition=axis-forward]::view-transition-old(root){animation:axisOutLeft var(--dur-medium) var(--ease-accelerate) both}html[data-transition=axis-forward]::view-transition-new(root){animation:axisInRight var(--dur-medium) var(--ease-decelerate) both}html[data-transition=axis-backward]::view-transition-old(root){animation:axisOutRight var(--dur-medium) var(--ease-accelerate) both}html[data-transition=axis-backward]::view-transition-new(root){animation:axisInLeft var(--dur-medium) var(--ease-decelerate) both}@keyframes axisOutLeft{to{opacity:0;transform:translate(-30px)}}@keyframes axisInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes axisOutRight{to{opacity:0;transform:translate(30px)}}@keyframes axisInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}html[data-transition^=container]::view-transition-old(root){animation:mdFadeOut .12s var(--ease-accelerate) both}html[data-transition^=container]::view-transition-new(root){animation:mdFadeIn .28s .1s var(--ease-decelerate) both}html[data-transition^=container] .vt-shared,html[data-transition^=container] .song-hero,html[data-transition^=container] .songbook-hero{view-transition-name:shared-container;contain:paint}html[data-transition^=container] .vt-shared{background:var(--bg-elev-2)}::view-transition-group(shared-container){animation-duration:.5s;animation-timing-function:var(--ease-emphasized);z-index:10}::view-transition-old(shared-container){animation:mdFadeOut 90ms var(--ease-accelerate) both;height:100%;object-fit:cover;object-position:top left}::view-transition-new(shared-container){animation:mdFadeIn .28s .12s var(--ease-decelerate) both;height:100%;object-fit:cover;object-position:top left}html[data-transition^=container] .app-content>*>*:not(.vt-shared):not(.song-hero):not(.songbook-hero){view-transition-name:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:var(--radius-pill);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff52;background-clip:content-box}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn var(--dur-short) var(--ease-standard) both}.modal{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:420px;width:100%;box-shadow:var(--shadow-lg);animation:modalIn var(--dur-enter) var(--ease-emphasized) both}@keyframes modalIn{0%{opacity:0;transform:scale(.92)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal{animation:fadeIn var(--dur-short) linear both}}.modal h3{margin-bottom:.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:var(--spacing-lg)}.modal-recordar{display:inline-flex;align-items:center;gap:8px;margin-top:var(--spacing-lg);font-size:.82rem;color:var(--text-sub);cursor:pointer;-webkit-user-select:none;user-select:none}.modal-recordar input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.print-only{display:none}@media print{body{background:#fff!important;color:#000!important;overflow:visible!important}.no-print{display:none!important}.print-only{display:block!important}}@media(max-width:768px){.container{padding:var(--spacing-md)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.yt-host{position:fixed;left:-9999px;top:0;width:320px;height:180px;pointer-events:none;opacity:0}.player-bar{position:relative;grid-area:player;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"track controls right" "track seek     right";align-items:center;row-gap:.15rem;column-gap:1rem;height:var(--player-height);padding:0 1rem;background:var(--bg-base);border-radius:var(--radius-md);border:1px solid var(--border);animation:playerIn var(--dur-long) var(--ease-emphasized) both}@keyframes playerIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.player-track{grid-area:track;display:flex;align-items:center;gap:.75rem;min-width:0;cursor:pointer;border-radius:var(--radius-sm);padding:.25rem;transition:background var(--transition-fast)}.player-track:hover{background:var(--bg-elev-1)}.player-art{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-sm);background:linear-gradient(145deg,#2c2a20,#16150f);display:flex;align-items:center;justify-content:center}.player-art img{width:48%}.player-meta{display:flex;flex-direction:column;min-width:0;line-height:1.3}.player-title{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-artist{font-size:.72rem;color:var(--text-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{grid-area:controls;display:flex;align-items:center;justify-content:center;gap:.75rem}.player-btn{background:none;border:none;color:var(--text-sub);cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:color var(--transition-fast),transform var(--transition-fast)}.player-btn svg{width:18px;height:18px}.player-btn:hover{color:var(--text);transform:scale(1.1)}.player-btn:active{transform:scale(.94)}.player-btn-main{position:relative;width:34px;height:34px;background:var(--accent);color:var(--accent-ink);transition:transform var(--dur-short) var(--ease-spring),background var(--transition-fast)}.player-btn-main:active{transform:scale(.86);transition-duration:80ms}.player-btn-main:hover{background:var(--accent-strong);color:var(--accent-ink)}.player-btn-main svg{width:16px;height:16px}.player-seek{grid-area:seek;display:flex;align-items:center;justify-self:center;gap:.6rem;width:100%;max-width:520px}.player-time{font-size:.68rem;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:32px;text-align:center}.player-track-line{flex:1;position:relative;display:flex;align-items:center}.player-bar input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--text) 0%,var(--text) var(--progress, 0%),rgba(255,255,255,.22) var(--progress, 0%),rgba(255,255,255,.22) 100%);outline:none;cursor:pointer;transition:background var(--transition-fast)}.player-track-line:hover input[type=range]{background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress, 0%),rgba(255,255,255,.22) var(--progress, 0%),rgba(255,255,255,.22) 100%)}.player-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text);opacity:0;transition:opacity var(--transition-fast)}.player-bar input[type=range]:hover::-webkit-slider-thumb,.player-bar input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}.player-bar input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--text)}.player-spacer{display:none}.player-right{grid-area:right;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.player-volume{display:flex;align-items:center;gap:.5rem;width:130px}.player-volume svg{width:18px;height:18px;color:var(--text-sub);flex-shrink:0}.player-volume input[type=range]{background:linear-gradient(to right,var(--text) 0%,var(--text) var(--vol, 80%),rgba(255,255,255,.22) var(--vol, 80%),rgba(255,255,255,.22) 100%)}.player-close svg{width:16px;height:16px}@media(max-width:900px){.player-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"track controls spacer";column-gap:.5rem;border-radius:0;border-left:none;border-right:none;border-bottom:none;padding:0 .75rem}.player-controls{grid-area:controls;justify-self:center;gap:1.25rem;margin-top:2px}.player-spacer{display:block;grid-area:spacer;min-width:0}.player-btn-main{width:40px;height:40px}.player-btn-main .icon{width:20px;height:20px}.player-track{padding-right:.25rem}.player-seek{grid-area:auto;position:absolute;top:0;left:0;right:0;width:100%;max-width:none;justify-self:stretch;gap:0;padding:0;z-index:4;transform:translateY(-50%)}.player-time{display:none}.player-seek .player-track-line{margin:0}.player-bar input[type=range]{height:14px;border-radius:0;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress, 0%),rgba(255,255,255,.2) var(--progress, 0%),rgba(255,255,255,.2) 100%) center / 100% 3px no-repeat}.player-bar input[type=range]::-webkit-slider-thumb{width:14px;height:14px;opacity:1;background:var(--accent)}.player-bar input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent)}.player-right{display:none}.player-art{width:38px;height:38px}.player-track{margin-top:6px}}.account-login{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}@media(max-width:480px){.account-login-text{display:none}}.account{position:relative}.account-trigger{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.account-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.82rem;font-weight:700;transition:transform var(--transition-fast)}.account-trigger:hover .account-avatar{transform:scale(1.06)}.account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:240px;padding:var(--spacing-xs);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:account-in var(--dur-short) var(--ease-decelerate) both}@keyframes account-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.account-menu{animation:none}}.account-menu .account-menu-head{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--spacing-sm) var(--spacing-md);border:0;border-bottom:1px solid var(--border);border-radius:0;margin-bottom:var(--spacing-xs);background:transparent;text-align:left;cursor:pointer}.account-menu-ver{color:var(--accent)!important;margin-top:2px}.account-menu-head strong{font-size:.85rem}.account-menu-head span{font-size:.74rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis}.account-menu-warn{color:var(--warning)!important;margin-top:var(--spacing-xs)}.account-menu button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-sub);font-family:inherit;font-size:.84rem;text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.account-menu button:hover{background:var(--bg-hover);color:var(--text)}.account-menu-danger:hover{color:var(--error)}.upgrade-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--radius-pill);border:1px solid var(--accent-dim);background:var(--accent-faint);color:var(--accent);font-size:.76rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast)}.upgrade-badge:hover{background:var(--accent-dim);border-color:var(--accent)}@media(max-width:560px){.upgrade-badge-text{display:none}}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;grid-template-areas:"sidebar main";gap:8px;height:100%;padding:8px;background:var(--bg-black);transition:grid-template-rows var(--transition-base)}.app-shell-with-player{grid-template-rows:1fr var(--player-height);grid-template-areas:"sidebar main" "player player"}.sidebar{grid-area:sidebar;background:var(--bg-base);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:1.25rem .75rem 1rem;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;padding:0 .75rem 1.5rem;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.sidebar-brand:hover{opacity:.8}.sidebar-brand:active{transform:scale(.97)}.sidebar-wordmark{width:100%;max-width:168px;height:auto;display:block}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.65rem .75rem;border-radius:var(--radius-sm);color:var(--text-sub);font-weight:600;font-size:.95rem;position:relative;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.nav-item:hover{color:var(--text);background:var(--bg-elev-1)}.nav-item:active{transform:scale(.98)}.nav-item-active{color:var(--accent);background:var(--accent-faint)}.nav-item-active:before{content:"";position:absolute;left:0;top:50%;width:3px;height:60%;background:var(--accent);border-radius:var(--radius-pill);transform:translateY(-50%);animation:navMark var(--transition-base) cubic-bezier(.16,1,.3,1) both}@keyframes navMark{0%{height:0;opacity:0}to{height:60%;opacity:1}}.nav-item .nav-icon{transition:transform var(--transition-base)}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-icon{width:22px;height:22px;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:1rem .75rem 0;border-top:1px solid var(--border)}.sidebar-tagline{font-size:.72rem;color:var(--text-dim);line-height:1.4}.sidebar-backdrop{display:none}.app-main{grid-area:main;background:linear-gradient(180deg,#1c1b16 0%,var(--bg-base) 260px);border-radius:var(--radius-md);overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-gutter:stable;overscroll-behavior:contain}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:background var(--dur-medium) var(--ease-standard)}html[data-toolbar-stuck=true] .topbar{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.5rem}.icon-btn{width:34px;height:34px;border-radius:50%;border:none;background:#0000008c;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}.icon-btn:hover{background:#000c;transform:scale(1.08)}.icon-btn:active{transform:scale(.94)}.icon-btn .nav-icon{width:18px;height:18px}.topbar-mark{height:28px;width:auto;opacity:.85}.topbar-wordmark{display:none;height:22px;width:auto}.app-content{padding:0 2rem 4rem}.mobile-only,.edge-hint{display:none}@media(max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-areas:"main";padding:0;gap:0}.app-shell-with-player{grid-template-areas:"main" "player"}.sidebar{position:fixed;top:0;left:0;bottom:0;width:264px;z-index:100;border-radius:0;transform:translate(-100%);transition:transform var(--dur-long) var(--ease-emphasized);box-shadow:var(--shadow-lg);will-change:transform}.edge-hint{display:block;position:fixed;left:0;top:0;bottom:0;width:24px;z-index:80;pointer-events:none}.sidebar-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0009;z-index:90;opacity:0;pointer-events:none;transition:opacity var(--dur-medium) var(--ease-standard)}.sidebar-backdrop-open{opacity:1;pointer-events:auto}.app-main{border-radius:0}.mobile-only{display:inline-flex}.topbar-wordmark{display:block}.topbar-mark{display:none}.app-content{padding:0 1rem 3rem}}@media(prefers-reduced-motion:reduce){.nav-item-active:before{animation:none}}@media print{.sidebar,.topbar,.sidebar-backdrop,.player-bar,.yt-host{display:none!important}.app-shell{display:block;padding:0;background:#fff}.app-main{background:#fff;overflow:visible;border-radius:0}.app-content{padding:0;animation:none}}.sidebar-church{font-size:.8rem;font-weight:600;color:var(--text-sub);margin-bottom:var(--spacing-xs);line-height:1.3}.sidebar-session{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-dim);margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.sidebar-session-link:hover{color:var(--accent);text-decoration:underline}.modal-overlay.is-closing{animation:modalVeloSale var(--dur-exit) var(--ease-accelerate) both;pointer-events:none}.modal-overlay.is-closing .modal{animation:modalSale var(--dur-exit) var(--ease-accelerate) both}@keyframes modalVeloSale{to{opacity:0}}@keyframes modalSale{to{opacity:0;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.modal-overlay.is-closing,.modal-overlay.is-closing .modal{animation:modalVeloSale var(--dur-short) linear both}}.registro-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.registro-form>p{margin-top:calc(var(--spacing-sm) * -1);font-size:.86rem;line-height:1.55}.registro-form label{display:flex;flex-direction:column;gap:4px}.registro-form label>span{font-size:.78rem;color:var(--text-sub)}.registro-form small{font-size:.74rem;line-height:1.45}@media(max-height:720px){.modal{max-height:calc(100dvh - 2rem);overflow-y:auto}}.registro-legal{font-size:.76rem;line-height:1.5;color:var(--text-dim)}.registro-legal a{color:var(--accent)}.tabla-planes{width:100%;border-collapse:collapse;font-size:.86rem;margin-bottom:var(--spacing-2xl)}.tabla-planes th,.tabla-planes td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);text-align:left}.tabla-planes thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.tabla-planes tbody th{font-weight:500;color:var(--text-sub)}.tabla-planes td{color:var(--text)}.tabla-planes td:last-child{color:var(--accent)}.home{height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--bg-base);padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-2xl)}.home>*{max-width:780px;margin-inline:auto}.home-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;padding-bottom:var(--spacing-xl)}.home-marca{width:120px;height:auto;display:block}.home-nav-acciones{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.home-nav-texto{font-size:.82rem;color:var(--text-sub)}@media(max-width:480px){.home-nav-texto{display:none}}.home-hero{text-align:center;padding-block:var(--spacing-2xl)}.home-title{font-size:clamp(1.6rem,4.5vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;max-width:18ch;margin:0 auto var(--spacing-md)}.home-tagline{color:var(--text-sub);font-size:.98rem;line-height:1.6;max-width:46ch;margin:0 auto var(--spacing-xl)}.home-acciones{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.home-nota{font-size:.8rem;line-height:1.55;color:var(--text-dim);max-width:44ch;margin:var(--spacing-xl) auto 0}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.home-features article{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.home-features svg{color:var(--accent);margin-bottom:var(--spacing-sm)}.home-features h2{font-size:1rem;margin-bottom:var(--spacing-xs)}.home-features p{font-size:.86rem;line-height:1.55;color:var(--text-sub)}.home-planes{text-align:center;margin-bottom:var(--spacing-2xl)}.home-planes h2{font-size:1.2rem;margin-bottom:var(--spacing-lg)}.home-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.home-login{display:inline-flex;align-items:center;padding:8px 18px;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-pill);font-size:.84rem;color:var(--text);text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.home-login:hover{border-color:var(--accent);background:var(--accent-faint);color:var(--accent)}.home-contacto{font-size:.82rem;color:var(--text-dim)}.home-contacto:hover{color:var(--accent)}.home-legal{display:inline-flex;gap:var(--spacing-md);font-size:.82rem}.home-legal a{color:var(--text-dim)}.home-legal a:hover{color:var(--accent)}.home-arrepentimiento{padding:3px 12px;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-pill);color:var(--text-sub)!important}.home-arrepentimiento:hover{border-color:var(--accent);color:var(--accent)!important}.guia{margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev-1);animation:guiaEntra var(--dur-medium, .3s) var(--ease-decelerate, ease-out) both}@keyframes guiaEntra{0%{opacity:0;transform:translateY(-6px)}}.guia-cabecera{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.guia-cabecera h2{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0}.guia-cerrar{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:0;border-radius:50%;background:none;color:var(--text-dim);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.guia-cerrar:hover{background:var(--bg-elev-2);color:var(--text)}.guia-puntos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.guia-puntos li{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.5;color:var(--text-sub)}.guia-puntos strong{color:var(--text);font-weight:600}.guia-icono{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;margin-top:1px;border-radius:50%;background:var(--bg-elev-2);color:var(--accent)}.guia-pie{margin:var(--spacing-md) 0 0;font-size:.76rem;color:var(--text-dim)}.guia-abrir{display:grid;place-items:center;width:26px;height:26px;margin:calc(-1 * var(--spacing-sm)) 0 var(--spacing-lg);border:1px solid var(--border);border-radius:50%;background:none;color:var(--text-dim);cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast)}.guia-abrir:hover{border-color:var(--accent);color:var(--accent)}@media(prefers-reduced-motion:reduce){.guia{animation:none}}.song-list-page{max-width:1400px}.page-hero{padding:1.5rem 0 2rem}.page-hero h1{margin-bottom:.25rem}.toolbar-sentinel{height:1px;margin-bottom:-1px}.list-toolbar{position:sticky;top:var(--topbar-height);z-index:15;display:flex;align-items:center;gap:1rem;margin:0 0 1.5rem;padding:.85rem 0 1.1rem;flex-wrap:wrap;transition:padding var(--dur-medium) var(--ease-standard)}.list-toolbar:before{content:"";position:absolute;top:calc(-1 * var(--topbar-height));bottom:-22px;left:-50vw;right:-50vw;z-index:-1;pointer-events:none;opacity:0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);mask-image:linear-gradient(180deg,#000 calc(100% - 22px),transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 22px),transparent 100%);transition:opacity var(--dur-medium) var(--ease-standard)}.list-toolbar.is-stuck:before{opacity:1}.list-toolbar.is-stuck{padding:.6rem 0 .7rem}.list-toolbar.is-stuck .search-input{padding-top:.6rem;padding-bottom:.6rem}.search-bar{position:relative;flex:1;min-width:220px;max-width:460px;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-dim);pointer-events:none;transition:color var(--transition-fast)}.search-bar:focus-within .search-icon{color:var(--accent)}.search-input{width:100%;padding:.75rem 2.5rem .75rem 2.75rem;transition-property:background,border-color,box-shadow,padding;background:var(--bg-elev-2);border:1px solid transparent;border-radius:var(--radius-pill);color:var(--text);font-family:inherit;font-size:.9rem;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-base)}.search-input::placeholder{color:var(--text-dim)}.search-input:hover{background:var(--bg-elev-3)}.search-input:focus{outline:none;background:var(--bg-elev-3);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-faint)}.search-clear{position:absolute;right:12px;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;padding:4px;line-height:1;transition:color var(--transition-fast),transform var(--transition-fast)}.search-clear:hover{color:var(--text);transform:rotate(90deg)}.view-toggle{position:relative;display:flex;gap:2px;background:var(--bg-elev-1);border-radius:var(--radius-pill);padding:3px}.view-toggle-pill{position:absolute;top:3px;left:3px;width:36px;height:32px;border-radius:var(--radius-pill);background:var(--accent);transition:transform var(--transition-base) var(--ease-spring)}.view-toggle[data-mode=list] .view-toggle-pill{transform:translate(38px)}.view-btn{position:relative;z-index:1;width:36px;height:32px;border:none;background:transparent;color:var(--text-dim);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.view-btn svg{width:15px;height:15px;transition:transform var(--transition-base)}.view-btn:hover:not(.active){color:var(--text)}.view-btn:hover svg{transform:scale(1.12)}.view-btn.active{color:var(--accent-ink)}.song-cover{aspect-ratio:1;width:100%;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,hsl(var(--cover-hue, 48) 22% 22%),hsl(var(--cover-hue, 48) 16% 12%));overflow:hidden}.song-cover img{width:46%;height:auto;opacity:.9;transition:transform var(--transition-slow) var(--ease-out)}.shelf{margin-bottom:2.5rem}.quick-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem}.quick-card{position:relative;display:flex;align-items:center;gap:.9rem;background:#ffffff0f;border:none;border-radius:var(--radius-sm);padding:0;overflow:hidden;cursor:pointer;text-align:left;color:var(--text);font-family:inherit;transition:background var(--transition-fast),transform var(--transition-fast)}.quick-card:hover{background:#ffffff21}.quick-card:active{transform:scale(.985)}.quick-card.is-current .quick-title{color:var(--accent)}.quick-card .song-cover{width:62px;height:62px;flex-shrink:0;border-radius:0}.quick-title{font-weight:700;font-size:.9rem;padding-right:3.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;transition:color var(--transition-fast)}.quick-play{position:absolute;right:12px;top:50%;width:34px;height:34px;min-width:34px;opacity:0;transform:translateY(-50%) scale(.8);transition:opacity var(--dur-exit) var(--ease-accelerate),transform var(--dur-exit) var(--ease-accelerate)}.quick-play .icon{width:16px;height:16px}.quick-card:hover .quick-play,.quick-card:focus-within .quick-play{opacity:1;transform:translateY(-50%) scale(1);transition:opacity var(--dur-medium) var(--ease-decelerate),transform var(--dur-medium) var(--ease-spring)}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem 1rem}.song-card{background:var(--bg-elev-1);border-radius:var(--radius-md);padding:1rem;cursor:pointer;position:relative;transition:background var(--dur-exit) var(--ease-accelerate),transform var(--dur-exit) var(--ease-accelerate),box-shadow var(--dur-exit) var(--ease-accelerate)}.song-card:hover,.song-card:focus-within{background:var(--bg-elev-2);transform:translateY(-6px);box-shadow:var(--shadow-md);transition:background var(--dur-medium) var(--ease-decelerate),transform var(--dur-medium) var(--ease-emphasized),box-shadow var(--dur-medium) var(--ease-decelerate)}.song-card:active{transform:translateY(-2px) scale(.985);transition-duration:90ms}.song-card:hover .song-cover img,.song-card:focus-within .song-cover img{transform:scale(1.07)}.song-card-cover:after{content:"";position:absolute;inset:0;border-radius:var(--radius-sm);background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.45) 100%);opacity:0;pointer-events:none;transition:opacity var(--dur-exit) var(--ease-accelerate)}.song-card:hover .song-card-cover:after,.song-card:focus-within .song-card-cover:after{opacity:1;transition:opacity var(--dur-medium) var(--ease-decelerate)}.song-card.is-current .song-card-title{color:var(--accent)}.song-card-cover{position:relative;margin-bottom:.9rem}.card-play{position:absolute;right:8px;bottom:8px;opacity:0;transform:translateY(12px) scale(.9);transition:opacity var(--dur-exit) var(--ease-accelerate),transform var(--dur-exit) var(--ease-accelerate)}.song-card:hover .card-play,.song-card:focus-within .card-play,.song-card.is-current .card-play{opacity:1;transform:translateY(0) scale(1);transition:opacity var(--dur-medium) var(--ease-decelerate),transform var(--dur-medium) var(--ease-spring)}.song-card-title{font-size:.95rem;font-weight:700;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;transition:color var(--transition-fast)}.song-card-artist{font-size:.8rem;color:var(--text-sub);margin-bottom:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-table{display:flex;flex-direction:column}.song-row{display:grid;grid-template-columns:40px 1fr 1fr 90px;align-items:center;gap:1rem;padding:.6rem .75rem;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-sub);font-size:.9rem;transition:background var(--transition-fast)}.song-row:not(.song-row-head):hover{background:#ffffff12}.song-row:not(.song-row-head):active{background:#ffffff1c}.song-row.is-current .col-title{color:var(--accent)}.song-row-head{cursor:default;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--border);border-radius:0;margin-bottom:.5rem}.col-num{position:relative;display:flex;align-items:center;justify-content:flex-end;height:28px;color:var(--text-dim);font-variant-numeric:tabular-nums}.row-index{transition:opacity var(--transition-fast)}.row-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text);cursor:pointer;opacity:0;border-radius:var(--radius-sm);transition:opacity var(--transition-fast),transform var(--transition-fast)}.row-play svg{width:16px;height:16px}.song-row:hover .row-play,.song-row:focus-within .row-play{opacity:1}.song-row:hover .row-index{opacity:0}.row-play:active{transform:scale(.9)}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{width:3px;background:var(--accent);border-radius:1px;animation:eqBar .9s ease-in-out infinite}.eq i:nth-child(1){height:60%;animation-delay:-.2s}.eq i:nth-child(2){height:100%;animation-delay:-.5s}.eq i:nth-child(3){height:40%}@keyframes eqBar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.col-title{color:var(--text);font-weight:600;display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast)}.yt-dot{width:7px;height:7px;border-radius:50%;background:var(--error);flex-shrink:0}.col-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-scale{text-align:right}@media(hover:none){.card-play,.row-play{opacity:1;transform:none}.quick-play{opacity:1;transform:translateY(-50%)}@media(max-width:700px){.quick-play{transform:translate(-50%,-50%)}}.row-play{position:static;width:30px;height:30px;background:var(--accent);color:var(--accent-ink);border-radius:50%;flex-shrink:0}.row-index{display:none}.col-num{justify-content:center}}@media(max-width:700px){.list-toolbar{margin:0 0 1.25rem;padding:.65rem 0 .85rem;gap:.6rem}.list-toolbar.is-stuck{padding:.5rem 0 .6rem}.song-row{grid-template-columns:40px 1fr 70px}.col-artist{display:none}.quick-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.quick-card .song-cover{width:46px;height:46px}.quick-card{gap:.55rem}.quick-title{font-size:.78rem;padding-right:.5rem;line-height:1.25}.quick-play{right:auto;left:23px;width:30px;height:30px;min-width:30px;transform:translate(-50%,-50%) scale(.8)}.quick-card:hover .quick-play,.quick-card:focus-within .quick-play{transform:translate(-50%,-50%) scale(1)}.quick-play .icon{width:14px;height:14px}.song-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.9rem .6rem}.song-card{padding:.6rem;border-radius:var(--radius-sm)}.song-card-cover{margin-bottom:.6rem}.song-card-title{font-size:.82rem;-webkit-line-clamp:2;line-clamp:2}.song-card-artist{font-size:.7rem;margin-bottom:.4rem}.song-card-scale{font-size:.62rem;padding:.1rem .45rem}.card-play{width:38px;height:38px;min-width:38px;right:6px;bottom:6px}.card-play .icon{width:16px;height:16px}}@media(max-width:420px){.song-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:.75rem .5rem}.song-card{padding:.45rem}.song-card-title{font-size:.78rem}.card-play{width:32px;height:32px;min-width:32px}.card-play .icon{width:14px;height:14px}}.versions-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-size:.66rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);background:#000000a8;color:var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.song-card{position:relative}.versions-pill{display:inline-block;margin-left:var(--spacing-sm);font-size:.66rem;font-weight:600;padding:1px 7px;border-radius:var(--radius-pill);background:var(--accent-faint);color:var(--accent);vertical-align:middle}.random-btn{flex-shrink:0;transition:transform var(--dur-short) var(--ease-spring),color var(--transition-fast)}.random-btn:hover{color:var(--accent);transform:rotate(-18deg)}.song-card.is-bloqueada{opacity:.42;cursor:not-allowed;filter:saturate(.2)}.song-card.is-bloqueada:hover{background:inherit;transform:none}.song-card-candado{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000073;border-radius:inherit}.scale-picker{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.15rem 1.15rem}.scale-picker-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.scale-picker-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.accidental-toggle{position:relative;display:flex;background:var(--bg-elev-2);border-radius:var(--radius-pill);padding:3px;flex-shrink:0}.accidental-pill{position:absolute;top:3px;left:3px;width:34px;height:calc(100% - 6px);border-radius:var(--radius-pill);background:var(--accent);transition:transform var(--dur-medium) var(--ease-spring)}.accidental-toggle[data-mode=flat] .accidental-pill{transform:translate(34px)}.accidental-toggle button{position:relative;z-index:1;width:34px;height:26px;border:none;background:none;color:var(--text-sub);font-family:inherit;font-size:1.05rem;line-height:1;cursor:pointer;border-radius:var(--radius-pill);transition:color var(--transition-fast)}.accidental-toggle button.active{color:var(--accent-ink)}.scale-rows{display:flex;flex-direction:column;gap:.5rem}.scale-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.scale-row-label{width:62px;flex-shrink:0;font-size:.7rem;font-weight:600;color:var(--text-dim)}.scale-chip{min-width:46px;padding:.4rem .75rem;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:transparent;color:var(--text-sub);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:color var(--dur-exit) var(--ease-accelerate),border-color var(--dur-exit) var(--ease-accelerate),background var(--dur-exit) var(--ease-accelerate),transform var(--dur-short) var(--ease-spring)}.scale-chip:hover{color:var(--text);border-color:var(--text)}.scale-chip:active{transform:scale(.94)}.scale-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.scale-chip-neutral{min-width:auto}@media(max-width:600px){.scale-picker{padding:.85rem .9rem 1rem}.scale-row-label{width:100%}.scale-chip{min-width:42px;padding:.35rem .6rem;font-size:.76rem}}.song-viewer{max-width:1100px;padding-bottom:3rem}.songbook-strip{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1.25rem;padding:.35rem;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-pill);animation:fadeIn var(--dur-enter) var(--ease-decelerate) both}.strip-arrow{display:inline-flex;align-items:center;gap:.5rem;min-width:0;max-width:38%;padding:.4rem .85rem;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-sub);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.strip-arrow:hover:not(:disabled){color:var(--text);background:var(--bg-elev-2)}.strip-arrow:active:not(:disabled){transform:scale(.96)}.strip-arrow:disabled{opacity:.3;cursor:not-allowed}.strip-arrow-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-arrow-next{justify-content:flex-end}.strip-context{display:flex;align-items:center;gap:.5rem;min-width:0;padding:.3rem .9rem;border-radius:var(--radius-pill);color:var(--text-sub);font-size:.78rem;transition:color var(--transition-fast),background var(--transition-fast)}.strip-context:hover{color:var(--text);background:var(--bg-elev-2)}.strip-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-count{flex-shrink:0;padding:.05rem .5rem;border-radius:var(--radius-pill);background:var(--accent-dim);color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:760px){.strip-arrow-title,.strip-name{display:none}.strip-arrow{max-width:none}}.song-hero{display:flex;align-items:flex-end;gap:1.5rem;padding:1.5rem 0 2rem}.song-hero-art{width:168px;height:168px;flex-shrink:0;border-radius:var(--radius-md);background:linear-gradient(145deg,#2c2a20,#16150f);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.hero-play{width:54px;height:54px;min-width:54px;margin-right:.25rem;animation:heroPlayIn var(--dur-long) var(--ease-spring) both}@keyframes heroPlayIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.song-hero-art img{width:46%}.song-hero-info{min-width:0}.song-hero-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-sub)}.song-hero-title{font-size:clamp(1.9rem,5vw,3.5rem);font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:.35rem 0 .75rem;word-break:break-word}.song-hero-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.song-hero-artist{font-weight:700;font-size:.95rem}.song-actionbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-bottom:1.5rem}.btn-video svg{margin-right:.1rem}.btn-reset svg{transition:transform var(--transition-slow) var(--ease-out)}.btn-reset:hover:not(:disabled) svg{transform:rotate(-180deg)}.video-wrapper{position:relative;width:100%;max-width:760px;aspect-ratio:16 / 9;margin-bottom:1.75rem;border-radius:var(--radius-md);overflow:hidden;background:#000;box-shadow:var(--shadow-md);animation:fadeIn var(--transition-base) ease-out}.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.transpose-panel{margin-bottom:1.75rem}.lyrics-sheet{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.75rem}.lyrics-container{font-family:JetBrains Mono,SF Mono,Courier New,monospace;font-size:.95rem}.lyrics-section{margin-bottom:1.5rem}.section-header{margin-bottom:.4rem}.section-badge{display:inline-block;padding:.1rem .55rem;border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent);font-family:Figtree,sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lyrics-line{margin-bottom:.15rem}.chords-row{position:relative;height:1.35em;white-space:pre}.chord{position:absolute;top:0;color:var(--accent);font-family:inherit;font-size:inherit;font-weight:700;white-space:nowrap}.chord-placeholder{display:inline-block}.text-row{white-space:pre-wrap;color:var(--text);line-height:1.45}.song-viewer-embedded{color:#000}.print-song-head{margin-bottom:.5rem}.print-song-head h2{font-size:1.25rem;margin:0}.print-song-head p{font-size:.85rem;color:#555;margin:0}@media(max-width:700px){.song-hero{flex-direction:column;align-items:flex-start;gap:1rem}.song-hero-art{width:120px;height:120px}.lyrics-sheet{padding:1rem;font-size:.85rem}}@media print{.song-viewer{max-width:100%;padding:0}.song-hero{padding:0 0 .75rem;gap:0}.song-hero-art,.song-actionbar,.transpose-panel,.video-wrapper,.songbook-strip{display:none!important}.song-hero-eyebrow{display:none}.song-hero-title{font-size:1.5rem;color:#000}.song-hero-meta,.song-hero-artist{color:#444}.scale-badge{background:transparent!important;color:#444!important;border:1px solid #999}.lyrics-sheet{background:#fff;border:none;padding:0}.lyrics-container{color:#000;font-size:9.5pt;column-count:2;column-gap:.5in;column-fill:auto}.lyrics-line{break-inside:avoid}.text-row{color:#000}.chord{color:#000;font-weight:700}.section-badge{background:transparent;color:#000;border:1px solid #000}.lyrics-section{break-inside:avoid}}.version-switch{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.version-switch-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.version-switch-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-right:var(--spacing-xs)}.version-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:inherit;font-size:.8rem;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elev-1);color:var(--text-sub);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.version-chip:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-strong)}.version-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600;cursor:default}.version-chip-foreign{border-style:dashed}.version-chip-scale{font-size:.68rem;opacity:.7}.viewer-foreign{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--text-sub);background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.song-hero-artist .autor-enlace{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;text-decoration-color:var(--text-dim);transition:color var(--t-fast),text-decoration-color var(--t-fast)}.song-hero-artist .autor-enlace:hover{color:var(--accent);text-decoration-color:var(--accent)}.songbook-page{max-width:1400px}.songbook-toolbar{display:flex;gap:.75rem;margin-bottom:1.5rem}.create-songbook-form{display:flex;align-items:flex-end;gap:1rem;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.form-field{flex:1;min-width:180px}.songbook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.songbook-card{background:var(--bg-elev-1);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;transition:background var(--transition-base)}.songbook-card:hover{background:var(--bg-elev-2)}.songbook-card-link{display:block;flex:1}.songbook-card-top{display:flex;align-items:center;gap:.9rem;margin-bottom:.9rem}.songbook-card-art{width:64px;height:64px;flex-shrink:0;border-radius:var(--radius-sm);background:linear-gradient(145deg,#2c2a20,#16150f);display:flex;align-items:center;justify-content:center}.songbook-card-art img{width:46%}.songbook-card-heading{min-width:0}.songbook-card-title{font-size:1.05rem;font-weight:700;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.songbook-card-sub{font-size:.78rem;color:var(--text-sub)}.songbook-preview{list-style:none;counter-reset:sb;border-top:1px solid var(--border);padding-top:.6rem}.songbook-preview li{counter-increment:sb;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-sub);padding:.15rem 0}.songbook-preview li:before{content:counter(sb) ".";color:var(--text-dim);min-width:16px;font-variant-numeric:tabular-nums}.preview-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-scale{color:var(--accent);font-weight:700;font-size:.72rem}.preview-more{color:var(--text-dim);font-style:italic}.preview-more:before{content:""!important}.songbook-card-actions{display:flex;gap:.5rem;margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--border)}.songbook-detail{max-width:1100px}.songbook-hero{display:flex;align-items:flex-end;gap:1.5rem;padding:1.5rem 0 2rem}.songbook-hero-art{width:168px;height:168px;flex-shrink:0;border-radius:var(--radius-md);background:linear-gradient(145deg,#2c2a20,#16150f);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.songbook-hero-art img{width:46%}.songbook-hero-title{font-size:clamp(1.9rem,5vw,3.5rem);font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:.35rem 0 .75rem;word-break:break-word}.songbook-hero-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.9rem}.date-chip{background:var(--accent-dim);color:var(--accent);border:none;border-radius:var(--radius-pill);padding:.3rem .85rem;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:background var(--transition-fast)}.date-chip:hover{background:#e8dead3d}.date-editor{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.date-input{width:auto;min-width:150px}.songbook-actionbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.add-song-form{display:flex;gap:.75rem;align-items:center;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.add-song-form .select{flex:1;min-width:220px}.songbook-tracks{display:flex;flex-direction:column}.track-row{display:grid;grid-template-columns:36px 1fr 110px 116px;align-items:center;gap:1rem;padding:.55rem .75rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.track-row:not(.track-row-head):hover{background:#ffffff12}.track-row-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--border);border-radius:0;margin-bottom:.5rem}.track-main{display:flex;flex-direction:column;min-width:0;cursor:pointer}.track-title{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{font-size:.78rem;color:var(--text-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-inline{padding:.3rem 1.6rem .3rem .6rem;font-size:.78rem;font-weight:700;background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%}.col-actions{display:flex;gap:.3rem;justify-content:flex-end}.icon-btn-sm{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-strong);background:transparent;color:var(--text-sub);font-size:.75rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.icon-btn-sm:hover:not(:disabled){color:var(--text);border-color:var(--text)}.icon-btn-sm:disabled{opacity:.3;cursor:not-allowed}.icon-btn-danger:hover:not(:disabled){color:#fff;background:var(--error);border-color:var(--error)}.track-handle{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--text-dim);cursor:grab;touch-action:none;transition:color var(--transition-fast),background var(--transition-fast)}.track-handle:hover,.track-handle:focus-visible{color:var(--text);background:#ffffff14}.track-handle:active{cursor:grabbing}.track-row.is-dragging{background:var(--bg-elev-2);box-shadow:var(--shadow-lg);position:relative;z-index:5;cursor:grabbing}.track-row{position:relative;will-change:transform}.songbook-tracks.is-reordering .track-row:not(.is-dragging){transition:transform var(--dur-short) var(--ease-standard),background var(--transition-fast)}.songbook-tracks.is-reordering{-webkit-user-select:none;user-select:none;touch-action:none}.songbook-tracks.is-reordering>.track-row{animation:none!important}.songbook-tracks.is-reordering .track-main{pointer-events:none}@media(prefers-reduced-motion:reduce){.songbook-tracks.is-reordering .track-row:not(.is-dragging){transition:none}}@media(max-width:760px){.songbook-hero{flex-direction:column;align-items:flex-start;gap:1rem}.songbook-hero-art{width:120px;height:120px}.track-row{grid-template-columns:24px 1fr 62px 72px;gap:.5rem;padding:.55rem .35rem}}@media print{.song-page{page-break-after:always;break-after:page;padding:0 0 1rem}.song-page:last-child{page-break-after:auto;break-after:auto}}.date-chip.is-readonly{cursor:default;background:transparent;border-color:transparent;padding-left:0}.track-row.is-bloqueada .track-main{opacity:.4;cursor:not-allowed}.track-row.is-bloqueada .track-title{display:flex;align-items:center;gap:6px;text-decoration:line-through;text-decoration-color:var(--text-dim)}.song-picker{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.5rem;animation:pickerIn .26s var(--ease-out) both}@keyframes pickerIn{0%{opacity:0;transform:translateY(-8px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}.song-picker-search{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-elev-2)}.song-picker-search svg{width:18px;height:18px;color:var(--text-dim);flex-shrink:0;transition:color var(--transition-fast)}.song-picker-search:focus-within svg{color:var(--accent)}.song-picker-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-family:inherit;font-size:.95rem}.song-picker-search input::placeholder{color:var(--text-dim)}.song-picker-count{font-size:.72rem;color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.song-picker-list{list-style:none;max-height:320px;overflow-y:auto;margin:0;padding:.35rem}.song-picker-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.85rem;padding:.55rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);content-visibility:auto;contain-intrinsic-size:auto 44px}.song-picker-item.is-highlighted{background:var(--accent-dim)}.song-picker-item:active{transform:scale(.995)}.song-picker-main{display:flex;flex-direction:column;min-width:0;line-height:1.35}.song-picker-title{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-picker-artist{font-size:.75rem;color:var(--text-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-picker-add{font-size:.72rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;opacity:0;transform:translate(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.song-picker-item.is-highlighted .song-picker-add{opacity:1;transform:translate(0)}.song-picker-empty{padding:1.5rem 1rem;text-align:center;color:var(--text-sub);font-size:.85rem}.song-picker-hint{padding:.5rem 1rem .65rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--text-dim)}.song-picker-hint kbd{display:inline-block;padding:1px 5px;margin-right:2px;border-radius:3px;background:var(--bg-elev-3);border:1px solid var(--border);font-family:inherit;font-size:.68rem;line-height:1.4}@media(max-width:620px){.song-picker-add,.song-picker-hint{display:none}}.song-picker-group{display:block}.song-picker-item.is-open{background:var(--bg-elev-2)}.song-picker-versions{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);background:var(--accent-faint);color:var(--accent);white-space:nowrap}.song-picker-sublist{list-style:none;margin:0;padding:0 0 var(--spacing-xs);background:var(--bg-elev-2)}.song-picker-subitem{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xl);cursor:pointer;border-left:2px solid var(--accent-dim);margin-left:var(--spacing-md);transition:background var(--transition-fast)}.song-picker-subitem:hover{background:var(--bg-hover)}.song-picker-version-name{flex:1;font-size:.85rem;color:var(--text)}.song-picker-dice{flex-shrink:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--text-dim);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),transform var(--dur-short) var(--ease-spring)}.song-picker-dice:hover{color:var(--accent);background:var(--accent-faint);transform:rotate(-18deg)}.rueda-disparador{min-width:58px;padding:5px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elev-2);color:var(--text);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.rueda-disparador:hover{border-color:var(--accent);background:var(--bg-elev-3, var(--bg-elev-2))}.rueda-titulo{margin-bottom:var(--spacing-xs)}.rueda-ayuda{font-size:.8rem;line-height:1.5;margin-bottom:var(--spacing-md)}.rueda{position:relative;width:min(100%,320px);aspect-ratio:1;margin:0 auto var(--spacing-md);touch-action:manipulation}.rueda-aro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--border);border-radius:50%;opacity:.5}.rueda-aro-mayores{width:77%;height:77%}.rueda-aro-menores{width:49%;height:49%}.rueda-centro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:30%;height:30%;border-radius:50%;background:var(--bg-elev-2)}.rueda-centro em{font-style:normal;font-size:1.15rem;font-weight:700;color:var(--accent)}.rueda-tono{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:var(--bg-elev-2);color:var(--text-sub);font-weight:600;line-height:1;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.rueda-tono:hover{background:var(--bg-elev-3, var(--bg-elev-2));border-color:var(--accent);color:var(--text)}.rueda-mayor{width:46px;height:46px;font-size:.82rem}.rueda-menor{width:38px;height:38px;font-size:.7rem;color:var(--text-dim)}.rueda-tono.is-elegida{background:var(--accent);border-color:var(--accent);color:var(--bg-base);transform:translate(-50%,-50%) scale(1.08)}@media(max-width:420px){.rueda-mayor{width:40px;height:40px;font-size:.74rem}.rueda-menor{width:33px;height:33px;font-size:.62rem}}@media(prefers-reduced-motion:reduce){.rueda-tono{transition:none}}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-base)}.login-card{width:100%;max-width:380px;background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);animation:login-in var(--dur-enter) var(--ease-decelerate) both}@keyframes login-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.login-card{animation:none}}.login-logo{display:block;width:140px;height:auto;margin:0 auto var(--spacing-lg)}.login-card h1{font-size:1.25rem;text-align:center;margin-bottom:var(--spacing-xs)}.login-hint{font-size:.85rem;text-align:center;margin-bottom:var(--spacing-lg)}.login-field{display:block;margin-bottom:var(--spacing-md)}.login-field span{display:block;font-size:.78rem;color:var(--text-sub);margin-bottom:var(--spacing-xs)}.login-field .input{width:100%}.login-error,.login-notice{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.82rem;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.login-error{color:var(--error);background:#e2464a1a}.login-notice{color:var(--success);background:#1db9541a}.login-submit{width:100%;justify-content:center;margin-top:var(--spacing-xs)}.login-links{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.link-btn{background:none;border:0;padding:0;color:var(--text-sub);font-size:.8rem;font-family:inherit;cursor:pointer;transition:color var(--transition-fast)}.link-btn:hover{color:var(--accent);text-decoration:underline}.auth-gate{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);text-align:center;padding:var(--spacing-xl)}.auth-gate h2{font-size:1.05rem}.auth-gate p{max-width:34ch;font-size:.85rem}.auth-gate-spinner{width:26px;height:26px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.auth-gate-spinner{animation-duration:2s}}.pantalla-error{display:grid;place-items:center;min-height:100dvh;padding:var(--spacing-lg);background:var(--bg-base)}.pantalla-error-caja{width:100%;max-width:460px;text-align:center}.pantalla-error-marca{width:56px;height:auto;margin-bottom:var(--spacing-lg);opacity:.7}.pantalla-error-caja h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.pantalla-error-caja>p{font-size:.92rem;line-height:1.55;color:var(--text-sub);margin-bottom:var(--spacing-xl)}.pantalla-error-acciones{display:flex;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.pantalla-error-pie{margin-top:var(--spacing-xl);font-size:.8rem;color:var(--text-dim)}.pantalla-error-detalle{margin-top:var(--spacing-xl);text-align:left}.pantalla-error-detalle summary{font-size:.8rem;color:var(--text-dim);cursor:pointer}.pantalla-error-detalle pre{margin-top:var(--spacing-sm);padding:var(--spacing-md);max-height:40vh;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elev-1);font-size:.72rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}