:root{--saffron: #b45309;--saffron-light: #f59e0b;--saffron-deep: #92400e;--marigold: #fbbf24;--marigold-soft: #fef3c7;--paper: #fffdf6;--ink: #431407;--ink-soft: #7c4a12;--header-from: #92400e;--header-to: #b45309;--header-shadow: rgba(146, 64, 14, .35);--bg-glow: #fef3c7;--bg-top: #fff8e7;--bg-bottom: #fffdf6;--card-bg: #ffffff;--card-border: #f7e6c0;--card-shadow: rgba(146, 64, 14, .1);--card-shadow-hover: rgba(146, 64, 14, .16);--control-bg: #ffffff;--control-border: var(--marigold);--chip-bg: #ffffff;--chip-border: #f3d9a6;--chip-active-bg: var(--marigold-soft);--keyword-bg: #fdf2d8;--keyword-border: #f3e0b6;--divider: #f3e2bd;--meaning: #5b3213;--error: #b91c1c;--serif: "Georgia", "Times New Roman", serif;--sans: "Avenir Next", "Segoe UI", system-ui, sans-serif}[data-theme=dark]{--saffron: #f59e0b;--saffron-light: #fbbf24;--saffron-deep: #d97706;--hanuman-bg-opacity: .15;--marigold: #fbbf24;--marigold-soft: #3a2a15;--paper: #191207;--ink: #fdeed3;--ink-soft: #d4b48a;--header-from: #7a2d0c;--header-to: #b45309;--header-shadow: rgba(0, 0, 0, .45);--bg-glow: rgba(245, 158, 11, .18);--bg-top: #1d150c;--bg-bottom: #14100a;--card-bg: #241a0f;--card-border: #3a2c1a;--card-shadow: rgba(0, 0, 0, .4);--card-shadow-hover: rgba(0, 0, 0, .55);--control-bg: #2b2013;--control-border: #5c4a2a;--chip-bg: #2b2013;--chip-border: #4c3d24;--chip-active-bg: #3a2a15;--keyword-bg: #2b2013;--keyword-border: #4c3d24;--divider: #3a2c1a;--meaning: #f0dcc0;--error: #f87171}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip}body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}.skip-link{position:fixed;top:-100px;left:1rem;z-index:100;padding:.6rem 1rem;border-radius:0 0 .75rem .75rem;background:var(--saffron-deep);color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;transition:top .2s ease}.skip-link:focus-visible{top:0;outline:none}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}.app{min-height:100vh;background:radial-gradient(1200px 500px at 50% -10%,var(--bg-glow),transparent 60%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 40%);display:flex;flex-direction:column;isolation:isolate}.app:before{content:"";position:fixed;left:0;bottom:0;height:50vh;width:auto;aspect-ratio:1 / 1;background:url(/lord-hanuman-graphics.png) left bottom / contain no-repeat;opacity:var(--hanuman-bg-opacity, .22);z-index:-1;pointer-events:none}.container{width:100%;max-width:900px;margin:0 auto;padding:0 1.25rem}.header .container,.footer .container{max-width:none}.header{position:sticky;top:0;z-index:45;padding:0}.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.5rem .7rem;border:1px solid var(--card-border);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;background:color-mix(in srgb,var(--card-bg) 94%,#ffffff 6%);backdrop-filter:blur(8px);box-shadow:0 8px 22px -16px #92400e73}.brand{grid-column:2;justify-self:center;display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit}.brand-mark{font-size:1.6rem;line-height:1;color:var(--saffron)}.brand-title{font-family:var(--serif);font-size:1.2rem;font-weight:700;margin:0;letter-spacing:.02em;color:var(--ink)}.brand-sub{display:block;font-size:.68rem;font-weight:600;color:var(--ink-soft);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase}.header-controls{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-left:.75rem}.lang-wrap{position:relative}.lang-trigger{display:flex;align-items:center;justify-content:center;gap:.45rem;font-family:var(--sans);font-size:.82rem;font-weight:500;color:var(--ink-soft);background:transparent;border:1px solid var(--chip-border);border-radius:999px;padding:.42rem .85rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.lang-trigger:hover,.lang-trigger:focus-visible{border-color:var(--saffron-light);background:color-mix(in srgb,var(--saffron) 8%,transparent);color:var(--ink)}.lang-trigger[aria-expanded=true]{border-color:var(--saffron);color:var(--ink)}.lang-trigger-icon{font-size:1.05rem}.lang-menu{position:absolute;top:calc(100% + .5rem);right:0;z-index:60;min-width:10.5rem;max-height:18rem;overflow-y:auto;margin:0;padding:.35rem;list-style:none;background:var(--card-bg);border:1px solid var(--chip-border);border-radius:.9rem;box-shadow:0 12px 32px var(--card-shadow-hover)}.lang-menu-item button{display:block;width:100%;text-align:left;font-family:var(--sans);font-size:.88rem;color:var(--ink-soft);background:transparent;border:none;border-radius:.55rem;padding:.5rem .7rem;cursor:pointer;white-space:nowrap}.lang-menu-item button:hover,.lang-menu-item button:focus-visible{background:color-mix(in srgb,var(--saffron) 10%,transparent);color:var(--ink)}.lang-menu-item.active button{color:var(--saffron-deep);font-weight:700}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;font-size:.95rem;color:var(--ink-soft);background:transparent;border:1px solid var(--chip-border);border-radius:999px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .1s ease}.theme-toggle:hover{border-color:var(--saffron-light);background:color-mix(in srgb,var(--saffron) 8%,transparent);color:var(--ink)}.theme-toggle:active{transform:scale(.94)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:8.6rem;padding:1.1rem 6.2rem 1.1rem 1.1rem;margin-top:.9rem;border:1px solid var(--card-border);border-radius:1rem;text-align:left;background:linear-gradient(100deg,#fff8ea,#fff4df 46%,#f5e6cf);box-shadow:inset 0 1px #ffffff59}[data-theme=dark] .hero{background:linear-gradient(100deg,#2b2013,#241a0f 46%,#1d150c);box-shadow:inset 0 1px #ffffff0d}.hero-art{position:absolute;right:1.05rem;top:50%;transform:translateY(-50%) rotate(-8deg);width:clamp(5.9rem,11vw,7.1rem);height:clamp(5.9rem,11vw,7.1rem);color:color-mix(in srgb,var(--saffron) 55%,#fff8e0 45%);opacity:.55;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--saffron) 70%,transparent)) drop-shadow(0 0 32px color-mix(in srgb,var(--saffron) 45%,transparent)) drop-shadow(0 12px 22px color-mix(in srgb,var(--saffron) 30%,transparent));pointer-events:none;z-index:1;animation:lotusFloat 7.2s ease-in-out infinite,lotusLightDivineBreath 4s ease-in-out infinite}[data-theme=dark] .hero-art{color:color-mix(in srgb,var(--saffron) 72%,#ffd98e 28%);animation:lotusSpin 7.2s ease-in-out infinite,lotusDivineBreath 4s ease-in-out infinite}.hero:before{content:"";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%) scale(.94);width:clamp(5.6rem,10.4vw,7rem);height:clamp(5.6rem,10.4vw,7rem);border-radius:999px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--saffron) 55%,#ffd7a4 45%),transparent 70%);filter:blur(10px);pointer-events:none;z-index:0;animation:lotusSunHalo 4s ease-in-out infinite}[data-theme=dark] .hero:before{background:radial-gradient(circle,color-mix(in srgb,var(--saffron) 55%,rgba(255,255,255,.6)),#fff0 70%);animation:lotusLampHalo 4s ease-in-out infinite}@keyframes lotusFloat{0%,to{transform:translateY(-50%) translate(0) rotate(-8deg)}50%{transform:translateY(calc(-50% - 7px)) translate(-2px) rotate(-4deg)}}@keyframes lotusSpin{0%{transform:translateY(-50%) translate(0) rotate(-8deg)}50%{transform:translateY(calc(-50% - 8px)) translate(-2px) rotate(-4deg)}to{transform:translateY(-50%) translate(0) rotate(-8deg)}}@keyframes lotusLightDivineBreath{0%,to{opacity:.48;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--saffron) 55%,#ffd98e 45%)) drop-shadow(0 0 24px color-mix(in srgb,var(--saffron) 35%,transparent)) drop-shadow(0 10px 20px color-mix(in srgb,var(--saffron) 28%,transparent))}50%{opacity:.82;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--saffron) 80%,#ffd98e 20%)) drop-shadow(0 0 48px color-mix(in srgb,var(--saffron) 55%,transparent)) drop-shadow(0 0 72px color-mix(in srgb,var(--saffron) 28%,transparent)) drop-shadow(0 12px 26px color-mix(in srgb,var(--saffron) 38%,transparent))}}@keyframes lotusDivineBreath{0%,to{opacity:.48;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--saffron) 60%,transparent)) drop-shadow(0 0 28px color-mix(in srgb,var(--saffron) 36%,transparent)) drop-shadow(0 12px 22px color-mix(in srgb,var(--saffron) 24%,transparent))}50%{opacity:.78;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--saffron) 90%,#ffd98e 10%)) drop-shadow(0 0 52px color-mix(in srgb,var(--saffron) 65%,transparent)) drop-shadow(0 0 80px color-mix(in srgb,var(--saffron) 30%,transparent)) drop-shadow(0 12px 28px color-mix(in srgb,var(--saffron) 40%,transparent))}}@keyframes lotusSunHalo{0%,to{opacity:.22;transform:translateY(-50%) scale(.92)}50%{opacity:.52;transform:translateY(-50%) scale(1.1)}}@keyframes lotusLampHalo{0%,to{opacity:.22;transform:translateY(-50%) scale(.92)}50%{opacity:.58;transform:translateY(-50%) scale(1.12)}}.hero .hero-kicker{position:relative;z-index:2;margin:0;letter-spacing:.11rem;text-transform:uppercase;font-size:.72rem;font-weight:600;color:color-mix(in srgb,var(--saffron) 72%,var(--ink-soft) 28%)}.hero h1{position:relative;z-index:2;font-family:var(--serif);font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.05;margin:.3rem 0 0;color:var(--ink)}.hero p:not(.hero-kicker){position:relative;z-index:2;color:var(--ink-soft);max-width:560px;margin:.5rem 0 0;font-size:1rem}.search-box{display:flex;gap:.5rem;align-items:center;background:var(--control-bg);border:2px solid var(--marigold);border-radius:999px;padding:.2rem .2rem .2rem 1.1rem;box-shadow:0 4px 18px var(--card-shadow);max-width:520px;margin:1.2rem 0 0;position:relative;z-index:2;transition:border-color .2s ease,box-shadow .2s ease}.search-box:focus-within{border-color:var(--saffron);box-shadow:0 6px 24px var(--card-shadow-hover)}.search-input{flex:1;min-width:0;border:none;outline:none;font-size:1rem;font-family:var(--sans);color:var(--ink);background:transparent;padding:.5rem 0}.search-input::placeholder{color:var(--ink-soft);opacity:.7}.search-clear{background:none;border:none;color:var(--ink-soft);font-size:1.05rem;cursor:pointer;padding:.4rem .6rem;border-radius:50%;display:flex;align-items:center}.search-clear:hover{color:var(--saffron)}.search-submit{border:none;background:linear-gradient(135deg,var(--saffron),var(--saffron-deep));color:#fff;font-family:var(--sans);font-size:.95rem;font-weight:600;padding:.55rem 1.3rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:filter .2s ease,transform .1s ease}.search-submit:hover{filter:brightness(1.1)}.search-submit:active{transform:scale(.97)}.filters{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:1.2rem 0}.chip{font-family:var(--sans);font-size:.85rem;font-weight:500;color:var(--ink-soft);background:var(--chip-bg);border:1.5px solid var(--chip-border);border-radius:999px;padding:.4rem 1rem;cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--saffron-light)}.chip.active{background:var(--chip-active-bg);border-color:var(--saffron);color:var(--saffron-deep);font-weight:600}.play-all-btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--saffron-deep);background:var(--chip-bg);border:1.5px solid var(--saffron-light);border-radius:999px;padding:.42rem 1rem;cursor:pointer;transition:all .15s ease}.play-all-btn:hover{border-color:var(--saffron);background:var(--chip-active-bg)}.play-all-btn.active{background:var(--chip-active-bg);border-color:var(--saffron)}.result-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 1rem;color:var(--ink-soft);font-size:.9rem}.pills{display:flex;gap:.4rem;flex-wrap:wrap}.pill{font-size:.72rem;background:var(--marigold-soft);color:var(--saffron-deep);border-radius:999px;padding:.2rem .6rem;font-weight:500}.verse-list{display:flex;flex-direction:column;gap:1.1rem;padding-bottom:3rem}.verse-card{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,var(--marigold-soft),transparent 65%),var(--card-bg);border-radius:18px;padding:1.4rem 1.5rem;box-shadow:0 3px 14px var(--card-shadow);border:1px solid var(--card-border);transition:box-shadow .2s ease,transform .2s ease}.verse-card:hover{box-shadow:0 8px 26px var(--card-shadow-hover);transform:translateY(-2px)}.verse-card--playing{border-color:var(--saffron);box-shadow:0 0 0 2px var(--saffron-light),0 8px 26px var(--card-shadow-hover)}.verse-card--playing .verse-position{color:var(--saffron-deep)}.verse-card-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(8rem,20vw,10.5rem);height:auto;color:var(--saffron);opacity:.16;pointer-events:none;z-index:0}.verse-card-content{position:relative;z-index:1}.verse-card-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.7rem}.verse-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.icon-btn{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid var(--chip-border);border-radius:999px;background:var(--chip-bg);color:var(--ink-soft);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.icon-btn:hover{border-color:var(--saffron-light);color:var(--saffron-deep)}.icon-btn:active{transform:scale(.94)}.icon-btn.active{border-color:var(--saffron);background:var(--marigold-soft);color:var(--saffron-deep)}.icon-btn:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}.card-icon{width:1rem;height:1rem}.verse-position{font-family:var(--serif);font-size:1.05rem;font-weight:700;color:var(--saffron-deep);letter-spacing:.02em}.verse-badge{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.18rem .6rem;border-radius:999px;color:#fff}.verse-badge.doha{background:linear-gradient(135deg,var(--saffron),var(--saffron-deep))}.verse-badge.chaupai{background:linear-gradient(135deg,var(--saffron-light),var(--saffron))}.verse-text{font-family:var(--serif);font-size:1.18rem;line-height:1.9;color:var(--ink);margin:0 0 .2rem}.verse-transliteration{font-size:.92rem;color:var(--ink-soft);font-style:italic;margin:.2rem 0 .9rem}.divider{border:none;border-top:1px solid var(--divider);margin:.8rem 0}.meaning-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--saffron);margin:0 0 .3rem}.meaning{font-size:.98rem;color:var(--meaning);margin:0}.meaning:not(:last-child){margin-bottom:.8rem}.verse-card-footer{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.9rem}.keyword{font-size:.72rem;background:var(--keyword-bg);color:var(--ink-soft);border:1px solid var(--keyword-border);border-radius:999px;padding:.15rem .55rem}.state{text-align:center;padding:3rem 1rem;color:var(--ink-soft)}.spinner{width:34px;height:34px;border:3px solid var(--marigold-soft);border-top-color:var(--saffron);border-radius:50%;margin:0 auto 1rem;animation:spin .9s linear infinite}.spinner-small{width:18px;height:18px;border-width:2px;margin:0 auto .6rem}.load-more{text-align:center;padding:1rem 0;color:var(--ink-soft);font-size:.85rem}@keyframes spin{to{transform:rotate(360deg)}}.state-error{color:var(--error);font-weight:600}.footer{margin-top:auto;padding:1.4rem 0 1.8rem;color:var(--ink-soft);font-size:.85rem}.footer .container{border:1px solid var(--card-border);border-radius:18px;padding:1.4rem 1.5rem;background:var(--card-bg);box-shadow:0 3px 14px var(--card-shadow);text-align:center}.footer p{margin:0 0 .4rem}.footer p:last-child{margin-bottom:0}@media(max-width:640px){.app:before{display:none}.hero{text-align:center;min-height:0;padding:1.1rem 1.1rem .9rem}.hero-art{position:static;transform:none;animation:none;display:block;width:clamp(120px,40vw,170px);height:clamp(120px,40vw,170px);margin:0 auto .9rem;opacity:.95}[data-theme=dark] .hero-art{animation:none}.hero:before{display:none}.hero p:not(.hero-kicker),.hero .search-box{margin-left:auto;margin-right:auto}.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:.4rem}.brand{grid-column:1;justify-self:start}.header-controls{grid-column:2;justify-self:end;margin-left:0}.brand-sub{display:none}.brand-title{font-size:1rem}.brand-mark{font-size:1.35rem}.lang-trigger{width:2.3rem;height:2.3rem;padding:0}.lang-trigger-label{display:none}.verse-card{padding:1.1rem}.verse-text{font-size:1.08rem}.search-box{flex-direction:row}.search-submit{padding:.5rem 1rem;font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}