.deep-aarti { background:radial-gradient(ellipse at 10% 50%,#f4deb1,transparent 65%),#fff8e8; scroll-margin-top:100px; }
.deep-aarti .deep-google-button { position:relative; overflow:hidden; min-height:68px; gap:.8rem; padding:.72rem 1rem; color:#17233b; background:#fff; border:1.5px solid #b8c7dc; border-radius:13px; text-align:left; box-shadow:0 8px 18px rgba(37,65,110,.11); }
.deep-aarti .deep-google-button::before { content:''; position:absolute; top:0; right:0; left:0; height:4px; background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75% 100%); }
.deep-aarti .deep-google-button:hover { color:#17233b; border-color:#4285f4; box-shadow:0 14px 28px rgba(66,133,244,.18); }
.deep-aarti .deep-google-button:focus-visible { outline:3px solid rgba(66,133,244,.5); outline-offset:3px; }
.deep-google-mark { display:grid; width:42px; height:42px; flex:0 0 42px; place-items:center; background:#f8faff; border:1px solid #e1e7f0; border-radius:50%; }
.deep-google-mark svg { display:block; width:25px; height:25px; }
.deep-aarti-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(24px,5vw,72px); }
.deep-aarti-art { position:relative; width:100%; max-width:440px; margin:auto; overflow:hidden; border:6px solid #b2853e; border-radius:160px 160px 18px 18px; background:#382d12; box-shadow:0 22px 60px #57300c26,0 0 0 1px #e8cb88; }
.deep-aarti-art img { display:block; width:100%; height:auto; aspect-ratio:1048 / 1500; }
.deep-aarti-overlay { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.deep-aarti-art.is-manual-offering { cursor:grab; touch-action:none; user-select:none; }
.deep-aarti-art.is-manual-offering:active { cursor:grabbing; }
.deep-aarti-manual-guide { stroke:#ffe28a; stroke-width:12; stroke-dasharray:24 18; opacity:.82; filter:drop-shadow(0 0 10px #ffb72f); animation:deep-aarti-guide-pulse 1.8s ease-in-out infinite; }
.deep-aarti-art > img { transition:filter .7s ease; }
.deep-aarti-art.has-offering-light > img { filter:brightness(.8) saturate(.96); }
.deep-aarti-radiance { mix-blend-mode:screen; }
.deep-aarti-art-caption { position:absolute; bottom:0; left:0; right:0; padding:22px 12px 12px; background:linear-gradient(transparent,#241407d9); color:#ffe9b5; text-align:center; font-family:Georgia,serif; font-size:1rem; letter-spacing:.06em; }
.deep-aarti-copy .deep-title { margin:.8rem 0 1rem; }
.deep-aarti-copy .deep-subtitle { margin:0; }
.deep-aarti-controls { max-width:480px; margin:18px auto 0; }
.deep-aarti-home .deep-aarti-controls { margin-bottom:24px; }
.deep-aarti-steps { list-style:none; padding:0; margin:1.6rem 0; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.deep-aarti-steps li { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid #e9d7b5; border-radius:14px; background:#ffffff80; }
.deep-aarti-steps li[aria-current="step"] { border-color:#9b4f26; background:#ffedc3; box-shadow:inset 3px 0 #9b4f26; }
.deep-aarti-steps li.is-complete { background:#f0f1dc; border-color:#c8cba5; }
.deep-aarti-steps li > span { display:grid; place-items:center; flex:0 0 32px; height:32px; border-radius:50%; color:#7a2432; background:#f9e5bb; font-size:1.1rem; font-weight:800; }
.deep-aarti-steps strong { display:block; color:#49252a; font-size:.94rem; }
.deep-aarti-steps small { display:block; margin-top:3px; color:#705c4c; font-size:.76rem; line-height:1.5; }
.deep-aarti-status { min-height:3em; margin-bottom:8px; font-size:.95rem; font-weight:700; color:#702936; }
.deep-aarti-progress { display:block; width:100%; height:7px; margin:0 0 20px; overflow:hidden; border:0; border-radius:20px; accent-color:#962f3c; background:#e9d9bc; }
.deep-aarti-progress::-webkit-progress-bar { background:#e9d9bc; }
.deep-aarti-progress::-webkit-progress-value { background:#962f3c; }
.deep-aarti-progress::-moz-progress-bar { background:#962f3c; }
.deep-aarti-restart { color:#682b32; background:transparent; border-color:#c7a87a; }
.deep-aarti-manual { color:#682b32; border-color:#c7a87a; background:#fff7e5; }
.deep-aarti-manual:hover { color:#682b32; border-color:#9e7134; background:#ffedc7; }
.deep-aarti-manual-help { margin:12px 0 0; padding:10px 12px; border:1px solid #d8b66e; border-radius:12px; color:#684633; background:#fff7df; font-size:.78rem; line-height:1.55; }
.deep-aarti-download { color:#682b32; border-color:#c7a87a; background:#fffdf8; }
.deep-aarti-download:hover { color:#682b32; border-color:#9e7134; background:#fff5dc; }
.deep-aarti button:disabled { opacity:.55; cursor:default; transform:none; }
.deep-aarti button:focus-visible,.deep-aarti a:focus-visible { outline:3px solid #7e2938; outline-offset:4px; }
.deep-aarti-note,.deep-aarti-motion-note { margin:20px 0 0; color:#776050; font-size:.82rem; line-height:1.7; }
.deep-aarti-note a { color:#812b37; text-decoration:underline; }
.deep-aarti [hidden] { display:none !important; }
.deep-aarti-guest { margin:12px 0; }
.deep-aarti-guest label { display:block; margin-bottom:6px; color:#5e3035; font-size:.82rem; font-weight:800; }
.deep-aarti-guest label span { color:#806d62; font-weight:500; }
.deep-aarti-guest input { width:100%; min-height:46px; padding:10px 13px; border:1px solid #c7a87a; border-radius:12px; background:#fffdf8; color:#3f2520; }
.deep-aarti-guest input:focus { outline:3px solid #7e293833; border-color:#7e2938; }
.deep-aarti-identity { margin:10px 0; color:#705c4c; font-size:.84rem; }
.deep-aarti-name-consent { display:flex; align-items:flex-start; gap:10px; margin:12px 0 16px; padding:11px 12px; border:1px solid #dfc593; border-radius:12px; color:#5e3035; background:#fff9e9; font-size:.78rem; line-height:1.45; cursor:pointer; }
.deep-aarti-name-consent input { width:18px; height:18px; flex:0 0 18px; margin-top:2px; accent-color:#8c2938; }
.deep-aarti-name-consent small { display:block; margin-top:3px; color:#806d62; }
.deep-aarti-community { margin-top:44px; padding:28px; border:1px solid #e4c990; border-radius:24px; background:#fffdf8aa; text-align:center; }
.deep-aarti-community h3 { margin:8px 0; color:#4a2228; font:700 clamp(1.45rem,3vw,2rem) Georgia,serif; }
.deep-aarti-community p { color:#78665c; }
.deep-aarti-names { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:18px; }
.deep-aarti-names span { display:grid; min-height:44px; place-items:center; padding:8px 16px; border:1px solid #ddb971; border-radius:999px; color:#7b2331; background:#fff0ca; font-size:.86rem; font-weight:900; }
.deep-aarti-names em { color:#806d62; }
.deep-aarti-sound { display:flex; align-items:center; gap:12px; margin-top:14px; color:#705c4c; font-size:.8rem; }
.deep-aarti-home .deep-aarti-sound { display:none; }
.deep-aarti-sound-toggle { flex-shrink:0; padding:8px 14px; min-height:44px; border:1px solid #c7a87a; border-radius:24px; background:transparent; color:#682b32; font:inherit; font-weight:700; }
.deep-aarti-dialog { isolation:isolate; width:100%; max-width:none; height:100%; height:100dvh; max-height:none; margin:0; padding:16px 24px 24px; border:0; color:#f8e5bc; background:radial-gradient(ellipse at 50% 40%,#291c10 0%,#100d0b 55%,#080706 100%); overflow:auto; overscroll-behavior:contain; }
.deep-aarti-dialog::backdrop { background:#080706; }
.deep-aarti-dialog:not([open]) { display:none; }
.deep-aarti-dialog[open] { display:flex; flex-direction:column; }
.deep-aarti-dialog-heading { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; max-width:1000px; margin:0 auto 14px; }
.deep-aarti-dialog-heading h2 { margin:0; color:#f8e5bc; font:1.15rem Georgia,serif; }
.deep-aarti-lyrics-link { margin-left:auto; color:#f8e5bc; font-size:.85rem; text-decoration:underline; }
.deep-aarti-close { min-height:44px; padding:8px 18px; border:1px solid #b59b65; border-radius:30px; color:#f8e5bc; background:#ffffff0a; font-size:.9rem; }
.deep-aarti-close span { margin-left:8px; font-size:1.3rem; }
.deep-aarti-dialog-content { position:relative; z-index:2; width:100%; margin:auto; }
.deep-aarti-dialog .deep-aarti-media { width:100%; }
.deep-aarti-dialog .deep-aarti-art { width:100%; max-width:640px; max-width:clamp(240px,calc((100dvh - 100px) * .6987),640px); border-width:3px; box-shadow:0 0 65px #efae4720; }
.deep-aarti-dialog .deep-aarti-art.has-offering-light { box-shadow:0 0 70px #efae4736,0 0 20px #ffca6720; }
.deep-aarti-dialog .deep-aarti-controls { width:100%; max-width:440px; margin:12px auto 0; padding:0; border:0; }
.deep-aarti-dialog .deep-aarti-status { min-height:0; margin:0 0 8px; color:#f8e5bc; text-align:center; }
.deep-aarti-dialog .deep-aarti-progress { margin-bottom:12px; background:#493d2b; accent-color:#e5b85e; }
.deep-aarti-dialog .deep-aarti-progress::-webkit-progress-bar { background:#493d2b; }
.deep-aarti-dialog .deep-aarti-progress::-webkit-progress-value { background:#e5b85e; }
.deep-aarti-dialog .deep-aarti-progress::-moz-progress-bar { background:#e5b85e; }
.deep-aarti-dialog .deep-actions { flex-direction:row; justify-content:center; }
.deep-aarti-dialog .deep-button { flex:1; width:auto; min-height:48px; padding:10px; font-size:.85rem; }
.deep-aarti-dialog .deep-aarti-restart,.deep-aarti-dialog .deep-aarti-sound-toggle { color:#f8e5bc; border-color:#b59b65; }
.deep-aarti-dialog .deep-aarti-manual { color:#f8e5bc; border-color:#b59b65; background:#ffffff0a; }
.deep-aarti-dialog .deep-aarti-manual-help { color:#f8e5bc; border-color:#6f5b37; background:#ffffff09; }
.deep-aarti-dialog .deep-aarti-guest label,.deep-aarti-dialog .deep-aarti-identity { color:#f8e5bc; }
.deep-aarti-dialog .deep-aarti-guest label span { color:#d9c8a3; }
.deep-aarti-dialog .deep-aarti-guest input { border-color:#8d7548; background:#17130f; color:#fff8e8; }
.deep-aarti-dialog .deep-aarti-name-consent { border-color:#6f5b37; color:#f8e5bc; background:#ffffff09; }
.deep-aarti-dialog .deep-aarti-name-consent small { color:#d9c8a3; }
.deep-aarti-dialog .deep-aarti-sound { justify-content:center; margin-top:8px; color:#e2cfaa; }
.deep-aarti-dialog .deep-aarti-motion-note { margin-top:8px; color:#e2cfaa; font-size:.75rem; }
.deep-aarti-dialog button:focus-visible { outline-color:#ffda7b; }
.deep-aarti-ambience { display:none; }
html.deep-aarti-focus-open { overflow:hidden; }
@keyframes deep-aarti-smoke-rise {
    0% { opacity:0; transform:translate3d(0,0,0) scale(.75); }
    25% { opacity:.36; }
    70% { opacity:.16; }
    100% { opacity:0; transform:translate3d(var(--smoke-drift),-145px,0) scale(1.7); }
}
@keyframes deep-aarti-ember-breathe { 50% { opacity:.72; box-shadow:0 0 8px 3px #ff8a32,0 0 22px 7px #efb24c55; } }
@keyframes deep-aarti-guide-pulse { 50% { opacity:.48; stroke-width:16; } }
@keyframes deep-aarti-petal-fall {
    0% { opacity:0; transform:translate3d(0,-4vh,0) rotate(0); }
    10% { opacity:.9; }
    82% { opacity:.72; }
    100% { opacity:0; transform:translate3d(var(--petal-drift),88vh,0) rotate(var(--petal-turn)); }
}
@media(min-width:1100px) and (min-height:600px) {
    .deep-aarti-dialog[open] .deep-aarti-ambience { position:fixed; z-index:1; inset:62px 0 0; display:block; overflow:hidden; pointer-events:none; opacity:1; transition:opacity .45s ease; }
    .deep-aarti-incense { position:absolute; bottom:clamp(42px,8vh,92px); width:92px; height:235px; opacity:.76; }
    .deep-aarti-incense-left { left:clamp(34px,9vw,165px); }
    .deep-aarti-incense-right { right:clamp(34px,9vw,165px); transform:scaleX(-1); }
    .deep-aarti-incense-stick { position:absolute; left:44px; bottom:39px; width:4px; height:126px; border-radius:3px; background:linear-gradient(90deg,#5b2514,#bc7440 48%,#4b1d10); transform:rotate(7deg); transform-origin:50% 100%; }
    .deep-aarti-incense-ember { position:absolute; left:57px; bottom:163px; width:7px; height:7px; border-radius:50%; background:#fff0ae; box-shadow:0 0 7px 3px #ff8a32,0 0 20px 6px #efb24c44; opacity:.4; }
    .deep-aarti-incense-holder { position:absolute; left:10px; bottom:0; width:74px; height:39px; border:1px solid #dca844; border-radius:50% 50% 42% 42%; background:linear-gradient(100deg,#5e340d 0%,#e1b04a 32%,#7b4615 68%,#cf9631 100%); box-shadow:0 8px 20px #0008,inset 0 4px 5px #ffe6a055; }
    .deep-aarti-incense-holder::before { content:''; position:absolute; inset:-6px 5px auto; height:14px; border:2px solid #dca844; border-radius:50%; background:#39200c; }
    .deep-aarti-smoke { --smoke-drift:22px; position:absolute; left:56px; bottom:170px; width:18px; height:55px; border-left:3px solid #eadfc9; border-radius:50%; opacity:0; filter:blur(2px); transform-origin:50% 100%; }
    .deep-aarti-smoke-two { --smoke-drift:-18px; height:66px; animation-delay:1.3s !important; }
    .deep-aarti-smoke-three { --smoke-drift:30px; height:48px; animation-delay:2.6s !important; }
    .deep-aarti-ambience.is-offering .deep-aarti-smoke { animation:deep-aarti-smoke-rise 4.2s ease-in-out infinite; }
    .deep-aarti-ambience.is-offering .deep-aarti-incense-ember { animation:deep-aarti-ember-breathe 2.5s ease-in-out infinite; }
    .deep-aarti-ambience.is-paused .deep-aarti-smoke,.deep-aarti-ambience.is-paused .deep-aarti-incense-ember,.deep-aarti-ambience.is-paused .deep-aarti-petals i { animation-play-state:paused; }
    .deep-aarti-petals { position:absolute; inset:0; }
    .deep-aarti-petals i { position:absolute; top:-24px; left:var(--petal-left); width:11px; height:17px; border-radius:85% 15% 80% 20%; background:linear-gradient(145deg,#ffb45c,#b62b45 68%,#76162d); box-shadow:0 0 7px #f0a44442; opacity:0; }
    .deep-aarti-ambience.is-starting .deep-aarti-petals i,.deep-aarti-ambience.is-complete .deep-aarti-petals i { animation:deep-aarti-petal-fall 3.8s cubic-bezier(.25,.65,.45,1) var(--petal-delay) both; }
    .deep-aarti-ambience.is-complete .deep-aarti-petals i { animation-duration:4.6s; }
}
@media(min-width:1024px) {
    .deep-aarti-dialog-content { max-width:1180px; }
    .deep-aarti-dialog .deep-aarti-media {
        display:grid;
        grid-template-columns:minmax(280px,420px) auto;
        grid-template-areas:"controls art";
        align-items:center;
        justify-content:center;
        gap:clamp(32px,5vw,76px);
    }
    .deep-aarti-dialog .deep-aarti-art {
        grid-area:art;
        width:clamp(240px,calc((100dvh - 100px) * .6987),640px);
        margin:0;
    }
    .deep-aarti-dialog .deep-aarti-controls {
        grid-area:controls;
        max-width:420px;
        margin:0;
    }
}
@media(prefers-reduced-motion:reduce) {
    .deep-aarti-art > img { transition:none; }
    .deep-aarti-ambience { transition:none !important; }
    .deep-aarti-petals { display:none; }
    .deep-aarti-smoke,.deep-aarti-incense-ember { animation:none !important; }
    .deep-aarti-manual-guide { animation:none; }
    .deep-aarti-ambience.is-offering .deep-aarti-smoke { opacity:.14; transform:translate3d(8px,-35px,0) scale(1.05); }
    .deep-aarti-ambience.is-offering .deep-aarti-incense-ember { opacity:.65; }
}
@media(max-height:550px) and (min-width:600px) {
    .deep-aarti-dialog .deep-aarti-media { display:grid; grid-template-columns:minmax(230px,370px) auto; grid-template-areas:"controls art"; align-items:center; justify-content:center; gap:24px; }
    .deep-aarti-dialog .deep-aarti-art { grid-area:art; width:calc((100dvh - 100px) * .6987); max-width:320px; }
    .deep-aarti-dialog .deep-aarti-controls { grid-area:controls; margin:0; }
}
@media(min-width:768px) and (max-height:900px) {
    .deep-aarti { padding-top:clamp(42px,6vh,58px); padding-bottom:clamp(42px,6vh,58px); }
    .deep-aarti-home .deep-aarti-art { max-width:min(390px,calc((100dvh - 230px) * .6987)); }
    .deep-aarti-copy .deep-title { margin:.45rem 0 .65rem; font-size:clamp(2.2rem,3.6vw,2.75rem); }
    .deep-aarti-steps { gap:8px; margin:.9rem 0; }
    .deep-aarti-steps li { padding:10px; }
    .deep-aarti-note { margin-top:12px; line-height:1.55; }
}
@media(max-width:767px) {
    .deep-aarti-grid { grid-template-columns:1fr; gap:28px; }
    .deep-aarti-art { max-width:440px; border-width:4px; border-radius:110px 110px 14px 14px; }
    .deep-aarti-lamp-shape { transform:scale(1.4); transform-origin:0 0; transform-box:view-box; }
    .deep-aarti-dialog { padding:10px 12px 18px; }
    .deep-aarti-dialog-heading { gap:10px; margin-bottom:10px; flex-shrink:0; }
    .deep-aarti-dialog-heading h2 { font-size:1.05rem; }
    .deep-aarti-close { display:inline-flex; align-items:center; flex-shrink:0; padding:8px 12px; white-space:nowrap; }
    .deep-aarti-dialog-content { flex-shrink:0; }
    .deep-aarti-copy { max-width:500px; margin:auto; width:100%; }
    .deep-aarti-copy .deep-title br { display:none; }
    .deep-aarti-steps { margin:1.2rem 0; }
    .deep-aarti-controls { max-width:360px; padding:12px; border:1px solid #e9d7b5; border-radius:18px; }
    .deep-aarti-status { min-height:0; }
    .deep-aarti-controls .deep-actions { flex-direction:row; flex-wrap:wrap; gap:8px; }
    .deep-aarti-controls .deep-button { width:auto; flex:1 1 calc(50% - 4px); min-height:48px; padding:10px; font-size:.8rem; }
    .deep-aarti-controls .deep-aarti-restart { flex-basis:100%; }
    .deep-aarti-community { margin-top:32px; padding:22px 14px; }
}
@media(max-width:767px) and (orientation:portrait), (max-width:599px) {
    .deep-aarti-dialog .deep-aarti-art { width:100%; max-width:440px; }
    .deep-aarti-dialog-content { margin:0 auto; }
}