/* reading chat – night-sky */
body.rd{min-height:100dvh;padding-bottom:calc(92px + env(safe-area-inset-bottom))}
body.rd[data-view=vRep]{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.rd-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));
 background:rgba(8,9,30,.72);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}
.rd-back{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--mut);transition:.2s}
.rd-back:hover{background:var(--glass2);color:var(--ink)}
.rd-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rd-who{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.rd-av{position:relative;flex:none}
.rd-av img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(255,200,61,.55),0 0 22px rgba(255,200,61,.25)}
.rd-on{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#3ddc84;border:2px solid #0a0b26}
.rd-id{display:flex;flex-direction:column;line-height:1.15}
.rd-id b{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:.01em}
.rd-id b em{color:var(--gold)}
.rd-id small{font-size:12px;color:#7fe0a8;font-weight:600}
.rd-id small.is-typing{color:var(--gold)}
.rd .lang{flex:none}

#app{max-width:640px;margin:0 auto;padding:0 14px}
.view[hidden]{display:none!important}

/* chat */
.log{padding:18px 0 10px;display:flex;flex-direction:column;gap:12px}
.day{text-align:center;margin:2px 0 4px}
.day span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:var(--glass);border:1px solid var(--line);padding:4px 12px;border-radius:99px}
.msg{display:flex;align-items:flex-end;gap:8px;animation:pop .42s var(--ease) both}
.msg.me{justify-content:flex-end}
.mav{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 1.5px rgba(255,200,61,.5)}
.bub{max-width:82%;padding:11px 15px 7px;border-radius:20px;font-size:15.5px;line-height:1.5;position:relative}
.bot .bub{background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.me .bub{background:linear-gradient(135deg,#ffd45e,#ffb300);color:#1a1200;border-bottom-right-radius:6px;font-weight:600;box-shadow:0 8px 24px -10px rgba(255,180,0,.55)}
.bub p{white-space:normal;word-wrap:break-word}
.meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:10.5px;opacity:.55;margin-top:3px}
.meta svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.typing .bub{display:flex;gap:5px;padding:15px 16px}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--gold);opacity:.35;animation:dot 1.1s infinite}
.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}
@keyframes dot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}

/* composer */
.composer{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
 background:linear-gradient(180deg,rgba(6,7,26,0),rgba(6,7,26,.9) 30%);}
