:root[data-theme=dark] .app-nav:before{background:linear-gradient(#0006 0 1px,#0000 1px 2px,#00000040 2px 3px,#0000 3px 4px,#00000026 4px 5px)}.app-nav{float:right;width:48px;height:100dvh;height:calc(100vh / var(--app-zoom,1));height:calc(100dvh / var(--app-zoom,1));z-index:150;padding:45px 0 0;padding:max(45px, calc(env(safe-area-inset-top) + 21px)) 0 0;background:var(--bg);pointer-events:none;flex-direction:column;display:flex;position:sticky;top:0;bottom:auto;right:auto}.app-nav:before{content:"";background:linear-gradient(90deg,#43372d33 0 1px,#0000 1px 2px,#43372d1c 2px 3px,#0000 3px 4px,#43372d12 4px 5px);width:5px;display:block;position:absolute;top:0;bottom:0;left:0}.app-nav__item{width:46px;min-width:0;min-height:60px;max-height:108px;color:var(--tab-color);pointer-events:auto;cursor:pointer;filter:drop-shadow(4px 4px 12px #43372d14);z-index:var(--tab-z-index,10);outline:none;flex:0 108px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,transform .15s,filter .15s;display:flex;position:relative}.app-nav__item:first-child{--tab-bg:var(--tab-bg-1)}.app-nav__item:nth-child(2){--tab-bg:var(--tab-bg-2)}.app-nav__item:nth-child(3){--tab-bg:var(--tab-bg-3)}.app-nav__item:nth-child(4){--tab-bg:var(--tab-bg-4)}.app-nav__item:nth-child(5){--tab-bg:var(--tab-bg-5)}.app-nav__item:nth-child(n+6){--tab-bg:var(--tab-bg-default)}.app-nav__item:before,.app-nav__item:after{content:"";pointer-events:none;clip-path:polygon(0 0,calc(100% - 4px) 11px,100% 16px,100% calc(100% - 16px),calc(100% - 4px) calc(100% - 11px),0 100%);transition:background-color .15s,opacity .15s;position:absolute}.app-nav__item:before{z-index:1;background-color:var(--tab-border);inset:0}.app-nav__item:after{z-index:2;background-color:var(--tab-bg);background-image:linear-gradient(90deg,#ffffff1f,#0000 58%);inset:1px 1px 1px 0}.app-nav__item:focus-visible,.app-nav__item:hover{color:var(--tab-color-active)}.app-nav__item:focus-visible:after,.app-nav__item:hover:after,.app-nav__item.is-active:after{background-image:linear-gradient(90deg,#ffffff47,#0000 58%)}.app-nav__item.is-active{color:var(--tab-color-active);filter:saturate(1.15)contrast(1.02)drop-shadow(8px 8px 18px #43372d2e);z-index:100!important}.app-nav__item.is-active:before{background-color:var(--tab-border-active)}.app-nav__item+.app-nav__item{margin-top:-15px}.app-nav__icon{z-index:3;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:relative}.app-nav__user-container{pointer-events:auto;z-index:200;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin:auto auto 4px;display:inline-flex;position:relative;left:5px}.app-nav__user-badge{text-align:center;background:var(--paper-soft);border:1.5px solid var(--accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:border-color .15s,transform .15s;display:inline-flex;overflow:hidden;box-shadow:0 4px 10px #43372d26}.app-nav__user-badge img{object-fit:cover;width:100%;height:100%;display:block}.user-dropdown{z-index:1000;background:var(--paper);border:1px solid var(--line);opacity:0;pointer-events:auto;transform-origin:100% 100%;border-radius:16px;flex-direction:column;width:280px;padding:16px;transition:opacity .15s,transform .15s cubic-bezier(.34,1.56,.64,1);display:none;position:absolute;bottom:-6px;right:42px;transform:scale(.95);box-shadow:0 10px 40px #0003}.user-dropdown>*+*{margin-top:12px}.user-dropdown.is-active{opacity:1;display:flex;transform:scale(1)}.user-dropdown__profile{text-align:left;align-items:center;display:flex}.user-dropdown__profile>*+*{margin-left:12px}.user-dropdown__avatar{background:var(--paper-soft);border:1.5px solid var(--line);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.user-dropdown__avatar img{object-fit:cover;width:100%;height:100%}.avatar-icon{width:24px;height:24px;color:var(--accent)}.user-dropdown__info{flex-direction:column;min-width:0;display:flex}.user-dropdown__name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.user-dropdown__email{font-size:var(--font-size-sm);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;overflow:hidden}.user-dropdown__divider{background:var(--line);height:1px;margin:4px 0}.user-dropdown__theme-row{font-size:var(--font-size-base);color:var(--ink);font-weight:var(--font-weight-base);justify-content:space-between;align-items:center;display:flex}.user-dropdown__theme-row .theme-toggle{color:var(--ink);margin:0}.user-dropdown__theme-row span{-webkit-user-select:none;user-select:none}.user-dropdown__theme-row .theme-toggle:hover{background:var(--bg)}.user-dropdown__auth-btn{width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;outline:0;justify-content:center;align-items:center;padding:.7em 1.1em;transition:background-color .15s,color .15s;display:inline-flex}.user-dropdown__auth-btn>*{margin-left:0!important;margin-right:0!important}.user-dropdown__auth-btn>*+*{margin-left:8px!important}.user-dropdown__auth-btn--sync{background:var(--paper-soft);border-color:var(--line);color:var(--ink)}.user-dropdown__auth-btn--sync:hover{background:var(--line)}.user-dropdown__auth-btn--login{background:var(--accent);color:var(--bg)}.user-dropdown__auth-btn--login:hover{opacity:.9}.user-dropdown__auth-btn--logout{background:var(--paper-soft);border-color:var(--line);color:var(--muted)}.user-dropdown__auth-btn--logout:hover{color:var(--chord);background:#b91c1c1a;border-color:#b91c1c4d}@media (width<=480px){.app-nav{float:none;width:100%;height:auto;padding:0 12px;padding:env(safe-area-inset-top) 12px 0;pointer-events:auto;border-top:2px solid var(--bg);flex-direction:row;margin-right:0}.app-nav:before{background:linear-gradient(#43372d33 0 1px,#0000 1px 2px,#43372d1c 2px 3px,#0000 3px 4px,#43372d12 4px 5px);width:100%;height:5px;display:block;top:auto;bottom:0;left:0}.app-nav__item{filter:drop-shadow(0 8px 16px #43372d24);flex:0 86px;min-width:48px;max-width:86px;min-height:42px;max-height:none;margin:0}.app-nav__item:before,.app-nav__item:after{clip-path:polygon(0 100%,11px 4px,16px 0,calc(100% - 16px) 0,calc(100% - 11px) 4px,100% 100%)}.app-nav__item+.app-nav__item{margin-top:0;margin-left:-20px}.app-nav__item:before{background-color:#43372d29}.app-nav__item:after{background-image:linear-gradient(#ffffff1f,#0000 58%);inset:1px 1px 0}.app-nav__item:focus-visible:after,.app-nav__item:hover:after,.app-nav__item.is-active:after{background-image:linear-gradient(#ffffff47,#0000 58%)}.app-nav__item.is-active{filter:drop-shadow(0 12px 24px #43372d38)}.app-nav__item.is-active:before{background-color:#43372d59}.app-nav__icon{width:30px;height:30px}.app-nav__user-container{align-self:center;margin:auto 0 auto auto;top:-3px;left:8px}.user-dropdown{transform-origin:100% 0;top:36px;bottom:auto;right:-4px}}@media (width>=481px) and (height<=480px){.app-nav{padding-top:12px;padding-top:max(12px, env(safe-area-inset-top));width:44px}.app-nav__item{flex:0 86px;width:42px;max-height:86px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@font-face{font-family:Dancing Script Adjusted;font-style:normal;font-weight:400 700;font-display:block;size-adjust:125%;src:url(https://fonts.gstatic.com/s/dancingscript/v29/If2RXTr6YS-zF4S-kcSWSVi_szLviuEHiC4Wl-8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dancing Script Adjusted;font-style:normal;font-weight:400 700;font-display:block;size-adjust:125%;src:url(https://fonts.gstatic.com/s/dancingscript/v29/If2RXTr6YS-zF4S-kcSWSVi_szLuiuEHiC4Wl-8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dancing Script Adjusted;font-style:normal;font-weight:400 700;font-display:block;size-adjust:125%;src:url(https://fonts.gstatic.com/s/dancingscript/v29/If2RXTr6YS-zF4S-kcSWSVi_szLgiuEHiC4W.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--app-zoom:1;--font-weight-base:500;--font-weight-bold:700;--font-weight-title:800;--font-size-sm:.85rem;--font-size-base:.95rem;--font-size-title:1.65rem;--font-size-hero:2.2rem;--app-padding-x:32px;--control-height:40px;--bg:#f4f1eb;--paper:#fbfaf6;--paper-soft:#fff;--ink:#43372d;--muted:#786450;--line:#43372d1a;--accent:#b48a3d;--accent-soft:#b48a3d1f;--accent-text:#6c4e1e;--chord:#b91c1c;--danger:#b91c1c;--shadow:0 12px 30px #43372d0d;--font:"Ysabeau Infant", sans-serif;--font-title:"Dancing Script Adjusted", cursive;--lyrics-font-size:var(--font-size-lg);--chords-font-size:var(--font-size-lg);--tab-bg-1:#b07e6b;--tab-bg-2:#c69b5c;--tab-bg-3:#8a9c72;--tab-bg-4:#6b8ca2;--tab-bg-5:#a2856b;--tab-bg-default:#988f86;--tab-border:#43372d26;--tab-border-active:#43372d59;--tab-color:#43372dd9;--tab-color-active:#2d261ffa;--lyrics-line-spacing:.2em;--action-save-bg:#839973;--action-save-hover:#6e825f;--action-cancel-bg:#ba7c66;--action-cancel-hover:#a56954}:root[data-theme=dark]{--bg:#1e1916;--paper:#2c241f;--paper-soft:#393029;--ink:#f2e6d6;--muted:#a69482;--line:#f2e6d61f;--accent:#d2a04b;--accent-soft:#d2a04b2e;--accent-text:#f0c36d;--chord:#f43f5e;--shadow:0 12px 30px #00000059;--tab-bg-1:#805749;--tab-bg-2:#9b723a;--tab-bg-3:#657453;--tab-bg-4:#4e6b7f;--tab-bg-5:#7f6652;--tab-bg-default:#6f6760;--tab-border:#00000073;--tab-border-active:#000000a6;--tab-color:#f2e6d6cc;--tab-color-active:#fffffffa;--action-save-bg:#627554;--action-save-hover:#506144;--action-cancel-bg:#8a5846;--action-cancel-hover:#734839}@supports (font-size:clamp(1rem, 1vw, 2rem)){:root{--font-size-title:clamp(1.45rem, 2.6vw, 2.05rem);--font-size-hero:clamp(2rem, 6vw, 2.5rem)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}html{zoom:var(--app-zoom);background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font);touch-action:manipulation}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-optical-sizing:auto;font-weight:var(--font-weight-base);touch-action:manipulation;background-image:radial-gradient(circle,#ffffff26 0,#0000 100%);margin:0;font-style:normal;line-height:1.45}a{color:inherit;text-decoration:none}a,button,input,select,textarea{touch-action:manipulation;font-family:inherit}:focus-visible:not(input):not(select):not(textarea):not(.search-box__controls),:focus:not(input):not(select):not(textarea):not(.search-box__controls),[role=button]:focus,[role=button]:focus-visible,a:focus,a:focus-visible,button:focus,button:focus-visible,summary:focus,summary:focus-visible{box-shadow:none;outline:0}.hidden{display:none!important}.app-shell{background:var(--paper);min-height:100dvh;min-height:calc(100vh / var(--app-zoom,1));min-height:calc(100dvh / var(--app-zoom,1));margin:0 auto;position:relative}.app-content{min-width:0;min-height:100dvh;min-height:calc(100vh / var(--app-zoom,1));min-height:calc(100dvh / var(--app-zoom,1));padding:0 var(--app-padding-x);flex-direction:column;flex-grow:1;display:flex}.page-header{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative;padding-top:clamp(16px,3vw,24px)!important;padding-bottom:clamp(16px,3vw,24px)!important}.page-header h1{font-family:var(--font-title,cursive);color:var(--ink);font-size:2.2rem;font-size:var(--font-size-hero);letter-spacing:0;margin:6px 0 8px;line-height:1.3}.page-header p:not(.eyebrow){max-width:660px;color:var(--muted);margin:0}.section-heading{border-bottom:1px solid var(--line);flex-wrap:nowrap;justify-content:space-between;align-items:baseline;display:flex}.section-heading>div{flex:auto;min-width:0}.section-heading h2{color:var(--ink);font-weight:var(--font-weight-title);letter-spacing:0;font-size:1.65rem;font-size:var(--font-size-title);margin:4px 0 0}.section-heading p{color:var(--muted)}.results-count{color:var(--muted);white-space:nowrap;font-size:var(--font-size-base);flex-shrink:0;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.circle-btn{width:var(--control-height);height:var(--control-height);min-width:var(--control-height);min-height:var(--control-height);flex:0 0 var(--control-height);border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}button>:not(.toolbar-status-badge){margin-left:auto;margin-right:auto}@media (width<=480px){:root{--app-padding-x:12px}}@media (width>=1440px){:root{--app-zoom:1.15}}@media (width>=1920px){:root{--app-zoom:1.35}}@media (width>=2560px){:root{--app-zoom:1.8}}@media (width>=3840px){:root{--app-zoom:2.5}}.confirm-backdrop.svelte-gziuob{z-index:10000;-webkit-backdrop-filter:blur(8px);background-color:#1e19168c;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) svelte-gziuob-fadeIn;display:flex;position:fixed;inset:0}.confirm-modal.svelte-gziuob{background-color:var(--paper);width:100%;max-width:380px;color:var(--ink);border:1px solid var(--line);font-family:var(--font);border-radius:20px;flex-direction:column;padding:26px 22px 22px;animation:.25s cubic-bezier(.16,1,.3,1) svelte-gziuob-scaleUp;display:flex;position:relative;box-shadow:0 16px 40px #00000040}.confirm-modal.svelte-gziuob>:where(.svelte-gziuob)+:where(.svelte-gziuob){margin-top:16px}.confirm-modal__close-btn.svelte-gziuob{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .15s,color .15s;display:flex;position:absolute;top:14px;right:14px}.confirm-modal__close-btn.svelte-gziuob:hover{background-color:var(--line);color:var(--ink)}.confirm-modal__header.svelte-gziuob{text-align:center;flex-direction:column;align-items:center;display:flex}.confirm-modal__header.svelte-gziuob>:where(.svelte-gziuob)+:where(.svelte-gziuob){margin-top:12px}.confirm-modal__icon-badge.svelte-gziuob{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.confirm-modal--danger.svelte-gziuob .confirm-modal__icon-badge:where(.svelte-gziuob){color:var(--chord);background-color:#b91c1c1f}.confirm-modal--warning.svelte-gziuob .confirm-modal__icon-badge:where(.svelte-gziuob),.confirm-modal--info.svelte-gziuob .confirm-modal__icon-badge:where(.svelte-gziuob){background-color:var(--accent-soft);color:var(--accent)}.confirm-modal__title.svelte-gziuob{color:var(--ink);margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.confirm-modal__body.svelte-gziuob{text-align:center}.confirm-modal__body.svelte-gziuob p:where(.svelte-gziuob){color:var(--muted);word-break:break-word;margin:0;font-size:.95rem;line-height:1.55}.confirm-modal__footer.svelte-gziuob{align-items:center;margin-top:6px;display:flex}.confirm-modal__footer.svelte-gziuob>:where(.svelte-gziuob)+:where(.svelte-gziuob){margin-left:12px}.confirm-btn.svelte-gziuob{cursor:pointer;height:44px;transition:transform .1s active, opacity .15s, background-color .15s, border-color .15s;border:1px solid #0000;border-radius:22px;flex:1;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:inline-flex}.confirm-btn.svelte-gziuob:active{transform:scale(.97)}.confirm-btn--cancel.svelte-gziuob{background-color:var(--paper-soft);color:var(--ink);border-color:var(--line)}.confirm-btn--cancel.svelte-gziuob:hover{background-color:var(--line)}.confirm-btn--danger.svelte-gziuob{background-color:var(--chord);color:#fff}.confirm-btn--danger.svelte-gziuob:hover{filter:brightness(.9)}.confirm-btn--warning.svelte-gziuob{background-color:var(--accent);color:var(--paper)}.confirm-btn--warning.svelte-gziuob:hover{filter:brightness(.9)}.confirm-btn--info.svelte-gziuob{background-color:var(--accent);color:var(--paper)}.confirm-btn--info.svelte-gziuob:hover{filter:brightness(.9)}@keyframes svelte-gziuob-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-gziuob-scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}