:root{--ink:#e8ecff;--muted:#a9b3d9;--bg1:#050a12;--bg2:#0b1231;--bg3:#041126;--laser-a:#5eead4;--laser-b:#38bdf8;--laser-c:#a78bfa;--laser-d:#f472b6;--laser-e:#fb7185;--laser-f:#f59e0b;--laser-g:#84cc16;--laser-h:#22d3ee;--card: rgba(7,12,30,.55);--card-border: rgba(255,255,255,.12);--radius: 16px;--pad: clamp(14px, 2.5vw, 24px)}body[data-theme=bw]{--ink:#f5f5f5;--muted:#d4d4d4;--bg1:#111315;--bg2:#1b1d1f;--bg3:#25272b;--card: rgba(18,19,22,.82);--card-border: rgba(255,255,255,.12)}body[data-theme=invert]{--ink:#0b1226;--muted:#48556a;--bg1:#f3f6ff;--bg2:#e5ebff;--bg3:#fbfcff;--card: rgba(255,255,255,.94);--card-border: rgba(10,20,52,.16)}body[data-theme=invert] .song-link{border-color:#0c183829}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh}body{margin:0;color:var(--ink);font:400 16px/1.65 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(1400px 1200px at 50% 120%,var(--bg2),var(--bg1) 60%),linear-gradient(180deg,var(--bg3),transparent 30%);background-repeat:no-repeat;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.top-bar{padding:clamp(10px,2vw,18px) var(--pad) 0;display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:94rem;margin-inline:auto}.brand{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:1.1rem;font-weight:750;text-decoration:none;white-space:nowrap}.brand:focus-visible{outline:2px solid var(--laser-b);outline-offset:3px;border-radius:4px}html[data-view=home] body{min-height:100svh;display:flex;flex-direction:column}html[data-view=home] .top-bar{width:100%}html[data-view=home] .catalog-view,html[data-view=harfa] .welcome-screen{display:none}.welcome-screen{flex:1;display:grid;place-items:center;overflow:hidden;padding:clamp(28px,7vh,80px) var(--pad)}.welcome-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,7vw,100px);width:min(100%,680px)}.emblem{--emblem-color:#73eeff;--emblem-core:#e9ffff;--emblem-halo:60,217,255;--emblem-lift:6px;position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vw,28px);padding:20px 0;border:0;border-radius:24px;background:none;color:var(--emblem-color);font:inherit;text-decoration:none;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.emblem{cursor:pointer}.emblem-biblia{--emblem-color:#c59bff;--emblem-core:#fbf0ff;--emblem-halo:178,113,255}.emblem-art{position:relative;display:grid;place-items:center;width:clamp(124px,23vw,228px);max-width:100%;aspect-ratio:1;transition:transform .3s ease}.emblem-art:before{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle,rgba(var(--emblem-halo),.15),rgba(var(--emblem-halo),.035) 45%,transparent 68%)}.emblem-orbit{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}.emblem-orbit circle{opacity:.23;stroke-dasharray:180 18 65 24 155 117;transform:rotate(-25deg);transform-origin:center}.emblem-orbit path{opacity:.7;stroke-linecap:round}.emblem-glyph{position:relative;width:80%;height:80%;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}.glyph-light{stroke:currentColor;stroke-width:5;filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 13px rgba(var(--emblem-halo),.7))}.glyph-core{stroke:var(--emblem-core);stroke-width:1.3}.emblem-label{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:500;letter-spacing:.24em;padding-left:.24em;text-shadow:0 0 15px rgba(var(--emblem-halo),.65)}.emblem:focus-visible{outline:2px solid currentColor;outline-offset:6px}.emblem:active .emblem-art{transform:scale(.96)}@media(hover:hover){.emblem:hover .emblem-art{transform:translateY(-6px) scale(1.035)}}body[data-theme=bw] .emblem{--emblem-color:#eee;--emblem-core:#fff;--emblem-halo:230,230,255}body[data-theme=invert] .emblem-harfa{--emblem-color:#06667e;--emblem-core:#dfffff;--emblem-halo:6,102,126}body[data-theme=invert] .emblem-biblia{--emblem-color:#7140ac;--emblem-core:#fff0ff;--emblem-halo:113,64,172}@media(prefers-reduced-motion:no-preference){.emblem-glyph{animation:emblem-float 7s ease-in-out infinite;transform-origin:center}.emblem-orbit{animation:emblem-orbit 48s linear infinite;transform-origin:center}.emblem-art:before{animation:emblem-breathe 6s ease-in-out infinite}.emblem-orbit path{animation:emblem-starlight 5s ease-in-out infinite}.emblem-biblia .emblem-glyph{animation-duration:8.5s;animation-delay:-3s}.emblem-biblia .emblem-orbit{animation-duration:60s;animation-direction:reverse}.emblem-biblia .emblem-art:before{animation-delay:-2s;animation-duration:7.5s}.emblem-biblia .emblem-orbit path{animation-delay:-2.5s}}@keyframes emblem-float{0%,to{transform:translateY(var(--emblem-lift)) rotate(-1.5deg)}50%{transform:translateY(calc(-1 * var(--emblem-lift))) rotate(1.5deg)}}@keyframes emblem-orbit{to{transform:rotate(360deg)}}@keyframes emblem-breathe{0%,to{transform:scale(.88);opacity:.55}50%{transform:scale(1.08);opacity:1}}@keyframes emblem-starlight{0%,to{opacity:.35}50%{opacity:.85}}html[data-space-paused] .emblem-glyph,html[data-space-paused] .emblem-orbit,html[data-space-paused] .emblem-orbit path,html[data-space-paused] .emblem-art:before,html[data-view=harfa] .emblem-glyph,html[data-view=harfa] .emblem-orbit,html[data-view=harfa] .emblem-orbit path,html[data-view=harfa] .emblem-art:before{animation-play-state:paused}@media(max-width:720px),(pointer:coarse){.emblem{--emblem-lift:3px}}@media(max-height:500px)and (orientation:landscape){.welcome-screen{padding-block:12px}.emblem{padding:8px 0;gap:8px}.emblem-art{width:120px}}@media(prefers-reduced-motion:reduce){.emblem-art{transition:none;transform:none!important}}.theme-selector{display:inline-flex;gap:6px;background:#060c1a99;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px;box-shadow:0 4px 12px #03081638;pointer-events:auto}body[data-theme=invert] .theme-selector{background:#f5f8ffdb;border-color:#0c18382e;box-shadow:0 4px 12px #0c14341a}.theme-button{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:600 .78rem/1.2 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;padding:6px 12px;min-height:44px;min-width:44px;border-radius:999px;cursor:pointer;transition:color .18s ease,background .18s ease;letter-spacing:.04em;text-transform:uppercase}.theme-button:focus-visible{outline:2px solid var(--laser-b);outline-offset:2px}.theme-button[aria-pressed=true]{background:#5eead42e;color:var(--ink)}.appearance-menu{position:relative;flex-shrink:0}.appearance-menu>summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;border:1px solid var(--card-border);border-radius:50%;background:var(--card);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent}.appearance-menu>summary::-webkit-details-marker{display:none}.appearance-menu>summary:focus-visible{outline:2px solid var(--laser-b);outline-offset:3px}.appearance-menu[open]>summary{color:var(--ink)}.appearance-panel{position:absolute;z-index:5;right:0;top:calc(100% + 8px);width:208px;padding:14px;border:1px solid var(--card-border);border-radius:16px;background:var(--bg1);box-shadow:0 12px 30px #0003}.appearance-label{margin:0 0 10px;color:var(--muted);font-size:.75rem;line-height:1.4}.appearance-menu .theme-selector.theme-options{display:flex;gap:4px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.appearance-menu .theme-button{display:flex;flex:1;flex-direction:column;gap:6px;width:auto;height:auto;min-height:60px;padding:8px 4px;border-radius:10px;letter-spacing:0;text-transform:none}.appearance-menu .theme-button:after{font-size:.6875rem;line-height:1.2}.appearance-menu [data-theme-mode=neon]:after{content:"Neon"}.appearance-menu [data-theme-mode=bw]:after{content:"Mono"}.appearance-menu [data-theme-mode=invert]:after{content:"Light"}body[data-theme=bw] .theme-button[aria-pressed=true]{background:#e5e5e529}body[data-theme=invert] .theme-button[aria-pressed=true]{background:#3b82f633;color:var(--ink)}body[data-theme=bw] .search input::placeholder{color:#e5e5e5b3}body[data-theme=bw] .letter,body[data-theme=bw] .song-link,body[data-theme=bw] .search input{border-color:#ffffff1f;background:#121316c7}body[data-theme=bw] .song-scroll{background:linear-gradient(180deg,#1a1c20db,#0e0f12f0);border-color:#ffffff1f;box-shadow:none}body[data-theme=invert] .search input::placeholder{color:#64748b}body[data-theme=invert] .letter,body[data-theme=invert] .search input{background:#f8faffeb;border-color:#0c18382e;color:var(--ink)}body[data-theme=invert] .letter[aria-pressed=true]{background:#e8eefffa;border-color:#0c183847;box-shadow:0 10px 28px #0f183824}body[data-theme=invert] .song-scroll{background:linear-gradient(180deg,#fffffff5,#e5ebffeb);border-color:#0c18382e;box-shadow:none}body[data-theme=invert] .song-link{background:#fffffff5;color:var(--ink);border-color:#0c183829;box-shadow:none}body[data-theme=bw] .song-title,body[data-theme=invert] .song-title{text-shadow:none!important}body[data-theme=bw] .song-title{color:#f5f5f5!important}body[data-theme=invert] .song-title{color:var(--ink)!important}.wrap{max-width:min(94rem,100vw);margin-inline:auto;padding:var(--pad)}header,main,footer{padding-block:clamp(10px,1.8vh,24px)}main.wrap{padding-block:16px}#song-collection:focus{outline:none}.search{display:flex;gap:10px;align-items:center;justify-content:center;margin:1rem auto .2rem;max-width:36rem;padding-inline:var(--pad)}.search input{width:100%;padding:clamp(12px,3.6vw,14px) clamp(14px,4vw,16px);border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#080e1ca6;color:var(--ink);outline:none;-webkit-tap-highlight-color:transparent;font:inherit;line-height:1.4;min-height:48px}.search input:focus-visible{outline:2px solid var(--laser-b);outline-offset:2px}.count{color:var(--ink);margin:0;font-size:.95rem;font-variant-numeric:tabular-nums}.letters{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.6vw,12px);padding-inline:var(--pad);margin:clamp(.6rem,2.5vw,1rem) auto clamp(.2rem,1.8vw,.8rem)}.letter{-webkit-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.18);background:#080e1c8c;color:var(--ink);font-weight:700;font-size:clamp(.85rem,3.4vw,1rem);border-radius:12px;padding:clamp(6px,1.8vw,10px) clamp(10px,2.8vw,14px);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px}.letter:active{transform:scale(.96)}.letter:focus-visible{outline:2px solid var(--laser-b);outline-offset:3px}.letter[aria-pressed=true]{border-color:#ffffff5c;background:#0e1830bf;box-shadow:0 10px 28px #0308166b}.song-panel{position:relative;margin-inline:auto;max-width:min(90rem,100%);padding-inline:clamp(10px,2.8vw,20px);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.6vw,18px)}.song-scroll{--song-card-width:clamp(15rem,76vw,20rem);--song-row-min:9rem;--song-rows:1;display:flex;align-items:stretch;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(12px,3vw,18px);padding:clamp(12px,3vw,18px);border-radius:var(--radius);border:1px solid var(--card-border);background:#04081733;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.song-scroll[hidden]{display:none}.song-scroll:focus-visible{outline:2px solid var(--laser-b);outline-offset:3px}.song-scroll::-webkit-scrollbar{height:8px}.song-scroll::-webkit-scrollbar-thumb{background:var(--muted);border-radius:8px}.song-list{list-style:none;margin:0;padding:0;display:grid;flex:0 0 auto;grid-auto-flow:column;grid-auto-columns:var(--song-card-width);grid-template-columns:repeat(var(--song-track-count,1),var(--song-card-width));grid-template-rows:repeat(var(--song-rows),minmax(var(--song-row-min),auto));gap:clamp(12px,2.6vw,18px)}.song-item{margin:0;min-width:0;scroll-snap-align:start;content-visibility:auto;contain-intrinsic-block-size:auto var(--song-row-min)}.scroll-edge{flex:0 0 1px;min-height:1px;pointer-events:none}.song-number{display:inline-block;grid-column:1;grid-row:1;border:1px solid var(--card-border);border-radius:999px;padding:.4rem .6rem;font-size:.875rem;font-weight:750;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.song-link{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;text-decoration:none;min-height:var(--song-row-min);height:100%;overflow-wrap:anywhere;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#060c1aad;color:var(--ink);transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease;text-align:left}.song-link:active{transform:scale(.99)}.song-link:focus-visible{outline:2px solid var(--laser-b);outline-offset:-3px}@media(hover:hover){.letter:hover{border-color:#ffffff5c;background:#0e1830bf;box-shadow:0 10px 28px #0308166b}body[data-theme=invert] .letter:hover{background:#e8eefffa;border-color:#0c183847;box-shadow:0 10px 28px #0f183824}.song-link:hover{border-color:#ffffff42;box-shadow:none}body[data-theme=invert] .song-link:hover{border-color:#0c183847;box-shadow:none}}.song-title{grid-column:2;grid-row:1;font-weight:900;font-size:1.125rem;line-height:1.45;letter-spacing:.01em}.empty-state{margin:0;padding:clamp(18px,4vw,26px);text-align:center;color:var(--muted)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.catalog-status{min-width:0}.browse-help{margin:0;color:var(--muted);font-size:.85rem}.browse-controls{display:flex;flex-shrink:0;align-items:center;gap:8px}.browse-controls[hidden]{display:none}.browse-button{-webkit-appearance:none;appearance:none;min-width:48px;min-height:44px;border:1px solid var(--card-border);border-radius:999px;background:var(--card);color:var(--ink);font:700 1.4rem/1 system-ui;cursor:pointer}.browse-button:disabled{opacity:.4;cursor:default}.browse-button:focus-visible{outline:2px solid var(--laser-b);outline-offset:3px}.neon-blue{color:#8ee6ff;text-shadow:0 0 8px #00aaff}.neon-orange{color:#ffc187;text-shadow:0 0 8px #ff8800}.neon-pink{color:#ff9bf2;text-shadow:0 0 8px #ff2ad4}.neon-green{color:#9fffa0;text-shadow:0 0 8px green}.neon-purple{color:#e0b6ff;text-shadow:0 0 8px #cc55ff}.neon-yellow{color:#fff6a0;text-shadow:0 0 8px #d4d449}.neon-red{color:#ffb3b3;text-shadow:0 0 8px #ff4444}.neon-indigo{color:#b4c6ff;text-shadow:0 0 8px #4f46e5}.neon-violet{color:#d8b4fe;text-shadow:0 0 8px #7c3aed}body[data-theme=invert] .neon-blue{color:#1d4ed8;text-shadow:none}body[data-theme=invert] .neon-orange{color:#c2410c;text-shadow:none}body[data-theme=invert] .neon-pink{color:#be185d;text-shadow:none}body[data-theme=invert] .neon-green{color:#047857;text-shadow:none}body[data-theme=invert] .neon-purple{color:#6b21a8;text-shadow:none}body[data-theme=invert] .neon-yellow{color:#b45309;text-shadow:none}body[data-theme=invert] .neon-red{color:#b91c1c;text-shadow:none}body[data-theme=invert] .neon-indigo{color:#4338ca;text-shadow:none}body[data-theme=invert] .neon-violet{color:#7c3aed;text-shadow:none}footer.wrap{display:flex;flex-direction:column;align-items:center;padding-block:clamp(20px,3vh,32px);padding-bottom:max(20px,env(safe-area-inset-bottom))}.footer-blessing{display:inline-flex;align-items:center;gap:.5em;margin:0;font-size:clamp(1.2rem,1.7vw,1.5rem);font-weight:750;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}@media(max-width:1200px){:root{--pad:clamp(14px,2.5vw,24px)}.top-bar{padding-top:12px;gap:8px}.theme-selector{gap:2px;padding:2px;box-shadow:none}.theme-button{padding:6px 9px;font-size:.72rem;letter-spacing:.02em}.search{max-width:40rem;margin:12px auto 0}.letters{flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--pad);scrollbar-width:thin;scrollbar-color:var(--muted) transparent;padding:4px var(--pad) 6px;margin:10px auto 0;width:100%;max-width:90rem}.letter{flex:0 0 auto;padding:6px 12px;font-size:.875rem;border-radius:10px;letter-spacing:0}main.wrap{padding:8px var(--pad) 0;scroll-margin-top:10rem}.song-panel{padding:0;gap:10px}.song-scroll{--song-card-width:clamp(16rem,78vw,18rem);padding:0 0 6px;scroll-padding-inline:1px;border:0;border-radius:0}body .song-scroll,body[data-theme] .song-scroll{background:transparent}.song-list{gap:12px}.count{font-size:.875rem}.browse-help{font-size:.75rem}footer.wrap{padding:20px var(--pad) max(20px,env(safe-area-inset-bottom))}}@media(max-width:720px),(max-width:960px)and (max-height:500px){.top-bar{padding:8px var(--pad) 0}.top-bar .brand{font-size:1rem;letter-spacing:.12em;gap:.45em}.top-bar .theme-selector{gap:0}.top-bar .theme-glyph{width:21px;height:21px}.search{margin-top:10px}.search input{padding:11px 14px;border-radius:12px}.letters{margin-top:6px;padding-block:2px 4px;gap:4px;scrollbar-width:none}.letters::-webkit-scrollbar{display:none}.letter{border-color:transparent;background:transparent;padding:6px 10px;font-size:.8125rem}.letter[aria-pressed=true]{border-color:var(--card-border);background:var(--card)}body[data-theme=bw] .letter,body[data-theme=invert] .letter{border-color:transparent;background:transparent}body[data-theme=bw] .letter[aria-pressed=true],body[data-theme=invert] .letter[aria-pressed=true]{border-color:var(--card-border);background:var(--card)}main.wrap{padding-top:6px}.song-panel{gap:8px}.song-scroll{--song-row-min:4.75rem;padding-bottom:2px;scrollbar-width:none}.song-scroll::-webkit-scrollbar{display:none}.song-list{gap:8px}.song-link{grid-template-columns:2.25rem minmax(0,1fr);gap:10px;padding:12px;border-radius:12px}.song-number{border:0;padding:0;font-size:.75rem;font-weight:600;color:var(--muted)}.song-title{font-size:1rem;font-weight:650;line-height:1.4;letter-spacing:0}.catalog-toolbar{gap:8px}.count{font-size:.8125rem}.browse-help{font-size:.75rem}.browse-controls{gap:4px}.browse-button{min-width:44px;font-size:1.2rem}footer.wrap{padding:14px var(--pad) max(16px,env(safe-area-inset-bottom))}.footer-blessing{font-size:.9375rem;letter-spacing:.12em}}@media(max-width:380px){.song-scroll{--song-row-min:5.5rem}}@media(max-width:1200px),(pointer:coarse){body{background:linear-gradient(180deg,var(--bg1),var(--bg2));background-attachment:scroll}.theme-selector,.song-scroll{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none!important}.theme-selector{background:var(--bg1)}.song-link,.letter{box-shadow:none!important}.song-title{text-shadow:none!important}}@media(prefers-reduced-motion:reduce){.theme-button,.letter,.song-link{transition:none}}