@layer sacred-motion {
 :root{--motion-lift:cubic-bezier(.2,.8,.2,1)}
 button:not(.brand-button):not(.counter):not(.companion-control){box-shadow:inset 0 1px 0 #fff2,inset 0 -3px 0 #0002,0 4px 0 color-mix(in srgb,var(--bg) 85%,#000),0 7px 14px #0002;transform:translateY(0);transition:transform 160ms var(--motion-lift),box-shadow 160ms,border-color 160ms;}
 button:not(.counter):not(.companion-control):not(.brand-button):active{transform:translateY(3px);box-shadow:inset 0 1px 5px #0003,0 1px 0 #0003;}
 button:disabled{transform:none;box-shadow:none;}
 .brand-button{filter:drop-shadow(0 2px 2px #0002)}
 .quick-access-grid button{box-shadow:inset 0 1px #f5dcab33,inset 0 -5px #0003,0 5px 0 #071f16,0 14px 26px #0003;}
 .quick-access-grid button:hover{transform:translateY(-2px);}
 .bottom-nav button{box-shadow:inset 0 1px #fff1,inset 0 -2px #0002,0 2px 4px #0002!important}.bottom-nav button.active{box-shadow:inset 0 1px #e6c48222,0 2px 6px #0002!important}
 .live-writing::after{content:'';display:inline-block;width:2px;height:.9em;margin-inline-start:4px;background:currentColor;vertical-align:baseline;animation:writing-caret .8s steps(2,end) infinite;}
 @keyframes writing-caret{50%{opacity:0}}
 .prayer-divider{display:grid;grid-template-columns:minmax(14px,1fr) minmax(0,auto) minmax(14px,1fr);align-items:center;gap:14px;margin:32px auto;max-width:760px;min-height:60px;text-align:center;pointer-events:none;}
 .prayer-divider::before,.prayer-divider::after{content:'';height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5;}
 .prayer-writing{font-family:var(--font-reading);font-size:clamp(1rem,3.3vw,1.2rem);line-height:1.9;color:var(--gold);min-height:2em;max-width:540px;}
 .section-header + .prayer-divider{margin:12px auto 24px;min-height:44px}
 .route-aura{position:fixed;z-index:70;top:calc(var(--header-h) + var(--safe-top));left:10%;width:80%;height:36px;opacity:0;color:var(--gold);pointer-events:none;filter:drop-shadow(0 0 9px #c8a45f44)}
 .route-aura svg{display:block;width:100%;height:100%;stroke-width:1}
 .wird-intro{overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#18452b,#031b12 65%)}
 .wird-intro::before,.wird-intro::after{content:'';position:absolute;inset:-20%;pointer-events:none;background:conic-gradient(from 20deg at 50% 0%,transparent 40%,#e8c27e0b 45%,transparent 50%);animation:sacred-light 14s ease-in-out infinite alternate;}
 .wird-intro::after{animation-delay:-7s;opacity:.6}
 @keyframes sacred-light{to{transform:rotate(9deg) translateX(4%)}}
 .wird-intro-inner{width:min(600px,calc(100% - 32px));min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
 .wird-intro.is-full .wird-intro-inner{min-height:100dvh;padding-top:230px;padding-bottom:24px}
 .wird-intro-mark{display:none}
 .wird-intro-dua{min-height:160px;max-width:520px;margin:22px 0;font-family:var(--font-reading);font-size:clamp(1.35rem,4.7vw,1.85rem);line-height:1.9;}
 .wird-intro-dua [aria-hidden]{display:block;min-height:inherit}
 .wird-intro h1{letter-spacing:0;font-size:clamp(2.6rem,8vw,4.4rem);text-shadow:0 3px 18px #0006}
 .wird-intro :is(h1,.wird-intro-subtitle,.wird-intro-dua,.wird-intro-mark){opacity:1;transform:none}
 .wird-intro-kicker{display:none}.wird-intro-subtitle{color:#dccaa5}.wird-intro-dua{color:#fff2d7}
 .wird-intro-mark svg{width:40px;height:42px}.wird-intro h1{min-height:1.3em}
 .wird-intro-mark{animation:mark-breathe 4s ease-in-out infinite}
 @keyframes mark-breathe{50%{filter:drop-shadow(0 0 26px #e7c78155);transform:translateY(-3px)}}
 .wird-intro-progress{width:min(100%,460px);border-radius:100px;padding:14px 18px;box-shadow:inset 0 2px 8px #0003,0 6px 20px #0003;}
 .wird-intro-progress>span{height:6px;background:linear-gradient(to left,#e6c482 var(--intro-progress,0%),#214634 var(--intro-progress,0%));box-shadow:inset 0 1px 3px #0004}
 .wird-intro-progress output{color:#f4d99e}.wird-intro-progress output::after{content:'%'}
 .wird-intro.is-short .wird-intro-dua{display:none}.wird-intro.is-short .wird-intro-inner{min-height:260px}
 #homeSearch b{display:block;min-height:1.8em;font-size:1.05rem;line-height:1.8}
 #tasbihCompletion{position:relative;border:1px solid var(--gold);padding:22px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#b99a4e28,transparent 75%),var(--surface);box-shadow:0 0 30px #dcbd7418;}
 #tasbihCompletion b{font-family:var(--font-reading);font-size:1.8rem}#tasbihCompletion span{min-height:2.5em;font-family:var(--font-reading);font-size:1.2rem}
 #tasbihCompletion[data-celebration="true"]{animation:completion-bloom 700ms var(--motion-lift)}
 @keyframes completion-bloom{from{opacity:.4;transform:scale(.96);box-shadow:0 0 0 0 #dfc18544}to{opacity:1;transform:scale(1);box-shadow:0 0 0 16px #dfc18500}}
 .player-launcher[data-companion-quiet="false"][data-companion-state="idle"] .companion-head{animation:companion-curious 8s ease-in-out infinite;transform-origin:50px 69px;}
 .player-launcher[data-companion-quiet="false"][data-companion-state="idle"] .companion-body{animation:companion-breathe 4.5s ease-in-out infinite;transform-origin:50px 90px;}
 .player-launcher[data-companion-quiet="false"] .companion-eyes{animation:companion-blink 6.7s infinite;transform-origin:50px 54px;}
 @keyframes companion-curious{0%,40%,100%{transform:rotate(0)}46%,53%{transform:rotate(-4deg) translateY(-1px)}65%,72%{transform:rotate(3deg)}}
 @keyframes companion-breathe{50%{transform:scaleY(1.025) translateY(-1px)}}
 @keyframes companion-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}
 .knowledge-sheet .islamic-chat-header{background:radial-gradient(ellipse at 70% 0%,#dcc08520,transparent 65%),var(--sacred-panel);}
 .assistant-avatar{width:58px;height:58px;flex-shrink:0;display:grid;place-items:center;margin-bottom:10px;border:2px double var(--gold);border-radius:50%;background:radial-gradient(circle at 40% 25%,var(--surface-strong),var(--bg));box-shadow:0 0 18px #dec0811a;}
 .assistant-avatar svg{width:36px;height:36px;color:var(--gold);}
 .assistant-avatar .assistant-companion-art{width:48px;height:54px;overflow:visible}
 .knowledge-sheet[open] .assistant-companion-art .companion-eyes{animation:companion-blink 6.7s infinite;transform-origin:50px 54px}
 .knowledge-sheet[open] .assistant-companion-art .companion-head{animation:companion-curious 8s ease-in-out infinite;transform-origin:50px 69px}
 .knowledge-sheet:has([data-state="typing"]) .assistant-companion-art .companion-head{animation-duration:3s}
 .knowledge-sheet .from-assistant{border:1px solid var(--line);background:var(--sacred-panel);border-radius:22px 22px 5px 22px;}
 .knowledge-sheet .from-user{border:1px solid var(--line);border-radius:22px 22px 22px 5px;}
 .knowledge-sheet .islamic-chat-form textarea{box-shadow:inset 0 2px 8px #0002;border-color:var(--line)}
 @media(max-width:480px){.prayer-divider{gap:9px;margin:24px 0}.prayer-writing{max-width:260px}.wird-intro-inner{min-height:480px}.wird-intro-dua{min-height:190px}.assistant-avatar{width:46px;height:46px;margin-bottom:6px}}
 .knowledge-sheet[data-keyboard-compact="true"] .assistant-avatar{display:none}
 @media(max-height:640px){.wird-intro.is-full .wird-intro-inner{padding-top:50px;min-height:100dvh;gap:6px}.wird-intro h1{font-size:2.5rem}.wird-intro-dua{font-size:1.1rem;min-height:130px;margin:12px 0}.wird-intro-mercy{display:none}.wird-intro-pattern{opacity:.25}}
 @media(prefers-reduced-motion:reduce){.live-writing::after{display:none}button,.wird-intro::before,.wird-intro::after,.wird-intro-mark,.companion-head,.companion-body,.companion-eyes,#tasbihCompletion{animation:none!important;transition:none!important}button:active{transform:none!important}}
}