:root {
    --ink: #080705;
    --cream: #f8efdf;
    --muted: #c9ad86;
    --gold: #eeb35a;
    --orange: #e77b2c;
    --line: rgba(255, 220, 175, .2)
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    background: var(--ink);
    color: var(--cream);
    font-family: Georgia, 'Times New Roman', serif;
    overflow-x: hidden
}

a {
    color: inherit;
    text-decoration: none
}

button {
    font: inherit;
    color: inherit
}

/* ================= SCREEN 1 ================= */
.intro {
    height: 100svh;
    min-height: 650px;
    position: relative;
    overflow: hidden;
    background: #070604;
    color: #f8edda;
    display: grid;
    place-items: center;
    isolation: isolate
}

.intro-noise {
    position: absolute;
    inset: -50%;
    z-index: 1;
    pointer-events: none;
    opacity: .075;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
    animation: introGrain .23s steps(2) infinite
}

.intro-grid {
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: .22;
    background-image: linear-gradient(rgba(255, 198, 108, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 198, 108, .025) 1px, transparent 1px);
    background-size: 130px 130px;
    mask-image: radial-gradient(circle at center, black, transparent 72%)
}

.intro-dust {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none
}

.intro-dust i {
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #d89a48;
    box-shadow: 0 0 6px rgba(225, 161, 72, .5);
    animation: dustFloat linear infinite
}

.intro-topline {
    position: absolute;
    top: 13.2vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 7;
    font: 20px/1.4 "Noto Sans Devanagari", "Nirmala UI", Mangal, sans-serif;
    letter-spacing: normal;
    color: #B89A65;
    white-space: nowrap
}

.sun-stage {
    position: absolute;
    left: 50%;
    top: 46%;
    width: 430px;
    height: 430px;
    transform: translate(-50%, -50%);
    z-index: 3;
    pointer-events: none
}

.sun-rays {
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    opacity: .55;
    background: repeating-conic-gradient(from 0deg, rgba(223, 151, 59, .26) 0deg 1.5deg, transparent 1.5deg 15deg);
    mask-image: radial-gradient(circle, transparent 0 31%, black 34% 49%, transparent 64%)
}

.sun-halo {
    position: absolute;
    inset: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 225, 151, .8) 0 10%, rgba(255, 175, 65, .38) 30%, rgba(198, 115, 32, .13) 52%, transparent 73%);
    animation: sunBreath 5.5s ease-in-out infinite
}

.sun-halo-a {
    width: 300px;
    height: 300px
}

.sun-halo-b {
    width: 205px;
    height: 205px;
    opacity: .8;
    animation-delay: -1.8s
}

.sun-core {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle at 38% 32%, #fff3b6 0 10%, #ffd86e 27%, #f3a733 66%, #d87920 100%);
    box-shadow: 0 0 28px rgba(255, 189, 80, .5), 0 0 90px rgba(241, 157, 46, .28);
    animation: sunBreath 5.5s ease-in-out infinite
}

.sun-reflection {
    position: absolute;
    left: 50%;
    top: 66%;
    width: 180px;
    height: 110px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(236, 165, 73, .18), transparent);
    filter: blur(10px);
    clip-path: polygon(44% 0, 56% 0, 100% 100%, 0 100%);
    opacity: .5
}

.intro-copy {
    position: relative;
    z-index: 8;
    text-align: center;
    margin-top: 2vh;
    display: flex;
    flex-direction: column;
    align-items: center
}

.intro-brand {
    font: 400 clamp(76px, 7.2vw, 108px)/.85 Arial, sans-serif;
    letter-spacing: .06em;
    color: #f6ead5;
    position: relative;
    text-shadow: 0 5px 30px rgba(0, 0, 0, .45)
}

.intro-name {
    font: 400 clamp(63px, 5.5vw, 83px)/.95 Arial, sans-serif;
    letter-spacing: .19em;
    margin-left: .19em;
    color: #f6ead5;
    text-shadow: 0 5px 30px rgba(0, 0, 0, .45)
}

.intro-copy h1 {
    font-size: clamp(24px, 2.25vw, 32px);
    font-weight: 400;
    line-height: 1.1;
    margin: 30px 0 9px;
    color: #ead8bb;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .4)
}

.intro-copy p {
    margin: 0;
    color: #a99276;
    font: italic 14px/1.5 Georgia, serif
}

.tune-in {
    margin-top: 38px;
    min-width: 118px;
    height: 51px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid rgba(238, 179, 90, .38);
    background: rgba(20, 14, 8, .54);
    backdrop-filter: blur(8px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    font: 12px Arial, sans-serif;
    letter-spacing: .1em;
    transition: transform .35s ease, border-color .35s ease, background .35s ease, box-shadow .35s ease
}

.tune-in i {
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    transition: transform .3s
}

.tune-in:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 207, 125, .7);
    background: rgba(34, 22, 11, .7);
    box-shadow: 0 10px 40px rgba(202, 128, 37, .12)
}

.tune-in:hover i {
    transform: translateX(4px)
}

.intro-footer {
    position: absolute;
    z-index: 8;
    left: 4.8vw;
    right: 4.8vw;
    bottom: 7vh;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    font: 8px Arial, sans-serif;
    letter-spacing: .2em;
    color: #816c52;
    text-transform: uppercase
}

.intro-footer span:nth-child(2) {
    text-align: center;
    color: #675842
}

.intro-footer span:last-child {
    text-align: right
}

.gold-wipe {
    position: absolute;
    z-index: 20;
    left: 50%;
    top: 46%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    background: #ffd47c;
    box-shadow: 0 0 80px 20px rgba(246, 170, 55, .75), 0 0 260px 100px rgba(226, 129, 27, .5);
    pointer-events: none
}

.intro.leave .sun-stage {
    animation: sunLaunch .95s cubic-bezier(.2, .7, .2, 1) forwards
}

.intro.leave .intro-copy,
.intro.leave .intro-topline,
.intro.leave .intro-footer {
    animation: introFade .55s ease forwards
}

.intro.leave .gold-wipe {
    animation: goldExpand 1.05s cubic-bezier(.2, .72, .15, 1) forwards
}

.intro.leave {
    animation: introFade .8s ease 1s forwards
}

.opening {
    overflow: hidden
}

@keyframes introGrain {
    0% {
        transform: translate(0, 0)
    }

    25% {
        transform: translate(2%, -1%)
    }

    50% {
        transform: translate(-1%, 2%)
    }

    75% {
        transform: translate(1%, 1%)
    }

    100% {
        transform: translate(-2%, -1%)
    }
}

@keyframes dustFloat {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: .08
    }

    50% {
        transform: translate3d(4px, -12px, 0);
        opacity: .5
    }

    100% {
        transform: translate3d(-3px, -25px, 0);
        opacity: .05
    }
}

@keyframes sunBreath {

    0%,
    100% {
        transform: translate(-50%, -50%) scale(.95);
        opacity: .82
    }

    50% {
        transform: translate(-50%, -50%) scale(1.045);
        opacity: 1
    }
}

@keyframes sunLaunch {
    to {
        transform: translate(-50%, -50%) scale(1.75)
    }
}

@keyframes introFade {
    to {
        opacity: 0;
        filter: blur(3px)
    }
}

@keyframes goldExpand {
    to {
        transform: translate(-50%, -50%) scale(95);
        opacity: .98
    }
}


