*,*::before,*::after{box-sizing:border-box;}body{background-color:#F4F7F2;color:#1E221C;font-family:'Lora',serif;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s;}html.dark body{background-color:#181C17;color:#DDE8D9;}html.dark .card{background-color:#222720;border-color:#2E3529;}html.dark .card-nested{background-color:#181C17;border-color:#2E3529;}html.dark .divider{border-color:#2E3529;}html.dark .muted{color:#7A927A;}html.dark .text-claret{color:#4EC82B !important;}html.dark .hover\:text-claret:hover{color:#4EC82B !important;}html.dark .border-claret{border-color:#4EC82B !important;}.font-hand{font-family:'Caveat',cursive;}.font-mono{font-family:'JetBrains Mono',monospace;}.page-container{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem;}@media (min-width:640px){.page-container{padding-left:2rem;padding-right:2rem;}}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(8px);border-bottom-width:1px;background-color:rgba(255,255,255,0.96);border-color:#CCDAC8;transition:background-color .3s,border-color .3s;}html.dark .site-header{background-color:rgba(24,28,23,0.96);border-color:#2E3529;}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:0.875rem;padding-bottom:0.875rem;}.logo{font-family:'Caveat',cursive;font-size:2rem;color:#E8720A;letter-spacing:-0.02em;line-height:1;flex-shrink:0;text-decoration:none;text-shadow:0 1px 4px rgba(232,114,10,0.22);transition:color .2s,text-shadow .2s;}.logo:hover{color:#F07D18;text-shadow:0 1px 8px rgba(232,114,10,0.38);}.header-search{flex:1;max-width:28rem;position:relative;display:none;}@media (min-width:640px){.header-search{display:block;}}.header-search input{width:100%;border-radius:2px;padding:0.5rem 2.5rem 0.5rem 1rem;font-size:0.9375rem;border:1px solid #C4D4C0;background:#F4F7F2;color:#1E221C;outline:none;transition:border-color .2s,box-shadow .2s;}.header-search input:focus{border-color:#2E9E18;box-shadow:0 0 0 3px rgba(46,158,24,0.15);}.header-search input::placeholder{color:rgba(30,34,28,0.38);}html.dark .header-search input{background:#222720;border-color:#2E3529;color:#DDE8D9;}html.dark .header-search input::placeholder{color:#7A927A;}.header-search button{position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);opacity:0.38;transition:opacity .2s,color .2s;color:currentColor;background:none;border:none;cursor:pointer;display:flex;align-items:center;}.header-search button:hover{opacity:1;color:#2E9E18;}.header-nav{display:flex;align-items:center;gap:1rem;font-family:'JetBrains Mono',monospace;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em;flex-shrink:0;}.nav-item{display:flex;align-items:center;gap:0.375rem;opacity:0.55;transition:opacity .2s,color .2s;background:none;border:none;cursor:pointer;font:inherit;color:inherit;text-decoration:none;padding:0;}.nav-item:hover{opacity:1;color:#2E9E18;}html.dark .nav-item:hover{color:#4EC82B;}.nav-item.active{opacity:1;color:#2E9E18;}html.dark .nav-item.active{color:#4EC82B;}.nav-sep{opacity:0.18;}.partner-links-list a{text-decoration:underline;text-underline-offset:2px;color:inherit;transition:opacity .2s,color .2s;}.partner-links-list a:hover{opacity:1;color:#2E9E18;}html.dark .partner-links-list a:hover{color:#4EC82B;}.lang-switch{display:inline-flex;border:1px solid rgba(34,31,28,0.15);border-radius:999px;overflow:hidden;font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.03em;text-transform:uppercase;}html.dark .lang-switch{border-color:#2E3529;}.lang-switch-item{padding:0.3rem 0.65rem;opacity:0.5;text-decoration:none;color:inherit;transition:opacity .2s,background-color .2s,color .2s;}.lang-switch-item:hover{opacity:0.85;}.lang-switch-item[aria-current="true"]{background-color:#2E9E18;color:#fff;opacity:1;}html.dark .lang-switch-item[aria-current="true"]{background-color:#4EC82B;color:#0F1923;}.card{background-color:#ffffff;border:1px solid #CCDAC8;border-radius:2px;transition:background-color .3s,border-color .3s;}.bio-block{position:relative;}.bio-text{margin:0;font-size:0.875rem;line-height:1.7;opacity:0.65;max-width:42rem;}.bio-text--clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}@media (min-width:640px){.bio-text--clamped{-webkit-line-clamp:3;}}.bio-toggle-btn{margin-top:0.625rem;font-family:'JetBrains Mono',monospace;font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.05em;color:#2E9E18;background:none;border:none;cursor:pointer;padding:0;}.bio-toggle-btn:hover{text-decoration:underline;}html.dark .bio-toggle-btn{color:#4EC82B;}.bio-text--open{display:block;opacity:1;position:fixed;z-index:70;top:6vh;left:50%;transform:translateX(-50%);width:min(640px,calc(100vw - 2.5rem));max-height:88vh;overflow-y:auto;max-width:none;background-color:#ffffff;border:1px solid #CCDAC8;border-radius:4px;padding:2rem 1.75rem;box-shadow:0 20px 60px rgba(0,0,0,0.25);}html.dark .bio-text--open{background-color:#222720;border-color:#2E3529;color:#DDE8D9;}.bio-close-btn{position:sticky;float:right;top:0;margin:-0.5rem -0.5rem 0.5rem 0.75rem;width:1.75rem;height:1.75rem;border:none;background:none;cursor:pointer;opacity:0.5;font-size:0.9rem;}.bio-close-btn:hover{opacity:1;}.bio-backdrop{position:fixed;inset:0;z-index:65;background-color:rgba(20,24,18,0.5);backdrop-filter:blur(2px);}.bio-text--sidebar{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}.alpha-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0.25rem;font-family:'JetBrains Mono',monospace;font-size:0.75rem;}@media (min-width:640px){.alpha-grid{grid-template-columns:repeat(13,minmax(0,1fr));}}.alpha-btn{text-align:center;padding:0.375rem 0;border:1px solid rgba(255,255,255,0.18);border-radius:2px;text-decoration:none;color:inherit;transition:border-color .15s,color .15s;}.alpha-btn:hover{border-color:#2E9E18;color:#2E9E18;}.alpha-btn.current{border-color:rgba(46,158,24,0.55);color:#2E9E18;}.song-list{border-radius:2px;overflow:hidden;}.song-row{display:flex;align-items:center;gap:1rem;padding:0.75rem 1.25rem;border-bottom:1px solid #DAE8D6;transition:background-color .15s;}html.dark .song-row{border-bottom-color:#2E3529;}.song-row:last-child{border-bottom:none;}.song-row:hover{background-color:#EBF5E7;}html.dark .song-row:hover{background-color:rgba(46,53,41,0.5);}.song-row.current{background-color:rgba(239,130,0,0.07);}html.dark .song-row.current{background-color:rgba(239,130,0,0.09);}.song-num{font-family:'JetBrains Mono',monospace;font-size:0.8125rem;color:rgba(46,158,24,0.65);width:1.5rem;text-align:right;flex-shrink:0;}.song-title{flex:1;text-decoration:none;color:inherit;font-weight:500;}.song-title:hover{color:#2E9E18;}html.dark .song-title:hover{color:#4EC82B;}.top-artist-avatar{position:relative;width:2.25rem;height:2.25rem;border-radius:999px;overflow:hidden;flex-shrink:0;background-color:rgba(30,34,28,0.06);}html.dark .top-artist-avatar{background-color:rgba(221,232,217,0.08);}.top-artist-avatar-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:0.65rem;font-weight:600;letter-spacing:0.02em;opacity:0.4;}.top-artist-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}.editable-name{display:flex;align-items:center;gap:0.375rem;min-width:0;}.editable-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.edit-input{flex:1;min-width:0;font:inherit;font-weight:500;padding:0.125rem 0.375rem;border:1.5px solid #2E9E18;border-radius:2px;background:#ffffff;color:inherit;outline:none;}html.dark .edit-input{background:#222720;border-color:#4EC82B;}.edit-pencil,.edit-open-link,.edit-delete-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:2px;font-size:0.75rem;opacity:0.45;cursor:pointer;text-decoration:none;color:inherit;background:none;border:none;}.edit-pencil:hover,.edit-open-link:hover{opacity:1;background-color:rgba(46,158,24,0.1);color:#2E9E18;}.edit-delete-btn:hover{opacity:1;background-color:rgba(184,69,47,0.1);color:#B8452F;}html.dark .edit-pencil:hover,html.dark .edit-open-link:hover{color:#4EC82B;background-color:rgba(78,200,43,0.12);}html.dark .edit-delete-btn:hover{color:#E8735A;background-color:rgba(184,69,47,0.18);}.song-year{font-family:'JetBrains Mono',monospace;font-size:0.6875rem;opacity:0.32;width:2.75rem;text-align:right;flex-shrink:0;}.song-badge{font-family:'JetBrains Mono',monospace;font-size:0.625rem;text-transform:uppercase;letter-spacing:0.1em;color:#D4700A;flex-shrink:0;}html.dark .song-badge{color:#E8973A;}.song-badge-slot{flex-shrink:0;display:flex;justify-content:flex-end;}.song-badge-slot--wide{width:6.5rem;}.song-badge-slot--narrow{width:4.75rem;}.song-status-badge{display:inline-flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:0.625rem;text-transform:uppercase;letter-spacing:0.08em;border-radius:2px;padding:0.125rem 0.5rem;white-space:nowrap;}.song-status-badge--chords{color:#3F6B4F;background-color:rgba(63,107,79,0.08);border:1px solid rgba(63,107,79,0.25);}html.dark .song-status-badge--chords{color:#7FBD93;background-color:rgba(63,107,79,0.15);border-color:rgba(63,107,79,0.4);}.song-status-badge--text{color:rgba(30,34,28,0.45);background-color:rgba(30,34,28,0.05);border:1px solid rgba(30,34,28,0.15);}html.dark .song-status-badge--text{color:rgba(221,232,217,0.45);background-color:rgba(221,232,217,0.06);border-color:rgba(221,232,217,0.15);}.sort-info-badge{display:inline-flex;align-items:center;gap:0.375rem;font-family:'JetBrains Mono',monospace;font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.08em;color:rgba(30,34,28,0.55);background-color:rgba(30,34,28,0.04);border:1px solid #CCDAC8;border-radius:2px;padding:0.3rem 0.625rem;cursor:help;flex-shrink:0;}html.dark .sort-info-badge{color:rgba(221,232,217,0.6);background-color:rgba(221,232,217,0.05);border-color:#2E3529;}.song-filter-wrap{position:relative;max-width:22rem;}@media (max-width:639px){.song-filter-wrap{max-width:none;}}.song-filter-icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);opacity:0.4;pointer-events:none;}.song-filter-input{width:100%;padding:0.625rem 0.875rem 0.625rem 2.25rem;border:1.5px solid #CCDAC8;border-radius:2px;background-color:#ffffff;font-size:0.875rem;color:inherit;transition:border-color .15s,box-shadow .15s;}.song-filter-input::placeholder{color:rgba(30,34,28,0.4);}.song-filter-input:hover{border-color:#A9C0A2;}.song-filter-input:focus{outline:none;border-color:#2E9E18;box-shadow:0 0 0 3px rgba(46,158,24,0.14);}html.dark .song-filter-input{background-color:#222720;border-color:#2E3529;}html.dark .song-filter-input::placeholder{color:rgba(221,232,217,0.35);}html.dark .song-filter-input:hover{border-color:#3F5A3B;}html.dark .song-filter-input:focus{border-color:#4EC82B;box-shadow:0 0 0 3px rgba(78,200,43,0.18);}.song-filter-hint{font-size:0.75rem;opacity:0.45;padding-left:0.25rem;}.genre-list{display:flex;flex-direction:column;gap:0.75rem;}.genre-item{display:flex;flex-direction:column;gap:0.4rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(34,31,28,0.07);}.genre-item:last-child{padding-bottom:0;border-bottom:none;}html.dark .genre-item{border-bottom-color:rgba(221,232,217,0.08);}.genre-item-name{font-size:0.825rem;font-weight:500;line-height:1.35;}.genre-squares{display:flex;gap:4px;}.genre-square{width:1.1rem;height:0.4rem;border-radius:2px;background-color:rgba(30,34,28,0.08);}html.dark .genre-square{background-color:rgba(221,232,217,0.1);}.genre-square--filled{background-color:#2E9E18;}html.dark .genre-square--filled{background-color:#4EC82B;}.meta-chip{font-family:'JetBrains Mono',monospace;font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.04em;padding:0.2rem 0.6rem;border:1px solid rgba(34,31,28,0.15);border-radius:2px;opacity:0.55;}html.dark .meta-chip{border-color:rgba(216,228,240,0.15);}.list-footer{padding:0.75rem 1.25rem;border-top:1px solid #DAE8D6;background-color:#F4F7F2;}html.dark .list-footer{border-top-color:#2E3529;background-color:rgba(46,53,41,0.2);}.toolbar{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;padding-bottom:1.25rem;border-bottom:1px solid #CCDAC8;margin-bottom:1.25rem;}html.dark .toolbar{border-bottom-color:#2E3529;}.tool-btn{display:inline-flex;align-items:center;gap:0.375rem;height:2rem;padding:0 0.75rem;border:1px solid rgba(30,34,28,0.14);border-radius:2px;font-family:'JetBrains Mono',monospace;font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.07em;cursor:pointer;background:none;color:inherit;transition:border-color .15s,color .15s,background-color .15s;white-space:nowrap;}.tool-btn:hover{border-color:#2E9E18;color:#2E9E18;}html.dark .tool-btn{border-color:#2E3529;}html.dark .tool-btn:hover{border-color:#4EC82B;color:#4EC82B;}.scroll-toggle-btn{width:6rem;justify-content:center;}.tool-btn.active-red{background:#D4700A;color:#fff;border-color:#D4700A;}.tool-btn.active-navy{background:#264F1C;color:#DDE8D9;border-color:#264F1C;}.tool-btn.active-moss{background:#2E9E18;color:#fff;border-color:#2E9E18;}.tool-sep{width:1px;height:1.5rem;background:currentColor;opacity:0.14;flex-shrink:0;}.font-btn{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(30,34,28,0.14);border-radius:2px;font-family:'JetBrains Mono',monospace;font-size:0.8125rem;cursor:pointer;background:none;color:inherit;transition:border-color .15s,color .15s;}.font-btn:hover{border-color:#2E9E18;color:#2E9E18;}html.dark .font-btn{border-color:#2E3529;}html.dark .font-btn:hover{border-color:#4EC82B;color:#4EC82B;}.scroll-row{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;margin-top:0.75rem;}input[type=range].speed-slider{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#C4D4C0;outline:none;cursor:pointer;flex:1;min-width:120px;max-width:180px;}html.dark input[type=range].speed-slider{background:#2E3529;}input[type=range].speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#2E9E18;cursor:pointer;}input[type=range].speed-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#2E9E18;border:none;cursor:pointer;}#lyricSheet{margin-top:0.25rem;}.verse{margin-bottom:1.75rem;}.verse:last-child{margin-bottom:0;}.line{display:block;padding:2px 6px;margin-left:-6px;border-radius:3px;line-height:1.85;transition:background-color .12s;}.line:hover{background-color:rgba(30,34,28,0.06);}html.dark .line:hover{background-color:rgba(221,232,217,0.07);}.line.refrain{font-weight:600;color:#D4700A;}html.dark .line.refrain{color:#E8973A;}.parallel-verse{margin-bottom:1.75rem;}.parallel-row{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;}.line.translation{font-style:italic;opacity:0.52;}.line.line--chords{display:none;white-space:pre;font-family:'JetBrains Mono',monospace;font-weight:600;color:#3F6B4F;line-height:1.5;}html.dark .line.line--chords{color:#7FBD93;}#lyricSheet.show-chords .line.line--chords{display:block;}.block-translation{margin-top:0.75rem;padding-left:1rem;border-left:2px solid rgba(46,158,24,0.22);}html.dark .block-translation{border-left-color:#2E3529;}.block-translation p{font-style:italic;opacity:0.58;line-height:1.7;}.sidebar{display:flex;flex-direction:column;gap:1.25rem;}.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-family:'JetBrains Mono',monospace;font-size:0.7rem;opacity:0.42;flex-wrap:wrap;}.breadcrumb a{color:inherit;text-decoration:none;}.breadcrumb a:hover{color:#2E9E18;opacity:1;}html.dark .breadcrumb a:hover{color:#4EC82B;}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.375rem 0.5rem;margin-top:2rem;font-family:'JetBrains Mono',monospace;font-size:0.875rem;}@media (max-width:480px){.pagination{gap:0.25rem 0.375rem;font-size:0.8125rem;}}.page-ellipsis{opacity:0.3;padding:0 0.25rem;user-select:none;}.pagination-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:0.375rem;max-width:36rem;margin-left:auto;margin-right:auto;}.pagination-full .page-btn{text-align:center;border:1px solid #CCDAC8;}html.dark .pagination-full .page-btn{border-color:#2E3529;}.pagination-full .page-btn.active{border-color:#264F1C;}@media (max-width:480px){.pagination-full{grid-template-columns:repeat(auto-fill,minmax(2.25rem,1fr));gap:0.25rem;}}.page-jump{display:flex;align-items:center;justify-content:center;gap:0.625rem;margin-top:1rem;font-family:'JetBrains Mono',monospace;font-size:0.75rem;}.page-jump-label{opacity:0.45;}.page-jump-select{border:1px solid #CCDAC8;border-radius:2px;background:#ffffff;color:inherit;padding:0.3rem 0.5rem;font-family:'JetBrains Mono',monospace;font-size:0.75rem;cursor:pointer;}html.dark .page-jump-select{background:#222720;border-color:#2E3529;}.page-dropdown{position:relative;display:flex;justify-content:center;margin-top:1.25rem;}.page-dropdown-trigger{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1rem;border:1px solid #CCDAC8;border-radius:2px;background:#ffffff;color:inherit;font-family:'JetBrains Mono',monospace;font-size:0.8125rem;cursor:pointer;transition:border-color .15s,color .15s;}.page-dropdown-trigger:hover{border-color:#2E9E18;color:#2E9E18;}html.dark .page-dropdown-trigger{background:#222720;border-color:#2E3529;}html.dark .page-dropdown-trigger:hover{border-color:#4EC82B;color:#4EC82B;}.page-dropdown-list{position:absolute;top:calc(100% + 0.375rem);left:50%;z-index:30;width:16rem;max-height:20rem;overflow-y:auto;background:#ffffff;border:1px solid #CCDAC8;border-radius:2px;box-shadow:0 8px 24px rgba(0,0,0,0.12);padding:0.25rem;transform-origin:top center;transform:translateX(-50%) translateY(0) scale(1);}html.dark .page-dropdown-list{background:#222720;border-color:#2E3529;box-shadow:0 8px 24px rgba(0,0,0,0.35);}.page-dropdown-list.pd-transition{transition:opacity .12s ease-out,transform .12s ease-out;}.page-dropdown-list.pd-hidden{opacity:0;transform:translateX(-50%) translateY(-4px) scale(0.96);}.page-dropdown-list.pd-visible{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}.page-dropdown-item{display:block;padding:0.5rem 0.75rem;border-radius:2px;text-decoration:none;color:inherit;font-family:'JetBrains Mono',monospace;font-size:0.75rem;transition:background-color .12s,color .12s;}.page-dropdown-item:hover{background-color:#EBF5E7;color:#2E9E18;}html.dark .page-dropdown-item:hover{background-color:rgba(46,53,41,0.5);color:#4EC82B;}.page-dropdown-item--active{background-color:rgba(46,158,24,0.1);color:#2E9E18;font-weight:500;}html.dark .page-dropdown-item--active{background-color:rgba(78,200,43,0.12);color:#4EC82B;}@media (max-width:639px){.page-dropdown-trigger{width:100%;}.page-dropdown-list{left:0;right:0;width:auto;transform:translateY(0) scale(1);}.page-dropdown-list.pd-hidden{transform:translateY(-4px) scale(0.98);}.page-dropdown-list.pd-visible{transform:translateY(0) scale(1);}}.page-btn{padding:0.375rem 0.75rem;border-radius:2px;text-decoration:none;color:inherit;opacity:0.55;transition:opacity .15s,color .15s;}.page-btn:hover{opacity:1;color:#2E9E18;}html.dark .page-btn:hover{color:#4EC82B;}.page-btn.active{background-color:#264F1C;color:#DDE8D9;opacity:1;}.speed-label{font-family:'JetBrains Mono',monospace;font-size:0.6875rem;opacity:0.35;}.speed-val{font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:#2E9E18;font-weight:500;width:1rem;text-align:center;}html.dark .speed-val{color:#4EC82B;}::selection{background:#2E9E18;color:#fff;}[x-cloak]{display:none !important;}