.composer[hidden]{display:none}
.chips{max-width:640px;margin:0 auto 9px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.chips[hidden]{display:none}
.chip{padding:8px 14px;border-radius:99px;border:1px solid rgba(255,200,61,.45);background:rgba(255,200,61,.08);color:#ffe3a0;font-size:14px;font-weight:600;transition:.2s;animation:pop .4s var(--ease) both}
.chip:hover,.chip:active{background:rgba(255,200,61,.2)}
.comp-row{max-width:640px;margin:0 auto;display:flex;gap:8px;align-items:center;padding:6px 6px 6px 18px;border-radius:99px;background:rgba(18,20,52,.92);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 40px -12px rgba(0,0,0,.7)}
.comp-row:focus-within{border-color:rgba(255,200,61,.6);box-shadow:0 0 0 4px rgba(255,200,61,.1),0 10px 40px -12px rgba(0,0,0,.7)}
.comp-row input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font:inherit;font-size:16px;padding:8px 0}
.comp-row input::placeholder{color:var(--dim)}
.send{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffd45e,#ffb300);color:#1a1200;flex:none;transition:transform .15s}
.send:active{transform:scale(.92)}
.send svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}

/* analyzing */
.v-ana{min-height:calc(100dvh - 70px);display:grid;place-items:center;padding:30px 0}
.ana-in{width:100%;max-width:420px;text-align:center}
.ana-orb{position:relative;width:132px;height:132px;margin:0 auto 26px;display:grid;place-items:center}
.ana-orb img{width:96px;height:96px;border-radius:50%;object-fit:cover;position:relative;z-index:2;box-shadow:0 0 0 3px rgba(255,200,61,.6),0 0 50px rgba(255,200,61,.35);animation:float 3.2s ease-in-out infinite}
.ana-ring{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(255,200,61,.45);animation:spin 9s linear infinite}
.ana-ring.r2{inset:-14px;border:1px solid rgba(160,150,255,.25);border-top-color:rgba(255,200,61,.8);animation-duration:2.2s}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-6px)}}
.v-ana h1{font-size:34px;margin-bottom:6px}
.ana-sub{color:var(--mut);font-size:14.5px;margin-bottom:28px}
.ana-steps{list-style:none;text-align:left;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--r);background:var(--glass);border:1px solid var(--line)}
.ana-steps li{display:flex;align-items:center;gap:12px;opacity:.38;transition:opacity .4s}
.ana-steps li.done,.ana-steps li.now{opacity:1}
.sn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:rgba(255,255,255,.07);flex:none}
.done .sn{background:rgba(61,220,132,.16);color:#3ddc84}
.now .sn{background:rgba(255,200,61,.16);color:var(--gold);animation:pulse 1.2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(255,200,61,.08)}}
.sn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.sl{flex:1;font-size:14.5px;font-weight:600}
.pc{font-size:11px;color:#3ddc84;font-weight:700;white-space:nowrap}
.bar{display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.08);margin-top:7px;overflow:hidden}
.bar i{display:block;height:100%;width:40%;border-radius:4px;background:linear-gradient(90deg,#ffb300,#ffe08a);animation:load 1.5s ease-in-out infinite}
@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}

/* report */
.rep-in{padding:26px 0 30px}
.rep-head{text-align:center;margin-bottom:22px}
.rep-check{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:radial-gradient(circle,rgba(61,220,132,.25),rgba(61,220,132,.05));border:1px solid rgba(61,220,132,.4);animation:pop .6s var(--ease) both}
.rep-check svg{width:30px;height:30px;fill:none;stroke:#3ddc84;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.rep-head h1{font-size:36px;margin-bottom:6px}
.rep-head p{color:var(--mut)}
.zod{display:inline-block;margin-top:12px;padding:6px 14px;border-radius:99px;background:var(--goldsoft);color:var(--gold);font-weight:700;font-size:14px}
.rtiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px}
.rt{position:relative;padding:16px 10px 14px;border-radius:18px;text-align:center;background:var(--glass);border:1px solid var(--line);overflow:hidden;animation:pop .5s var(--ease) both}
.rt:nth-child(2){animation-delay:.06s}.rt:nth-child(3){animation-delay:.12s}.rt:nth-child(4){animation-delay:.18s}.rt:nth-child(5){animation-delay:.24s}.rt:nth-child(6){animation-delay:.3s}
.rt-e{font-size:24px;display:block}
.rt-l{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:700;margin:4px 0 2px}
html[data-lang=hi] .rt-l{letter-spacing:0;font-size:13px}
.rt-v{display:block;font-size:24px;font-weight:800;filter:blur(7px);user-select:none}
.rt-lock{position:absolute;top:10px;right:10px;width:14px;height:14px;fill:none;stroke:var(--dim);stroke-width:2}
.plans{display:grid;gap:16px}
.plan{position:relative;border-radius:26px;padding:24px 20px 18px;text-align:center}
.plan-basic{background:linear-gradient(170deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14)}
.plan-prem{background:radial-gradient(120% 80% at 50% 0%,rgba(255,200,61,.16),transparent 60%),linear-gradient(165deg,#1d1508,#120c04 60%,#1d1508);border:1.5px solid rgba(255,200,61,.75);box-shadow:0 20px 60px -25px rgba(255,190,40,.45)}
.plan-crown{position:absolute;top:14px;right:14px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:linear-gradient(135deg,#ffd45e,#ffb300);color:#1a1200}
.plan-tags{display:flex;justify-content:center;gap:8px;margin-bottom:12px}
.tag{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.08);color:var(--mut)}
.tag-off{background:rgba(255,77,106,.14);color:#ff7d93}
.tag-gold{background:rgba(255,200,61,.14);color:var(--gold);border:1px solid rgba(255,200,61,.3)}
.plan-amt{display:flex;justify-content:center;align-items:baseline;gap:12px}
.plan-amt s{color:var(--dim);font-size:20px}
.plan-amt b{font-family:var(--serif);font-size:56px;line-height:1;font-weight:700}
.plan-prem .plan-amt b{color:var(--gold)}
.plan-sub{color:var(--mut);font-size:13.5px;margin:6px 0 16px}
.plan-list{list-style:none;text-align:left;display:grid;gap:9px;margin:0 auto 18px;max-width:330px;font-size:14.5px}
.plan-list li{display:flex;gap:10px;align-items:center}
.plan-list span{width:22px;text-align:center}
.plan-prem .plan-list{color:#ffecc0}
.btn-gold2{background:linear-gradient(135deg,#ffe08a,#ffb300 60%,#ff9800)!important;color:#1a1200!important}
.plan-safe{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:var(--dim)}
.plan-safe svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.rep-fine{text-align:center;color:var(--dim);font-size:12.5px;margin-top:18px}
.rep-fine a{color:var(--mut);text-decoration:underline;text-underline-offset:3px}
.rep-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(8,9,30,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line)}
.rep-dock .btn{padding:14px 8px;font-size:14.5px;justify-content:center}
@media(min-width:760px){
 .plans{grid-template-columns:1fr 1fr;align-items:start}
 .rtiles{grid-template-columns:repeat(3,1fr)}
 .rep-dock{display:none}
 body.rd[data-view=vRep]{padding-bottom:40px}
 #app{max-width:820px}
 .v-chat,.composer .comp-row,.chips{max-width:640px}
 .v-chat{margin:0 auto}
}

/* pay overlay + toast */
.paying{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(5,6,20,.7);backdrop-filter:blur(6px)}
.paying[hidden]{display:none}
.paying-in{text-align:center;color:var(--mut)}
.spin{display:block;width:38px;height:38px;margin:0 auto 12px;border-radius:50%;border:3px solid rgba(255,200,61,.2);border-top-color:var(--gold);animation:spin .8s linear infinite}
.toast{position:fixed;left:50%;top:76px;z-index:90;transform:translate(-50%,-10px);opacity:0;transition:.35s var(--ease);background:#14163c;border:1px solid var(--line);padding:10px 16px;border-radius:14px;font-size:14px;font-weight:600;max-width:90vw}
.toast.in{opacity:1;transform:translate(-50%,0)}

/* full report (live backend) */
.fc{padding:18px;border-radius:20px;background:var(--glass);border:1px solid var(--line);margin-bottom:12px}
.fc h3{display:flex;gap:8px;align-items:center;font-family:var(--sans);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.fc p{color:#dcdaf5;font-size:14.5px;margin-top:4px}
.fc ul{padding-left:18px;color:#dcdaf5;font-size:14px}
.sc{margin-bottom:12px}.sc-h{display:flex;justify-content:space-between;font-weight:700;font-size:14px;margin-bottom:6px}
.sc-t{height:7px;border-radius:7px;background:rgba(255,255,255,.08);overflow:hidden}.sc-t i{display:block;height:100%;border-radius:7px}
.lucky{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.lucky div{padding:12px 6px;border-radius:16px;background:var(--glass);border:1px solid var(--line);text-align:center}
.lucky small{display:block;color:var(--dim);font-size:11px}.lucky b{font-size:14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.nums b{font-size:26px;color:var(--gold);display:block}.nums small{font-size:10px;color:var(--dim);text-transform:uppercase}
.tl{list-style:none;padding:0!important}.tl li{display:flex;gap:10px;margin-bottom:6px}.tl b{color:var(--gold)}
.chatcta{text-align:center;border-color:rgba(255,200,61,.5)}.chatcta h2{font-size:26px;margin-bottom:4px}.chatcta .btn{margin-top:12px}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

.tag-crown{background:linear-gradient(135deg,#ffd45e,#ffb300);color:#1a1200}

.pdf-row{text-align:center;margin:6px 0 18px}.pdf-btn{min-width:240px}.pdf-btn:disabled{opacity:.6}

/* payment fallback sheet (until Razorpay approves this address) */
.payalt{position:fixed;inset:0;z-index:85;display:flex;align-items:flex-end;justify-content:center;background:rgba(5,6,20,.72);backdrop-filter:blur(6px)}
.payalt[hidden]{display:none}
.payalt-in{width:100%;max-width:440px;margin:0 12px calc(12px + env(safe-area-inset-bottom));padding:24px 20px 16px;border-radius:24px;background:linear-gradient(180deg,#171a46,#0d0f2c);border:1px solid rgba(255,200,61,.35);text-align:center;box-shadow:0 -10px 40px rgba(0,0,0,.4);animation:altUp .35s var(--ease,ease) both}
.payalt-in img{border-radius:50%;border:2px solid var(--gold);margin:0 auto 10px;display:block}
.payalt-in h2{font-size:24px;margin:0 0 8px}
.payalt-in p{color:var(--mut);font-size:15px;line-height:1.55;margin:0 0 18px}
.payalt-in .btn{justify-content:center;gap:6px}
.payalt-x{margin-top:8px;background:none;border:0;color:var(--dim);font:inherit;font-size:14px;padding:10px;cursor:pointer}
@keyframes altUp{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}

/* ---- phase 1 additions: blurred preview, test mode, mock checkout, top-up ---- */
.rt-v{filter:blur(7px);user-select:none;-webkit-user-select:none}
.testribbon{position:relative;z-index:31;display:block;text-align:center;white-space:nowrap;background:#ff3b5c;color:#fff;font:800 10.5px/1 var(--sans,system-ui);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px}
.testnote{margin:0 0 12px;padding:10px 14px;border-radius:14px;background:rgba(255,59,92,.14);border:1px dashed rgba(255,59,92,.7);color:#ffd5dc;font-size:13px;line-height:1.45;text-align:center}
.mock-tag{display:inline-block;margin-bottom:10px;padding:4px 10px;border-radius:999px;background:#ff3b5c;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mock-amt{font-size:16px!important;color:#fff!important}
.mock-amt b{color:var(--gold,#FFC83D);font-size:22px}
.recharge h2{font-size:20px;margin-bottom:4px}

/* phase 2: admin can show some preview scores unblurred */
.rt.open .rt-v{filter:none;user-select:auto;-webkit-user-select:auto}
.rt.open .rt-lock{display:none}

.aitest{margin:8px auto 0;max-width:640px;text-align:center;font:700 11px/1.35 var(--sans,system-ui);letter-spacing:.03em;color:#ffd1d9;background:rgba(255,59,92,.16);border:1px solid rgba(255,59,92,.45);border-radius:10px;padding:6px 10px}

/* ---- v2.3: slim live-session timer bar — one line, ~40px, sticky under the header so the chat keeps its space ---- */
.tbar{--tc:#ffc83d;--tc2:#ffb300;--tglow:rgba(255,200,61,.35);position:sticky;top:var(--hdrH,61px);z-index:25;margin:0 -14px;padding:5px 14px 0;
 background:rgba(7,8,26,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.tbar[data-state=warn]{--tc:#ff9f1c;--tc2:#ff7a00;--tglow:rgba(255,140,0,.42)}
.tbar[data-state=crit],.tbar[data-state=over]{--tc:#ff4d5e;--tc2:#ff1f3d;--tglow:rgba(255,40,70,.5)}
.tbar-card{display:flex;align-items:center;gap:8px;height:30px;padding:0 2px;transition:color .4s}
.tring{position:relative;flex:none;width:24px;height:24px;display:grid;place-items:center}
.tring svg{position:absolute;inset:0;width:24px;height:24px;transform:rotate(-90deg)}
.tring circle{fill:none;stroke-width:3.5}
.tr-bg{stroke:rgba(255,255,255,.12)}
.tr-fg{stroke:var(--tc);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .4s}
.tring i{font-style:normal;font-size:11px;line-height:1;display:block}
.tbar-txt{flex:1;min-width:0;display:flex;align-items:baseline;gap:7px;line-height:1;white-space:nowrap}
.tbar-txt b{font-size:18px;font-weight:800;letter-spacing:.03em;font-variant-numeric:tabular-nums;color:var(--tc);transition:color .4s;transform-origin:left center;display:inline-block}
.tbar-txt small{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:rgba(255,255,255,.62);overflow:hidden;text-overflow:ellipsis}
.tdot{flex:none;width:6px;height:6px;border-radius:50%;background:#3ddc84;box-shadow:0 0 6px #3ddc84}
.tbar[data-state=over] .tdot{background:#888;box-shadow:none}
.tbar[data-state=over] .tbar-txt small{color:var(--tc);font-weight:800}
.tbar-plan{flex:none;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;color:#1a1200;background:linear-gradient(135deg,#ffd45e,#ffb300);white-space:nowrap;line-height:1.2}
.tbar-plan.basic{color:#e9e9ff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.tbar-line{height:2px;margin:4px -14px 0;background:rgba(255,255,255,.07);overflow:hidden}
.tbar-line i{display:block;height:100%;transform-origin:left center;background:linear-gradient(90deg,var(--tc2),var(--tc));transition:transform 1s linear;box-shadow:0 0 6px var(--tglow)}
/* motion: a soft pulse every second; stronger when time is short; one shake at 10 s */
.tbar.tick .tbar-txt b{animation:tPulse .9s var(--ease)}
.tbar.tick .tring i{animation:tFlip .9s var(--ease)}
.tbar[data-state=crit]{animation:tGlow .5s ease-in-out infinite alternate}
.tbar[data-state=crit].tick .tbar-txt b{animation:tPulseHard .5s var(--ease) 2}
.tbar.shake .tbar-card{animation:tShake .6s cubic-bezier(.36,.07,.19,.97) both}
@keyframes tPulse{0%{transform:scale(1)}25%{transform:scale(1.07)}100%{transform:scale(1)}}
@keyframes tPulseHard{0%{transform:scale(1)}40%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes tFlip{0%{transform:rotate(0)}30%{transform:rotate(-14deg)}100%{transform:rotate(0)}}
@keyframes tGlow{from{box-shadow:0 1px 0 rgba(255,60,80,.15)}to{box-shadow:0 2px 14px rgba(255,40,70,.35)}}
@keyframes tShake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.tr-fg,.tbar-line i{transition:none}.tbar,.tbar *,.tbar-card{animation:none!important}}
/* v2.3: last-20-seconds hook — the top-up button right under the astrologer's message */
.hookcta{align-self:flex-start;max-width:86%;margin:-4px 0 2px 40px}
.hookcta .btn{font-size:15px;padding:12px 16px;box-shadow:0 0 0 0 rgba(255,200,61,.5);animation:hkPulse 1.6s ease-out infinite}
@keyframes hkPulse{0%{box-shadow:0 0 0 0 rgba(255,200,61,.55)}100%{box-shadow:0 0 0 12px rgba(255,200,61,0)}}
@media (prefers-reduced-motion:reduce){.hookcta .btn{animation:none}}
.v-live .aitest{margin-top:2px}
/* toasts in the live chat sit just above the composer, clear of the timer */
.toast.toast-low{top:auto;transform:translate(-50%,10px)}
.toast.toast-low.in{transform:translate(-50%,0)}