@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--cream:#fff3d8;--gold:#efc56e;--gold2:#b97b31;--ink:#170a05;--line:rgba(255,224,162,.35);--glass:rgba(25,12,6,.72)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#100805;color:var(--cream);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}.screen{min-height:100svh;background:#100805}.hero{position:relative;height:calc(100svh - 62px);min-height:690px;overflow:hidden;background:#251006}.hero-media,.hero-media picture,.hero-media img{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-media img{object-fit:cover;object-position:center;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,5,3,.46),rgba(9,5,3,.02) 38%,rgba(9,5,3,.12) 66%,rgba(9,5,3,.55));z-index:1}.hero-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 44%,transparent 28%,rgba(10,5,3,.16) 72%,rgba(10,5,3,.55));z-index:2;pointer-events:none}.grain{position:absolute;inset:-50%;z-index:3;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{position:absolute;top:0;left:0;right:0;height:94px;padding:22px clamp(22px,3.6vw,62px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:20}.brand{display:inline-flex;align-items:center;gap:15px;color:var(--cream);text-decoration:none;font:600 clamp(17px,1.55vw,25px) 'Cormorant Garamond',serif;letter-spacing:.19em;white-space:nowrap}.brand-sun{font:43px Georgia;color:#f7d27b;text-shadow:0 0 24px rgba(242,197,107,.5)}.brand:after{content:"";position:absolute;width:200px;max-width:25vw;height:1px;background:linear-gradient(90deg,var(--gold),transparent);left:clamp(82px,7.9vw,130px);top:76px}.time-card{justify-self:center;min-width:178px;padding:7px 17px 8px;background:rgba(28,14,8,.2);text-align:center;color:#fff1d1}.time-main{font:500 15px 'Cormorant Garamond',serif;letter-spacing:.18em}.time-meta{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:3px;font:500 12px 'Cormorant Garamond',serif;letter-spacing:.18em;text-transform:uppercase}.time-meta b{font-weight:400;color:var(--gold)}.header-actions{justify-self:end;display:flex;gap:9px}.header-action{border:1px solid rgba(255,224,162,.48);background:rgba(36,17,8,.35);color:var(--cream);border-radius:999px;padding:11px 17px;font:600 11px Manrope;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(10px);transition:.25s}.header-action:hover{background:rgba(255,224,162,.16);transform:translateY(-1px)}.header-action span{font-size:15px;color:#f3c96e;margin-right:6px}
.hero-ui{position:absolute;inset:0;z-index:10;pointer-events:none}.hero-ui>*{pointer-events:auto}.listener-count{position:absolute;left:clamp(28px,4.3vw,72px);bottom:clamp(115px,17vh,170px);display:flex;align-items:center;gap:9px;color:rgba(255,248,232,.98);font-size:14px;text-shadow:0 2px 15px #000}.listener-copy strong{font-size:17px;font-weight:600;margin-right:2px;font-variant-numeric:tabular-nums}.listener-dot{position:relative;width:9px;height:9px;border-radius:50%;background:#69e892;box-shadow:0 0 0 4px rgba(105,232,146,.08),0 0 15px rgba(105,232,146,.6);flex:none}.listener-dot::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(105,232,146,.58);border-radius:50%;animation:livePulse 1.5s ease-out infinite}.live-wave{display:none!important}
.countdown-card{position:absolute;top:clamp(108px,16vh,160px);right:clamp(32px,5vw,84px);width:min(495px,34vw);padding:20px 24px 18px;border:1px solid rgba(255,224,162,.35);background:linear-gradient(145deg,rgba(43,21,9,.82),rgba(24,11,5,.74));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.08)}.countdown-topline{display:flex;justify-content:center;align-items:center;gap:13px;margin-bottom:20px}.countdown-icon{font:29px Georgia;color:#f2c56b;text-shadow:0 0 18px rgba(242,197,107,.5)}.countdown-topline small{display:none}.countdown-topline strong{font:600 17px 'Cormorant Garamond',serif;letter-spacing:.17em}.countdown-arrow{font-size:25px;color:#f2c56b}.countdown-grid{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;align-items:center;margin:0 0 19px}.countdown-grid div{text-align:center}.countdown-grid strong{display:block;font:600 clamp(35px,3vw,48px) 'Cormorant Garamond',serif;line-height:.95}.countdown-grid span{display:block;margin-top:9px;font-size:10px;letter-spacing:.18em;color:rgba(255,245,223,.75)}.countdown-grid i{height:39px;width:1px;background:rgba(255,224,162,.17)}.countdown-meta{display:flex;justify-content:center;gap:10px;font:500 12px 'Cormorant Garamond',serif;letter-spacing:.17em;color:rgba(255,245,223,.82);padding:13px 0 14px;border-top:1px solid rgba(255,224,162,.09);border-bottom:1px solid rgba(255,224,162,.13)}.countdown-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.countdown-tab{border:1px solid rgba(255,224,162,.32);background:rgba(255,255,255,.025);color:rgba(255,245,223,.9);border-radius:999px;padding:11px 7px;font:500 12px Manrope;cursor:pointer;transition:.25s}.countdown-tab span{color:#f2c56b;margin-right:8px;font-size:16px}.countdown-tab.active{background:linear-gradient(100deg,rgba(241,178,61,.95),rgba(174,104,26,.85));color:#241108;border-color:rgba(255,220,140,.8);box-shadow:0 7px 22px rgba(195,123,24,.22)}.countdown-tab.active span{color:#fff3d8}
.music-stack{position:absolute;right:clamp(42px,9.8vw,165px);bottom:clamp(25px,7vh,66px);width:min(750px,47vw);display:flex;flex-direction:column;gap:7px}.story-marquee{height:30px;display:flex;align-items:center;gap:11px;padding:0 11px;overflow:hidden;border-top:1px solid rgba(255,224,162,.28);border-bottom:1px solid rgba(255,224,162,.19);background:linear-gradient(90deg,rgba(13,7,5,.04),rgba(13,7,5,.38),rgba(13,7,5,.04));backdrop-filter:blur(5px)}.story-icon{font-size:14px;width:20px;flex:0 0 20px;text-align:center}.story-window{overflow:hidden;white-space:nowrap;flex:1}.story-track{display:flex;width:max-content;min-width:100%;font:500 13px 'Cormorant Garamond',serif;letter-spacing:.04em;color:rgba(255,247,230,.94);will-change:transform;animation:marqueeScroll 29s linear infinite}.story-track span{padding-right:70px}.music-card{border:1px solid rgba(255,224,162,.3);background:rgba(17,9,5,.8);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border-radius:18px;padding:10px 12px 8px;box-shadow:0 18px 45px rgba(0,0,0,.3)}.music-card-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 7px}.music-title{display:flex;align-items:center;gap:9px}.music-title small{display:block;font-size:7px;letter-spacing:.18em;color:rgba(255,245,223,.58)}.music-title strong{display:block;margin-top:2px;font:600 15px 'Cormorant Garamond',serif;letter-spacing:.04em}.music-dot{width:7px;height:7px;border-radius:50%;background:#7be89c;box-shadow:0 0 10px rgba(123,232,156,.55)}.spotify-badge{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#a8e9ba;text-decoration:none}.spotify-embed-wrap{height:152px;overflow:hidden;border-radius:11px;background:rgba(0,0,0,.22)}.spotify-embed-wrap iframe{display:block;width:100%;height:152px;border:0;border-radius:11px}.mini-spectrum{height:8px;margin:5px 4px 0;display:flex;align-items:center;gap:3px;opacity:.7}.mini-spectrum i{flex:1;max-width:12px;height:4px;border-radius:4px;background:linear-gradient(180deg,#f4c96d,#a96226);animation:beat 1.2s ease-in-out infinite}.mini-spectrum i:nth-child(2n){height:7px;animation-delay:-.65s}.mini-spectrum i:nth-child(3n){height:8px;animation-delay:-.35s}.mini-spectrum i:nth-child(5n){height:5px;animation-delay:-.9s}
.footer{height:62px;padding:0 clamp(24px,3.6vw,60px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(12,7,4,.93);border-top:1px solid rgba(255,224,162,.32);position:relative;z-index:30}.footer-brand{display:flex;flex-direction:column;gap:1px}.footer-brand strong{font:600 14px 'Cormorant Garamond',serif;letter-spacing:.16em}.footer-brand span{font:italic 14px 'Cormorant Garamond',serif;color:rgba(255,245,223,.7)}.footer-made{font-size:11px;color:rgba(255,245,223,.82)}.footer-made span{font-size:15px;margin:0 5px}.footer-social{justify-self:end;display:flex;align-items:center;gap:17px}.footer-social:before{content:'Follow on';font-size:10px;color:rgba(255,245,223,.7);margin-right:1px}.footer-social a{font-size:22px;color:var(--cream);text-decoration:none;line-height:1}
.loader{position:fixed;inset:0;z-index:100;background:#100805;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;font:500 12px 'Cormorant Garamond',serif;letter-spacing:.2em;transition:opacity .55s,visibility .55s}.loader-mark{font-size:35px;color:var(--gold)}.loader.hide{opacity:0;visibility:hidden;pointer-events:none}
.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(8,4,3,.65);backdrop-filter:blur(10px)}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(440px,100%);padding:30px;border:1px solid rgba(255,224,162,.35);border-radius:22px;background:linear-gradient(145deg,rgba(47,25,12,.98),rgba(19,9,5,.98));box-shadow:0 30px 90px #0008}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;color:var(--cream);font-size:27px;cursor:pointer}.modal-kicker{font-size:9px;letter-spacing:.2em;color:var(--gold)}.modal h2{font:600 29px 'Cormorant Garamond',serif;margin:8px 0}.modal p{font-size:13px;line-height:1.6;color:rgba(255,245,223,.7)}.share-url{display:flex;gap:7px;margin:20px 0}.share-url input{min-width:0;flex:1;background:#ffffff0b;border:1px solid #ffffff20;border-radius:9px;color:var(--cream);padding:10px;font-size:11px}.share-url button,.share-grid a,.donate-now{border:1px solid rgba(255,224,162,.35);background:#ffffff0a;color:var(--cream);border-radius:9px;padding:10px 13px;text-decoration:none;font-size:12px;cursor:pointer}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.share-grid a{text-align:center}.donate-now{display:flex;justify-content:space-between;margin-top:20px;background:linear-gradient(100deg,#f0bf5e,#a86b25);color:#241108;font-weight:700}.secure-note{display:block;margin-top:12px;color:#fff5df70;font-size:10px}
@keyframes beat{0%,100%{transform:scaleY(.55);opacity:.65}50%{transform:scaleY(1.2);opacity:1}}@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}100%{transform:translate(2%,-1%)}}
@media(max-width:1100px) and (min-width:721px){.countdown-card{width:390px;right:25px;padding:16px}.music-stack{right:30px;width:48vw}.listener-count{left:25px}.brand{font-size:17px}.brand-sun{font-size:35px}.header-action{padding:9px 11px}.topbar{padding-inline:24px}.countdown-grid strong{font-size:36px}}
@media(max-width:720px){.hero{height:auto;min-height:100svh;overflow:hidden}.hero-media img{object-position:center center}.hero-shade{background:linear-gradient(180deg,rgba(9,5,4,.32),rgba(9,5,4,.03) 35%,rgba(9,5,4,.08) 63%,rgba(9,5,4,.52))}.topbar{height:82px;padding:17px 19px;grid-template-columns:1fr auto;align-items:start}.brand{gap:8px;font-size:17px;letter-spacing:.15em}.brand-sun{font-size:34px}.brand:after{left:62px;top:64px;width:125px}.time-card{display:none!important}.header-actions{gap:10px}.header-action{width:45px;height:45px;padding:0;display:grid;place-items:center;font-size:0;border-radius:50%;background:rgba(31,16,8,.25)}.header-action span{font-size:19px;margin:0}.hero-ui{position:absolute;inset:0;min-height:100svh}.countdown-card{top:112px;left:50%;right:auto;transform:translateX(-50%);width:min(440px,calc(100% - 42px));padding:15px 15px 13px;border-radius:24px;background:linear-gradient(145deg,rgba(38,22,19,.82),rgba(24,12,9,.75))}.countdown-topline{gap:10px;margin-bottom:15px}.countdown-icon{font-size:27px}.countdown-topline strong{font-size:16px;letter-spacing:.14em}.countdown-arrow{font-size:23px}.countdown-grid{margin-bottom:13px}.countdown-grid strong{font-size:clamp(30px,8vw,39px)}.countdown-grid span{font-size:9px;margin-top:7px}.countdown-grid i{height:30px}.countdown-meta{font-size:10px;padding:10px 0 11px;gap:8px}.countdown-tabs{gap:8px;margin-top:11px}.countdown-tab{font-size:10px;padding:10px 5px}.countdown-tab span{font-size:14px;margin-right:5px}.listener-count{left:23px;bottom:calc(238px + env(safe-area-inset-bottom));gap:8px;font-size:12px}.listener-copy strong{font-size:15px}.listener-copy small{font-size:10px}.live-wave{height:15px}.music-stack{left:15px;right:15px;bottom:calc(70px + env(safe-area-inset-bottom));width:auto;gap:5px}.story-marquee{height:25px;padding:0 7px;gap:7px}.story-icon{font-size:12px;width:17px;flex-basis:17px}.story-track{font-size:11px}.music-card{padding:7px 8px 5px;border-radius:15px}.music-card-head{padding:0 3px 5px}.music-title{gap:7px}.music-title small{font-size:6px}.music-title strong{font-size:13px}.spotify-badge{font-size:7px}.spotify-embed-wrap,.spotify-embed-wrap iframe{height:152px;border-radius:9px}.mini-spectrum{height:5px;margin-top:3px}.mini-spectrum i:nth-child(n+14){display:none}.footer{position:absolute;bottom:0;left:0;right:0;height:65px;padding:0 20px;grid-template-columns:1fr auto;background:rgba(12,7,4,.65);backdrop-filter:blur(12px);border-top:1px solid rgba(255,224,162,.32)}.footer-brand{display:none}.footer-made{font-size:10px;max-width:230px;line-height:1.5}.footer-made span{font-size:12px}.footer-social{gap:13px}.footer-social:before{display:none}.footer-social a{font-size:21px}.loader{background:#100805}}
@media(max-width:390px){.topbar{padding:14px 13px}.brand{font-size:15px;gap:6px}.brand-sun{font-size:29px}.brand:after{left:52px;top:59px;width:112px}.header-actions{gap:6px}.header-action{width:40px;height:40px}.countdown-card{top:98px;width:calc(100% - 28px);padding:12px 11px 10px}.countdown-topline{margin-bottom:12px}.countdown-topline strong{font-size:14px}.countdown-grid strong{font-size:29px}.countdown-grid span{font-size:8px}.countdown-grid i{height:25px}.countdown-meta{font-size:9px;padding:8px 0}.countdown-tabs{gap:6px;margin-top:9px}.countdown-tab{font-size:9px;padding:9px 3px}.music-stack{left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom))}.listener-count{left:15px;bottom:calc(232px + env(safe-area-inset-bottom))}.story-marquee{height:23px}.story-track{font-size:10px}.music-title strong{font-size:12px}.spotify-badge{font-size:6px}.footer{padding:0 13px}.footer-made{font-size:9px;max-width:190px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

/* Compact vinyl-player treatment inspired by the supplied Screen 2 design. */
.spotify-card{position:relative;padding:8px 9px;min-height:168px;overflow:hidden;isolation:isolate}
.spotify-embed-wrap{height:152px;min-height:152px;margin-left:72px;overflow:hidden;border-radius:11px;background:rgba(0,0,0,.22);position:relative;z-index:1}
.spotify-player-host,.spotify-player-host iframe{display:block;width:100%;height:152px;border:0;border-radius:11px}
.record-art{position:absolute;left:13px;top:50%;width:58px;height:58px;margin-top:-29px;border-radius:50%;z-index:3;display:grid;place-items:center;background:radial-gradient(circle at center,#e7c078 0 8%,#201009 9% 13%,#332015 14% 19%,#080706 20% 35%,#352116 36% 37%,#080706 38% 51%,#4b2b17 52% 53%,#090706 54% 67%,#2b180f 68% 69%,#080706 70%);border:1px solid rgba(245,203,117,.7);box-shadow:0 0 18px rgba(0,0,0,.55),0 0 14px rgba(239,197,110,.13);animation:recordSpin 5s linear infinite paused}
.record-grooves{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f7dc9b 0 18%,#7d4d23 20% 100%);color:#2a160a;font-size:9px;box-shadow:0 0 0 2px rgba(8,5,3,.9)}
.record-grooves span{transform:translateY(-.5px)}
.player-frequency{position:absolute;left:12px;right:12px;bottom:5px;height:7px;display:flex;gap:3px;align-items:center;justify-content:center;pointer-events:none;opacity:.45;z-index:4}
.player-frequency i{display:block;flex:1;max-width:12px;height:3px;border-radius:3px;background:linear-gradient(180deg,#ffe6a3,#bd772c);transform:scaleY(.45);animation:beat .75s ease-in-out infinite;animation-play-state:paused}
.player-frequency i:nth-child(3n){animation-delay:-.42s}.player-frequency i:nth-child(2n){animation-delay:-.2s}.player-frequency i:nth-child(5n){animation-delay:-.57s}
.spotify-open{position:absolute;right:13px;top:10px;z-index:5;color:#f6dfaa;text-decoration:none;font-size:14px;opacity:.8}
.spotify-card.is-playing .record-art{animation-play-state:running}.spotify-card.is-playing .player-frequency{opacity:.95}.spotify-card.is-playing .player-frequency i{animation-play-state:running}
@keyframes recordSpin{to{transform:rotate(360deg)}}
@media(max-width:720px){.music-stack{bottom:calc(70px + env(safe-area-inset-bottom));gap:4px}.story-marquee{height:23px}.music-card.spotify-card{min-height:164px;padding:6px;border-radius:15px}.spotify-embed-wrap{height:152px;min-height:152px;margin-left:48px}.spotify-player-host,.spotify-player-host iframe{height:152px}.record-art{left:9px;width:39px;height:39px;margin-top:-19.5px}.record-grooves{width:12px;height:12px;font-size:7px}.player-frequency{left:9px;right:9px;bottom:3px;height:5px;gap:2px}.player-frequency i{max-width:9px;height:2px}.spotify-open{top:6px;right:8px;font-size:12px}}
@media(max-width:390px){.music-card.spotify-card{min-height:162px}.spotify-embed-wrap{margin-left:43px}.record-art{left:7px;width:35px;height:35px;margin-top:-17.5px}.spotify-player-host,.spotify-player-host iframe{height:152px}.player-frequency{left:7px;right:7px}}
@media(prefers-reduced-motion:reduce){.record-art{animation:none!important}.player-frequency i{animation:none!important}}

/* Refinements requested: clean Spotify embed, clearer ticker, responsive countdown and visible atmosphere motion. */
.spotify-card{min-height:0;padding:7px;}
.spotify-embed-wrap{margin-left:0!important;height:152px;min-height:152px;}
.spotify-player-host,.spotify-player-host iframe{height:152px!important;}
.spotify-open{top:9px;right:12px;}
/* The Spotify player is cross-origin, so its playlist title cannot be selectively hidden with page CSS. */
.countdown-choice-label{margin-top:11px;text-align:center;font-size:8px;font-weight:700;letter-spacing:.22em;color:rgba(255,226,163,.75);}
.countdown-tabs{margin-top:7px;gap:9px;}
.countdown-tab{min-height:44px;padding:12px 10px;display:flex;align-items:center;justify-content:center;gap:7px;touch-action:manipulation;}
.countdown-tab span{margin:0!important;}
.countdown-tab .tab-copy{font:500 12px Manrope,sans-serif;letter-spacing:0;}
.countdown-tab:focus-visible{outline:2px solid #ffe3a1;outline-offset:3px;}
.time-card{background:linear-gradient(145deg,rgba(42,21,11,.58),rgba(28,14,8,.4));border:1px solid rgba(255,224,162,.32);border-radius:14px;box-shadow:0 8px 24px #0003,inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(12px);}
.story-marquee{height:32px;border-top-color:rgba(255,220,145,.65);border-bottom-color:rgba(255,220,145,.48);background:linear-gradient(90deg,rgba(50,24,7,.46),rgba(21,10,5,.72),rgba(50,24,7,.46));box-shadow:0 0 20px rgba(240,180,73,.12),inset 0 0 16px rgba(255,218,140,.07);}
.story-icon{filter:drop-shadow(0 0 7px rgba(255,198,93,.75));}
.story-track{color:#fff4d9;text-shadow:0 0 10px rgba(255,203,111,.22);font-weight:600;}
.story-track.in{animation:storyReveal .65s ease both,marqueeScroll 29s linear infinite;}
@keyframes storyReveal{from{opacity:.2;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
/* Atmospheric overlays are intentionally separate from the source artwork. */
.ambient{position:absolute;pointer-events:none;z-index:4;will-change:transform;}
.cloud{width:38vw;height:15vh;min-height:90px;filter:blur(25px);opacity:.19;border-radius:50%;background:radial-gradient(ellipse at 25% 55%,rgba(255,202,127,.7),transparent 55%),radial-gradient(ellipse at 65% 40%,rgba(255,151,105,.58),transparent 52%);mix-blend-mode:screen;}
.cloud-a{left:18%;top:7%;animation:cloudDriftA 23s ease-in-out infinite alternate;}
.cloud-b{right:7%;top:23%;width:31vw;opacity:.14;animation:cloudDriftB 29s ease-in-out infinite alternate;}
.leaf{width:clamp(75px,13vw,210px);height:clamp(145px,27vw,360px);opacity:.16;transform-origin:top left;filter:blur(.3px);}
.leaf:before,.leaf:after{content:"";position:absolute;inset:0;border-radius:0 100% 0 100%;background:linear-gradient(135deg,rgba(20,68,25,.06),rgba(57,112,37,.72) 48%,rgba(16,48,16,.18));border:1px solid rgba(209,171,73,.22);clip-path:polygon(0 0,100% 0,52% 100%,45% 68%);}
.leaf:after{transform:translate(20%,10%) rotate(18deg) scale(.76);opacity:.7;}
.leaf-a{left:0;top:7%;animation:leafSwayA 7.5s ease-in-out infinite alternate;}
.leaf-b{left:8%;top:3%;opacity:.11;transform:scale(.72);animation:leafSwayB 9s ease-in-out infinite alternate;}
.garland{width:20px;height:43vh;top:0;border-radius:50%;border-left:4px dotted rgba(244,157,42,.68);border-right:3px dotted rgba(255,205,91,.3);filter:drop-shadow(0 0 7px rgba(255,147,30,.25));}
.garland-a{left:2.5%;animation:garlandSway 5s ease-in-out infinite alternate;}
.garland-b{left:5%;height:35vh;opacity:.6;animation:garlandSway 6.5s ease-in-out infinite alternate-reverse;}
.smoke{width:65px;height:170px;left:25%;top:43%;opacity:.28;filter:blur(1px);}
.smoke i{position:absolute;bottom:0;left:50%;width:30px;height:100px;border:2px solid rgba(255,235,208,.6);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(25deg);animation:smokeRise 5s ease-in-out infinite;}
.smoke i:nth-child(2){left:20%;height:130px;animation-delay:-1.7s;transform:rotate(-22deg) scale(.75);}
.smoke i:nth-child(3){left:45%;height:150px;animation-delay:-3.2s;transform:rotate(16deg) scale(.55);}
@keyframes cloudDriftA{0%{transform:translate3d(-5vw,0,0) scale(.9)}50%{transform:translate3d(3vw,2vh,0) scale(1.08)}100%{transform:translate3d(8vw,-1vh,0) scale(1.15)}}
@keyframes cloudDriftB{0%{transform:translate3d(4vw,1vh,0) scale(1.05)}100%{transform:translate3d(-8vw,-2vh,0) scale(.88)}}
@keyframes leafSwayA{0%{transform:rotate(-4deg) translateY(0)}100%{transform:rotate(5deg) translateY(8px)}}
@keyframes leafSwayB{0%{transform:scale(.72) rotate(3deg)}100%{transform:scale(.76) rotate(-7deg)}}
@keyframes garlandSway{0%{transform:rotate(-3deg);transform-origin:top center}100%{transform:rotate(4deg);transform-origin:top center}}
@keyframes smokeRise{0%{opacity:.15;translate:0 8px}50%{opacity:.65}100%{opacity:.08;translate:8px -38px}}
@media(max-width:720px){
  .countdown-card{top:91px;width:calc(100% - 48px);max-width:350px;padding:10px 11px 9px;border-radius:19px;}
  .countdown-topline{gap:7px;margin-bottom:8px;}
  .countdown-icon{font-size:21px;}
  .countdown-topline strong{font-size:13px;letter-spacing:.11em;}
  .countdown-arrow{font-size:19px;}
  .countdown-grid{margin-bottom:8px;}
  .countdown-grid strong{font-size:clamp(25px,6.8vw,31px);}
  .countdown-grid span{font-size:7px;margin-top:5px;letter-spacing:.12em;}
  .countdown-grid i{height:24px;}
  .countdown-meta{font-size:9px;padding:7px 0;gap:7px;}
  .countdown-choice-label{margin-top:7px;font-size:7px;}
  .countdown-tabs{gap:6px;margin-top:5px;}
  .countdown-tab{min-height:34px;padding:7px 4px;gap:4px;}
  .countdown-tab .tab-copy{font-size:9px;}
  .countdown-tab span:first-child{font-size:12px;}
  .music-stack{left:12px;right:12px;bottom:calc(71px + env(safe-area-inset-bottom));gap:4px;}
  .story-marquee{height:25px;}
  .story-track{font-size:10px;}
  .music-card.spotify-card{min-height:0;padding:5px;border-radius:13px;}
  .spotify-embed-wrap{margin-left:0!important;height:152px;min-height:152px;}
  .spotify-player-host,.spotify-player-host iframe{height:152px!important;}
  .player-frequency{display:none;}
  .listener-count{bottom:calc(235px + env(safe-area-inset-bottom));}
  .cloud{width:55vw;height:10vh;min-height:60px;opacity:.13;filter:blur(18px);}
  .leaf{opacity:.1;width:20vw;height:26vh;}
  .garland{opacity:.65;}
  .smoke{opacity:.18;}
}
@media(max-width:390px){
  .countdown-card{top:85px;width:calc(100% - 42px);padding:9px 9px 8px;}
  .countdown-topline{margin-bottom:7px;}
  .countdown-topline strong{font-size:12px;}
  .countdown-grid strong{font-size:25px;}
  .countdown-grid i{height:21px;}
  .countdown-meta{font-size:8px;padding:6px 0;}
  .countdown-choice-label{margin-top:6px;}
  .countdown-tabs{gap:5px;margin-top:4px;}
  .countdown-tab{min-height:32px;}
  .countdown-tab .tab-copy{font-size:8px;}
  .music-stack{left:9px;right:9px;bottom:calc(68px + env(safe-area-inset-bottom));}
}
@media(prefers-reduced-motion:reduce){.cloud,.leaf,.garland,.smoke i{animation:none!important}}


/* ================================================================
   FINAL MOBILE COMPOSITION — supplied clean background reference
   ================================================================ */
@media (max-width:720px){
  .hero{
    height:100svh!important;
    min-height:100svh!important;
    overflow:hidden!important;
    background:#170b06;
  }
  .hero-media img{
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
  /* Keep the supplied artwork visible instead of washing it out. */
  .hero-shade{
    background:linear-gradient(180deg,
      rgba(8,4,2,.12) 0%,
      rgba(8,4,2,.02) 36%,
      rgba(8,4,2,.06) 68%,
      rgba(8,4,2,.28) 100%)!important;
  }
  .hero-vignette{background:radial-gradient(ellipse at 52% 43%,transparent 38%,rgba(10,5,3,.13) 100%)!important}
  .grain{opacity:.018!important}

  /* The source image already contains the real banana leaves/clouds.
     These overlays are kept extremely subtle so they do not clutter it. */
  .ambient.cloud{opacity:.07!important;filter:blur(20px)!important}
  .ambient.leaf{opacity:.045!important;filter:blur(.2px)!important}
  .ambient.garland,.ambient.smoke{opacity:.08!important}

  .topbar{height:70px!important;padding:13px 14px!important;z-index:30}
  .brand{font-size:15px!important;gap:6px!important;letter-spacing:.14em!important}
  .brand-sun{font-size:29px!important}
  .brand:after{left:51px!important;top:55px!important;width:110px!important}
  .header-actions{gap:6px!important}
  .header-action{width:39px!important;height:39px!important;background:rgba(34,16,7,.18)!important;border-color:rgba(255,224,162,.38)!important;backdrop-filter:blur(5px)!important}

  /* Small transparent countdown: the sun and sky remain clearly visible. */
  .countdown-card{
    top:78px!important;
    left:50%!important;
    width:min(318px,calc(100% - 54px))!important;
    padding:8px 10px 8px!important;
    border-radius:16px!important;
    border-color:rgba(255,224,162,.23)!important;
    background:rgba(31,16,9,.28)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.05)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }
  .countdown-topline{gap:6px!important;margin-bottom:6px!important}
  .countdown-icon{font-size:19px!important}
  .countdown-topline strong{font-size:11px!important;letter-spacing:.10em!important}
  .countdown-arrow{font-size:17px!important}
  .countdown-grid{margin-bottom:6px!important}
  .countdown-grid strong{font-size:24px!important;line-height:.9!important}
  .countdown-grid span{font-size:6px!important;margin-top:4px!important}
  .countdown-grid i{height:20px!important;background:rgba(255,224,162,.14)!important}
  .countdown-meta{font-size:7px!important;padding:5px 0 6px!important;gap:5px!important}
  .countdown-choice-label{margin-top:5px!important;font-size:6px!important}
  .countdown-tabs{gap:5px!important;margin-top:4px!important}
  .countdown-tab{min-height:29px!important;padding:6px 3px!important;border-color:rgba(255,224,162,.26)!important;background:rgba(255,255,255,.018)!important;font-size:8px!important}
  .countdown-tab .tab-copy{font-size:8px!important}
  .countdown-tab span:first-child{font-size:10px!important}
  .countdown-tab.active{background:rgba(218,153,45,.72)!important}

  .listener-count{left:14px!important;bottom:calc(171px + env(safe-area-inset-bottom))!important;font-size:10px!important;text-shadow:0 1px 10px #000!important}
  .listener-copy strong{font-size:12px!important}
  .listener-copy small{font-size:8px!important}
  .live-wave{height:13px!important}

  /* Playlist: short, translucent and separated from the footer. */
  .music-stack{
    left:9px!important;
    right:9px!important;
    bottom:calc(58px + env(safe-area-inset-bottom))!important;
    gap:4px!important;
  }
  .story-marquee{height:19px!important;padding:0 6px!important;border-radius:4px!important;background:rgba(31,15,7,.22)!important;border-top-color:rgba(255,220,145,.34)!important;border-bottom-color:rgba(255,220,145,.24)!important;box-shadow:none!important}
  .story-icon{font-size:10px!important;width:14px!important;flex-basis:14px!important}
  .story-track{font-size:8px!important;font-weight:500!important}
  .story-track span{padding-right:38px!important}

  .music-card.spotify-card{
    height:94px!important;
    min-height:94px!important;
    padding:4px!important;
    border-radius:11px!important;
    border-color:rgba(255,224,162,.25)!important;
    background:rgba(10,9,8,.48)!important;
    box-shadow:0 10px 22px rgba(0,0,0,.20)!important;
    backdrop-filter:blur(8px)!important;
  }
  .spotify-embed-wrap{
    width:100%!important;
    height:86px!important;
    min-height:86px!important;
    margin-left:0!important;
    overflow:hidden!important;
    border-radius:8px!important;
    background:rgba(0,0,0,.10)!important;
  }
  .spotify-player-host{
    width:139%!important;
    height:152px!important;
    transform:scale(.72)!important;
    transform-origin:top left!important;
  }
  .spotify-player-host iframe{
    width:100%!important;
    height:152px!important;
    border-radius:8px!important;
  }
  .record-art{display:none!important}
  .player-frequency{display:none!important}
  .spotify-open{top:5px!important;right:6px!important;font-size:10px!important}

  /* Deliberate breathing room between player and footer. */
  .footer{
    position:absolute!important;
    left:0!important;right:0!important;bottom:0!important;
    height:48px!important;
    padding:0 13px!important;
    background:rgba(10,6,4,.58)!important;
    backdrop-filter:blur(8px)!important;
    border-top:1px solid rgba(255,224,162,.28)!important;
  }
  .footer-made{font-size:8px!important;max-width:190px!important;line-height:1.3!important}
  .footer-made span{font-size:10px!important}
  .footer-social{gap:10px!important}
  .footer-social a{font-size:17px!important}

  /* Faster atmospheric motion on mobile. */
  .cloud-a{animation-duration:10s!important}
  .cloud-b{animation-duration:12s!important}
  .leaf-a{animation-duration:3.4s!important}
  .leaf-b{animation-duration:4.1s!important}
  .garland-a{animation-duration:2.8s!important}
  .garland-b{animation-duration:3.4s!important}
  .smoke i{animation-duration:2.6s!important}
}
@media(max-width:390px){
  .countdown-card{top:76px!important;width:calc(100% - 44px)!important;padding:7px 8px!important}
  .countdown-grid strong{font-size:22px!important}
  .music-stack{left:8px!important;right:8px!important;bottom:calc(55px + env(safe-area-inset-bottom))!important}
  .music-card.spotify-card{height:91px!important;min-height:91px!important}
  .spotify-embed-wrap{height:83px!important;min-height:83px!important}
  .spotify-player-host{transform:scale(.69)!important;width:145%!important}
  .footer{height:46px!important}
}

/* ================================================================
   FINAL POLISH — mobile reference match + desktop overlap cleanup
   ================================================================ */

/* Keep the countdown visually above the music ticker so no marquee text
   can ever show through or sit behind the countdown card. */
@media (min-width:721px){
  .countdown-card{
    z-index:8!important;
    background:linear-gradient(145deg,rgba(43,21,9,.94),rgba(24,11,5,.91))!important;
    box-shadow:0 24px 60px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.08)!important;
  }
  .music-stack{z-index:4!important}
  .story-marquee{height:34px!important}
  .story-track{font-size:13.5px!important}
  .footer{height:64px!important}
  .footer-brand strong{font-size:15px!important}
  .footer-brand span{font-size:14px!important}
  .footer-made{font-size:11.5px!important}
}

@media (max-width:720px){
  /* Match the supplied mobile reference: compact, clean Spotify panel,
     with the native Spotify iframe as the only player UI. */
  .music-stack{
    left:10px!important;
    right:10px!important;
    bottom:calc(58px + env(safe-area-inset-bottom))!important;
    gap:5px!important;
    z-index:6!important;
  }

  .story-marquee{
    height:23px!important;
    padding:0 8px!important;
    border-radius:7px!important;
    background:rgba(49,23,8,.52)!important;
    border-top-color:rgba(255,218,132,.58)!important;
    border-bottom-color:rgba(255,218,132,.42)!important;
    box-shadow:0 4px 14px rgba(0,0,0,.12)!important;
  }
  .story-icon{font-size:11px!important;width:16px!important;flex-basis:16px!important}
  .story-track{font-size:9px!important;font-weight:600!important;text-shadow:0 0 8px rgba(255,203,111,.30)!important}

  .music-card.spotify-card{
    height:130px!important;
    min-height:130px!important;
    padding:5px!important;
    border:1.5px solid rgba(255,207,101,.72)!important;
    border-radius:16px!important;
    background:rgba(19,11,7,.78)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,231,171,.10)!important;
    backdrop-filter:blur(9px)!important;
    -webkit-backdrop-filter:blur(9px)!important;
  }
  .spotify-embed-wrap{
    width:100%!important;
    height:152px!important;
    min-height:152px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:11px!important;
    background:#102f47!important;
  }
  .spotify-player-host{
    width:100%!important;
    height:152px!important;
    transform:none!important;
    transform-origin:top left!important;
  }
  .spotify-player-host iframe{
    width:100%!important;
    height:152px!important;
    border:0!important;
    border-radius:11px!important;
    display:block!important;
  }
  .record-art,.record-grooves,.player-frequency{display:none!important}
  .spotify-open{top:7px!important;right:8px!important;font-size:10px!important;opacity:.9!important}

  .listener-count{
    left:15px!important;
    bottom:calc(205px + env(safe-area-inset-bottom))!important;
    gap:7px!important;
    font-size:10px!important;
    text-shadow:0 1px 9px rgba(0,0,0,.95)!important;
  }
  .listener-dot{width:8px!important;height:8px!important;box-shadow:0 0 0 4px rgba(105,232,146,.07),0 0 11px rgba(105,232,146,.48)!important}
  .listener-copy strong{font-size:12px!important}
  .listener-copy small{font-size:8px!important}
  .live-wave{height:12px!important;gap:2px!important;opacity:.72!important}

  .footer{
    height:46px!important;
    padding:0 14px!important;
    grid-template-columns:1fr auto!important;
    background:rgba(10,6,3,.86)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    border-top:1px solid rgba(255,224,162,.34)!important;
  }
  .footer-brand{display:none!important}
  .footer-made{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    max-width:none!important;
    font-size:9px!important;
    line-height:1.2!important;
    color:#f1c96e!important;
    text-shadow:0 0 8px rgba(242,199,107,.16)!important;
    white-space:nowrap!important;
  }
  .footer-made span{font-size:11px!important;margin:0 4px!important}
  .footer-social{gap:12px!important}
  .footer-social a{font-size:18px!important;color:#f1c96e!important;text-shadow:0 0 8px rgba(242,199,107,.18)!important}
}

@media (max-width:390px){
  .music-stack{left:8px!important;right:8px!important;bottom:calc(55px + env(safe-area-inset-bottom))!important}
  .music-card.spotify-card{height:160px!important;min-height:160px!important}
  .spotify-embed-wrap{height:152px!important;min-height:152px!important}
  .spotify-player-host{width:100%!important;transform:none!important}
  .listener-count{bottom:calc(198px + env(safe-area-inset-bottom))!important}
  .footer{height:44px!important}
  .footer-made{font-size:8.5px!important}
  .footer-social{gap:10px!important}
  .footer-social a{font-size:17px!important}
}

/* FINAL FOOTER + MOTION POLISH */
@media (min-width:721px){
  .footer-brand strong,.footer-brand span,.footer-made,.footer-social:before,.footer-social a{
    color:#f4c96d!important;
    text-shadow:0 0 10px rgba(244,201,109,.18);
  }
  .footer-brand{
    padding-right:24px!important;
    border-right:1px solid rgba(244,201,109,.42)!important;
  }
  .footer-made{
    padding:0 26px!important;
    border-right:1px solid rgba(244,201,109,.42)!important;
  }
}

.footer-made:after{
  content:' | ';
  color:#f4c96d!important;
  margin-left:10px;
  margin-right:2px;
}

@media (max-width:720px){
  .footer-made:after{display:inline-block!important;margin-left:8px!important;margin-right:0!important}
}

@media (min-width:721px){
  .cloud-a{animation-duration:13s!important}
  .cloud-b{animation-duration:16s!important}
  .leaf-a{animation-duration:4.2s!important}
  .leaf-b{animation-duration:5s!important}
}


/* ================= BLENDED ENTRY FLOW ================= */
.intro { position: fixed; inset: 0; z-index: 90; }
.intro.leave { pointer-events: none; }
.screen { position: relative; z-index: 1; visibility: hidden; opacity: 0; }
.screen.entry-visible { visibility: visible; opacity: 1; animation: blendedScreenIn 1.15s cubic-bezier(.18,.7,.2,1) both; }
@keyframes blendedScreenIn { from { opacity:0; filter:brightness(1.8); } to { opacity:1; filter:none; } }
.loader { z-index: 120; }
.gold-wipe { z-index: 95; }
@media(max-width:720px){ .intro { min-height:100svh; } }


/* ================= SCREEN 1 FOOTER — SUN GOLD ================= */
.intro-footer{
  color:#f4cf79!important;
  text-shadow:0 0 12px rgba(244,207,121,.18);
}
.intro-footer span:nth-child(2){color:#efc66a!important}
.intro-footer span:last-child{color:#f7d98e!important}
.intro-footer:before,.intro-footer:after{content:"";height:1px;background:linear-gradient(90deg,transparent,rgba(244,207,121,.55),transparent);align-self:center}

@media(max-width:720px){
  .intro-footer{
    left:18px!important;
    right:18px!important;
    bottom:30px!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    text-align:center!important;
    font-size:8px!important;
    line-height:1.4!important;
    letter-spacing:.14em!important;
    color:#f6d487!important;
    text-shadow:0 0 10px rgba(244,207,121,.24)!important;
  }
  .intro-footer span,
  .intro-footer span:nth-child(2),
  .intro-footer span:last-child{
    text-align:center!important;
    color:#f6d487!important;
  }
  .intro-footer:before,.intro-footer:after{display:none!important}
}


/* ================= FINAL SPOTIFY EMBED — OFFICIAL IFRAME =================
   This mirrors Spotify's generated playlist embed exactly. The iframe is never
   resized with transform or modified after creation; the wrapper only clips the
   extra playlist rows to preserve the compact visual design. */
.spotify-player-host{
  width:100%!important;
  height:352px!important;
  transform:none!important;
  transform-origin:top left!important;
  overflow:hidden!important;
}
.spotify-player-host iframe{
  display:block!important;
  width:100%!important;
  height:352px!important;
  min-width:0!important;
  border:0!important;
  border-radius:12px!important;
  transform:none!important;
}
.spotify-embed-wrap{
  width:100%!important;
  overflow:hidden!important;
}

/* ================= SCREEN 1 FOOTER — DESKTOP SAFE GRID ================= */
@media (min-width:721px){
  .intro-footer{
    left:5vw!important;
    right:5vw!important;
    bottom:5.5vh!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    column-gap:28px!important;
    align-items:center!important;
    font-size:9px!important;
    line-height:1.3!important;
    letter-spacing:.18em!important;
    white-space:nowrap!important;
    color:#f4cf79!important;
  }
  .intro-footer span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .intro-footer span:first-child{text-align:left!important}
  .intro-footer span:nth-child(2){text-align:center!important;color:#efc66a!important}
  .intro-footer span:last-child{text-align:right!important;color:#f7d98e!important}
  .intro-footer:before,.intro-footer:after{display:none!important}
  .intro-footer{
    padding-top:14px!important;
    border-top:1px solid rgba(244,207,121,.26)!important;
    box-shadow:inset 0 1px rgba(244,207,121,.05);
  }
}

/* Compact mobile crop without scaling the native Spotify iframe. */
@media (max-width:720px){
  .spotify-embed-wrap{
    height:152px!important;
    min-height:152px!important;
    border-radius:11px!important;
  }
  .spotify-player-host{
    width:100%!important;
    height:352px!important;
    transform:none!important;
  }
  .spotify-player-host iframe{
    width:100%!important;
    height:352px!important;
    transform:none!important;
    border-radius:11px!important;
  }
}
@media (max-width:390px){
  .spotify-embed-wrap{height:152px!important;min-height:152px!important}
  .spotify-player-host{width:100%!important;height:352px!important;transform:none!important}
  .spotify-player-host iframe{width:100%!important;height:352px!important;transform:none!important}
}

/* ================= FINAL MOBILE SPOTIFY VISIBILITY FIX =================
   Keep Spotify's native 352px embed intact. We only reveal a clean upper
   portion of the native player on mobile; no transform/scale is applied.
   This keeps the native Play control visible and avoids clipping it away. */
@media (max-width:720px){
  .music-card.spotify-card{
    height:188px!important;
    min-height:188px!important;
    padding:6px!important;
    overflow:hidden!important;
  }
  .spotify-embed-wrap{
    height:174px!important;
    min-height:174px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:11px!important;
  }
  .spotify-player-host{
    width:100%!important;
    height:352px!important;
    transform:none!important;
    overflow:hidden!important;
  }
  .spotify-player-host iframe{
    display:block!important;
    width:100%!important;
    height:352px!important;
    min-width:0!important;
    transform:none!important;
    border:0!important;
    border-radius:11px!important;
  }
  .spotify-open{
    z-index:8!important;
    top:7px!important;
    right:8px!important;
    font-size:10px!important;
  }
  .listener-count{
    bottom:calc(242px + env(safe-area-inset-bottom))!important;
  }
}
@media (max-width:390px){
  .music-card.spotify-card{
    height:184px!important;
    min-height:184px!important;
  }
  .spotify-embed-wrap{
    height:170px!important;
    min-height:170px!important;
  }
  .listener-count{
    bottom:calc(238px + env(safe-area-inset-bottom))!important;
  }
}


/* ================================================================
   CHHATH GOONJ — HEADER SPOTIFY + FOOTER DONATE
   Requested UI-only change: preserve the existing artwork and layout.
   ================================================================ */
.spotify-header-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#f4c96d;
}
.spotify-header-action .spotify-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:block;
  color:#1ed760;
  filter:drop-shadow(0 0 7px rgba(30,215,96,.22));
}
.spotify-header-action:hover .spotify-icon{
  filter:drop-shadow(0 0 10px rgba(30,215,96,.42));
}
.footer-donate{
  appearance:none;
  border:1px solid rgba(244,201,109,.46);
  background:rgba(244,201,109,.06);
  color:#f4c96d;
  border-radius:999px;
  min-height:32px;
  padding:6px 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font:600 10px/1 Manrope,system-ui,sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.footer-donate span{font-size:15px;line-height:1}
.footer-donate:hover,
.footer-donate:focus-visible{
  transform:translateY(-1px);
  background:rgba(244,201,109,.14);
  border-color:rgba(255,224,162,.78);
  box-shadow:0 7px 20px rgba(198,132,42,.16);
  outline:none;
}

@media(max-width:720px){
  .spotify-header-action{
    width:39px!important;
    height:39px!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:0!important;
    gap:0!important;
  }
  .spotify-header-action .spotify-icon{
    width:19px;
    height:19px;
    flex-basis:19px;
  }
  .footer-social{gap:9px!important}
  .footer-donate{
    min-height:32px;
    padding:5px 9px;
    gap:4px;
    font-size:8px;
    letter-spacing:.08em;
  }
  .footer-donate span{font-size:13px}
}
@media(max-width:390px){
  .spotify-header-action{width:40px!important;height:40px!important}
  .footer-donate{min-height:30px;padding:5px 8px;font-size:7.5px}
  .footer-donate span{font-size:12px}
}

/* ================================================================
   CHHATH GOONJ — PLATFORM ICON HEADER + FOOTER ACTIONS
   Design update: preserve the supplied artwork and existing experience.
   Spotify/YouTube Music are external listening destinations; no embed.
   ================================================================ */
.topbar{
  grid-template-columns:1fr auto 1fr;
}
.header-actions{
  align-items:center;
  gap:10px;
}
.platform-icon{
  width:42px;
  height:42px;
  padding:0;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,224,162,.34);
  background:rgba(18,9,5,.48);
  box-shadow:0 8px 24px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.platform-icon:hover,.platform-icon:focus-visible{
  transform:translateY(-2px) scale(1.03);
  border-color:rgba(255,224,162,.7);
  background:rgba(38,19,9,.72);
  box-shadow:0 12px 28px rgba(0,0,0,.25),0 0 18px rgba(241,178,61,.1);
  outline:none;
}
.spotify-header-action .spotify-icon,.youtube-header-action .youtube-music-icon{
  width:23px;height:23px;display:block;
}
.spotify-header-action .spotify-icon{color:#1ed760;filter:drop-shadow(0 0 7px rgba(30,215,96,.22))}
.youtube-header-action .youtube-music-icon{color:#ff1630;filter:drop-shadow(0 0 7px rgba(255,22,48,.22))}

/* Replace the embedded Spotify frame with a compact platform card. */
.music-stack{
  right:clamp(42px,8.5vw,145px);
  bottom:clamp(24px,5.4vh,58px);
  width:min(790px,50vw);
  gap:10px;
}
.story-marquee{
  height:34px;
  border-radius:999px;
  padding:0 17px;
  background:linear-gradient(90deg,rgba(18,9,5,.35),rgba(18,9,5,.7),rgba(18,9,5,.35));
}
.playlist-card{
  min-height:102px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:13px 15px;
  border-radius:20px;
  border:1px solid rgba(255,224,162,.36);
  background:linear-gradient(135deg,rgba(20,10,5,.86),rgba(20,11,7,.66));
  box-shadow:0 18px 45px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08);
}
.playlist-art{
  width:72px;height:72px;border-radius:13px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 42%,#ffd96f 0 15%,#d88925 38%,#6d2f13 72%,#241007 100%);
  border:1px solid rgba(255,224,162,.42);
  box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.2);
  color:#2b1206;
}
.playlist-art span{font-size:29px;line-height:1;text-shadow:0 0 15px rgba(255,246,183,.55)}
.playlist-art small{margin-top:2px;font:700 9px/1 "Noto Sans Devanagari","Nirmala UI",sans-serif;letter-spacing:.12em}
.playlist-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.playlist-copy small{font:600 8px/1.2 Manrope,system-ui,sans-serif;letter-spacing:.17em;color:#eab95d;text-transform:uppercase}
.playlist-copy strong{font:600 18px/1.1 "Cormorant Garamond",Georgia,serif;color:#fff1cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playlist-copy span{font:12px/1.35 "Noto Sans Devanagari","Nirmala UI",sans-serif;color:rgba(255,245,223,.68);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playlist-links{display:flex;align-items:center;gap:9px}
.listen-pill{
  min-height:40px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;
  border:1px solid rgba(255,224,162,.38);background:rgba(255,255,255,.035);color:#fff4dc;
  font:600 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.03em;white-space:nowrap;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.listen-pill svg{width:22px;height:22px;display:block;flex:0 0 22px}
.listen-pill b{font-size:13px;font-weight:500;color:#f1c96c;margin-left:1px}
.spotify-pill svg{background:#1ed760;border-radius:50%}
.youtube-pill svg{background:#ff1630;border-radius:50%}
.listen-pill:hover,.listen-pill:focus-visible{transform:translateY(-1px);border-color:rgba(255,224,162,.72);background:rgba(255,224,162,.1);box-shadow:0 8px 22px rgba(0,0,0,.2);outline:none}

.footer{
  grid-template-columns:1fr auto 1fr;
}
.footer-social{
  gap:10px;
}
.footer-social:before{display:none}
.footer-share,.footer-donate{
  min-height:34px;padding:7px 13px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:1px solid rgba(244,201,109,.45);background:rgba(244,201,109,.06);color:#f4c96d;
  font:600 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.footer-share span,.footer-donate span{font-size:15px;line-height:1}
.footer-share:hover,.footer-share:focus-visible,.footer-donate:hover,.footer-donate:focus-visible{
  transform:translateY(-1px);background:rgba(244,201,109,.14);border-color:rgba(255,224,162,.78);box-shadow:0 8px 20px rgba(198,132,42,.16);outline:none;
}

@media(max-width:720px){
  .topbar{
    height:74px;padding:14px 14px 10px;grid-template-columns:minmax(0,1fr) auto;
    background:linear-gradient(180deg,rgba(10,5,3,.6),transparent);
  }
  .brand{gap:8px;font-size:14px;letter-spacing:.13em;min-width:0}
  .brand-sun{font-size:29px;flex:0 0 auto}
  .brand span:last-child{overflow:hidden;text-overflow:ellipsis}
  .brand:after{display:none}
  .time-card{display:none}
  .header-actions{gap:7px}
  .platform-icon{width:38px;height:38px}
  .spotify-header-action .spotify-icon,.youtube-header-action .youtube-music-icon{width:20px;height:20px}

  .music-stack{
    left:14px;right:14px;bottom:58px;width:auto;gap:8px;
  }
  .story-marquee{height:31px;padding:0 12px}
  .story-track{font-size:12px}
  .playlist-card{
    min-height:116px;grid-template-columns:54px minmax(0,1fr);gap:11px;padding:11px;
  }
  .playlist-art{width:54px;height:54px;border-radius:11px}
  .playlist-art span{font-size:23px}
  .playlist-art small{font-size:7px}
  .playlist-copy small{font-size:7px;letter-spacing:.12em}
  .playlist-copy strong{font-size:16px}
  .playlist-copy span{font-size:10px}
  .playlist-links{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .listen-pill{min-height:36px;padding:0 9px;justify-content:center;font-size:9px;gap:5px}
  .listen-pill svg{width:20px;height:20px;flex-basis:20px}
  .listen-pill b{font-size:12px}

  .footer{
    height:68px;padding:0 14px;grid-template-columns:minmax(0,1fr) auto;gap:10px;
  }
  .footer-brand strong{font-size:11px;letter-spacing:.11em}
  .footer-brand span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}
  .footer-made{display:none}
  .footer-social{gap:7px}
  .footer-share,.footer-donate{min-height:32px;padding:6px 10px;font-size:8px;letter-spacing:.06em}
  .footer-share span,.footer-donate span{font-size:13px}
}
@media(max-width:390px){
  .brand{font-size:12px}
  .platform-icon{width:36px;height:36px}
  .music-stack{left:10px;right:10px;bottom:54px}
  .playlist-card{padding:9px;min-height:110px}
  .playlist-copy strong{font-size:15px}
  .listen-pill{font-size:8px;padding:0 7px}
  .footer{padding:0 10px}
  .footer-share,.footer-donate{padding:6px 8px}
}

/* ================================================================
   CHHATH GOONJ — PLATFORM ICON HEADER + FOOTER ACTIONS
   Design update: preserve the supplied artwork and existing experience.
   Spotify/YouTube Music are external listening destinations; no embed.
   ================================================================ */
.topbar{grid-template-columns:1fr auto 1fr}
.header-actions{align-items:center;gap:10px}
.platform-icon{width:42px;height:42px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,224,162,.34);background:rgba(18,9,5,.48);box-shadow:0 8px 24px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.platform-icon:hover,.platform-icon:focus-visible{transform:translateY(-2px) scale(1.03);border-color:rgba(255,224,162,.7);background:rgba(38,19,9,.72);box-shadow:0 12px 28px rgba(0,0,0,.25),0 0 18px rgba(241,178,61,.1);outline:none}
.spotify-header-action .spotify-icon,.youtube-header-action .youtube-music-icon{width:23px;height:23px;display:block}
.spotify-header-action .spotify-icon{color:#1ed760;filter:drop-shadow(0 0 7px rgba(30,215,96,.22))}
.youtube-header-action .youtube-music-icon{color:#ff1630;filter:drop-shadow(0 0 7px rgba(255,22,48,.22))}
.music-stack{right:clamp(42px,8.5vw,145px);bottom:clamp(24px,5.4vh,58px);width:min(790px,50vw);gap:10px}
.story-marquee{height:34px;border-radius:999px;padding:0 17px;background:linear-gradient(90deg,rgba(18,9,5,.35),rgba(18,9,5,.7),rgba(18,9,5,.35))}
.playlist-card{min-height:102px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 15px;border-radius:20px;border:1px solid rgba(255,224,162,.36);background:linear-gradient(135deg,rgba(20,10,5,.86),rgba(20,11,7,.66));box-shadow:0 18px 45px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08)}
.playlist-art{width:72px;height:72px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#ffd96f 0 15%,#d88925 38%,#6d2f13 72%,#241007 100%);border:1px solid rgba(255,224,162,.42);box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.2);color:#2b1206}
.playlist-art span{font-size:29px;line-height:1;text-shadow:0 0 15px rgba(255,246,183,.55)}
.playlist-art small{margin-top:2px;font:700 9px/1 "Noto Sans Devanagari","Nirmala UI",sans-serif;letter-spacing:.12em}
.playlist-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.playlist-copy small{font:600 8px/1.2 Manrope,system-ui,sans-serif;letter-spacing:.17em;color:#eab95d;text-transform:uppercase}
.playlist-copy strong{font:600 18px/1.1 "Cormorant Garamond",Georgia,serif;color:#fff1cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playlist-copy span{font:12px/1.35 "Noto Sans Devanagari","Nirmala UI",sans-serif;color:rgba(255,245,223,.68);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playlist-links{display:flex;align-items:center;gap:9px}
.listen-pill{min-height:40px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,224,162,.38);background:rgba(255,255,255,.035);color:#fff4dc;font:600 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.03em;white-space:nowrap;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.listen-pill svg{width:22px;height:22px;display:block;flex:0 0 22px}
.listen-pill b{font-size:13px;font-weight:500;color:#f1c96c;margin-left:1px}
.spotify-pill svg{background:#1ed760;border-radius:50%}.youtube-pill svg{background:#ff1630;border-radius:50%}
.listen-pill:hover,.listen-pill:focus-visible{transform:translateY(-1px);border-color:rgba(255,224,162,.72);background:rgba(255,224,162,.1);box-shadow:0 8px 22px rgba(0,0,0,.2);outline:none}
.footer{grid-template-columns:1fr auto 1fr}.footer-social{gap:10px}.footer-social:before{display:none}
.footer-share,.footer-donate{min-height:34px;padding:7px 13px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(244,201,109,.45);background:rgba(244,201,109,.06);color:#f4c96d;font:600 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.footer-share span,.footer-donate span{font-size:15px;line-height:1}
.footer-share:hover,.footer-share:focus-visible,.footer-donate:hover,.footer-donate:focus-visible{transform:translateY(-1px);background:rgba(244,201,109,.14);border-color:rgba(255,224,162,.78);box-shadow:0 8px 20px rgba(198,132,42,.16);outline:none}
@media(max-width:720px){
  .topbar{height:74px;padding:14px 14px 10px;grid-template-columns:minmax(0,1fr) auto;background:linear-gradient(180deg,rgba(10,5,3,.6),transparent)}
  .brand{gap:8px;font-size:14px;letter-spacing:.13em;min-width:0}.brand-sun{font-size:29px;flex:0 0 auto}.brand span:last-child{overflow:hidden;text-overflow:ellipsis}.brand:after{display:none}.time-card{display:none}.header-actions{gap:7px}.platform-icon{width:38px;height:38px}.spotify-header-action .spotify-icon,.youtube-header-action .youtube-music-icon{width:20px;height:20px}
  .music-stack{left:14px;right:14px;bottom:58px;width:auto;gap:8px}.story-marquee{height:31px;padding:0 12px}.story-track{font-size:12px}
  .playlist-card{min-height:116px;grid-template-columns:54px minmax(0,1fr);gap:11px;padding:11px}.playlist-art{width:54px;height:54px;border-radius:11px}.playlist-art span{font-size:23px}.playlist-art small{font-size:7px}.playlist-copy small{font-size:7px;letter-spacing:.12em}.playlist-copy strong{font-size:16px}.playlist-copy span{font-size:10px}.playlist-links{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.listen-pill{min-height:36px;padding:0 9px;justify-content:center;font-size:9px;gap:5px}.listen-pill svg{width:20px;height:20px;flex-basis:20px}.listen-pill b{font-size:12px}
  .footer{height:68px;padding:0 14px;grid-template-columns:minmax(0,1fr) auto;gap:10px}.footer-brand strong{font-size:11px;letter-spacing:.11em}.footer-brand span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}.footer-made{display:none}.footer-social{gap:7px}.footer-share,.footer-donate{min-height:32px;padding:6px 10px;font-size:8px;letter-spacing:.06em}.footer-share span,.footer-donate span{font-size:13px}
}
@media(max-width:390px){.brand{font-size:12px}.platform-icon{width:36px;height:36px}.music-stack{left:10px;right:10px;bottom:54px}.playlist-card{padding:9px;min-height:110px}.playlist-copy strong{font-size:15px}.listen-pill{font-size:8px;padding:0 7px}.footer{padding:0 10px}.footer-share,.footer-donate{padding:6px 8px}}

/* ================================================================
   CHHATH GOONJ — COMPACT YOUTUBE AUDIO-STYLE PLAYER
   ================================================================ */
.youtube-playlist-card{
  position:relative;
  min-height:104px;
  height:104px;
  grid-template-columns:52px minmax(0,1fr) auto;
  grid-template-rows:1fr 18px;
  gap:5px 13px;
  padding:10px 13px;
  overflow:hidden;
}
.youtube-playlist-card .youtube-player-host{
  position:absolute;
  width:200px!important;
  height:200px!important;
  left:-5000px;
  top:50%;
  transform:translateY(-50%);
  opacity:.001;
  pointer-events:none;
}
.youtube-playlist-card .youtube-player-host iframe{
  width:200px!important;
  height:200px!important;
}
.youtube-playlist-card .playlist-art{
  width:52px;height:52px;border-radius:11px;
}
.youtube-playlist-card .playlist-art span{font-size:22px}
.youtube-playlist-card .playlist-art small{font-size:7px}
.youtube-playlist-card .playlist-copy{align-self:center;min-width:0}
.youtube-playlist-card .playlist-copy strong{font-size:16px}
.youtube-playlist-card .playlist-copy span{font-size:10px}
.youtube-playlist-card .yt-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  white-space:nowrap;
}
.yt-icon-btn,.yt-play-main{
  position:relative;
  width:30px;height:30px;padding:0;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,224,162,.34);
  background:rgba(255,255,255,.045);
  color:#f8e5bd;cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.yt-icon-btn{font-size:13px}
.yt-icon-btn small{position:absolute;font:700 6px/1 Manrope,system-ui,sans-serif;bottom:7px;right:6px;color:#e9bc62}
.yt-play-main{width:38px;height:38px;border-color:rgba(246,201,109,.7);background:linear-gradient(145deg,#f0bd58,#9b531d);color:#2b1206;font-size:14px;box-shadow:0 5px 16px rgba(0,0,0,.22)}
.yt-icon-btn:hover,.yt-icon-btn:focus-visible,.yt-play-main:hover,.yt-play-main:focus-visible{transform:translateY(-1px);background:rgba(255,224,162,.12);border-color:rgba(255,224,162,.7);outline:none}
.yt-play-main:hover,.yt-play-main:focus-visible{background:linear-gradient(145deg,#ffd36f,#b76622)}
.yt-progress-wrap{grid-column:1/-1;align-self:end;width:100%;height:18px;display:flex;align-items:center}
.yt-progress-range{appearance:none;-webkit-appearance:none;width:100%;height:3px;margin:0;background:rgba(255,236,190,.2);border-radius:99px;outline:none;cursor:pointer}
.yt-progress-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#f1c96c;border:0;box-shadow:0 0 0 3px rgba(241,201,108,.12)}
.yt-progress-range::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#f1c96c;box-shadow:0 0 0 3px rgba(241,201,108,.12)}
.yt-progress-range::-moz-range-track{height:3px;background:rgba(255,236,190,.2);border-radius:99px}

@media(max-width:720px){
  .youtube-playlist-card{
    min-height:112px;height:112px;
    grid-template-columns:46px minmax(0,1fr);
    grid-template-rows:minmax(0,1fr) 30px 8px;
    gap:3px 10px;
    padding:8px 10px;
    border-radius:15px;
    overflow:hidden;
  }
  .youtube-playlist-card .playlist-art{width:46px;height:46px;border-radius:10px;grid-column:1;grid-row:1 / span 2;align-self:center}
  .youtube-playlist-card .playlist-art span{font-size:19px}
  .youtube-playlist-card .playlist-copy{grid-column:2;grid-row:1;min-width:0;overflow:hidden;align-self:center}
  .youtube-playlist-card .playlist-copy small{font-size:6.2px!important;letter-spacing:.055em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;max-width:100%!important;color:#f1c86d!important}
  .youtube-playlist-card .playlist-copy strong{font-size:15px;line-height:1.08;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#fff3d4!important}
  .youtube-playlist-card .playlist-copy span{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:rgba(255,245,223,.82)!important}
  .youtube-playlist-card .yt-controls{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-start;gap:5px;white-space:nowrap;min-width:0}
  .yt-icon-btn{width:27px;height:27px;font-size:11px;flex:0 0 auto}
  .yt-play-main{width:34px;height:34px;font-size:12px;flex:0 0 auto}
  .yt-icon-btn small{bottom:6px;right:5px;font-size:5px}
  .yt-progress-wrap{grid-column:1/-1;grid-row:3;height:8px;align-self:end}
}
@media(max-width:390px){
  .youtube-playlist-card{min-height:108px;height:108px;padding:7px 8px;grid-template-columns:42px minmax(0,1fr);gap:3px 8px}
  .youtube-playlist-card .playlist-art{width:42px;height:42px}
  .youtube-playlist-card .playlist-copy small{font-size:5.7px!important;letter-spacing:.045em!important}
  .youtube-playlist-card .playlist-copy strong{font-size:14px}
  .youtube-playlist-card .playlist-copy span{font-size:8px}
  .yt-icon-btn{width:25px;height:25px}
  .yt-play-main{width:32px;height:32px}
}


/* ================================================================
   FINAL READJUSTMENT — requested polish only, artwork/layout preserved
   ================================================================ */

/* Screen 1: keep the footer visible and safely above the lower edge on desktop. */
.intro-footer{z-index:30!important;visibility:visible!important;opacity:1!important;bottom:5.5vh!important;}
@media (min-width:721px){
  .intro-footer{display:grid!important;min-height:34px!important;padding:12px 18px!important;border-top:1px solid rgba(244,207,121,.30)!important;border-bottom:1px solid rgba(244,207,121,.12)!important;background:linear-gradient(90deg,rgba(12,6,3,.12),rgba(12,6,3,.32),rgba(12,6,3,.12));backdrop-filter:blur(5px);}
  .intro-footer span{overflow:visible!important;text-overflow:clip!important;}
}

/* Screen 2: slightly reduce the countdown footprint so the central sun remains visible. */
@media (min-width:721px){
  .countdown-card{top:clamp(92px,13.5vh,140px)!important;right:clamp(24px,3.2vw,58px)!important;width:min(455px,31vw)!important;}
  .music-stack{right:clamp(34px,7.5vw,125px)!important;}
}

/* Slow the history ticker enough to comfortably read each line. */
.story-track{animation:none!important;color:#fff7e6!important;opacity:1!important;filter:none!important;} .story-track.in{animation:storySlideIn .45s ease both!important;} @keyframes storySlideIn{from{transform:translateX(18px)}to{transform:translateX(0)}}

/* Left-side devotional thought: quiet, integrated with the existing artwork. */
.hero-devotional-quote{
  position:absolute;left:clamp(30px,5vw,82px);top:clamp(190px,31vh,330px);width:min(330px,25vw);
  color:#fff1d0;text-shadow:0 3px 20px rgba(0,0,0,.52);pointer-events:none;
}
.hero-devotional-quote .quote-mark{display:block;font:400 54px/0.5 Georgia,serif;color:#f1c96c;opacity:.7;margin-bottom:18px;}
.hero-devotional-quote p{margin:0;font:600 clamp(19px,1.8vw,28px)/1.28 'Cormorant Garamond',Georgia,serif;letter-spacing:.02em;}
.hero-devotional-quote small{display:block;margin-top:11px;font:500 10px/1.4 'Cormorant Garamond',Georgia,serif;letter-spacing:.10em;color:rgba(255,231,182,.76);}
@media(max-width:720px){.hero-devotional-quote{display:none!important;}}

/* Make the ambient motion visible without changing the supplied background. */
.ambient.leaf{opacity:.23!important;}
.ambient.smoke{opacity:.24!important;}
.ambient.smoke i{animation-duration:3.8s!important;filter:drop-shadow(0 0 5px rgba(255,228,190,.16));}
@media(max-width:720px){
  .ambient.leaf{opacity:.13!important;}
  .ambient.smoke{opacity:.22!important;}
  .ambient.cloud{opacity:.12!important;}
  .ambient.garland{opacity:.22!important;}
  .ambient.smoke i{animation-duration:2.8s!important;}
}

/* Tiny flame glows sit over the existing foreground diyas and flicker gently. */
.diya-flame{position:absolute;width:18px;height:28px;z-index:4;pointer-events:none;}
.diya-flame i{position:absolute;left:50%;bottom:0;width:10px;height:18px;transform:translateX(-50%) rotate(3deg);border-radius:65% 35% 60% 40%/70% 65% 35% 30%;background:radial-gradient(circle at 50% 72%,#fff8ce 0 20%,#ffd86a 28%,#f28c2d 62%,transparent 72%);filter:drop-shadow(0 0 8px rgba(255,181,55,.72));animation:diyaFlicker .72s ease-in-out infinite alternate;}
.diya-flame:after{content:"";position:absolute;left:50%;bottom:-3px;width:20px;height:7px;transform:translateX(-50%);border-radius:50%;background:rgba(255,170,55,.28);filter:blur(5px);animation:diyaGlow .72s ease-in-out infinite alternate;}
.diya-flame-a{left:15%;bottom:13%;}
.diya-flame-b{left:31%;bottom:10%;transform:scale(.72);opacity:.72;animation-delay:-.3s;}
@keyframes diyaFlicker{0%{transform:translateX(-50%) rotate(-5deg) scale(.88);opacity:.72}45%{transform:translateX(-50%) rotate(4deg) scale(1.08);opacity:1}100%{transform:translateX(-50%) rotate(-2deg) scale(.94);opacity:.82}}
@keyframes diyaGlow{0%{transform:translateX(-50%) scale(.75);opacity:.32}100%{transform:translateX(-50%) scale(1.12);opacity:.72}}
@media(max-width:720px){.diya-flame-a{left:17%;bottom:16%;}.diya-flame-b{left:34%;bottom:13%;}}

/* Header + footer typography share the same warm editorial treatment. */
.time-card,.footer-made,.footer-brand strong,.footer-brand span{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif!important;}
.time-card{letter-spacing:.06em!important;}
.time-main{font-size:17px!important;font-weight:600!important;letter-spacing:.14em!important;text-shadow:0 0 14px rgba(255,213,126,.18);}
.time-meta{font-size:12px!important;font-weight:600!important;letter-spacing:.12em!important;color:rgba(255,239,207,.86)!important;}
.time-meta b{font-size:13px!important;color:#f3c86b!important;}
.footer-made{font-size:12px!important;font-weight:600!important;letter-spacing:.08em!important;color:#f4c96d!important;text-shadow:0 0 10px rgba(244,201,109,.18);}
.footer-made span{font-family:Georgia,serif!important;color:#ffcf68!important;font-size:14px!important;}
@media(max-width:720px){.footer-made{font-size:9px!important;letter-spacing:.03em!important;}.footer-made span{font-size:11px!important;}}

/* YouTube playlist label: never wrap vertically or escape the card. */
.youtube-playlist-card .playlist-copy small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;line-height:1.1!important;letter-spacing:.08em!important;}
.youtube-playlist-card .playlist-copy{overflow:hidden!important;}
@media(max-width:720px){.youtube-playlist-card .playlist-copy small{font-size:6.5px!important;letter-spacing:.07em!important;max-width:100%!important;}}

/* Mobile footer: reserve its own row so the text never collides with Share/Donate. */
@media(max-width:720px){
  .footer{height:54px!important;padding:0 12px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;}
  .footer-made{display:flex!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .footer-social{flex:0 0 auto!important;gap:7px!important;}
  .footer-share,.footer-donate{min-height:31px!important;padding:5px 8px!important;font-size:7.5px!important;letter-spacing:.04em!important;white-space:nowrap!important;}
  .footer-share span,.footer-donate span{font-size:12px!important;}
  .music-stack{bottom:calc(64px + env(safe-area-inset-bottom))!important;}
}
@media(max-width:390px){
  .footer{height:50px!important;padding:0 9px!important;gap:5px!important;}
  .footer-made{font-size:8px!important;}
  .footer-share,.footer-donate{min-height:29px!important;padding:4px 6px!important;font-size:7px!important;}
  .music-stack{bottom:calc(60px + env(safe-area-inset-bottom))!important;}
}

/* Share / Donate cards inspired by the reference site's simple centered-card flow. */
.modal-backdrop{background:rgba(10,4,2,.76)!important;backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important;padding:20px!important;}
.modal{position:relative!important;width:min(470px,calc(100vw - 32px))!important;border:1px solid rgba(255,220,150,.42)!important;border-radius:26px!important;background:radial-gradient(circle at 50% 0%,rgba(231,161,59,.15),transparent 38%),linear-gradient(145deg,rgba(43,20,9,.97),rgba(18,8,4,.98))!important;box-shadow:0 30px 80px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.12)!important;padding:34px 30px 28px!important;overflow:hidden!important;}
.modal:before{content:"";position:absolute;inset:10px;border:1px solid rgba(244,201,109,.10);border-radius:19px;pointer-events:none;}
.modal-sun{font:400 35px/1 Georgia,serif;color:#f3c86b;text-shadow:0 0 20px rgba(243,200,107,.46);text-align:center;margin-bottom:10px;}
.modal-kicker{display:block;text-align:center;font:600 8px/1 Manrope,system-ui,sans-serif;letter-spacing:.25em;color:#e8b65b;text-transform:uppercase;}
.modal h2{margin:8px 0 8px;text-align:center;font:600 29px/1.05 'Cormorant Garamond',Georgia,serif;color:#fff0cf;}
.modal p{margin:0 auto 18px;max-width:360px;text-align:center;font:500 13px/1.55 'Noto Sans Devanagari','Nirmala UI',Georgia,serif;color:rgba(255,240,210,.76);}
.modal-close{position:absolute!important;top:13px!important;right:15px!important;width:32px!important;height:32px!important;border-radius:50%!important;border:1px solid rgba(255,224,162,.24)!important;background:rgba(255,255,255,.035)!important;color:#f7d58e!important;font-size:21px!important;line-height:1!important;cursor:pointer!important;z-index:2;}
.modal-close:hover{background:rgba(255,224,162,.12)!important;border-color:rgba(255,224,162,.55)!important;}
.share-url{display:flex;gap:7px;padding:7px;border:1px solid rgba(255,224,162,.18);border-radius:15px;background:rgba(0,0,0,.18);margin:0 auto 16px;max-width:390px;}
.share-url input{min-width:0;flex:1;border:0;background:transparent;color:rgba(255,241,212,.68);font:500 10px Manrope,system-ui,sans-serif;outline:0;padding:5px 6px;}
.share-url button{border:0;border-radius:10px;padding:8px 12px;background:rgba(241,193,93,.14);color:#f5cc78;font:700 9px Manrope,system-ui,sans-serif;cursor:pointer;}
.share-social-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:9px!important;}
.share-social-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;border:1px solid rgba(255,224,162,.12);border-radius:16px;background:rgba(255,255,255,.025);text-decoration:none!important;transition:transform .2s ease,border-color .2s ease,background .2s ease;}
.share-social-grid a:hover{transform:translateY(-2px);border-color:rgba(255,224,162,.42);background:rgba(255,255,255,.06);}
.social-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:white!important;font:700 17px/1 Arial,sans-serif!important;}
.share-social-grid b{font:600 8px Manrope,system-ui,sans-serif!important;letter-spacing:.03em;color:rgba(255,242,216,.78)!important;}
.social-whatsapp .social-icon{background:#25D366;box-shadow:0 0 16px rgba(37,211,102,.25)}
.social-facebook .social-icon{background:#1877F2;box-shadow:0 0 16px rgba(24,119,242,.25)}
.social-telegram .social-icon{background:#229ED9;box-shadow:0 0 16px rgba(34,158,217,.25)}
.social-x .social-icon{background:#111;box-shadow:0 0 12px rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}
.donate-heart{width:64px;height:64px;margin:8px auto 15px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffd66f 0,#c87524 55%,#54200d 100%);color:#321205;font:700 28px Georgia,serif;box-shadow:0 10px 30px rgba(230,157,48,.22),0 0 0 7px rgba(241,194,96,.06);}
.donate-now{display:flex;align-items:center;justify-content:center;gap:9px;width:min(250px,100%);margin:0 auto;padding:12px 18px;border-radius:999px;background:linear-gradient(100deg,#f1bd5c,#a95a20);color:#2c1206!important;font:700 10px Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;box-shadow:0 12px 28px rgba(180,102,29,.22);}
.donate-now:hover{transform:translateY(-1px);}
.secure-note{display:block;margin-top:12px;text-align:center;color:rgba(255,235,197,.5);font:500 8px/1.4 Manrope,system-ui,sans-serif;}
@media(max-width:560px){
  .modal{padding:29px 18px 22px!important;border-radius:22px!important;}
  .modal h2{font-size:25px!important;}
  .share-social-grid{gap:6px!important;}
  .share-social-grid a{min-height:72px!important;border-radius:14px!important;}
  .social-icon{width:31px;height:31px;font-size:15px!important;}
  .share-social-grid b{font-size:7px!important;}
}

/* The requested footer copy should end cleanly without the old separator. */
.footer-made:after{display:none!important;content:none!important;}


/* FINAL MOBILE POLISH — requested adjustments only. */
@keyframes livePulse{0%{transform:scale(.55);opacity:.9}70%{transform:scale(1.35);opacity:0}100%{transform:scale(1.35);opacity:0}}
@media(max-width:720px){
  .hero-devotional-quote{display:none!important;}
  .youtube-playlist-card .playlist-copy{min-width:0!important;max-width:100%!important;overflow:hidden!important;}
  .youtube-playlist-card .playlist-copy small{font-size:6.2px!important;letter-spacing:.045em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;display:block!important;max-width:none!important;}
  .youtube-playlist-card .playlist-copy strong{white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;}
  .youtube-playlist-card .yt-controls{overflow:hidden!important;}
}
@media(max-width:390px){
  .youtube-playlist-card .playlist-copy small{font-size:5.55px!important;letter-spacing:.035em!important;}
}

/* FINAL DONATION CARD — PhonePe / UPI only. */
.donate-modal{width:min(420px,calc(100vw - 30px))!important;padding:22px 24px 18px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(42,19,8,.985),rgba(18,8,4,.99))!important;}
.donate-lamp{text-align:center;font-size:28px;line-height:1;margin:0 0 8px;filter:drop-shadow(0 0 10px rgba(246,183,78,.35));}
.donate-modal h2{font-size:25px!important;margin:0 0 8px!important;color:#ffbd45!important;}
.donate-modal .donate-message{max-width:335px!important;margin:0 auto 9px!important;font-size:11px!important;line-height:1.6!important;color:rgba(255,239,210,.68)!important;}
.donate-modal .donate-message strong{color:#f5bd57;font-weight:700;}
.donate-blessing{max-width:330px!important;margin:0 auto 13px!important;font:500 10px/1.55 'Noto Sans Devanagari','Nirmala UI',sans-serif!important;color:rgba(255,231,192,.48)!important;}
.donate-blessing span{color:#d8a54d;}
.donate-qr-wrap{position:relative;width:min(190px,58vw);margin:0 auto 14px;padding:8px;border-radius:13px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.32);}
.donate-qr{display:block;width:100%;height:auto;border-radius:7px;image-rendering:auto;}
.qr-download{position:absolute;right:-10px;bottom:-10px;width:40px;height:40px;border:0;border-radius:50%;background:linear-gradient(145deg,#ff8a2b,#f26a17);color:#fff;font:700 20px/1 Arial,sans-serif;box-shadow:0 7px 18px rgba(243,101,20,.38),0 0 0 5px rgba(255,146,53,.09);cursor:pointer;}
.qr-download:hover{transform:translateY(-1px);}
.upi-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto 12px;padding:9px 13px;border:1px solid rgba(211,105,24,.5);border-radius:13px;background:rgba(74,28,8,.34);max-width:330px;text-align:left;}
.upi-row div{min-width:0;display:flex;flex-direction:column;gap:3px;}
.upi-row small{font:600 8px/1 Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,198,103,.52);}
.upi-row strong{font:700 13px/1 Manrope,system-ui,sans-serif;color:#ffad3c;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.upi-row button{width:29px;height:29px;flex:0 0 29px;border:0;background:none;color:#ffc35b;font-size:23px;line-height:1;cursor:pointer;}
.phonepe-pay{display:flex;align-items:center;gap:10px;width:min(250px,100%);margin:0 auto;padding:9px 12px;border-radius:999px;background:linear-gradient(100deg,#7b2bc7,#5d20a3);color:#fff!important;text-decoration:none!important;box-shadow:0 10px 24px rgba(90,35,154,.28);transition:transform .2s ease,box-shadow .2s ease;}
.phonepe-pay:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(90,35,154,.34);}
.phonepe-mark{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:50%;background:#fff;color:#5f259f;font:800 18px/1 'Noto Sans Devanagari','Nirmala UI',sans-serif;}
.phonepe-pay>span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:1;}
.phonepe-pay b{font:700 11px/1 Manrope,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.phonepe-pay small{font:500 8px/1.2 Manrope,system-ui,sans-serif;opacity:.72;}
.phonepe-arrow{font-size:19px;line-height:1;opacity:.9;}
.donate-modal .secure-note{margin-top:8px!important;font-size:8px!important;color:rgba(255,235,197,.46)!important;}
@media(max-width:560px){
  .donate-modal{width:calc(100vw - 24px)!important;padding:18px 15px 14px!important;border-radius:18px!important;}
  .donate-lamp{font-size:24px;margin-bottom:6px;}
  .donate-modal h2{font-size:22px!important;}
  .donate-modal .donate-message{font-size:10px!important;max-width:300px!important;}
  .donate-blessing{font-size:9px!important;margin-bottom:10px!important;}
  .donate-qr-wrap{width:min(185px,60vw);margin-bottom:12px;}
  .upi-row{max-width:300px;padding:8px 11px;}
  .upi-row strong{font-size:12px;}
  .phonepe-pay{width:min(235px,100%);}
}

/* Marquee: keep moving continuously, but slow enough to read. */
.story-track{animation:chhathMarquee 22s linear infinite!important;}
.story-track.in{animation:chhathMarquee 22s linear infinite!important;}
@keyframes chhathMarquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)} }
@media(max-width:720px){.story-track{animation-duration:25s!important;}.story-track.in{animation-duration:25s!important;}}


/* FINAL POLISH — live frequency indicator, compact mobile playlist, donation sun. */
.live-frequency{
  display:inline-flex;
  align-items:flex-end;
  justify-content:center;
  gap:2px;
  width:22px;
  height:16px;
  margin-left:2px;
  padding:0 1px;
  opacity:.92;
  filter:drop-shadow(0 0 7px rgba(105,232,146,.28));
}
.live-frequency i{
  display:block;
  width:3px;
  height:6px;
  border-radius:3px;
  background:#69e892;
  box-shadow:0 0 6px rgba(105,232,146,.45);
  transform-origin:bottom center;
  animation:liveFrequency 1.05s ease-in-out infinite;
}
.live-frequency i:nth-child(2){height:10px;animation-delay:-.28s}
.live-frequency i:nth-child(3){height:15px;animation-delay:-.5s}
.live-frequency i:nth-child(4){height:9px;animation-delay:-.72s}
.live-frequency i:nth-child(5){height:5px;animation-delay:-.9s}
@keyframes liveFrequency{
  0%,100%{transform:scaleY(.55);opacity:.55}
  50%{transform:scaleY(1);opacity:1}
}
.donate-sun{
  color:#ffd064;
  font-size:30px;
  text-shadow:0 0 7px rgba(255,194,74,.48),0 0 18px rgba(246,157,42,.25);
}

@media(max-width:720px){
  .live-frequency{width:20px;height:14px;gap:2px;margin-left:1px}
  .live-frequency i{width:2.5px}
  .youtube-playlist-card{
    min-height:94px!important;
    height:94px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) 25px 6px!important;
    gap:2px 8px!important;
    padding:7px 9px!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,rgba(20,10,5,.57),rgba(20,11,7,.42))!important;
    border-color:rgba(255,224,162,.28)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06)!important;
    backdrop-filter:blur(11px)!important;
    -webkit-backdrop-filter:blur(11px)!important;
  }
  .youtube-playlist-card .playlist-art{width:42px!important;height:42px!important;border-radius:10px!important}
  .youtube-playlist-card .playlist-art span{font-size:18px!important}
  .youtube-playlist-card .playlist-art small{font-size:6px!important}
  .youtube-playlist-card .playlist-copy strong{font-size:12.5px!important;line-height:1.05!important}
  .youtube-playlist-card .playlist-copy span{font-size:7.2px!important;line-height:1.1!important;color:rgba(255,245,223,.68)!important}
  .youtube-playlist-card .playlist-copy small{font-size:5.35px!important;letter-spacing:.035em!important}
  .youtube-playlist-card .yt-controls{gap:4px!important}
  .youtube-playlist-card .yt-icon-btn{width:24px!important;height:24px!important;font-size:10px!important}
  .youtube-playlist-card .yt-play-main{width:30px!important;height:30px!important;font-size:11px!important}
  .youtube-playlist-card .yt-icon-btn small{bottom:5px!important;right:4px!important;font-size:4.5px!important}
  .youtube-playlist-card .yt-progress-wrap{height:6px!important}
  .youtube-playlist-card .yt-progress-range::-webkit-slider-thumb{width:8px;height:8px}
  .youtube-playlist-card .yt-progress-range::-moz-range-thumb{width:8px;height:8px}
}
@media(max-width:390px){
  .youtube-playlist-card{min-height:90px!important;height:90px!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) 24px 6px!important;padding:6px 8px!important;gap:2px 7px!important}
  .youtube-playlist-card .playlist-art{width:38px!important;height:38px!important}
  .youtube-playlist-card .playlist-copy strong{font-size:11.5px!important}
  .youtube-playlist-card .playlist-copy span{font-size:6.8px!important}
  .youtube-playlist-card .playlist-copy small{font-size:5px!important}
  .youtube-playlist-card .yt-icon-btn{width:23px!important;height:23px!important}
  .youtube-playlist-card .yt-play-main{width:29px!important;height:29px!important}
}

/* ================================================================
   V7 AESTHETIC MOTION + MOBILE SPACING REFINEMENT
   Inspired by the gentle movement of festival radio scenes:
   slow clouds, livelier banana leaves, and a natural diya flame.
   Existing artwork remains untouched.
   ================================================================ */

/* Slow, broad cloud drift — subtle enough to feel atmospheric, not distracting. */
.cloud-a{animation:cloudDriftA 38s ease-in-out infinite alternate!important;}
.cloud-b{animation:cloudDriftB 46s ease-in-out infinite alternate!important;}
@keyframes cloudDriftA{
  0%{transform:translate3d(-4vw,0,0) scale(.94)}
  50%{transform:translate3d(2.5vw,1.4vh,0) scale(1.04)}
  100%{transform:translate3d(7vw,-.8vh,0) scale(1.1)}
}
@keyframes cloudDriftB{
  0%{transform:translate3d(3vw,.8vh,0) scale(1.02)}
  50%{transform:translate3d(-2vw,-1vh,0) scale(.96)}
  100%{transform:translate3d(-7vw,-1.8vh,0) scale(.9)}
}

/* Banana leaves: a little more alive and noticeably faster, while retaining a soft sway. */
.leaf-a{animation:leafSwayA 4.9s cubic-bezier(.42,0,.58,1) infinite alternate!important;}
.leaf-b{animation:leafSwayB 5.8s cubic-bezier(.42,0,.58,1) infinite alternate!important;}
@keyframes leafSwayA{
  0%{transform:rotate(-5deg) translate3d(0,0,0)}
  38%{transform:rotate(1.5deg) translate3d(2px,3px,0)}
  70%{transform:rotate(6.5deg) translate3d(-1px,7px,0)}
  100%{transform:rotate(3deg) translate3d(2px,9px,0)}
}
@keyframes leafSwayB{
  0%{transform:scale(.72) rotate(5deg) translate3d(0,0,0)}
  45%{transform:scale(.75) rotate(-2deg) translate3d(2px,3px,0)}
  100%{transform:scale(.77) rotate(-9deg) translate3d(-1px,7px,0)}
}

/* Diya: the flame itself flickers while the whole flame gently swings at its base. */
.diya-flame-a{animation:diyaSwingA 1.65s ease-in-out infinite alternate!important;}
.diya-flame-b{animation:diyaSwingB 1.9s ease-in-out infinite alternate!important;}
.diya-flame i{animation:diyaFlickerV7 .62s ease-in-out infinite!important;transform-origin:50% 100%;}
.diya-flame:after{animation:diyaGlowV7 .9s ease-in-out infinite alternate!important;}
@keyframes diyaSwingA{
  0%{transform:rotate(-4deg) translate3d(-1px,0,0)}
  50%{transform:rotate(2.5deg) translate3d(1px,-1px,0)}
  100%{transform:rotate(-1deg) translate3d(0,0,0)}
}
@keyframes diyaSwingB{
  0%{transform:scale(.72) rotate(5deg) translate3d(0,0,0)}
  50%{transform:scale(.74) rotate(-3deg) translate3d(1px,-1px,0)}
  100%{transform:scale(.72) rotate(2deg) translate3d(0,0,0)}
}
@keyframes diyaFlickerV7{
  0%{transform:translateX(-50%) rotate(-7deg) scale(.86,.94);opacity:.76}
  22%{transform:translateX(-49%) rotate(4deg) scale(1.02,1.08);opacity:1}
  48%{transform:translateX(-51%) rotate(-2deg) scale(.91,1.12);opacity:.88}
  72%{transform:translateX(-48%) rotate(6deg) scale(1.06,.98);opacity:.98}
  100%{transform:translateX(-50%) rotate(-4deg) scale(.9,1.04);opacity:.82}
}
@keyframes diyaGlowV7{
  0%{transform:translateX(-50%) scale(.72);opacity:.25}
  50%{transform:translateX(-50%) scale(1.05);opacity:.62}
  100%{transform:translateX(-50%) scale(.82);opacity:.34}
}

/* Mobile: bring the listening stack into the visual flow instead of pinning it too low. */
@media(max-width:720px){
  .music-stack{
    bottom:clamp(78px,10vh,92px)!important;
    gap:5px!important;
  }
  .listener-count{
    bottom:calc(clamp(78px,10vh,92px) + 118px + env(safe-area-inset-bottom))!important;
  }
  .story-marquee{height:27px!important;padding:0 9px!important;}
  .story-track{font-size:10.5px!important;}
}
@media(max-width:390px){
  .music-stack{bottom:clamp(76px,10vh,88px)!important;}
  .listener-count{bottom:calc(clamp(76px,10vh,88px) + 112px + env(safe-area-inset-bottom))!important;}
}

/* Respect reduced-motion preferences for accessibility and battery-sensitive devices. */
@media(prefers-reduced-motion:reduce){
  .cloud-a,.cloud-b,.leaf-a,.leaf-b,.diya-flame-a,.diya-flame-b,.diya-flame i,.diya-flame:after,.live-frequency i{animation:none!important;}
}

/* ================================================================
   V8 — VISIBLE ATMOSPHERIC MOTION
   Make the decorative clouds + banana leaves clearly visible on both
   desktop and mobile while keeping the supplied artwork unchanged.
   ================================================================ */
.ambient.cloud{
  z-index:5!important;
  pointer-events:none!important;
  will-change:transform,opacity;
  opacity:.30!important;
  filter:blur(22px) saturate(1.08)!important;
  mix-blend-mode:screen;
}
.ambient.cloud::before{
  content:"";
  position:absolute;
  inset:-18% -12%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 18% 58%,rgba(255,224,178,.42) 0 18%,transparent 48%),
    radial-gradient(ellipse at 45% 42%,rgba(255,191,137,.34) 0 24%,transparent 56%),
    radial-gradient(ellipse at 72% 58%,rgba(255,214,167,.30) 0 19%,transparent 50%);
  transform:scale(1.08);
}
.cloud-a{
  left:12%!important;
  top:5%!important;
  width:43vw!important;
  height:17vh!important;
  min-height:95px!important;
  animation:visibleCloudA 34s ease-in-out infinite alternate!important;
}
.cloud-b{
  right:4%!important;
  top:19%!important;
  width:36vw!important;
  height:14vh!important;
  min-height:82px!important;
  animation:visibleCloudB 40s ease-in-out infinite alternate!important;
}
@keyframes visibleCloudA{
  0%{transform:translate3d(-2vw,0,0) scale(.94);opacity:.20}
  45%{transform:translate3d(2vw,1.1vh,0) scale(1.02);opacity:.30}
  100%{transform:translate3d(7vw,-.7vh,0) scale(1.08);opacity:.24}
}
@keyframes visibleCloudB{
  0%{transform:translate3d(4vw,.6vh,0) scale(1.04);opacity:.17}
  50%{transform:translate3d(-1vw,-.8vh,0) scale(1);opacity:.27}
  100%{transform:translate3d(-8vw,-1.5vh,0) scale(.92);opacity:.20}
}

.ambient.leaf{
  z-index:6!important;
  pointer-events:none!important;
  will-change:transform;
  opacity:.30!important;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.16)) saturate(1.08)!important;
  transform-origin:top center!important;
}
.ambient.leaf::before{
  background:
    linear-gradient(112deg,rgba(10,48,16,.10) 0%,rgba(47,104,38,.84) 43%,rgba(23,67,22,.56) 68%,rgba(10,37,14,.16) 100%)!important;
  box-shadow:inset 8px 0 0 rgba(224,191,91,.12),inset -4px 0 0 rgba(0,0,0,.10)!important;
}
.ambient.leaf::after{
  background:
    linear-gradient(112deg,rgba(12,52,17,.08),rgba(72,125,48,.72) 45%,rgba(18,57,19,.30) 100%)!important;
  opacity:.72!important;
}
.leaf-a{
  left:-1.5%!important;
  top:2%!important;
  width:clamp(105px,15vw,245px)!important;
  height:clamp(190px,31vw,390px)!important;
  animation:visibleLeafA 4.6s cubic-bezier(.42,0,.58,1) infinite alternate!important;
}
.leaf-b{
  left:auto!important;
  right:-2%!important;
  top:4%!important;
  width:clamp(90px,13vw,215px)!important;
  height:clamp(170px,28vw,350px)!important;
  opacity:.22!important;
  transform-origin:top right!important;
  animation:visibleLeafB 5.3s cubic-bezier(.42,0,.58,1) infinite alternate!important;
}
@keyframes visibleLeafA{
  0%{transform:rotate(-7deg) translate3d(0,0,0)}
  34%{transform:rotate(-1deg) translate3d(4px,3px,0)}
  68%{transform:rotate(7deg) translate3d(-2px,8px,0)}
  100%{transform:rotate(3deg) translate3d(3px,12px,0)}
}
@keyframes visibleLeafB{
  0%{transform:rotate(6deg) scale(.82) translate3d(0,0,0)}
  38%{transform:rotate(0deg) scale(.86) translate3d(-3px,4px,0)}
  72%{transform:rotate(-7deg) scale(.89) translate3d(1px,9px,0)}
  100%{transform:rotate(-3deg) scale(.86) translate3d(-2px,12px,0)}
}

/* Keep the motion readable on mobile without overwhelming the background. */
@media(max-width:720px){
  .ambient.cloud{opacity:.22!important;filter:blur(17px) saturate(1.05)!important;}
  .cloud-a{left:8%!important;top:5%!important;width:68vw!important;height:13vh!important;min-height:70px!important;animation-duration:29s!important;}
  .cloud-b{right:-5%!important;top:18%!important;width:57vw!important;height:11vh!important;min-height:62px!important;animation-duration:34s!important;}
  .ambient.leaf{opacity:.22!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.14)) saturate(1.05)!important;}
  .leaf-a{left:-5%!important;top:2%!important;width:30vw!important;height:37vh!important;min-height:185px!important;max-width:150px!important;animation-duration:4.1s!important;}
  .leaf-b{right:-6%!important;top:4%!important;width:25vw!important;height:33vh!important;min-height:165px!important;max-width:125px!important;opacity:.17!important;animation-duration:4.8s!important;}
}
@media(prefers-reduced-motion:reduce){
  .ambient.cloud,.ambient.leaf{animation:none!important;}
}


/* V9 — clean now-playing presentation + rotating disc while a song plays. */
.youtube-playlist-card .playlist-art{
  position:relative;
  overflow:hidden;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 50%,#f4c867 0 10%,#7b3f1c 11% 15%,#1b0d08 16% 58%,#3a1b0e 59% 72%,#100805 73% 100%)!important;
  border:1px solid rgba(255,224,162,.5)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.08)!important;
  transform:rotate(0deg);
  animation:chhathDiscSpin 12s linear infinite;
  animation-play-state:paused;
}
.youtube-playlist-card .playlist-art:before,
.youtube-playlist-card .playlist-art:after{
  content:"";
  position:absolute;
  inset:18%;
  border-radius:50%;
  border:1px solid rgba(255,224,162,.16);
  pointer-events:none;
}
.youtube-playlist-card .playlist-art:after{inset:31%;border-color:rgba(255,224,162,.25)}
.youtube-playlist-card .playlist-art span{
  position:relative;
  z-index:2;
  font-size:18px!important;
  color:#ffd76d;
  text-shadow:0 0 10px rgba(255,205,91,.7);
}
.youtube-playlist-card .playlist-art small{position:relative;z-index:2;font-size:5px!important;color:#fff0c5}
.youtube-playlist-card.is-playing .playlist-art{animation-play-state:running}
@keyframes chhathDiscSpin{to{transform:rotate(360deg)}}

.youtube-playlist-card .playlist-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}
.youtube-playlist-card .playlist-copy small{
  font-size:7px!important;
  letter-spacing:.16em!important;
  line-height:1;
  color:rgba(241,200,109,.8)!important;
  margin-bottom:4px;
}
.youtube-playlist-card .playlist-copy strong{
  font-size:15px!important;
  line-height:1.12!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
}
.youtube-playlist-card .playlist-copy span{
  margin-top:4px;
  font-size:9px!important;
  line-height:1.1!important;
  color:rgba(255,245,223,.66)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.youtube-playlist-card .yt-progress-wrap{position:relative}
.youtube-playlist-card .yt-time{
  position:absolute;
  right:0;
  bottom:9px;
  font:500 7px/1 Manrope,system-ui,sans-serif;
  color:rgba(255,245,223,.62);
  pointer-events:none;
}
@media(max-width:720px){
  .youtube-playlist-card .playlist-copy small{font-size:5.5px!important;letter-spacing:.13em!important;margin-bottom:3px}
  .youtube-playlist-card .playlist-copy strong{font-size:12.5px!important;line-height:1.08!important}
  .youtube-playlist-card .playlist-copy span{font-size:7.2px!important;margin-top:3px}
  .youtube-playlist-card .yt-time{font-size:6px;bottom:8px}
  .youtube-playlist-card .playlist-art span{font-size:15px!important}
}
@media(max-width:390px){
  .youtube-playlist-card .playlist-copy strong{font-size:11.5px!important}
  .youtube-playlist-card .playlist-copy span{font-size:6.7px!important}
  .youtube-playlist-card .playlist-copy small{font-size:5px!important}
  .youtube-playlist-card .playlist-art span{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){.youtube-playlist-card .playlist-art{animation:none!important}}

/* ================================================================
   V10 FINAL MOTION + LIVE STATUS POSITION
   ================================================================ */

/* Keep the live listener status clearly between the countdown and music ticker. */
@media (min-width:721px){
  .listener-count{
    left:clamp(28px,4.3vw,72px)!important;
    bottom:clamp(210px,24vh,275px)!important;
    z-index:18!important;
  }
}

@media (max-width:720px){
  .listener-count{
    left:15px!important;
    bottom:calc(255px + env(safe-area-inset-bottom))!important;
    z-index:18!important;
  }
}
@media (max-width:390px){
  .listener-count{
    left:12px!important;
    bottom:calc(250px + env(safe-area-inset-bottom))!important;
  }
}

/* More visible, natural atmospheric motion on both desktop and mobile. */
.ambient.cloud{
  opacity:.28!important;
  filter:blur(22px)!important;
  mix-blend-mode:screen!important;
}
.cloud-a{
  animation:visibleCloudA 26s ease-in-out infinite alternate!important;
}
.cloud-b{
  opacity:.22!important;
  animation:visibleCloudB 32s ease-in-out infinite alternate!important;
}
@keyframes visibleCloudA{
  0%{transform:translate3d(-7vw,1vh,0) scale(.90);opacity:.18}
  50%{transform:translate3d(1vw,-.8vh,0) scale(1.04);opacity:.30}
  100%{transform:translate3d(9vw,.5vh,0) scale(1.10);opacity:.23}
}
@keyframes visibleCloudB{
  0%{transform:translate3d(7vw,0,0) scale(1.05);opacity:.14}
  50%{transform:translate3d(-1vw,1vh,0) scale(.96);opacity:.24}
  100%{transform:translate3d(-10vw,-1vh,0) scale(.90);opacity:.18}
}

/* Banana leaves: clearly perceptible sway, but still organic rather than mechanical. */
.ambient.leaf{
  opacity:.24!important;
  filter:blur(.15px) drop-shadow(0 0 8px rgba(42,74,24,.14))!important;
  transform-origin:8% 4%!important;
}
.leaf-a{
  animation:visibleLeafA 3.25s cubic-bezier(.37,0,.63,1) infinite!important;
}
.leaf-b{
  opacity:.17!important;
  animation:visibleLeafB 4.15s cubic-bezier(.37,0,.63,1) infinite!important;
}
@keyframes visibleLeafA{
  0%,100%{transform:rotate(-6deg) translate3d(0,0,0)}
  22%{transform:rotate(-1deg) translate3d(3px,2px,0)}
  48%{transform:rotate(7deg) translate3d(-2px,7px,0)}
  72%{transform:rotate(2deg) translate3d(2px,4px,0)}
}
@keyframes visibleLeafB{
  0%,100%{transform:scale(.72) rotate(6deg) translate3d(0,0,0)}
  30%{transform:scale(.75) rotate(-4deg) translate3d(3px,2px,0)}
  60%{transform:scale(.77) rotate(-10deg) translate3d(-2px,7px,0)}
  82%{transform:scale(.74) rotate(-3deg) translate3d(1px,3px,0)}
}

/* Diya flames: a visible warm flicker + side-to-side flame movement. */
.diya-flame-a{
  width:22px!important;
  height:34px!important;
  animation:visibleDiyaSwayA 1.15s ease-in-out infinite!important;
}
.diya-flame-b{
  width:19px!important;
  height:30px!important;
  animation:visibleDiyaSwayB 1.35s ease-in-out infinite!important;
}
.diya-flame i{
  width:12px!important;
  height:22px!important;
  animation:visibleFlame 0.58s ease-in-out infinite!important;
}
.diya-flame:after{
  width:24px!important;
  height:9px!important;
  animation:visibleDiyaGlow .7s ease-in-out infinite alternate!important;
}
@keyframes visibleDiyaSwayA{
  0%,100%{transform:rotate(-5deg) translateX(-1px)}
  35%{transform:rotate(4deg) translateX(2px)}
  65%{transform:rotate(-2deg) translateX(-2px)}
}
@keyframes visibleDiyaSwayB{
  0%,100%{transform:scale(.72) rotate(5deg) translateX(0)}
  40%{transform:scale(.76) rotate(-5deg) translateX(2px)}
  70%{transform:scale(.73) rotate(3deg) translateX(-1px)}
}
@keyframes visibleFlame{
  0%{transform:translateX(-50%) rotate(-7deg) scale(.82);opacity:.76}
  28%{transform:translateX(-50%) rotate(5deg) scale(1.08);opacity:1}
  55%{transform:translateX(-50%) rotate(-3deg) scale(.94);opacity:.9}
  82%{transform:translateX(-50%) rotate(7deg) scale(1.12);opacity:1}
  100%{transform:translateX(-50%) rotate(-5deg) scale(.86);opacity:.78}
}
@keyframes visibleDiyaGlow{
  0%{transform:translateX(-50%) scale(.72);opacity:.28}
  50%{transform:translateX(-50%) scale(1.18);opacity:.72}
  100%{transform:translateX(-50%) scale(.84);opacity:.38}
}

/* Slightly livelier motion on smaller screens while keeping it elegant. */
@media(max-width:720px){
  .ambient.cloud{opacity:.24!important;filter:blur(16px)!important}
  .cloud-a{animation-duration:21s!important}
  .cloud-b{animation-duration:27s!important}
  .ambient.leaf{opacity:.20!important}
  .leaf-a{animation-duration:2.75s!important}
  .leaf-b{animation-duration:3.5s!important}
  .diya-flame-a{animation-duration:1.0s!important}
  .diya-flame-b{animation-duration:1.18s!important}
}

@media(prefers-reduced-motion:reduce){
  .ambient.cloud,.ambient.leaf,.diya-flame-a,.diya-flame-b,.diya-flame i,.diya-flame:after{animation:none!important}
}