@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Noto+Serif+Devanagari:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Rozha+One&family=Yatra+One&display=swap");:root{--bg-black:#0d0f12;--bg-slate-dark:#121519;--bg-slate-card:rgba(22,27,34,.75);--bg-slate-card-hover:rgba(30,36,46,.85);--border-subtle:rgba(240,178,50,.15);--border-gold:rgba(240,178,50,.4);--border-gold-bright:#f0b232;--gold-primary:#f2b83b;--gold-bright:#ffc955;--gold-deep:#d99a22;--gold-glow:rgba(242,184,59,.35);--gold-glow-soft:rgba(242,184,59,.12);--text-translit:#e1e7f0;--text-translit-dim:#9aa5b5;--text-meaning:#c9d2de;--text-muted:#748092;--font-devanagari:"Noto Serif Devanagari","Rozha One","Yatra One",serif;--font-display:"Cinzel",serif;--font-translit:"Cormorant Garamond",Georgia,serif;--font-ui:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--max-content-width:960px;--transition-smooth:all 0.35s cubic-bezier(0.16,1,0.3,1);--transition-fast:all 0.2s ease;--header-height:68px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;color-scheme:dark}body,html{background-color:var(--bg-black)}body{font-family:var(--font-ui);color:var(--text-translit);min-height:100vh;line-height:1.6;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slate-texture-bg{inset:0;background:radial-gradient(circle at 50% 35%,rgba(242,184,59,.04) 0,transparent 60%),radial-gradient(circle at 50% 50%,rgba(28,33,40,.95) 0,#0d0f12 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.045'/%3E%3C/svg%3E");background-repeat:repeat}.sacred-glow-spot,.slate-texture-bg{position:fixed;pointer-events:none;z-index:0}.sacred-glow-spot{top:40%;left:50%;transform:translate(-50%,-50%);width:750px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(242,184,59,.07) 0,rgba(190,130,20,.02) 45%,transparent 70%);filter:blur(60px);transition:opacity 1s ease}.app-container{z-index:1}.app-container,.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column}.hero-section{align-items:center;justify-content:center;text-align:center;padding:2.5rem 1.5rem;z-index:10;transition:opacity .6s ease,transform .6s ease}.hero-emblem{width:72px;height:72px;margin-bottom:2rem;color:var(--gold-primary);opacity:.9;filter:drop-shadow(0 0 16px var(--gold-glow));animation:pulse-glow 4s ease-in-out infinite alternate}@keyframes pulse-glow{0%{transform:scale(.97);filter:drop-shadow(0 0 10px rgba(242,184,59,.25))}to{transform:scale(1.03);filter:drop-shadow(0 0 24px rgba(242,184,59,.5))}}.hero-title-sanskrit{font-family:var(--font-devanagari);font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700;color:var(--gold-primary);letter-spacing:.04em;line-height:1.3;margin-bottom:.75rem;text-shadow:0 0 20px rgba(242,184,59,.3),0 2px 4px rgba(0,0,0,.9)}.hero-subtitle-english{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.4rem);letter-spacing:.25em;text-transform:uppercase;color:var(--text-translit);margin-bottom:.5rem;font-weight:500;opacity:.9}.hero-composer{font-family:var(--font-translit);font-size:1.1rem;font-style:italic;color:var(--text-muted);margin-bottom:2.75rem}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.btn-sacred-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.5rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#0e1115;background:linear-gradient(135deg,#ffca58,#f0b232 50%,#d89618);border:1px solid #ffe18b;border-radius:999px;cursor:pointer;box-shadow:0 4px 20px rgba(242,184,59,.35),0 0 35px rgba(242,184,59,.2);transition:var(--transition-smooth);text-decoration:none}.btn-sacred-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 28px rgba(242,184,59,.5),0 0 45px rgba(242,184,59,.35);background:linear-gradient(135deg,#ffd372,#f7bc3c 50%,#e09f20)}.hero-quick-meta{display:flex;gap:2rem;font-size:.85rem;color:var(--text-muted);letter-spacing:.05em;margin-top:1rem}.recitation-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:var(--header-height);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;background:rgba(14,17,21,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(242,184,59,.1);transition:opacity .4s ease,transform .4s ease}.zen-active .floating-nav-buttons,.zen-active .memorize-toolbar,.zen-active .recitation-header{opacity:0!important;pointer-events:none!important;transform:translateY(-10px)}.header-brand{display:flex;align-items:center;gap:.85rem;cursor:pointer;background:none;border:none;color:inherit;text-align:left;padding:.4rem;border-radius:8px;transition:var(--transition-fast)}.brand-icon{width:28px;height:28px;color:var(--gold-primary)}.brand-titles{display:flex;flex-direction:column}.brand-sanskrit{font-family:var(--font-devanagari);font-size:1.15rem;font-weight:700;color:var(--gold-primary);line-height:1.1}.brand-english{font-family:var(--font-display);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-translit-dim)}.header-center-status{display:flex;align-items:center;gap:.75rem}.stanza-indicator-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:rgba(242,184,59,.08);border:1px solid rgba(242,184,59,.25);border-radius:999px;font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.1em;color:var(--gold-bright)}.header-controls{display:flex;align-items:center;gap:.5rem}.btn-icon-minimal{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid transparent;color:var(--text-translit-dim);cursor:pointer;transition:var(--transition-fast)}.btn-icon-minimal:hover{color:var(--gold-primary);background:rgba(242,184,59,.08);border-color:rgba(242,184,59,.2)}.btn-icon-minimal.active{color:#0e1115;background:var(--gold-primary);border-color:var(--gold-bright);box-shadow:0 0 12px var(--gold-glow)}.recitation-workspace{flex:1 1;display:flex;flex-direction:column;position:relative;z-index:5;padding-bottom:7.5rem}.focus-viewport{min-height:calc(100vh - var(--header-height) - 7.5rem);display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem;position:relative}.focus-shloka-card{width:100%;max-width:var(--max-content-width);margin:0 auto;text-align:center;transition:opacity .35s ease,transform .35s ease}.shloka-number-tag{font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:2rem;display:inline-block;opacity:.85}.lines-container{display:flex;flex-direction:column;gap:2rem}.recitation-line-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1.5rem;cursor:pointer;position:relative;-webkit-user-select:text;-moz-user-select:text;user-select:text}.recitation-line-unit,.recitation-line-unit:before{border-radius:12px;transition:var(--transition-smooth)}.recitation-line-unit:before{content:"";position:absolute;inset:0;background:transparent;border:1px solid transparent;pointer-events:none}.recitation-line-unit:hover:before{background:rgba(242,184,59,.035);border-color:rgba(242,184,59,.15)}.recitation-line-unit.active-line{transform:scale(1.02)}.recitation-line-unit.active-line:before{background:radial-gradient(ellipse at center,rgba(242,184,59,.12) 0,rgba(242,184,59,.02) 80%);border-color:rgba(242,184,59,.35);box-shadow:0 0 25px rgba(242,184,59,.15)}.sanskrit-text{font-family:var(--font-devanagari);font-size:clamp(1.65rem,3.8vw,2.65rem);font-weight:600;color:var(--gold-primary);letter-spacing:.025em;line-height:1.45;text-shadow:0 0 14px rgba(242,184,59,.25),0 2px 4px rgba(0,0,0,.9);transition:var(--transition-fast)}.active-line .sanskrit-text{color:var(--gold-bright);text-shadow:0 0 22px rgba(242,184,59,.45),0 2px 4px rgba(0,0,0,.95)}.translit-text{font-family:var(--font-translit);font-size:clamp(1.15rem,2.2vw,1.55rem);font-style:italic;font-weight:400;color:var(--text-translit);letter-spacing:.035em;line-height:1.35;margin-top:.35rem;opacity:.92;transition:var(--transition-fast)}.active-line .translit-text{color:#fff;opacity:1;text-shadow:0 0 12px hsla(0,0%,100%,.3)}.meaning-text{font-family:var(--font-ui);font-size:.92rem;color:var(--text-meaning);margin-top:.5rem;opacity:.85;max-width:680px;line-height:1.5}.stanza-essence-box{margin-top:2.75rem;padding:1rem 1.75rem;background:rgba(22,27,34,.6);border:1px solid rgba(242,184,59,.12);border-radius:12px;font-size:.92rem;color:var(--text-translit-dim);font-style:italic;display:inline-block}.stanza-essence-box strong{font-family:var(--font-display);font-style:normal;color:var(--gold-primary);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-right:.5rem}.continuous-flow-view{max-width:var(--max-content-width);margin:0 auto;padding:3rem 1.5rem 6rem}.continuous-stanza-card{margin-bottom:4.5rem;padding:2.5rem 2rem;background:var(--bg-slate-card);border:1px solid var(--border-subtle);border-radius:16px;text-align:center;position:relative;transition:var(--transition-smooth)}.continuous-stanza-card.in-view{border-color:rgba(242,184,59,.35);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 30px rgba(242,184,59,.06)}.continuous-stanza-card .lines-container{gap:1.75rem}.sacred-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:3rem 0 0;color:var(--gold-deep);opacity:.6}.sacred-divider:after,.sacred-divider:before{content:"";height:1px;width:80px;background:linear-gradient(90deg,transparent,rgba(242,184,59,.3),transparent)}.floating-nav-buttons{position:fixed;top:50%;inset-inline:1.5rem;display:flex;justify-content:space-between;pointer-events:none;z-index:50;transform:translateY(-50%)}.btn-nav-floating{pointer-events:auto;width:52px;height:52px;border-radius:50%;background:rgba(18,22,28,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(242,184,59,.2);color:var(--gold-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.5);transition:var(--transition-smooth)}.btn-nav-floating:hover{background:rgba(30,36,46,.95);border-color:var(--gold-bright);color:#fff;transform:scale(1.08);box-shadow:0 8px 25px rgba(0,0,0,.6),0 0 20px var(--gold-glow)}.btn-nav-floating:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.memorize-toolbar{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:rgba(16,20,26,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(242,184,59,.2);border-radius:999px;box-shadow:0 12px 35px rgba(0,0,0,.6),0 0 25px rgba(242,184,59,.08);max-width:95vw;transition:var(--transition-smooth)}.toolbar-group{display:flex;align-items:center;gap:.25rem}.toolbar-divider{width:1px;height:24px;background:rgba(242,184,59,.15);margin:0 .35rem}.toolbar-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;font-family:var(--font-ui);font-size:.8rem;font-weight:500;color:var(--text-translit-dim);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.toolbar-btn:hover{color:var(--gold-bright);background:rgba(242,184,59,.08)}.toolbar-btn.active{color:#0e1115;background:var(--gold-primary);font-weight:600;box-shadow:0 0 14px var(--gold-glow)}.shloka-jump-ribbon{display:flex;align-items:center;gap:.25rem}.btn-jump-number{width:30px;height:30px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-translit-dim);font-family:var(--font-display);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-jump-number:hover{color:var(--gold-primary);background:rgba(242,184,59,.1)}.btn-jump-number.active{color:#0e1115;background:var(--gold-primary);font-weight:700;box-shadow:0 0 10px var(--gold-glow)}.btn-jump-number.phala-btn{width:auto;padding:0 .6rem;border-radius:999px;font-family:var(--font-devanagari);font-size:.85rem}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{background:#15191f;border:1px solid rgba(242,184,59,.3);border-radius:20px;width:100%;max-width:580px;padding:2.25rem;box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 35px rgba(242,184,59,.1);position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-title{font-family:var(--font-display);font-size:1.25rem;color:var(--gold-primary);letter-spacing:.05em}.btn-close-modal{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:6px;transition:var(--transition-fast)}.btn-close-modal:hover{color:#fff}.shortcut-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:hsla(0,0%,100%,.03);border-radius:8px;border:1px solid hsla(0,0%,100%,.06)}.shortcut-key{display:inline-flex;align-items:center;padding:.2rem .6rem;background:rgba(242,184,59,.12);border:1px solid rgba(242,184,59,.3);border-radius:6px;font-family:monospace;font-size:.8rem;font-weight:700;color:var(--gold-bright)}.shortcut-label{font-size:.85rem;color:var(--text-translit)}.sacred-toast{position:fixed;top:5rem;left:50%;transform:translateX(-50%);padding:.65rem 1.4rem;background:rgba(20,24,30,.95);border:1px solid rgba(242,184,59,.35);border-radius:999px;color:var(--gold-primary);font-size:.85rem;font-family:var(--font-display);letter-spacing:.05em;box-shadow:0 8px 25px rgba(0,0,0,.6);z-index:300;transition:opacity .3s ease,transform .3s ease}@media (max-width:768px){:root{--header-height:60px}.recitation-header{padding:0 1rem}.brand-titles .brand-english{display:none}.focus-viewport{padding:1.5rem 1rem}.lines-container{gap:1.35rem}.recitation-line-unit{padding:.75rem .5rem}.floating-nav-buttons{display:none}.memorize-toolbar{bottom:1rem;width:96vw;padding:.4rem .5rem;overflow-x:auto;justify-content:flex-start}.toolbar-btn span{display:none}.toolbar-btn{padding:.5rem}.shortcut-grid{grid-template-columns:1fr}}