:root{
 --cream:#fdf8ef; --cream2:#f7eedd; --paper:#fffdf8; --saffron:#e8751a; --saffron2:#f39a3d; --maroon:#7a1f2b; --maroon2:#5b1520;
 --gold:#c9972b; --gold2:#e9c46a; --ink:#2b1d14; --ink2:#5c4a3d; --muted:#8a7766; --line:#eadfcb; --ok:#2f7d4a; --bad:#b3372e;
 --r:18px; --r2:12px; --sh:0 1px 2px rgba(91,21,32,.06),0 8px 24px rgba(91,21,32,.08); --sh2:0 12px 40px rgba(91,21,32,.16);
 --fs:1; --tab:68px;
 --f-gu:'Noto Sans Gujarati','Hind Vadodara',system-ui,sans-serif; --f-head:'Noto Serif Gujarati','Fraunces',Georgia,serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{font-size:calc(16px * var(--fs))}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-gu);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh}
a{color:var(--maroon)}
button{font:inherit;cursor:pointer}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--f-head);color:var(--maroon2);line-height:1.3;margin:0 0 .4em}
h1{font-size:1.9rem} h2{font-size:1.45rem} h3{font-size:1.15rem}
p{margin:.3em 0 .8em}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.narrow{max-width:760px}
/* top bar */
.top{position:sticky;top:0;z-index:30;background:rgba(253,248,239,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:12px;height:60px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--maroon2);font-family:var(--f-head);font-weight:700;font-size:1.08rem;white-space:nowrap}
.brand .mark{width:34px;height:34px;flex:none}
.brand small{display:block;font-family:var(--f-gu);font-weight:500;font-size:.7rem;color:var(--muted);letter-spacing:.02em}
.nav{display:none;gap:4px;margin-left:auto}
.nav a{padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--ink2);font-size:.92rem;font-weight:500}
.nav a.on{background:var(--cream2);color:var(--maroon2)}
.tools{display:flex;gap:6px;margin-left:auto}
.nav + .tools{margin-left:8px}
.pill{border:1px solid var(--line);background:var(--paper);color:var(--maroon2);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;min-height:36px}
@media(min-width:900px){.nav{display:flex}.tabs{display:none!important}body{padding-bottom:0!important}}
/* bottom tabs */
body{padding-bottom:calc(var(--tab) + env(safe-area-inset-bottom))}
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,253,248,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}
.tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--tab);text-decoration:none;color:var(--muted);font-size:.72rem;font-weight:600}
.tabs a svg{width:24px;height:24px}
.tabs a.on{color:var(--maroon)}
.tabs a.on svg{color:var(--saffron)}
/* sections */
main{min-height:70vh}
.sec{padding:28px 0}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--saffron)}
.lead{font-size:1.08rem;color:var(--ink2)}
.muted{color:var(--muted)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px}
.grid{display:grid;gap:14px}
@media(min-width:640px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 22px;font-weight:700;font-size:1rem;text-decoration:none;min-height:48px;transition:transform .12s,box-shadow .12s}
.btn:active{transform:scale(.98)}
.btn.pri{background:linear-gradient(135deg,var(--saffron),#d45d12);color:#fff;box-shadow:0 6px 18px rgba(232,117,26,.35)}
.btn.sec2{background:var(--paper);color:var(--maroon2);border:1.5px solid var(--gold2)}
.btn.ghost{background:transparent;color:var(--maroon)}
.btn.block{width:100%}
.btn[disabled]{opacity:.45;pointer-events:none}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.spacer{flex:1}
/* hero */
.hero{position:relative;overflow:hidden;background:#2a140f;color:#fff}
.hero .bg{position:absolute;inset:0;background:url(img/hero.jpg) center 30%/cover no-repeat;opacity:.9}
.hero .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,20,15,.15) 0%,rgba(43,20,15,.55) 45%,rgba(43,20,15,.92) 100%)}
.hero .in{position:relative;padding:120px 18px 34px}
.hero h1{color:#fff;font-size:2.2rem;text-shadow:0 2px 20px rgba(0,0,0,.35)}
.hero p{color:#f6e7d2;font-size:1.05rem;max-width:560px}
.hero .eyebrow{color:var(--gold2)}
@media(min-width:900px){.hero .in{padding:170px 18px 60px}.hero h1{font-size:3rem}.hero .bg{background-position:center 40%}}
.stat{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}
.stat div{font-size:.85rem;color:#f0dcc2}.stat b{display:block;font-size:1.3rem;color:#fff;font-family:var(--f-head)}
/* level cards */
.lvl{position:relative;display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit}
.lvl .num{flex:none;width:64px;height:60px;border-radius:16px;display:grid;place-items:center;font-size:1.5rem;background:linear-gradient(135deg,#fff3df,#fbe3bf);border:1px solid var(--gold2)}
.lvl.locked{opacity:.62}
.lvl .meta{font-size:.82rem;color:var(--muted)}
.bar{height:8px;border-radius:99px;background:var(--cream2);overflow:hidden;margin-top:8px}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--saffron),var(--gold));border-radius:99px;transition:width .6s}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--cream2);color:var(--maroon)}
.tag.ok{background:#e4f3e8;color:var(--ok)} .tag.lock{background:#f1ebe3;color:var(--muted)} .tag.now{background:#fff0de;color:#b8560b}
/* path */
.path{position:relative;margin-left:26px;padding-left:26px;border-left:3px dashed var(--gold2)}
.path .node{position:relative;margin-bottom:16px}
.path .node:before{content:"";position:absolute;left:-39px;top:22px;width:20px;height:20px;border-radius:50%;background:var(--paper);border:3px solid var(--gold)}
.path .node.done:before{background:var(--ok);border-color:var(--ok)}
.path .node.now:before{background:var(--saffron);border-color:var(--saffron);box-shadow:0 0 0 6px rgba(232,117,26,.18)}
/* lesson */
.crumb{font-size:.85rem;color:var(--muted);margin:16px 0 6px}
.crumb a{color:var(--muted);text-decoration:none}
.video{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#1c0f0b;box-shadow:var(--sh)}
.video iframe,.video button{position:absolute;inset:0;width:100%;height:100%;border:0}
.video button{background:#1c0f0b center/cover no-repeat;display:grid;place-items:center;padding:0}
.video button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55))}
.video .play{position:relative;z-index:2;width:72px;height:72px;border-radius:50%;background:rgba(232,117,26,.95);display:grid;place-items:center;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.video .play:before{content:"";margin-left:6px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #fff}
.video .vt{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;color:#fff;font-size:.88rem;text-align:left;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.prose p{font-size:1.06rem}
.bl{margin:12px 0;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r2)}
.bl .en{color:var(--ink2);font-size:.95rem;margin-top:6px;border-top:1px dashed var(--line);padding-top:6px}
.keys{display:grid;gap:8px;margin:10px 0}
.keys div{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:#fff7ea;border-radius:12px;border:1px solid #f6dfbd}
.keys div:before{content:"✦";color:var(--saffron);font-weight:700}
.shl{border-left:4px solid var(--gold);padding:10px 14px;background:var(--paper);border-radius:0 12px 12px 0;margin:10px 0}
.shl .n{font-weight:800;color:var(--saffron);font-size:.8rem}
.src{font-size:.85rem;color:var(--muted);margin-top:14px}
.src a{color:var(--maroon)}
/* quiz */
.q{margin:16px 0}
.q h3{font-family:var(--f-gu);font-weight:700;color:var(--ink);font-size:1.1rem}
.opts{display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);min-height:56px;font-size:1rem}
.opt .k{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--cream2);font-weight:800;font-size:.85rem;color:var(--maroon)}
.opt.sel{border-color:var(--saffron);background:#fff5e8}
.opt.right{border-color:var(--ok);background:#ecf7ef}.opt.right .k{background:var(--ok);color:#fff}
.opt.wrong{border-color:var(--bad);background:#fbeceb}.opt.wrong .k{background:var(--bad);color:#fff}
.opt[disabled]{cursor:default}
.qprog{display:flex;gap:4px;margin:10px 0 4px}.qprog i{flex:1;height:6px;border-radius:9px;background:var(--cream2)}.qprog i.d{background:var(--gold)}.qprog i.c{background:var(--saffron)}
.fb{margin-top:10px;padding:12px 14px;border-radius:12px;font-weight:600}
.fb.ok{background:#ecf7ef;color:var(--ok)}.fb.no{background:#fbeceb;color:var(--bad)}
.result{text-align:center;padding:26px 18px}
.score{font-family:var(--f-head);font-size:3.2rem;color:var(--maroon2);line-height:1}
/* diya */
.diya{width:120px;height:120px;margin:0 auto 6px;position:relative}
.diya .flame{position:absolute;left:50%;top:6px;width:26px;height:44px;margin-left:-13px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(ellipse at 50% 70%,#fff6c9 0%,#ffd35c 35%,#ff9a1f 70%,rgba(255,120,0,0) 72%);animation:flick 1.4s ease-in-out infinite alternate;filter:drop-shadow(0 0 14px rgba(255,170,40,.8));transform-origin:50% 100%}
@keyframes flick{0%{transform:scale(1,1) rotate(-2deg)}50%{transform:scale(.94,1.08) rotate(2deg)}100%{transform:scale(1.04,.96) rotate(-1deg)}}
.diya .glow{position:absolute;left:50%;top:0;width:110px;height:110px;margin-left:-55px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,80,.35),transparent 65%);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.12);opacity:.7}}
.diya svg{position:absolute;bottom:0;left:0;width:120px}
/* video grid */
.vcard{text-decoration:none;color:inherit;display:block}
.vthumb{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#241410}
.vthumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.vthumb.short img{object-fit:cover}
.vthumb .pl{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.65);color:#fff;font-size:.72rem;padding:2px 8px;border-radius:99px}
.vcard .t{font-size:.9rem;font-weight:600;margin-top:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hscroll{display:grid;grid-auto-flow:column;grid-auto-columns:min(72%,260px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.hscroll>*{scroll-snap-align:start}
.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:600;color:var(--ink2);text-decoration:none;white-space:nowrap}
.chip.on{background:var(--maroon);color:#fff;border-color:var(--maroon)}
/* reader */
.reader .verse{padding:16px 0;border-bottom:1px solid var(--line)}
.reader .verse .n{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border-radius:99px;background:#fff0de;color:#b8560b;font-weight:800;font-size:.8rem;margin-bottom:6px}
.reader .gu{font-size:1.12rem;line-height:1.85}
.reader .en{color:var(--ink2);margin-top:6px}
.reader .para{font-size:1.08rem;line-height:1.85;margin:0 0 1em}
.search{width:100%;padding:13px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper);font:inherit;font-size:1rem}
.search:focus{outline:none;border-color:var(--gold)}
.list a.item{display:flex;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.list a.item .n{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--cream2);font-weight:800;color:var(--maroon);font-size:.9rem}
.list a.item .x{font-size:.9rem;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pager{display:flex;justify-content:space-between;gap:10px;margin:22px 0}
/* forms */
label.f{display:block;font-weight:600;margin:12px 0 6px}
input.in,textarea.in,select.in{width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);font:inherit;font-size:1rem;color:var(--ink)}
textarea.in{min-height:120px;resize:vertical}
.toast{position:fixed;left:50%;bottom:calc(var(--tab) + 18px);transform:translateX(-50%) translateY(20px);background:var(--maroon2);color:#fff;padding:12px 18px;border-radius:14px;font-weight:600;opacity:0;transition:opacity .3s,transform .3s;z-index:60;max-width:90vw;text-align:center}
.toast.on{opacity:1;transform:translateX(-50%)}
@media(min-width:900px){.toast{bottom:24px}}
.foot{border-top:1px solid var(--line);padding:26px 0 30px;color:var(--muted);font-size:.86rem;margin-top:30px}
.foot a{color:var(--ink2)}
.lotus-div{display:flex;align-items:center;gap:12px;color:var(--gold);margin:20px 0}
.lotus-div:before,.lotus-div:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent)}
.lock-ico{font-size:.9rem}
.cert-wrap canvas{width:100%;height:auto;border-radius:12px;box-shadow:var(--sh2);background:#fff}
.streak{display:flex;align-items:center;gap:12px}
.streak .fl{font-size:2rem}
.big-num{font-family:var(--f-head);font-size:2rem;color:var(--maroon2);line-height:1}
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.kv .card{padding:14px 8px}
.empty{padding:30px;text-align:center;color:var(--muted)}
.sheet-bg{position:fixed;inset:0;background:rgba(43,20,15,.45);z-index:70;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:var(--paper);width:100%;max-width:520px;border-radius:22px 22px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--sh2);animation:up .25s ease}
@media(min-width:600px){.sheet-bg{align-items:center}.sheet{border-radius:22px}}
@keyframes up{from{transform:translateY(40px);opacity:0}}
.seg{display:flex;background:var(--cream2);border-radius:999px;padding:4px}
.seg button{flex:1;border:0;background:transparent;padding:9px;border-radius:999px;font-weight:700;color:var(--ink2)}
.seg button.on{background:var(--paper);color:var(--maroon2);box-shadow:var(--sh)}
.fade{animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}}
.hide{display:none!important}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:8px}
:focus-visible{outline:3px solid var(--gold2);outline-offset:2px}
@media print{.top,.tabs,.foot,.noprint{display:none!important}body{background:#fff;padding:0}}

/* ===== modern pass v20 (mobile-first polish) ===== */
:root{color-scheme:light}
[data-theme="dark"]{color-scheme:dark}
:root{--sh:0 1px 2px rgba(91,21,32,.05),0 10px 30px rgba(91,21,32,.09);--sh2:0 16px 48px rgba(91,21,32,.18)}
.sec{padding:34px 0}
h1{font-size:2rem;letter-spacing:-.01em}
.card{border-radius:20px;padding:20px}
a.card,.lvl,.vcard{transition:transform .15s ease,box-shadow .15s ease}
a.card:active,.lvl:active,.vcard:active{transform:scale(.985)}
/* bottom tabs: raised bar + active pill */
.tabs{box-shadow:0 -8px 28px rgba(91,21,32,.10)}
.tabs a{position:relative;transition:color .2s}
.tabs a:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%) scale(.7);width:46px;height:30px;border-radius:99px;background:#f7e3cd;opacity:0;transition:opacity .2s,transform .2s}
.tabs a.on:before{opacity:1;transform:translateX(-50%) scale(1)}
.tabs a svg,.tabs a span{position:relative;z-index:1}
/* buttons */
.btn{letter-spacing:.01em;transition:transform .12s,box-shadow .2s,filter .2s}
.btn.pri{box-shadow:0 8px 22px rgba(232,117,26,.38)}
@media(hover:hover){.btn.pri:hover{filter:brightness(1.05);box-shadow:0 10px 26px rgba(232,117,26,.45)}.btn.sec2:hover{border-color:var(--gold)}}
/* chips: real touch targets */
.chip{padding:10px 16px;min-height:44px;display:inline-flex;align-items:center}
/* inputs: softer + focus glow */
.search,input.in,textarea.in,select.in{border-radius:14px;transition:border-color .15s,box-shadow .15s}
.search:focus,input.in:focus,textarea.in:focus,select.in:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(233,196,106,.32)}
/* list rows: roomier taps */
.list a.item{padding:16px 4px}
/* level cards */
.lvl .num{border-radius:18px;width:56px;height:56px}
/* login page */
.lg-sec{padding-top:8vh;display:flex;justify-content:center}
.lg-card{width:100%;max-width:430px;padding:32px 24px;text-align:center;box-shadow:var(--sh2)}
.lg-mark{width:56px;height:56px;margin:0 auto 12px}
.lg-title{margin-bottom:8px}
.lg-lead{font-size:1rem;margin-bottom:20px}
.lg-card .f{text-align:left}
.lg-code{text-align:center;letter-spacing:.45em;font-size:1.35rem;font-weight:700;padding-left:calc(14px + .45em)}
.lg-msg{margin:14px 0 0;font-size:.9rem;color:var(--muted);min-height:1.3em}
/* quiz options press */
.opt{transition:border-color .15s,background .15s,transform .12s}
.opt:not([disabled]):active{transform:scale(.99)}
/* smoother hero text on small screens */
@media(max-width:640px){.hero .in{padding:96px 18px 30px}.hero h1{font-size:2rem}}

/* ===== v21: design-reference pass (tonal cards, pill chips, floating dock) ===== */
/* borderless, calmer cards */
.card{border:0;border-radius:24px;box-shadow:0 2px 6px rgba(91,21,32,.05),0 14px 34px rgba(91,21,32,.08)}
/* tonal group surfaces */
.kv .card{background:var(--cream2);box-shadow:none}
/* filled tonal chips */
.chip{border:0;background:var(--cream2);color:var(--ink2);box-shadow:none}
.chip.on{background:var(--maroon);color:#fff}
/* floating dark dock (reference bottom nav) */
body{padding-bottom:calc(var(--tab) + 30px + env(safe-area-inset-bottom))}
.tabs{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:26px;border:0;background:rgba(91,21,32,.97);backdrop-filter:blur(14px);box-shadow:0 14px 36px rgba(43,20,15,.38);padding:4px 6px}
.tabs a{color:#cbb29b;border-radius:20px}
.tabs a:before{background:rgba(232,117,26,.28)}
.tabs a.on{color:#fff}
.tabs a.on svg{color:var(--gold2)}
/* tonal inputs */
.search,input.in,textarea.in,select.in{border-color:transparent;background:#f6ecdb}
.search:focus,input.in:focus,textarea.in:focus,select.in:focus{background:var(--paper);border-color:var(--gold)}
/* quieter top hairline */
.top{border-bottom:0;box-shadow:0 1px 0 rgba(234,223,203,.7)}
/* login + level tiles follow the larger radius */
.lg-card{border-radius:28px}
.lvl .num{border-radius:20px}
.toast{bottom:calc(var(--tab) + 44px)}

/* ===== v22: full redesign (sage + cream palette, reference typography, app-like) ===== */
:root{
 --cream:#f6f8f4; --cream2:#e0ecec; --paper:#fdfdfa;
 --saffron:#1f8a70; --saffron2:#34a58a; --maroon:#0e5a72; --maroon2:#083f55;
 --gold:#d9a21b; --gold2:#f1cf6b; --ink:#14262e; --ink2:#3d5560; --muted:#75898f; --line:#d4e3e4;
 --sh:0 1px 2px rgba(8,63,85,.05),0 10px 30px rgba(8,63,85,.09); --sh2:0 16px 48px rgba(8,63,85,.18);
 --f-gu:'Plus Jakarta Sans','Noto Sans Gujarati','Hind Vadodara',system-ui,sans-serif;
 --f-head:'Plus Jakarta Sans','Noto Sans Gujarati',system-ui,sans-serif;
}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.015em}
/* header + tonal surfaces */
.top{background:rgba(246,247,240,.9);box-shadow:0 1px 0 rgba(223,228,210,.8)}
/* primary button: deep green */
.btn.pri{background:linear-gradient(135deg,#1f7a66,#2b4f33);box-shadow:0 8px 22px rgba(43,79,51,.32)}
@media(hover:hover){.btn.pri:hover{box-shadow:0 10px 26px rgba(43,79,51,.4)}}
.btn.sec2{border-color:var(--gold2)}
/* floating dock: deep green */
.tabs{background:rgba(8,63,85,.97);box-shadow:0 14px 36px rgba(24,38,27,.4)}
.tabs a{color:#b7c7ab}
.tabs a:before{background:rgba(233,196,106,.22)}
.tabs a.on{color:#fff}
.tabs a.on svg{color:#ecd28a}
/* hero: forest green */
.hero{background:#223626}
.hero .bg:after{background:linear-gradient(180deg,rgba(24,38,27,.15) 0%,rgba(24,38,27,.55) 45%,rgba(24,38,27,.92) 100%)}
.hero p{color:#e4ecda}
.stat div{color:#cfdbbf}
/* cards keep v21 borderless shape; shadows re-tinted via --sh above */
.lvl .num{background:linear-gradient(135deg,#e2f0f1,#cfe6e6);border-color:var(--gold2)}
/* accents */
.keys div{background:#e8f1f1;border-color:#d9e2c4}
.tag.now{background:#e0efec;color:#1f7a66}
.opt.sel{border-color:var(--saffron);background:#e8f1f1}
.opt .k{color:var(--maroon)}
.qprog i.d{background:var(--gold2)}.qprog i.c{background:var(--saffron)}
.reader .verse .n{background:#e0efec;color:#1f7a66}
.video{background:#0b1c24}.video button{background-color:#0b1c24}
.video .play{background:rgba(63,107,70,.95)}
.path .node.now:before{box-shadow:0 0 0 6px rgba(111,154,94,.2)}
.sheet-bg{background:rgba(24,38,27,.5)}
.search,input.in,textarea.in,select.in{background:#e8f1f1}
.search:focus,input.in:focus,textarea.in:focus,select.in:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(163,185,138,.35)}
.chip.on{background:var(--maroon)}
.score,.big-num{color:var(--maroon2)}
/* login popup (modal) */
.login-pop{max-width:430px;text-align:center;padding:30px 24px}
.login-pop .lg-card{box-shadow:none;padding:0;border-radius:0;background:transparent}
@media(min-width:600px){.login-pop{border-radius:28px;padding:34px 30px}}
.login-bg{align-items:flex-end}
@media(min-width:600px){.login-bg{align-items:center}}
#loginb{font-weight:700}
#loginb.in{background:var(--maroon2);color:#fff;border-color:var(--maroon2)}

/* ===== v23: minimal app-style pass (his app's style language, sage palette) ===== */
/* flat simple bottom nav */
body{padding-bottom:calc(var(--tab) + env(safe-area-inset-bottom))}
.tabs{left:0;right:0;bottom:0;border-radius:0;background:rgba(253,253,249,.98);border-top:1px solid var(--line);box-shadow:none;padding:0 0 env(safe-area-inset-bottom)}
.tabs a{color:var(--muted);border-radius:0}
.tabs a:before{display:none}
.tabs a.on{color:var(--maroon2)}
.tabs a.on svg{color:var(--maroon2)}
.tabs a span{font-weight:600}
.tabs a.on span{font-weight:800}
.toast{bottom:calc(var(--tab) + 18px)}
@media(min-width:900px){body{padding-bottom:0}}
/* minimal home */
.hello{padding:46px 4px 6px}
.hello h1{font-size:2.55rem;color:var(--maroon2);margin:0 0 10px;letter-spacing:-.02em}
.hello p{font-size:1.06rem;color:var(--ink2);max-width:520px;margin:0}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 26px}
.feat-c{position:relative;display:flex;flex-direction:column;min-height:138px;padding:18px 16px;border-radius:22px;text-decoration:none;color:var(--ink);overflow:hidden;box-shadow:0 1px 3px rgba(8,63,85,.06);transition:transform .12s}
.feat-c:active{transform:scale(.98)}
.feat-c:after{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:rgba(8,63,85,.05)}
.feat-c .ic{position:relative;z-index:1;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;background:rgba(255,255,255,.65);margin-bottom:10px}
.feat-c b{position:relative;z-index:1;display:block;font-size:1.18rem;letter-spacing:-.01em}
.feat-c .s{position:relative;z-index:1;display:block;font-size:.85rem;opacity:.72;margin-top:2px;line-height:1.35}
.feat-c.solid{background:#0e5a72;color:#fff}
.feat-c.solid:after{background:rgba(255,255,255,.09)}
.feat-c.solid .ic{background:rgba(255,255,255,.16)}
.feat-c.solid .s{color:#dfe9da;opacity:1}
.feat-c.t1{background:#e0ecec}
.feat-c.t2{background:#eaf4f2}
.feat-c.wide{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;gap:14px}
.feat-c.wide .ic{margin-bottom:0;flex:none}
@media(min-width:900px){.feat{grid-template-columns:repeat(3,1fr);max-width:920px}.feat-c.wide{grid-column:1/-1}.hello{padding-top:60px}}
@media(max-width:899px){.foot{display:none}}

/* ===== v24: clean home, corners, about, settings, login ===== */
.top .wrap{height:56px}
.top .tools .pill.prof{padding:3px;min-height:0;border-radius:50%;border:0;background:transparent}
.avatar{display:grid;place-items:center;width:64px;height:60px;border-radius:50%;background:#0e5a72;color:#fff;font-weight:800;font-size:1rem;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar.big{width:56px;height:56px;font-size:1.4rem;flex:none}
.home2{min-height:calc(100dvh - 56px - 130px);display:flex;flex-direction:column;justify-content:center;text-align:center}
.h2{padding:6vh 0 0}
.h2 .diya{margin-bottom:14px}
.h2j{font-weight:700;color:var(--gold);letter-spacing:.04em;font-size:1rem;color:#7a8f6d}
.h2t{font-size:clamp(2.2rem,11vw,3.3rem);line-height:1.12;margin:.3em 0 .25em;color:#083f55;letter-spacing:-.02em}
.h2s{color:var(--muted);font-size:1rem;margin:0}
.h2a{max-width:340px;margin:34px auto 6vh;width:100%}
.clist{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.crow{display:flex;align-items:center;gap:14px;padding:16px;border-radius:22px;text-decoration:none;color:var(--ink);background:#e0ecec;transition:transform .12s}
.crow:active{transform:scale(.985)}
.crow.t0{background:#0e5a72;color:#fff}.crow.t2{background:#eaf4f2}
.cic{width:64px;height:60px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.7);flex:none;color:#0e5a72}
.crow.t0 .cic{background:rgba(255,255,255,.16);color:#fff}
.cic svg{width:26px;height:26px}
.ctx{flex:1;min-width:0}.ctx b{display:block;font-size:1.2rem;letter-spacing:-.01em}.ctx span{display:block;font-size:.88rem;opacity:.72;margin-top:2px;line-height:1.35}
.cch svg{width:20px;height:20px;opacity:.5}
.gp-h{margin:28px 0 2px}.gp-s{margin:0 0 16px}
.gp{display:flex;flex-direction:column}
.gpc{display:flex;gap:12px}
.gpl{display:flex;flex-direction:column;align-items:center;flex:none;width:28px}
.gpn{width:28px;height:28px;border-radius:50%;background:#0e5a72;color:#fff;font-weight:800;font-size:.85rem;display:grid;place-items:center;flex:none}
.gpline{flex:1;width:2px;background:#bcd5d8;margin:4px 0}
.gpb{flex:1;min-width:0;padding-bottom:22px}
.gpb img{width:100%;aspect-ratio:420/396;object-fit:cover;border-radius:20px;display:block;background:#e0ecec}
.gpb h3{margin:12px 0 0;font-size:1.2rem;line-height:1.3}
.gpe{color:var(--muted);font-size:.85rem}
.gpb dl{margin:10px 0 0;font-size:.85rem}.gpb dt{font-weight:700;color:#0e5a72;margin-top:6px}.gpb dd{margin:0;color:var(--ink2)}
.gpb details{margin-top:10px}.gpb summary{cursor:pointer;font-weight:700;color:#0e5a72;padding:6px 0}
.gpb details p{margin:6px 0 0;font-size:.95rem;line-height:1.6;color:var(--ink2)}
.gp-src{font-size:.85rem;margin-top:6px}
.sh{margin:24px 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#6f8a62}
.acc{display:flex;align-items:center;gap:14px}.accx{display:flex;flex-direction:column;min-width:0}.accx b{font-size:1.1rem}.accx span{font-size:.88rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.set-tg{margin-top:14px;gap:10px;font-size:.95rem}.set-tg input{width:20px;height:20px;accent-color:#0e5a72}
.lgp{padding:14px 0 30px}
.lgh{text-align:center;margin-bottom:14px}.lgh h1{margin:.1em 0 0}.lgh p{margin:4px 0 0;color:var(--muted)}
.lgh .diya{transform:scale(.7);margin:-12px auto -8px}
.lgseg{margin:0 auto 14px;max-width:340px}
.lgc{padding:22px 18px}
.lgc .f{display:block;margin:0 0 12px;text-align:left}
.lgc .f>span{display:block;font-size:.82rem;font-weight:700;color:#3d5560;margin-bottom:5px}
.lgc input,.lgc textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;padding:13px 14px;border:1.5px solid #d4e3e4;border-radius:14px;background:#fff;color:var(--ink)}
.lgc input:focus,.lgc textarea:focus{outline:0;border-color:#1f7a66}
.lgc .lg-code{text-align:center;letter-spacing:.45em;font-size:1.35rem;font-weight:700}
.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.85rem;margin:16px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:#d4e3e4}
.gwrap{display:flex;justify-content:center;min-height:46px}
.gfb{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:1.5px solid #d4e3e4;border-radius:999px;background:#fff;font:inherit;font-weight:700;color:#14262e}
.gfb svg{width:20px;height:20px}
.mseg{max-width:240px;margin:0 auto}
.lg-note{font-size:.82rem;margin:10px 0 0;text-align:center}
.lg-sw{text-align:center;margin:14px 0 0;font-size:.92rem}.lg-sw a{color:#0e5a72;font-weight:700}
.lg-lead{margin:0 0 14px;font-size:.98rem;text-align:center}
.lgc .btn{margin-top:4px}
.lgc .lg-msg{text-align:center;color:#a33b2e}
@media(min-width:900px){.nav{display:flex}.tabs{display:none}}

.tabs{grid-template-columns:repeat(4,1fr)!important}
.tabs a{width:100%;min-width:0;text-align:center}
.tabs a span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tabs a svg{display:block;flex:none}
.feat.c2{margin:18px 0 8px}
.top .tools{display:flex;gap:8px;align-items:center;margin-left:auto}
.bks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 22px}
.bk{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 1px 3px rgba(8,63,85,.08);transition:transform .12s}
.bk:active{transform:scale(.98)}
.bk img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#e0ecec}
.bk .bkcov{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;flex:1;aspect-ratio:3/4;padding:24px 22px;position:relative}
.bk .bkcov:before{content:"";position:absolute;inset:10px;border:1.5px solid rgba(169,120,0,.5);border-radius:14px;pointer-events:none}
.bk .bkcov b{font-family:var(--f-head);font-weight:700;font-size:1.14rem;line-height:1.45;overflow-wrap:anywhere;hyphens:auto;position:relative}
.bk .bkcov .bkline{width:52px;height:1.5px;margin:3px 0 1px;position:relative;background:currentColor;opacity:.45}
.bk .bkcov .bksub{font-family:var(--f-head);font-style:normal;font-weight:600;font-size:.8rem;line-height:1.45;position:relative}
.bk .bkcov .bkder{font-style:normal;font-weight:600;font-size:.7rem;line-height:1.45;position:relative;margin-top:12px;opacity:.92}
.bk.cov-sha .bkcov{background:linear-gradient(160deg,#fdf3da 0%,#f7e3b0 48%,#eec26a 100%)}
.bk.cov-sha .bkcov b{color:#6b2410}
.bk.cov-sv .bkcov{background:linear-gradient(160deg,#fce6d4 0%,#f6cda6 48%,#e89e63 100%)}
.bk.cov-sv .bkcov:before{border-color:rgba(150,70,25,.5)}
.bk.cov-sv .bkcov b{color:#6e2a12}
.bk.cov-av .bkcov{background:linear-gradient(160deg,#eff4db 0%,#dde8bc 48%,#c3d58c 100%)}
.bk.cov-av .bkcov:before{border-color:rgba(110,125,40,.5)}
.bk.cov-av .bkcov b{color:#3d4a15}
.bk.cov-vach .bkcov{background:linear-gradient(160deg,#fbe9e2 0%,#f4d2c5 48%,#e4ada0 100%)}
.bk.cov-vach .bkcov:before{border-color:rgba(150,70,60,.45)}
.bk.cov-vach .bkcov b{color:#6d2a26}
.bk.cov-div .bkcov{background:linear-gradient(160deg,#f3ecda 0%,#e6d8b8 48%,#d3bd8a 100%)}
.bk.cov-gita .bkcov{background:linear-gradient(160deg,#8a2432 0%,#6d1826 50%,#521220 100%)}
.bk.cov-gita .bkcov:before{border-color:rgba(233,196,106,.65)}
.bk.cov-gita .bkcov b{color:#f3d7a3}
.bk.cov-gita .bkcov .bksub{color:#e9c46a}
.bk.cov-gita .bkcov .bkder{color:#eec9c9}
.bk.cov-gita .bkcov .bkline{background:#e9c46a;opacity:.55}
.bk.cov-div .bkcov b{color:#5c4416}
.bkt{padding:12px 14px 16px}.bkt b{display:block;font-size:1.02rem;line-height:1.3}.bkt .s{display:block;font-size:.8rem;opacity:.7;margin-top:4px;line-height:1.35}
.gpc{flex-direction:column;align-items:center;text-align:center}
.gpl{flex-direction:row;width:auto;margin-bottom:10px}.gpline{display:none}
.gpb{flex:none;width:100%;padding-bottom:28px}
.gpb img{margin:0 auto}
.gpb dl,.gpb details p{text-align:left}
.backb{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line,#eadfcb);background:#fff;color:#0e5a72;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 1px 3px rgba(8,63,85,.1);-webkit-tap-highlight-color:transparent}
.backb[hidden]{display:none}
.backb:active{transform:scale(.94)}
.backb:not([hidden])~.brand small{display:none}
.backb:not([hidden])~.brand{font-size:1rem;gap:8px;min-width:0}
.backb:not([hidden])~.brand .mark{width:30px;height:30px}
.top .wrap{gap:8px}
.lead.x,.x{display:none!important}
.bk.vs img{aspect-ratio:16/9}

.dplay .dimg{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 10%;border-radius:26px;display:block;box-shadow:0 6px 24px rgba(8,63,85,.18)}
.dtitle{text-align:center;margin:16px 0 8px}
.dpl{background:#fff;border-radius:26px;padding:16px 18px 18px;box-shadow:0 1px 3px rgba(8,63,85,.08)}
.dpl input[type=range]{width:100%;accent-color:#0e5a72;margin:6px 0}
.dtimes{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted)}
.dctl{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:10px}
.dplay-b{width:72px;height:72px;border-radius:50%;border:0;background:#0e5a72;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px rgba(8,63,85,.3);-webkit-tap-highlight-color:transparent}
.dsk{border:1px solid #bcd5d8;background:#e8f1f1;color:#0e5a72;border-radius:999px;padding:10px 14px;font-weight:700;font-size:.95rem;cursor:pointer}
.dsteps{margin:0;padding-left:20px}.dsteps li{margin:6px 0}

body.nodscroll{overflow:hidden}
.dplay{position:fixed;left:0;right:0;top:61px;bottom:calc(var(--tab) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;padding:10px 18px 12px;max-width:560px;margin:0 auto;overflow:hidden;background:var(--bg,#f7f7f0);z-index:5}
.dplay .dimgw{flex:1 1 0;min-height:90px;border-radius:22px;overflow:hidden;box-shadow:0 4px 18px rgba(8,63,85,.18)}
.dplay .dimg{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 18%;border-radius:0;box-shadow:none;display:block}
.dplay .dtitle{margin:0;font-size:1.35rem;text-align:center;flex:none}
.dplay .dpl{flex:none;padding:10px 16px 12px;border-radius:22px}
.dplay .dctl{margin-top:4px;gap:20px}.dplay .dplay-b{width:60px;height:60px}
.dg{flex:none;background:#fff;border-radius:22px;padding:8px 12px 10px;box-shadow:0 1px 3px rgba(8,63,85,.08);height:176px;overflow:hidden}
.dgt{display:flex;gap:6px;margin-bottom:6px}
.dgt button{flex:1;border:0;background:#e8f1f1;color:#0e5a72;border-radius:999px;padding:7px 4px;font-weight:700;font-size:.78rem;cursor:pointer;line-height:1.2}
.dgt button.on{background:#0e5a72;color:#fff}
.dg .dsteps{font-size:.9rem;line-height:1.35;padding-left:18px}.dg .dsteps li{margin:3px 0}
@media(min-width:900px){.dplay{top:70px;bottom:0}}
.feat-c.dc{min-height:84px;justify-content:center}.feat-c.dc b{font-size:1.15rem}
.ksi{width:24px;height:24px;display:block;flex:none}
.feat-c .ic{color:#0e5a72}.feat-c.solid .ic{color:#eaf4f2;background:rgba(255,255,255,.14)}
.ksic{color:#0e5a72}
.lvl .num .ksi{width:26px;height:26px}
h1 .ksh,h2 .ksh,h3 .ksh{display:inline-block;width:.9em;height:.9em;vertical-align:-.1em;margin-right:.3em;color:#0e5a72}
.lock-ico .ksi{width:16px;height:16px;display:inline-block}
.eyebrow.ksic{display:block}.eyebrow .ksi{width:20px;height:20px}

/* peacock theme v36 */
:root{--cream:#f6f8f4;--cream2:#e6eff0;--paper:#fdfdfa;--saffron:#1f8a70;--saffron2:#34a58a;--maroon:#0e5a72;--maroon2:#083f55;--gold:#d9a21b;--gold2:#f1cf6b;--ink:#14262e;--ink2:#3d5560;--muted:#75898f;--line:#d4e3e4;--ok:#1f7a66;--pk:#c2417a;--pu:#6b3fa0;
--sh:0 1px 2px rgba(8,63,85,.05),0 10px 30px rgba(8,63,85,.09);--sh2:0 16px 48px rgba(8,63,85,.18)}
body{background:var(--cream)}
a{color:#0e5a72}
.feat-c.t1{background:#dcecf0}.feat-c.t2{background:#fbf0cc}.feat-c.t3{background:#fbe3ed}.feat-c.t4{background:#ebe3f6}.feat-c.t5{background:#dff1e6}
.feat-c.t1 .ic{color:#0e5a72}.feat-c.t2 .ic{color:#a97800}.feat-c.t3 .ic{color:#b8316f}.feat-c.t4 .ic{color:#6b3fa0}.feat-c.t5 .ic{color:#1f7a5c}
.feat-c.solid{background:linear-gradient(135deg,#0a4a63 0%,#0e6b7a 55%,#1f8a70 100%)}
.feat-c:after{background:rgba(8,63,85,.06)}
.feat-c.solid .ic{color:#f6d77a}
.btn.pri,.btn.primary{background:linear-gradient(135deg,#0e5a72,#1f8a70)}
.bar i{background:linear-gradient(90deg,#1f8a70,#d9a21b)}
.tabs a.on{color:#0e5a72}
.chip.on{background:#0e5a72;color:#fff}
.tag.ok{background:#dff1e6;color:#1f7a5c}
.dctl .dplay-b,.dplay-b{background:linear-gradient(135deg,#0e5a72,#1f8a70)}
.dgt button.on{background:#0e5a72}
.dg{border-top:3px solid #d9a21b}
.feat-c.dc{aspect-ratio:1/.92;min-height:0;justify-content:flex-end;padding:16px}
.feat-c.dc b{font-size:1.22rem;line-height:1.3}
.feat-c.dc:before{content:"";position:absolute;left:16px;top:16px;width:34px;height:4px;border-radius:2px;background:currentColor;opacity:.35}
.feat.c2{grid-template-columns:1fr 1fr}
.gpb img{aspect-ratio:4/5;object-fit:contain;background:#000;width:100%;margin:0 auto}

.gpb details{text-align:left;margin-top:12px}
.gpb summary{list-style:none;display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:999px;background:#0e5a72;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 2px 8px rgba(8,63,85,.2);-webkit-tap-highlight-color:transparent}
.gpb summary::-webkit-details-marker{display:none}
.gpb summary::after{content:"▾";font-size:.8em}
.gpb details[open] summary::after{content:"▴"}
.gpb details[open] summary{background:#083f55}
.gpb details p{text-align:left}
.bks{align-items:stretch}
.bk img{aspect-ratio:3/4;object-fit:contain;background:#eaf2f2;padding:0}
.bk.vs img{object-fit:cover;aspect-ratio:16/9}
.bk .bkt{text-align:center;display:flex;flex-direction:column;align-items:center;flex:1}
.bk .bkt b{overflow-wrap:anywhere;hyphens:auto}
/* granth reading experience v41 */
.reader{--rf:'Noto Serif Gujarati','Noto Sans Gujarati',Georgia,serif}
.reader .sec{max-width:34rem;margin:0 auto;padding-left:6px;padding-right:6px}
.reader h1{font-family:var(--rf);font-weight:700;text-align:center;font-size:1.7rem;margin:.2em 0 .1em;letter-spacing:0}
.reader h1:after{content:"";display:block;width:84px;height:12px;margin:12px auto 4px;background:radial-gradient(circle,#d9a21b 0 3px,transparent 3.5px) center/12px 12px no-repeat,linear-gradient(90deg,transparent,#d9a21b 30%,#d9a21b 70%,transparent) center/100% 1px no-repeat}
.reader .eyebrow{text-align:center;font-family:var(--rf);letter-spacing:.03em}
.reader .crumb{font-size:.85rem}
#vb{background:#fffcf4;border:1px solid #ecdfb8;border-radius:6px;padding:26px 22px 14px;margin-top:14px;box-shadow:0 1px 0 #fff inset,0 6px 22px rgba(120,90,20,.08)}
#vb .para,.reader .para{font-family:var(--rf);font-size:1.2rem;line-height:2.05;color:#1d2a2e;margin:0 0 1.05em;text-align:left;text-indent:1.4em;font-weight:400;word-spacing:.02em;text-wrap:pretty;hyphens:manual}
#vb .para:first-child{text-indent:0}
#vb .para:first-child::first-letter{font-size:1.9em;font-weight:700;color:#0e5a72;line-height:1}
#vb[lang=en] .para{font-family:Georgia,'Times New Roman',serif;font-size:1.12rem;line-height:1.8}
.reader .verse{padding:22px 4px;border-bottom:1px solid #ecdfb8;text-align:center}
.reader .verse .n{background:transparent;color:#a97800;font-family:var(--rf);font-size:.95rem;min-width:0;height:auto;padding:0;margin-bottom:8px;display:block}
.reader .verse .n:before,.reader .verse .n:after{content:"·";margin:0 8px;color:#d9a21b}
.reader .gu{font-family:var(--rf);font-size:1.22rem;line-height:2.05;color:#1d2a2e;font-weight:500}
.reader .en2,.reader .en{font-family:Georgia,'Times New Roman',serif;color:#3d5560;font-style:italic;line-height:1.75;margin-top:10px}
.reader .pager{display:flex;justify-content:space-between;gap:12px;margin:22px 0 10px}
.bk .bkt b{font-family:var(--f-head);font-weight:700}
.reader .chips{justify-content:center}
.reader .search{font-family:var(--f-gu)}
.gpb .gp-note{font-size:.8rem!important;color:var(--muted)!important;margin-top:4px}
/* Gujarati UI serif */
html[lang=gu]{--f-gu:'Noto Serif Gujarati','Plus Jakarta Sans',Georgia,serif;--f-head:'Noto Serif Gujarati','Plus Jakarta Sans',Georgia,serif}
html[lang=gu] body,html[lang=gu] button,html[lang=gu] input,html[lang=gu] textarea,html[lang=gu] select{font-family:var(--f-gu)}
html[lang=gu] h1,html[lang=gu] h2,html[lang=gu] h3,html[lang=gu] h4{font-weight:700;letter-spacing:0}
html[lang=gu] .brand small,html[lang=gu] .reader .search{font-family:var(--f-gu)}
html[lang=gu] .seg button,html[lang=gu] .btn{font-weight:600}
/* reading help button */
.helpbtn{margin:20px 0 4px;border:1.5px solid var(--gold);border-radius:18px;background:linear-gradient(135deg,#e2f0f1,#f6efd6);box-shadow:var(--sh);overflow:hidden}
.helpbtn summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:700;color:var(--maroon2);display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}
.helpbtn summary::-webkit-details-marker{display:none}
.helpbtn summary::after{content:"▾";color:var(--gold)}
.helpbtn[open] summary::after{content:"▴"}
.helpbtn .hb-b{padding:0 18px 16px;line-height:1.7;color:var(--ink2)}
.bk .bkt .s{display:none}
.brand .mark{border-radius:50%}
.brand span{font-size:.98rem;white-space:normal;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.h2logo{width:128px;height:128px;display:block;margin:6px auto 12px;filter:drop-shadow(0 8px 18px rgba(8,63,85,.25))}
.h2 .h2j{margin-top:10px}
html[lang=en] .h2t{font-size:clamp(1.7rem,8.4vw,2.6rem)}
.h2 .h2pr{display:block;width:64px;height:60px;margin:0 auto 4px}.h2 .h2j span{display:block}

.home2{justify-content:flex-start}.h2{padding:0}
.h2gurus{display:block;width:100vw;max-width:760px;margin:0 0 0 calc(50% - min(50vw,380px));height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 52%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.75) 67%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.26) 84%,rgba(0,0,0,.1) 92%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0,#000 52%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.75) 67%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.26) 84%,rgba(0,0,0,.1) 92%,rgba(0,0,0,0) 100%)}
.h2 .h2t{margin-top:-6vw}

.h2img{position:relative;width:100vw;max-width:760px;margin:0 0 0 calc(50% - min(50vw,380px))}
.h2img .h2gurus{margin:0;width:100%}
.h2fx{position:absolute;left:0;right:0;top:0;height:46%;overflow:hidden;pointer-events:none}
.h2fx i{position:absolute;top:-10%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cg fill='%23f9c6d6' stroke='%23f1a3bb' stroke-width='1.5'%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%280%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%2872%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%28144%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%28216%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%28288%29'/%3E%3C/g%3E%3Ccircle r='8' fill='%23fbe9a6'/%3E%3C/svg%3E") center/contain no-repeat !important;border-radius:0;opacity:1;animation:h2fall linear infinite}
@keyframes h2fall{0%{top:-10%;opacity:1;transform:translateX(0) rotate(0)}100%{top:100%;opacity:0;transform:translateX(var(--dx)) rotate(var(--r))}}
@media (prefers-reduced-motion:reduce){.h2fx{display:none}}

.h2 .h2j .diya{transform:scale(.62);margin:-18px auto -22px}

.h2fx i.f1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cg fill='%23f9c6d6' stroke='%23f1a3bb' stroke-width='1.5'%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%280%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%2872%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%28144%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%28216%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%28288%29'/%3E%3C/g%3E%3Ccircle r='8' fill='%23fbe9a6'/%3E%3C/svg%3E") !important}
.h2fx i.f2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cg fill='%23ffffff' stroke='%23e3dccf' stroke-width='1.5'%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%280%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%2872%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%28144%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%28216%29'/%3E%3Cellipse cx='0' cy='-24' rx='15' ry='24' transform='rotate%28288%29'/%3E%3C/g%3E%3Ccircle r='8' fill='%23fbe9a6'/%3E%3C/svg%3E") !important}
.h2fx i.p1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 60'%3E%3Cpath d='M20 2C34 16 36 40 20 58C4 40 6 16 20 2Z' fill='%23f9c6d6' stroke='%23f1a3bb' stroke-width='1.5'/%3E%3C/svg%3E") !important}
.h2fx i.p2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 60'%3E%3Cpath d='M20 2C34 16 36 40 20 58C4 40 6 16 20 2Z' fill='%23ffffff' stroke='%23e3dccf' stroke-width='1.5'/%3E%3C/svg%3E") !important}

.h2 .h2j span.h2v{font-size:1.02rem;line-height:1.55;font-weight:500;letter-spacing:.01em;margin-top:2px}
.h2a .btn{animation:h2bob 3.6s ease-in-out infinite;box-shadow:0 10px 22px rgba(15,106,127,.28)}
@keyframes h2bob{0%,100%{transform:translateY(0);box-shadow:0 10px 22px rgba(15,106,127,.28)}50%{transform:translateY(-5px);box-shadow:0 16px 26px rgba(15,106,127,.2)}}
@media (prefers-reduced-motion:reduce){.h2a .btn{animation:none}}

.h2 .h2j{position:relative;margin-top:2px;padding:0 4px 4px}
.h2 .h2j::before{content:"";position:absolute;left:-10%;right:-10%;top:-30px;bottom:-14px;background:radial-gradient(ellipse at 50% 28%,rgba(255,206,120,.30),rgba(255,206,120,.10) 45%,transparent 72%);pointer-events:none;z-index:-1}
.h2 .h2j span.h2v{font-family:var(--rf),Georgia,serif;font-size:1.08rem;line-height:1.7;font-weight:600;color:#0d5368;letter-spacing:.01em;position:relative;padding-top:20px}
html[lang=en] .h2 .h2j span.h2v{font-style:italic;font-weight:500;font-size:1.12rem}
.h2 .h2j span.h2v::before{content:"";display:block;width:132px;height:12px;margin:0 auto 12px;background:
 linear-gradient(90deg,transparent,#c9a24a) left center/54px 1px no-repeat,
 linear-gradient(90deg,#c9a24a,transparent) right center/54px 1px no-repeat,
 conic-gradient(from 45deg,#c9a24a 0 25%,transparent 0 50%,#c9a24a 0 75%,transparent 0) center/9px 9px no-repeat;
 transform:none}
.h2a .btn.pri{background:linear-gradient(135deg,#0f6a7f,#1f8d73);border:1.5px solid rgba(201,162,74,.85);box-shadow:0 0 0 4px rgba(201,162,74,.14),0 12px 24px rgba(15,106,127,.28);font-size:1.08rem;letter-spacing:.02em}
html[lang=gu] .h2a .btn.pri{font-size:1.32rem}

.h2fx i.f2,.h2fx i.p2{filter:drop-shadow(0 0 1.2px rgba(120,95,90,.55))}

html{overflow-x:visible}body{overflow-x:hidden}
.h2img{--hw:min(100vw,760px,calc(38vh * 1.247));width:var(--hw);margin-left:calc(50% - var(--hw)/2)}
.h2 .h2j::before{left:0;right:0;top:-34px;bottom:-34px;background:radial-gradient(closest-side at 50% 42%,rgba(255,206,120,.30) 0,rgba(255,206,120,.25) 18%,rgba(255,206,120,.17) 38%,rgba(255,206,120,.09) 58%,rgba(255,206,120,.035) 78%,rgba(255,206,120,0) 100%)}

.home2{min-height:0}
.h2 .h2j::before{bottom:-8px}
.h2a{margin:20px auto 8px}
.h2 .h2j span.h2v{padding-top:12px}
.h2 .h2j span.h2v::before{margin-bottom:8px}
.h2 .h2j .diya{margin:-22px auto -28px}
@media (max-height:780px){.h2img{--hw:min(100vw,760px,calc(33vh * 1.247))}.h2 .h2t{font-size:clamp(1.5rem,7.4vw,2.2rem)!important;margin-bottom:0}.h2 .h2j .diya{margin:-30px auto -34px}.h2a .btn{min-height:44px;padding:10px 20px}.h2a{margin-top:12px}}

/* v72: fit exactly, landscape/desktop layout, stronger bob */
body:has(.home2){overflow:hidden;height:100dvh}
.home2{height:calc(100dvh - 56px - var(--tab,69px) - env(safe-area-inset-bottom));max-height:calc(100dvh - 56px - var(--tab,69px));overflow:hidden;justify-content:space-evenly}
.h2img{--hw:min(100vw,760px,calc((100dvh - 460px) * 1.247));--hw:min(100vw,760px,max(calc(33dvh * 1.247),calc((100dvh - 430px) * 1.247)))}
@keyframes h2bob{0%,100%{transform:translateY(2px) scale(1);box-shadow:0 8px 16px rgba(15,106,127,.3),0 0 0 4px rgba(201,162,74,.14)}50%{transform:translateY(-11px) scale(1.035);box-shadow:0 24px 30px rgba(15,106,127,.16),0 0 0 8px rgba(201,162,74,.22)}}
.h2a .btn{animation:h2bob 2.6s ease-in-out infinite}
@media (min-aspect-ratio:11/10) and (min-width:640px){
 .home2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:2vw;align-items:center;justify-content:initial}
 .h2{display:contents}
 .h2img{grid-column:1;grid-row:1/6;--hw:min(52vw,calc((100dvh - 150px) * 1.247));width:var(--hw);margin:0 auto;align-self:center}
 .h2 .h2t{grid-column:2;grid-row:2;margin:0 0 6px!important;font-size:clamp(1.6rem,4vw,2.8rem)!important}
 .h2 .h2j{grid-column:2;grid-row:3}
 .h2a{grid-column:2;grid-row:4;margin:14px auto 0;max-width:340px}
}
@media (min-aspect-ratio:11/10) and (max-height:520px){
 .h2 .h2j .diya{transform:scale(.45);margin:-34px auto -40px}
 .h2 .h2j span.h2v{font-size:.92rem;padding-top:6px}.h2 .h2j span.h2v::before{display:none}
 .h2a .btn{min-height:40px;padding:8px 18px}
}
@media (min-aspect-ratio:11/10) and (min-width:640px){
 .h2img{--hw:min(100%,calc((100dvh - 150px) * 1.247));width:var(--hw);margin:0 auto}
 .h2img .h2gurus{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 52%,rgba(0,0,0,.75) 67%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.12) 92%,transparent 100%),linear-gradient(to right,transparent 0,rgba(0,0,0,.4) 4%,#000 12%,#000 88%,rgba(0,0,0,.4) 96%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 0,#000 52%,rgba(0,0,0,.75) 67%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.12) 92%,transparent 100%),linear-gradient(to right,transparent 0,rgba(0,0,0,.4) 4%,#000 12%,#000 88%,rgba(0,0,0,.4) 96%,transparent 100%);mask-composite:intersect}
}
body:has(.home2){box-sizing:border-box;max-height:100dvh}html:has(.home2){overflow:hidden;height:100%}
.h2fx i{top:4%}
@keyframes h2fall{0%{top:4%;opacity:0;transform:translateX(0) rotate(0)}7%{opacity:1}100%{top:100%;opacity:0;transform:translateX(var(--dx)) rotate(var(--r))}}
.home2{justify-content:flex-start}
.h2{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.h2img{flex:none}
.h2 .h2t{margin-top:auto!important}
.h2 .h2j{margin-top:auto}
.h2a{margin-top:auto;margin-bottom:10px}
@media (min-aspect-ratio:11/10) and (min-width:640px){
 .home2{align-content:center;align-items:center}
 .h2{display:contents}
 .h2 .h2t{margin-top:0!important}.h2 .h2j{margin-top:0}
 .h2a{margin:14px auto 0}
 .h2img .h2gurus{-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.4) 5%,#000 14%,#000 52%,rgba(0,0,0,.75) 67%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.12) 92%,transparent 100%),linear-gradient(to right,transparent 0,rgba(0,0,0,.4) 4%,#000 12%,#000 88%,rgba(0,0,0,.4) 96%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.4) 5%,#000 14%,#000 52%,rgba(0,0,0,.75) 67%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.12) 92%,transparent 100%),linear-gradient(to right,transparent 0,rgba(0,0,0,.4) 4%,#000 12%,#000 88%,rgba(0,0,0,.4) 96%,transparent 100%);mask-composite:intersect}
}
.h2a{margin-bottom:20px}
@media (min-aspect-ratio:11/10) and (min-width:640px){.h2a{margin-bottom:0}.home2{padding-top:6px;padding-bottom:10px}.h2img{--hw:min(100%,calc((100dvh - 190px) * 1.247))}}
@media (min-aspect-ratio:11/10) and (max-height:520px){.h2 .h2t{font-size:clamp(1.3rem,3.6vw,1.9rem)!important}.h2 .h2j .diya{margin:-40px auto -46px}}
.h2a{max-width:250px;padding-top:16px}
.h2a .btn{padding:10px 20px;min-height:46px}
@keyframes h2bob{0%,100%{transform:translateY(2px) scale(1);box-shadow:0 8px 16px rgba(15,106,127,.3),0 0 0 4px rgba(201,162,74,.14)}50%{transform:translateY(-5px) scale(1.015);box-shadow:0 18px 26px rgba(15,106,127,.18),0 0 0 7px rgba(201,162,74,.2)}}
@media (min-aspect-ratio:11/10) and (min-width:640px){.h2a{margin-top:30px;padding-top:0}}
@media (min-aspect-ratio:11/10) and (min-width:640px){
 body:has(.home2){background:radial-gradient(ellipse 62% 95% at 29% 46%,rgba(112,164,176,.95) 0,rgba(116,168,180,.82) 22%,rgba(140,185,195,.6) 42%,rgba(185,213,218,.34) 62%,rgba(225,236,236,.14) 80%,rgba(246,248,244,0) 100%),#f6f8f4}
 .home2{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:0}
 .h2img{--hw:min(100%,calc((100dvh - 96px) * 1.247));margin:0 auto}
 .h2 .h2t,.h2 .h2j,.h2a{justify-self:center}
}
@media (min-aspect-ratio:11/10) and (min-width:640px){
 .home2{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding-left:2vw;padding-right:2vw;box-sizing:border-box;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
 .h2img{--hw:min(100%,calc((100dvh - 80px) * 1.247))}
 body:has(.home2){background:radial-gradient(ellipse 60% 100% at 30% 48%,rgba(108,160,173,1) 0,rgba(112,164,176,.9) 25%,rgba(136,182,193,.68) 45%,rgba(180,210,216,.4) 64%,rgba(222,234,235,.16) 82%,rgba(246,248,244,0) 100%),#f6f8f4}
}
@media (min-aspect-ratio:11/10) and (min-width:640px){
 body:has(.home2){background:
  radial-gradient(ellipse 27% 46% at 80% 50%,#f7f9f5 0,#f7f9f5 40%,rgba(247,249,245,.92) 52%,rgba(247,249,245,.74) 63%,rgba(247,249,245,.5) 74%,rgba(247,249,245,.28) 84%,rgba(247,249,245,.1) 93%,rgba(247,249,245,0) 100%),
  linear-gradient(to bottom,#78a9b5 0,#8fbac4 45%,#b3d3d9 100%)}
 .h2img .h2gurus{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 3%,rgba(0,0,0,.3) 7%,rgba(0,0,0,.65) 12%,rgba(0,0,0,.9) 17%,#000 22%,#000 48%,rgba(0,0,0,.9) 57%,rgba(0,0,0,.7) 65%,rgba(0,0,0,.45) 74%,rgba(0,0,0,.22) 83%,rgba(0,0,0,.07) 92%,transparent 100%),linear-gradient(to right,transparent 0,rgba(0,0,0,.08) 3%,rgba(0,0,0,.3) 7%,rgba(0,0,0,.65) 12%,rgba(0,0,0,.9) 17%,#000 22%,#000 78%,rgba(0,0,0,.9) 83%,rgba(0,0,0,.65) 88%,rgba(0,0,0,.3) 93%,rgba(0,0,0,.08) 97%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 3%,rgba(0,0,0,.3) 7%,rgba(0,0,0,.65) 12%,rgba(0,0,0,.9) 17%,#000 22%,#000 48%,rgba(0,0,0,.9) 57%,rgba(0,0,0,.7) 65%,rgba(0,0,0,.45) 74%,rgba(0,0,0,.22) 83%,rgba(0,0,0,.07) 92%,transparent 100%),linear-gradient(to right,transparent 0,rgba(0,0,0,.08) 3%,rgba(0,0,0,.3) 7%,rgba(0,0,0,.65) 12%,rgba(0,0,0,.9) 17%,#000 22%,#000 78%,rgba(0,0,0,.9) 83%,rgba(0,0,0,.65) 88%,rgba(0,0,0,.3) 93%,rgba(0,0,0,.08) 97%,transparent 100%)}
}
.mtog{position:fixed;right:14px;bottom:calc(var(--tab,68px) + 14px + env(safe-area-inset-bottom));z-index:60;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(201,162,74,.7);background:rgba(255,253,246,.97);color:#0f6a7f;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 4px 14px rgba(8,63,85,.18);transition:opacity .2s,transform .15s;-webkit-tap-highlight-color:transparent}
.mtog svg{width:20px;height:20px}
.mtog.off{opacity:.62;color:#6b7f86}
.mtog:active{transform:scale(.92)}
@media (min-width:900px){.mtog{bottom:18px;right:18px}}
/* header profile avatar: match the language pill */
.top .tools .pill.prof{padding:0;width:38px;height:38px;min-height:38px;border:1px solid var(--line);background:var(--paper);display:inline-grid;place-items:center}
.top .tools .pill.prof .avatar{width:30px;height:30px;font-size:.9rem;background:#0e5a72}
/* bottom nav: solid, no backdrop blur (iOS paints blurred fixed bars mid-screen while scrolling), own layer */
.tabs{background:#fffdf8;-webkit-backdrop-filter:none;backdrop-filter:none}
#loginb.in.prof{background:var(--paper);border:1px solid var(--line);color:#0e5a72;width:36px;height:36px;min-height:36px;padding:0}
#loginb.in.prof .avatar{width:26px;height:26px;font-size:.85rem}
/* address block + who cards */
.cb{position:relative}.cb input{padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23799' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.cbl{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:50;max-height:220px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px rgba(14,60,70,.18);-webkit-overflow-scrolling:touch}
.cbo{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:11px 14px;font:inherit;font-size:.95rem;color:var(--ink);border-bottom:1px solid #eef3f3}
.cbo:last-child{border-bottom:0}.cbo small{color:#6b8088;font-size:.78rem;white-space:nowrap}
.adr-n{font-size:.84rem;margin:6px 0 0}
.who{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 4px}
.who button{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:20px 10px;border-radius:18px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;box-shadow:0 6px 18px rgba(14,60,70,.08)}
.who button b{font-size:1.05rem;color:#0e5a72}.who button span{font-size:.82rem;color:#5b7078;line-height:1.35}.who .wi{font-size:1.6rem;line-height:1}
.who button.on{border-color:#1f7a66;box-shadow:0 0 0 3px rgba(31,122,102,.15)}
.mine{font-size:.92rem;line-height:1.6;background:#f1f7f6;border:1px solid #d4e3e4;border-radius:14px;padding:12px 14px;margin:12px 0 4px}
.mine b{color:#0e5a72}
.cb.nodd input{background-image:none;padding-right:14px!important}
/* date field: keep the native picker inside the field on iOS */
input[type=date].in,input[type=date]{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;min-height:50px;overflow:hidden;text-align:left;line-height:1.3}
input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.3em;margin:0;padding:0}
input[type=date]::-webkit-calendar-picker-indicator{margin:0 0 0 6px;padding:0;flex:none}
input[type=date]::-webkit-datetime-edit{padding:0;max-width:100%}

/* ---- satsang dashboard ---- */
.dc-seg{margin:12px 0 4px}.dc-seg button{padding:10px 4px;font-size:.92rem}
.dc-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 6px}
.dc-nav b{font-size:1.05rem;text-align:center;flex:1}.dc-nav.one{justify-content:center}
.dc-nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:1.5rem;line-height:1;color:var(--maroon2);box-shadow:var(--sh)}
.dc-nav button:disabled{opacity:.35}
.dc-cust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}
.dc-cust label{display:block;font-weight:700;font-size:.9rem;color:var(--ink2);min-width:0}
.dc-cust input{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:6px;min-height:48px;padding:0 10px;border:1px solid var(--line);border-radius:14px;background:var(--paper);font:inherit;-webkit-appearance:none;appearance:none}
.dc-hero{text-align:center;margin-top:10px;background:linear-gradient(135deg,var(--maroon2),var(--saffron));color:#fff;border:0}
.dc-hero .muted{color:rgba(255,255,255,.85)}
.dc-big{font-size:2.3rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.dc-kv{margin:10px 0}.dc-kv .card{padding:14px 6px}
.dc-sm{font-size:1.05rem!important;line-height:1.25}
.dc-h{margin:22px 0 8px;font-size:1.15rem}
.dc-card{padding:14px 10px}
.dc-chart{display:flex;align-items:flex-end;gap:4px;height:150px}
.dc-b{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;height:100%}
.dc-col{flex:1;width:100%;display:flex;align-items:flex-end}
.dc-col i{display:block;width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--saffron),var(--maroon))}
.dc-col i.z{height:2px!important;background:var(--line)}
.dc-b span{font-size:.72rem;color:var(--muted);height:16px;line-height:16px;margin-top:4px;white-space:nowrap}
.dc-chart.thin{gap:2px}.dc-chart.thin .dc-col i{border-radius:3px 3px 1px 1px}
.dc-max{font-size:.82rem;margin-top:8px;text-align:right}
.dc-mods{display:grid;gap:10px}.dc-m{padding:6px 14px}
.dc-mh{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;padding:10px 0;text-align:left;font:inherit;color:inherit}
.dc-mi{font-size:1.5rem;flex:none}
.dc-mt{flex:1;min-width:0}.dc-mt b{display:block;font-size:1.02rem}
.dc-mv{flex:none;text-align:right;display:flex;flex-direction:column;font-size:.95rem}
.dc-ch{flex:none;color:var(--muted);font-size:.9rem}
.dc-subs{border-top:1px dashed var(--line);padding:8px 0 10px 40px;display:grid;gap:8px}
.dc-s{display:flex;justify-content:space-between;gap:10px;font-size:.95rem}
.dc-note{font-size:.85rem;margin:18px 0 6px;line-height:1.5}
.dc-load{text-align:center;margin-top:12px}
.dc-max{text-align:left;padding-left:4px}
.dc-mh{padding:14px 0}
.dc-mt b{font-size:1.08rem}
.dc-chart+.dc-max{margin-top:10px}
.dc-note{padding-bottom:70px}
.dc-mv{max-width:46%}.dc-mv b{line-height:1.25}
.dc-s b{text-align:right}
.dc-big{font-size:2.1rem}
.dc-sm{font-size:.98rem!important}
/* dashboard palette: peacock + saffron */
.dc-hero{background:radial-gradient(120% 90% at 100% 0%,rgba(240,150,50,.55),rgba(240,150,50,0) 55%),radial-gradient(90% 80% at 0% 100%,rgba(212,82,30,.35),rgba(212,82,30,0) 60%),linear-gradient(145deg,#073a47 0%,#0b5560 55%,#12706f 100%);box-shadow:0 14px 34px rgba(7,58,71,.28),inset 0 0 0 1px rgba(233,196,106,.35)}
.dc-hero .dc-big{color:#fff3dc;text-shadow:0 1px 10px rgba(0,0,0,.18)}
.dc-hero .muted{color:rgba(255,236,205,.88);letter-spacing:.04em}
.dc-kv .card{background:linear-gradient(180deg,#fffaf0,#fff6e6);border:1px solid #f0dcb8;border-top:3px solid #e8751a;box-shadow:0 6px 18px rgba(200,100,30,.10)}
.dc-kv .card:nth-child(even){border-top-color:#0f6b73}
.dc-kv .big-num{color:#0a4a55}
.dc-kv .card .muted{color:#9a6a3a}
.dc-card{background:linear-gradient(180deg,#fffdf8,#fff7ea);border:1px solid #f0dcb8;box-shadow:0 8px 22px rgba(200,100,30,.09)}
.dc-col i{background:linear-gradient(180deg,#f4a940 0%,#e8751a 55%,#c9441c 100%);box-shadow:0 2px 8px rgba(200,80,30,.22)}
.dc-col i.z{background:#ecd9b6;box-shadow:none}
.dc-b span{color:#8a6a4a}
.dc-max{color:#0f6b73;font-weight:600}
.dc-h{color:#0a4a55}
.dc-m{background:linear-gradient(180deg,#fffdf8,#fff8ec);border:1px solid #f0dcb8;border-left:4px solid #e8751a;box-shadow:0 6px 18px rgba(200,100,30,.08)}
.dc-m:nth-child(3n+2){border-left-color:#0f6b73}
.dc-m:nth-child(3n){border-left-color:#c9441c}
.dc-mt b{color:#073a47}
.dc-mv b{color:#073a47}
.dc-mv .muted,.dc-mv span{color:#c9641c}
.dc-ch{color:#e8751a}
.dc-subs{border-top:1px dashed #e9cf9f}
.dc-s{color:#5a4636}.dc-s b{color:#0a4a55}
.dc-note{color:#9a7a58}
.dc-hero{background:radial-gradient(70% 70% at 100% 0%,rgba(244,160,70,.30),rgba(244,160,70,0) 70%),linear-gradient(145deg,#073a47 0%,#0b5560 55%,#12706f 100%)}
.dc-kv .card{border-top:1px solid #f0dcb8;position:relative;overflow:hidden}
.dc-kv .card:nth-child(even){border-top-color:#f0dcb8}
.dc-kv .card::before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:#e8751a}
.dc-kv .card:nth-child(even)::before{background:#0f6b73}
.dc-m{border-left:1px solid #f0dcb8;position:relative}
.dc-m::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:#e8751a}
.dc-m:nth-child(3n+2)::before{background:#0f6b73}
.dc-m:nth-child(3n)::before{background:#c9441c}
/* dashboard: warm saffron palette only */
.dcp .eyebrow{color:#c26a12}
.dcp h1,.dcp .dc-h,.dcp .dc-mt b,.dcp .dc-mv b,.dcp .dc-s b,.dcp .dc-kv .big-num,.dcp .dc-nav b{color:#5a2d0c}
.dcp .dc-seg{background:#f8ead0}
.dcp .dc-seg button{color:#8a5a2b}
.dcp .dc-seg button.on,.dcp .dc-seg button[aria-pressed=true],.dcp .dc-seg .on{background:#fffaf0;color:#5a2d0c;box-shadow:0 2px 8px rgba(200,120,30,.18)}
.dcp .dc-nav button{color:#c26a12;border-color:#f0dcb8}
.dcp .dc-hero{background:radial-gradient(75% 80% at 100% 0%,rgba(255,214,130,.45),rgba(255,214,130,0) 70%),linear-gradient(145deg,#b45a0c 0%,#e07b16 55%,#f2a73a 100%);box-shadow:0 14px 34px rgba(190,100,20,.30),inset 0 0 0 1px rgba(255,230,170,.45)}
.dcp .dc-hero .dc-big{color:#fffaf0;text-shadow:0 1px 10px rgba(120,50,0,.25)}
.dcp .dc-hero .muted{color:rgba(255,246,225,.92)}
.dcp .dc-kv .card::before,.dcp .dc-m::before{background:#e8751a}
.dcp .dc-kv .card:nth-child(even)::before,.dcp .dc-m:nth-child(3n+2)::before{background:#d9a021}
.dcp .dc-m:nth-child(3n)::before{background:#f0952a}
.dcp .dc-col i{background:linear-gradient(180deg,#f8c35a 0%,#f0952a 55%,#dd7a12 100%);box-shadow:0 2px 8px rgba(220,130,20,.22)}
.dcp .dc-col i.z{background:#ecd9b6;box-shadow:none}
.dcp .dc-max{color:#b3601a}
.dcp .dc-mv .muted,.dcp .dc-mv span,.dcp .dc-ch{color:#d9801f}
.dcp .dc-subs{border-top-color:#ebd29f}
.dcp .dc-s{color:#6b4a2d}
.dcp .dc-kv .card .muted{color:#9a6a3a}
.dcp .dc-m,.dcp .dc-m:nth-child(n){border-left-color:#f0dcb8}
/* mantrajaap */
.jp-hl{margin:12px 0 14px;padding:16px 16px 14px;border-radius:18px;background:linear-gradient(135deg,#fff3df,#fbe3bf);border:1px solid var(--gold2);box-shadow:var(--sh)}
.jp-hl>span{display:inline-block;font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--saffron),#d45d12);padding:5px 12px;border-radius:999px}
.jp-hl p{margin:10px 0 0;color:var(--ink2);line-height:1.6}
.jp-tapw{text-align:center;margin:8px 0 6px}
.jp-ring{display:inline-grid;place-items:center;width:248px;height:248px;border-radius:50%;background:radial-gradient(circle,#fff8ea 60%,#fbe3bf 100%);border:2px solid var(--gold2);box-shadow:var(--sh)}
.jp-tap{width:210px;height:210px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 28%,#f8b955,#e8751a 62%,#d45d12);color:#fff;box-shadow:0 12px 28px rgba(232,117,26,.4),inset 0 2px 0 rgba(255,255,255,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:transform .08s}
.jp-tap:active{transform:scale(.95)}
.jp-mt{font-size:1.05rem;opacity:.92;font-weight:600}.jp-lb{font-size:1.7rem;font-weight:800;line-height:1.2}
.jp-mala{margin:14px auto 0;max-width:300px;font-size:.95rem;color:var(--ink2)}.jp-mala b{color:var(--maroon2)}
.jp-pb{height:8px;border-radius:99px;background:#f1e3c8;overflow:hidden;margin-top:8px}.jp-pb i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f8b955,#e8751a);transition:width .25s}
.jp-pb.big{height:14px}
.jp-sts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 4px}
.jp-st{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px 8px;text-align:center;box-shadow:var(--sh)}
.jp-st b{display:block;font-size:1.5rem;color:var(--maroon2);font-weight:800;line-height:1.2}.jp-st span{font-size:.85rem;color:var(--muted)}
.jp-c{padding:16px}.jp-goal{font-size:.95rem;color:var(--ink2)}.jp-goal b{color:var(--maroon2)}
.jp-line{margin:12px 0 4px;font-size:1.02rem;line-height:1.6}.jp-line b{color:#c2570f}
.jp-mini{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85rem;color:var(--muted);margin-top:6px}.jp-mini b{color:var(--ink)}
.jp-bs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jp-b{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.jp-b.on{border-color:var(--gold2);background:linear-gradient(180deg,#fffdf8,#fff3df)}
.jp-b b{font-size:1rem;color:var(--maroon2);line-height:1.25}.jp-sub{font-size:.74rem;color:var(--muted);line-height:1.2;margin-top:-3px}.jp-lk{font-size:.8rem;color:var(--muted)}
.jp-sh{border:1.5px solid var(--gold2);background:#fff;border-radius:999px;padding:8px 10px;font:inherit;font-size:.82rem;font-weight:700;color:var(--maroon2);min-height:38px}
.jp-ce{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;margin-bottom:10px}.jp-ce>div{flex:1;min-width:0}.jp-ce .jp-pb{max-width:240px}
.jp-ce.on{border-color:var(--gold2);background:linear-gradient(180deg,#fffdf8,#fff3df)}.jp-cb{padding:10px 16px;min-height:42px;font-size:.92rem}
a.card.lvl[href="#/seva/jaap"]{border-color:var(--gold2);background:linear-gradient(135deg,#fffdf8,#fff3df)}
.jp-hl>span{background:linear-gradient(135deg,#f0952a,#d45d12)}

.jp-vc{padding:16px;margin-top:18px}.jp-vh{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.jp-vh b{font-size:1.15rem;color:var(--maroon2)}.jp-vh span{font-size:.85rem;color:var(--ink2)}
.jp-vp{margin:8px 0 10px;font-size:.95rem;color:var(--ink2);line-height:1.5}
.jp-priv{display:flex;gap:10px;align-items:flex-start;background:#fff4de;border:1px solid #f0d9a8;border-radius:12px;padding:10px 12px;font-size:.88rem;color:#6b4a14;line-height:1.45}.jp-priv svg{flex:none;margin-top:2px;color:#c9972b}
.jp-vm{height:10px;border-radius:99px;background:#f1e3c8;overflow:hidden;margin-top:12px}.jp-vm i{display:block;height:100%;width:0;border-radius:99px;background:#f0c57a;transition:width .08s}.jp-vm i.on{background:linear-gradient(90deg,#f8b955,#e8751a)}
.jp-vs{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:.92rem;color:var(--ink2)}.jp-vs b{color:var(--maroon2)}.jp-live{width:100%;color:#b35b0c;font-weight:600}
.jp-vg{margin-top:16px;padding-top:14px;border-top:1px solid #f0e2c6}
.jp-nc{padding:16px;margin-top:6px}.jp-nc .jp-tapw{margin-top:10px}.jp-nc .jp-sts{margin-top:14px}.jp-nt{margin:10px 2px 0;font-size:.85rem;color:var(--ink2)}

/* Mantrajaap tab: raised centre button */
.tabs{grid-template-columns:repeat(5,1fr)!important;overflow:visible!important}
.tabs a[data-k=jaap]{overflow:visible}
.tabs a[data-k=jaap]:before{display:none!important}
.tabs a[data-k=jaap] svg{width:50px!important;height:50px!important;padding:12px;border-radius:50%;margin-top:-26px;margin-bottom:1px;color:#fff!important;background:linear-gradient(145deg,#f6b445,#e8751a 70%,#d45d12);border:3px solid #fffdf8;box-shadow:0 8px 18px rgba(212,93,18,.45),0 0 0 1px #f0d9a8;box-sizing:border-box}
.tabs a[data-k=jaap] span{color:#b35b0c!important;font-weight:800!important}
.tabs a[data-k=jaap].on span{color:#7a1f2b!important}
.tabs a[data-k=jaap].on svg{box-shadow:0 8px 18px rgba(212,93,18,.55),0 0 0 3px #f6d9a0}
.jp-nm{margin:10px 0 0;padding:9px 12px;border-radius:12px;background:#fff4de;border:1px solid #f0d9a8;color:#6b4a14;font-size:.9rem}
.jp-dbg{margin-top:12px;padding:10px;border:1px dashed #c9a35a;border-radius:12px;background:#fffaf0;font-size:.8rem}.jp-dbg pre{margin:8px 0 0;white-space:pre-wrap;word-break:break-word;font:11px/1.45 ui-monospace,Menlo,monospace;color:#4a3a1a;max-height:300px;overflow:auto}
.jp-ptt{min-height:68px;font-size:1.05rem;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.jp-ptt.on{background:linear-gradient(135deg,#e8861f,#d4620f);color:#fff;border:0;box-shadow:0 0 0 6px rgba(232,134,31,.22)}

.jp-hl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.jp-hl p{display:none}
.jp-i{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--gold2);background:#fff8ea;color:var(--maroon2);font:italic 700 .95rem Georgia,serif;line-height:1;display:inline-grid;place-items:center;flex:none;cursor:pointer;padding:0}
.jp-info{flex-basis:100%;width:100%}.jp-info[hidden]{display:none}.jp-info p{margin:8px 0 0!important;display:block!important;font-size:.9rem;line-height:1.55;color:var(--ink2)}
.jp-vh{flex-wrap:wrap;align-items:center}.jp-vh .jp-info{order:3}
.jp-nc .jp-tapw,.jp-vc .jp-tapw{margin:14px 0 6px}
.jp-ptt{min-height:210px!important;font-size:1rem;touch-action:none}.jp-ptt.on{transform:scale(.96);box-shadow:0 0 0 8px rgba(232,134,31,.25),0 12px 28px rgba(232,117,26,.4),inset 0 2px 0 rgba(255,255,255,.35)!important}
.jp-dbg{font-size:.78rem;color:var(--ink2);font-variant-numeric:tabular-nums}

.jp-big{text-align:center;font-size:3rem;font-weight:800;line-height:1;color:var(--maroon2);margin:10px 0 0;font-variant-numeric:tabular-nums}.jp-big.bump{animation:jpb .35s ease-out}@keyframes jpb{0%{transform:scale(1.35);color:#e8751a}100%{transform:scale(1)}}

.gh{font-size:.8rem;letter-spacing:.06em;color:var(--muted,#8a7a5a);margin:18px 0 4px;font-weight:700}
.gv{margin:0 0 14px;line-height:1.85;position:relative;padding-left:1.7em}
.gv .gn{position:absolute;left:0;top:.15em;font-size:.72rem;opacity:.55}
.gc{margin-top:22px;font-style:normal;opacity:.85}

.qrow{display:flex;gap:10px;align-items:center;margin-top:14px}
.qmic{flex:0 0 52px;width:52px;height:52px;border-radius:50%;border:1.5px solid var(--gold2);background:var(--paper);color:var(--maroon2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s}
.qmic:active{transform:scale(.95)}
.qmic[disabled]{opacity:.5}
.qmic.on{background:#c62828;border-color:#c62828;color:#fff;animation:qpulse 1.2s infinite}
@keyframes qpulse{0%{box-shadow:0 0 0 0 rgba(198,40,40,.5)}100%{box-shadow:0 0 0 14px rgba(198,40,40,0)}}

/* Nirnay calendar */
.calBar{display:flex;align-items:center;gap:8px;margin:18px 0 12px}
.calMon{font-weight:800;font-size:1.15rem;flex:1;text-align:center}
.calNav{min-width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--paper);font-size:1.4rem;font-weight:700;cursor:pointer;color:inherit}
.calToday{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:11px 14px;font-weight:700;cursor:pointer;color:inherit;font-size:.85rem}
.calDow{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.75rem;font-weight:700;opacity:.6;margin-bottom:4px}
.calGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.calCell{aspect-ratio:1;border:0;background:transparent;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.95rem;font-weight:600;cursor:pointer;color:inherit;padding:0}
.calCell.has{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.calCell.off{cursor:default}
.calCell.today{box-shadow:inset 0 0 0 2px var(--maroon2)}
.calCell.sel{background:var(--maroon2);color:#fff;box-shadow:none}
.calCell.sel .calDot{background:#fff}
.calDots{display:flex;gap:3px;margin-top:2px;height:5px}
.calDot{width:5px;height:5px;border-radius:50%;background:#8d6e63}
.calDot.imp{background:var(--maroon2)}
.calEv{padding:12px 14px;border-radius:14px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);margin-top:8px;border-left:4px solid #8d6e63}
.calEv.imp{border-left-color:var(--maroon2)}
.calUp{margin-top:16px;padding:14px 16px;border-radius:16px;background:var(--maroon2);color:#fff}
.calUp .calUpT{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.calUp .calUpB{font-weight:700;margin-top:4px;line-height:1.45}
/* floating frosted-glass nav pill (Instagram-style) + elastic scroll-shrink */
.tabs{left:26px;right:26px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:999px;border:1px solid rgba(201,162,74,.30);background:rgba(255,252,246,.97);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 34px rgba(91,21,32,.20);padding:4px 6px}
.toast{bottom:calc(var(--tab) + 34px + env(safe-area-inset-bottom))}
.mtog{bottom:calc(var(--tab,68px) + 32px + env(safe-area-inset-bottom))}
.dplay{bottom:calc(var(--tab) + 28px + env(safe-area-inset-bottom))}

/* floating nav: white frosted pill - dark icons with white glow stay legible over any content */
.tabs a{background:transparent;box-shadow:none;border-radius:999px;margin:3px 3px;color:#3a2e26}
.tabs a svg{color:#3a2e26;filter:drop-shadow(0 0 5px rgba(255,255,255,.85))}
.tabs a span{text-shadow:0 0 6px rgba(255,255,255,.9),0 0 2px rgba(255,255,255,.9)}
.tabs a.on{background:rgba(122,31,43,.09);color:var(--maroon2)}
.tabs a.on svg{color:var(--maroon2)}
.tabs a[data-k=jaap]{background:transparent}
.tabs a[data-k=jaap] span{background:transparent;box-shadow:none;text-shadow:0 0 6px rgba(255,255,255,.9);color:#b35b0c!important}
.tabs a[data-k=jaap].on span{color:#7a1f2b!important}

/* ---- DARK THEME: follows device by default, manual override in Settings. Light theme above untouched. ---- */
html[data-theme="dark"]{--cream:#0f0d0b;--cream2:#1c1815;--paper:#181410;--ink:#f4ead9;--ink2:#dcc9ac;--muted:#b09a7d;--line:#2b241e;--saffron:#f39a3d;--saffron2:#f8b04a;--maroon:#eab267;--maroon2:#f3d7a3;--gold:#d9a21b;--gold2:#ecc96f;--ok:#6fc488;--bad:#e5857a;--bg:#0f0d0b;--sh:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);--sh2:0 16px 48px rgba(0,0,0,.55)}
html[data-theme="dark"] a{color:#eab267}
html[data-theme="dark"] .top{background:rgba(15,13,11,.92)}
html[data-theme="dark"] .tag.ok{background:#1c2e22;color:var(--ok)}
html[data-theme="dark"] .tag.lock{background:#2a231b;color:var(--muted)}
html[data-theme="dark"] .tag.now{background:#33270f;color:#f8b04a}
html[data-theme="dark"] .keys div{background:#2a2113;border-color:#3a2f22}
html[data-theme="dark"] .opt.sel{background:#2c2414;border-color:var(--saffron)}
html[data-theme="dark"] .opt.right{background:#1b2c20}
html[data-theme="dark"] .fb.ok{background:#1b2c20}
html[data-theme="dark"] .fb.no{background:#331c18}
html[data-theme="dark"] .reader .verse .n{background:#33270f;color:#f8b04a}
html[data-theme="dark"] .search,html[data-theme="dark"] input.in,html[data-theme="dark"] textarea.in,html[data-theme="dark"] select.in{background:#2a2113;color:var(--ink)}
/* corners: warm jewel tiles, no blue/teal */
html[data-theme="dark"] .feat-c.t1{background:#332114}
html[data-theme="dark"] .feat-c.t2{background:#33290f}
html[data-theme="dark"] .feat-c.t3{background:#331f1a}
html[data-theme="dark"] .feat-c.t4{background:#311f26}
html[data-theme="dark"] .feat-c.t5{background:#22301e}
html[data-theme="dark"] .feat-c .ic{background:rgba(255,255,255,.09);color:#ecc96f}
html[data-theme="dark"] .feat-c.t1 .ic{color:#f0a35e}
html[data-theme="dark"] .feat-c.t2 .ic{color:#ecc96f}
html[data-theme="dark"] .feat-c.t3 .ic{color:#e08872}
html[data-theme="dark"] .feat-c.t4 .ic{color:#dd82a0}
html[data-theme="dark"] .feat-c.t5 .ic{color:#7cbf82}
html[data-theme="dark"] .feat-c.solid{background:linear-gradient(135deg,#5c1f14 0%,#7a2b1d 55%,#a34a1f 100%)}
html[data-theme="dark"] .feat-c.solid .ic{color:#f6d77a;background:rgba(255,255,255,.12)}
html[data-theme="dark"] .feat-c:after{background:rgba(0,0,0,.18)}
/* maroon-amber actions replace teal */
html[data-theme="dark"] .btn.pri,html[data-theme="dark"] .btn.primary{background:linear-gradient(135deg,#7a2b1d,#b2541f);color:#ffe9c9}
html[data-theme="dark"] .dctl .dplay-b,html[data-theme="dark"] .dplay-b{background:linear-gradient(135deg,#7a2b1d,#b2541f);color:#ffe9c9;box-shadow:0 6px 16px rgba(0,0,0,.5)}
html[data-theme="dark"] .bar i{background:linear-gradient(90deg,#b2541f,#d9a21b)}
html[data-theme="dark"] .chip.on{background:#7a2b1d;color:#ffe9c9}
html[data-theme="dark"] .dgt button.on{background:#a34a1d;color:#ffe9c9}
html[data-theme="dark"] .gpb summary{background:#7a2b1d;color:#ffe9c9;box-shadow:0 2px 8px rgba(0,0,0,.4)}
html[data-theme="dark"] .gpb details[open] summary{background:#5c1f14}
html[data-theme="dark"] .avatar,html[data-theme="dark"] .gpn{background:#7a2b1d;color:#ffe9c9}
html[data-theme="dark"] .crow.t0{background:#6b2417;color:#ffe9c9}
html[data-theme="dark"] .gpb dt{color:#eab267}
html[data-theme="dark"] .set-tg input,html[data-theme="dark"] .dpl input[type=range]{accent-color:#f39a3d}
html[data-theme="dark"] .ksic,html[data-theme="dark"] h1 .ksh,html[data-theme="dark"] h2 .ksh,html[data-theme="dark"] h3 .ksh{color:#ecc96f}
html[data-theme="dark"] #vb .para:first-child::first-letter{color:#ecc96f}
html[data-theme="dark"] .top .tools .pill.prof .avatar{background:#7a2b1d;color:#ffe9c9}
html[data-theme="dark"] #loginb.in.prof{color:#eab267}
html[data-theme="dark"] .who button b,html[data-theme="dark"] .mine b{color:#f3d7a3}
html[data-theme="dark"] .who button span{color:#b09a7d}
html[data-theme="dark"] .helpbtn{background:linear-gradient(135deg,#2a2113,#332712)}
html[data-theme="dark"] .h2logo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}
html[data-theme="dark"] .crow{background:#1a1512;color:var(--ink)}
html[data-theme="dark"] .crow.t2{background:#1c1a15}
html[data-theme="dark"] .cic{background:rgba(255,255,255,.08);color:#ecc96f}
html[data-theme="dark"] .gpb img{background:#1a1512}
html[data-theme="dark"] .lgc input,html[data-theme="dark"] .lgc textarea{background:#1a1512;border-color:#2b241e;color:var(--ink)}
html[data-theme="dark"] .gfb{background:#1a1512;border-color:#2b241e;color:var(--ink)}
html[data-theme="dark"] .bk{background:#1a1512;box-shadow:0 1px 3px rgba(0,0,0,.4)}
html[data-theme="dark"] .bk .bkcov:before{border-color:rgba(217,162,27,.4)}
html[data-theme="dark"] .bk.cov-sha .bkcov{background:linear-gradient(160deg,#241809 0%,#32200d 50%,#452d11 100%)}
html[data-theme="dark"] .bk.cov-sha .bkcov b{color:#f3d7a3}
html[data-theme="dark"] .bk.cov-sv .bkcov{background:linear-gradient(160deg,#2b1408 0%,#3d1d0d 50%,#54260f 100%)}
html[data-theme="dark"] .bk.cov-sv .bkcov:before{border-color:rgba(217,140,80,.4)}
html[data-theme="dark"] .bk.cov-sv .bkcov b{color:#f0c19a}
html[data-theme="dark"] .bk.cov-av .bkcov{background:linear-gradient(160deg,#161d0a 0%,#1f2810 50%,#2c3a15 100%)}
html[data-theme="dark"] .bk.cov-av .bkcov:before{border-color:rgba(150,170,80,.4)}
html[data-theme="dark"] .bk.cov-av .bkcov b{color:#d7e3a8}
html[data-theme="dark"] .bk.cov-vach .bkcov{background:linear-gradient(160deg,#281114 0%,#3a181d 50%,#4e2026 100%)}
html[data-theme="dark"] .bk.cov-vach .bkcov:before{border-color:rgba(200,120,120,.4)}
html[data-theme="dark"] .bk.cov-vach .bkcov b{color:#eec2c2}
html[data-theme="dark"] .bk.cov-div .bkcov{background:linear-gradient(160deg,#211a0d 0%,#2c2413 50%,#3b3018 100%)}
html[data-theme="dark"] .bk.cov-gita .bkcov{background:linear-gradient(160deg,#5e1622 0%,#46101b 50%,#340a13 100%)}
html[data-theme="dark"] .bk.cov-gita .bkcov:before{border-color:rgba(217,162,27,.5)}
html[data-theme="dark"] .bk.cov-gita .bkcov b{color:#f0cf95}
html[data-theme="dark"] .bk.cov-gita .bkcov .bksub{color:#eccb78}
html[data-theme="dark"] .bk.cov-gita .bkcov .bkder{color:#e8bcbc}
html[data-theme="dark"] .bk.cov-div .bkcov b{color:#e3d0a0}
html[data-theme="dark"] .bk img{background:#1a1512}
html[data-theme="dark"] .backb{background:#1a1512;color:#ecc96f;box-shadow:0 1px 3px rgba(0,0,0,.5)}
html[data-theme="dark"] .dpl{background:#1a1512;box-shadow:0 1px 3px rgba(0,0,0,.4)}
html[data-theme="dark"] .dsk{background:#2a2113;border-color:#3a2f22;color:#ecc96f}
html[data-theme="dark"] .dg{background:#1a1512;box-shadow:0 1px 3px rgba(0,0,0,.4)}
html[data-theme="dark"] .dgt button{background:#2a2113;color:#ecc96f}
html[data-theme="dark"] .mtog{background:rgba(38,29,18,.85);color:#ecc96f;border-color:rgba(233,196,106,.5)}
html[data-theme="dark"] .toast{background:#3a2c14;color:#f3d7a3;border:1px solid rgba(233,196,106,.4)}
html[data-theme="dark"] .skip:focus{background:#1a1512}
/* jaap: warm surfaces, saffron accents */
html[data-theme="dark"] .jp-hl{background:linear-gradient(135deg,#211b16,#33281a)}
html[data-theme="dark"] .jp-ring{background:radial-gradient(circle,#211b16 60%,#33281a 100%)}
html[data-theme="dark"] .jp-pb,html[data-theme="dark"] .jp-vm{background:#3a2d1c}
html[data-theme="dark"] .jp-vm i{background:#8a6a34}
html[data-theme="dark"] .jp-b.on,html[data-theme="dark"] .jp-ce.on{background:linear-gradient(180deg,#33281a,#211b16)}
html[data-theme="dark"] .jp-sh{background:#2a2113}
html[data-theme="dark"] a.card.lvl[href="#/seva/jaap"]{background:linear-gradient(135deg,#211b16,#33281a)}
html[data-theme="dark"] .jp-priv{background:#211b16;border-color:#3a2f22;color:#e0c494}
html[data-theme="dark"] .jp-priv svg{color:#d9a21b}
html[data-theme="dark"] .jp-vg{border-top-color:#2b241e}
html[data-theme="dark"] .jp-live{color:#f39a3d}
html[data-theme="dark"] .jp-line b{color:#f8b04a}
/* dark theme: Instagram-style dark frosted nav pill (saved preset deploy/nav-preset-dark.css) */
html[data-theme="dark"] .tabs{border:1px solid rgba(255,255,255,.14);background:rgba(18,15,22,.95);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 34px rgba(0,0,0,.5)}
html[data-theme="dark"] .tabs a{color:rgba(255,255,255,.78)}
html[data-theme="dark"] .tabs a svg{color:rgba(255,255,255,.78);filter:none}
html[data-theme="dark"] .tabs a span{text-shadow:none}
html[data-theme="dark"] .tabs a.on{background:rgba(255,255,255,.16);color:#fff}
html[data-theme="dark"] .tabs a.on svg{color:#fff}
html[data-theme="dark"] .tabs a[data-k=jaap] span{color:#f2d5a0!important;text-shadow:none}
html[data-theme="dark"] .tabs a[data-k=jaap].on span{color:#ffd98c!important}
html[data-theme="dark"] .h2t{color:#f2d5a0}
html[data-theme="dark"] .h2j{color:#dbb04f}
html[data-theme="dark"] .h2 .h2j span.h2v{color:#dbb04f}
html[data-theme="dark"] .stp{border-top-color:rgba(233,196,106,.18)!important}
html[data-theme="dark"] .stpn{background:#7a2b1d!important;color:#ffe9c9!important}
html[data-theme="dark"] .stpi{color:#ecc96f!important;background:rgba(233,196,106,.10)!important}
html[data-theme="dark"] .addpill{color:#ecc96f!important;border-color:#ecc96f!important}
/* dark: warm icon chips (learning/seva/gyan lists) */
html[data-theme="dark"] .lvl .num{background:linear-gradient(135deg,#33271a,#2a2013);border-color:#3a2f22}
html[data-theme="dark"] .opt.wrong{background:#331c18}
html[data-theme="dark"] .mine{background:#1c1a15;border-color:#2b241e}
html[data-theme="dark"] .tabs a:before{background:rgba(255,255,255,.14)}
html[data-theme="dark"] .bk img{background:#1a1512}
/* dark: daily-content cards lose the cream */
html[data-theme="dark"] .dc-kv .card{background:linear-gradient(180deg,#211b16,#1a1512);border-color:#3a2f22}
html[data-theme="dark"] .dc-card{background:linear-gradient(180deg,#211b16,#1a1512);border-color:#3a2f22}
html[data-theme="dark"] .dc-m{background:linear-gradient(180deg,#211b16,#1a1512);border-color:#3a2f22}
html[data-theme="dark"] .dc-col i.z{background:#4a3a22}
html[data-theme="dark"] .dcp .dc-seg{background:#33271a}
html[data-theme="dark"] .dcp .dc-seg button.on,html[data-theme="dark"] .dcp .dc-seg button[aria-pressed=true],html[data-theme="dark"] .dcp .dc-seg .on{background:#7a2b1d;color:#ffe9c9}
/* dark: calendar - no cream banner, warm selection */
html[data-theme="dark"] .calUp{background:#7a2b1d;color:#ffe9c9}
html[data-theme="dark"] .calUp .calUpT{color:#ecc96f;opacity:.8}
html[data-theme="dark"] .calCell.sel{background:#a34a1d;color:#ffe9c9}
html[data-theme="dark"] .calCell.today{box-shadow:inset 0 0 0 2px #ecc96f}
html[data-theme="dark"] .sh{color:#dbb04f}
html[data-theme="dark"] .who button.on{border-color:#f39a3d;box-shadow:0 0 0 3px rgba(243,154,61,.22)}
html[data-theme="dark"] body:has(.home2){background:#0f0d0b}
html[data-theme="dark"] .cbo{border-bottom-color:#2b241e}
html[data-theme="dark"] .jp-nm{background:#211b16;border-color:#3a2f22;color:#e0c494}
html[data-theme="dark"] .jp-dbg{background:#211b16}
html[data-theme="dark"] .jp-dbg pre{color:#d6c5ab}
html[data-theme="dark"] .jp-i{background:#33271a;color:#ecc96f}
/* Instagram-style top bar: centered wordmark, lang left, bell right */
.bellb{position:relative;padding:7px 9px;min-height:36px}
.bellb svg{display:block}
.nbadge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:9px;background:#c2570f;color:#fff;font-size:.68rem;font-weight:800;display:grid;place-items:center;padding:0 4px;border:2px solid var(--cream);box-sizing:border-box}
.nbadge[hidden]{display:none}
@media(max-width:899px){
 .top .wrap{position:relative;gap:8px}
 .top .brand{position:absolute;left:50%;transform:translateX(-50%);max-width:44vw;justify-content:center;pointer-events:auto}
 .top .brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .top .tools{margin-left:auto}
}
@media(min-width:900px){
 .top .brand{margin-right:auto}
 .top .nav{margin-left:0}
}
/* notifications list */
.ncard{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:14px 16px;margin-top:10px;cursor:pointer;font:inherit;color:var(--ink)}
.ncard .nico{flex:none;width:40px;height:40px;border-radius:50%;background:var(--cream2);color:var(--maroon);display:grid;place-items:center}
.ncard .ntx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ncard .ntx b{font-size:.98rem}
.ncard .ntx span{font-size:.9rem;color:var(--ink2);line-height:1.45;overflow-wrap:anywhere}
.ncard .ntx small{color:var(--muted);font-size:.76rem}
.ncard.unread{border-color:var(--gold2);box-shadow:0 0 0 1px var(--gold2),var(--sh)}
.ndot{flex:none;width:9px;height:9px;border-radius:50%;background:#c2570f;margin-top:6px}
html[data-theme="dark"] .nbadge{background:#f39a3d;color:#16110d;border-color:#16110d}
html[data-theme="dark"] .ndot{background:#f39a3d}
html[data-theme="dark"] .ncard .nico{background:#33271a;color:#ecc96f}
/* wordmark: distinctive Rasa font, full name always visible */
.top .brand span{font-family:'Rasa','Noto Serif Gujarati',Georgia,serif;font-weight:600;letter-spacing:.01em}
@media(max-width:899px){
 .top .brand{position:static;transform:none;max-width:none;flex:1;min-width:0;justify-content:center}
 .top .brand span{overflow:visible;text-overflow:clip;font-size:clamp(.92rem,4.4vw,1.12rem)}
 .top .wrap{flex-wrap:nowrap}
}

/* ---- feed (logged-in home) ---- */
.feedw{max-width:520px;padding:0 0 24px}
.feedLoad{padding:70px 0;text-align:center;color:var(--muted)}
.fst{display:flex;gap:10px;overflow-x:auto;padding:12px 12px 8px;scrollbar-width:none}
.fst::-webkit-scrollbar{display:none}
.fsti{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:5px;width:88px;flex:none;padding:0;cursor:pointer}
.fring{padding:3px;border-radius:50%;background:conic-gradient(from 210deg,#f59e0b,#e8751a,#e0496b,#c2255c,#f39a3d,#f59e0b);display:block;transition:transform .15s}
.fsti:active .fring{transform:scale(.93)}
.fring.seen{background:var(--line)}
.frin{display:block;width:74px;height:74px;border-radius:50%;border:3px solid var(--cream);overflow:hidden;background:var(--cream2)}
img.fra,span.fra{width:100%;height:100%;border-radius:50%;object-fit:cover}
span.fra{font-size:27px}
.fno{display:grid;place-items:center;background:linear-gradient(135deg,var(--saffron2),var(--maroon));color:#fff;font-weight:700}
html[data-theme="dark"] .fno{background:linear-gradient(135deg,#8a4a12,#7a1f2b)}
.fnm{font-size:11.5px;color:var(--ink2);max-width:88px;line-height:1.3;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.fp{margin:0;background:var(--paper);border-bottom:1px solid var(--line)}
@media(min-width:560px){.fp{border:1px solid var(--line);border-radius:var(--r);margin:0 12px 26px;overflow:hidden}}
.fph{display:flex;align-items:center;gap:10px;padding:10px 12px}
img.fpha,span.fpha{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;font-size:15px}
.fphn{font-weight:700;font-size:14px}
.fpm{position:relative}
.fpms{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.fpms::-webkit-scrollbar{display:none}
.fpmi{flex:0 0 100%;scroll-snap-align:center}
.fpmi img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--cream2)}
.fpdots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:5px;pointer-events:none}
.fpdots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55)}
.fpdots i.on{background:#fff}
.fburst{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.fburst svg{width:90px;height:90px;fill:#fff;stroke:none;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4));animation:fb .85s ease forwards}
@keyframes fb{0%{transform:scale(0);opacity:0}25%{transform:scale(1.18);opacity:.96}55%{transform:scale(1)}100%{transform:scale(1);opacity:0}}
.fpa{display:flex;align-items:center;gap:8px;padding:8px 12px 2px}
.fheart{background:none;border:0;padding:4px;color:var(--ink);display:grid;place-items:center;transition:transform .15s}
.fheart svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}
.fheart.on{color:#e03131}
.fheart.on svg{fill:#e03131;stroke:#e03131}
.fheart.pop{animation:hp .3s ease}
@keyframes hp{40%{transform:scale(1.28)}}
.fcnt{font-weight:700;font-size:14px}
.fpl{display:block;background:none;border:0;padding:5px 12px 0;font-size:13.5px;color:var(--ink);text-align:left;cursor:pointer}
.fpl b{font-weight:700}
.fpc{padding:4px 12px;font-size:14px;line-height:1.5}
.fpc .fpt{white-space:pre-wrap}
.fmore{background:none;border:0;padding:0;color:var(--muted);font-size:14px;cursor:pointer}
.fptm{padding:4px 12px 12px;color:var(--muted);font-size:12px}
/* liked-by sheet */
.fsheet{position:fixed;inset:0;z-index:210;background:rgba(20,10,5,.5);display:flex;align-items:flex-end;justify-content:center}
.fsht{background:var(--paper);width:100%;max-width:520px;max-height:62vh;border-radius:20px 20px 0 0;padding:14px 18px calc(18px + env(safe-area-inset-bottom));overflow:auto}
.fshh{font-weight:800;font-size:16px;margin-bottom:10px}
.fshn{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14.5px}
/* story viewer */
.stv{position:fixed;inset:0;z-index:220;background:#0a0705;display:flex;align-items:center;justify-content:center}
.stvm{position:absolute;inset:0;display:grid;place-items:center}
.stvm img{width:100%;height:100%;object-fit:contain}
.stb{position:absolute;top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;display:flex;gap:4px;z-index:4}
.stb i{flex:1;height:2.5px;border-radius:3px;background:rgba(255,255,255,.35);position:relative;overflow:hidden}
.stb i u{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.stb i.done u{transform:scaleX(1)}
.stb i.on u{animation:stprog 5s linear forwards}
@keyframes stprog{to{transform:scaleX(1)}}
.stvh{position:absolute;top:calc(18px + env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;gap:9px;z-index:4;color:#fff}
.stvh b{font-size:14px;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.stvh .stvt{color:rgba(255,255,255,.75);font-size:12.5px}
.stx{margin-left:auto;background:none;border:0;color:#fff;padding:6px;display:grid;place-items:center;cursor:pointer}
.stx svg{width:24px;height:24px}
.stvc{position:absolute;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom));text-align:center;color:#fff;font-size:16px;font-weight:600;padding:0 28px;text-shadow:0 2px 10px rgba(0,0,0,.65);z-index:4}
.stzl,.stzr{position:absolute;top:0;bottom:0;border:0;background:transparent;z-index:3;cursor:pointer}
.stzl{left:0;width:28%}
.stzr{right:0;width:72%}
.stcta{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(64px + env(safe-area-inset-bottom));z-index:5;background:#fff;color:#0a0705;font-weight:700;font-size:14px;padding:9px 20px;border-radius:99px;text-decoration:none}

/* ---- character DMs ---- */
.dmw{max-width:560px}
.dmh{padding:12px 12px 4px}
.dmsrch{border-radius:99px;padding:10px 18px;background:var(--cream2);border:1px solid var(--line)}
.dmrows{padding:4px 0}
.dmrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;color:inherit;text-decoration:none}
.dmrow:active{background:var(--cream2)}
.dmrow.mhj{margin:4px 12px 8px;border:1px solid var(--gold2);background:linear-gradient(135deg,rgba(201,151,43,.14),rgba(232,117,26,.08));box-shadow:0 2px 12px rgba(201,151,43,.14)}
.dmrow.mhj .dmm b{color:var(--maroon)}
.dmrow.mhj .dmp{color:var(--ink2)}
img.dma,span.dma{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;font-size:20px}
.dmm{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dmm b{font-size:15px}
.dmp{color:var(--muted);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmp.un{color:var(--ink);font-weight:700}
.dms{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.dmt{color:var(--muted);font-size:11.5px}
.dmu{background:#e8751a;color:#fff;border-radius:99px;font-size:11px;font-weight:800;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px}
.dmrow.unrd .dmm b{font-weight:800}
.dmud{width:9px;height:9px;border-radius:50%;background:#e8751a;flex:none;align-self:center}
.dmnomsg{padding:14px 14px 4px;color:var(--ink2);font-size:14px;line-height:1.55}
.dmnl{padding:14px 14px 6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dmchars{display:flex;flex-direction:column;padding-bottom:20px}
.dmchar{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:14px;color:inherit;text-decoration:none;font-weight:600;font-size:15px}
.dmchar:active{background:var(--cream2)}
.dmchar.hid{display:none}
.ticw{position:relative;display:inline-flex;overflow:visible!important}
.tbdot{position:absolute;bottom:-2px;right:-4px;width:8px;height:8px;border-radius:50%;background:#e8751a}
#tabs a{position:relative}
.dmth{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}
.dmtn{display:flex;flex-direction:column}
.dmtn b{font-size:15.5px}
.dmtn span{color:var(--muted);font-size:12px}
.dmlog{padding:14px 12px;display:flex;flex-direction:column;gap:8px;min-height:50vh}
.dmb{max-width:78%;padding:9px 14px;border-radius:20px;font-size:14.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.dmb i{display:block;font-style:normal;font-size:10.5px;opacity:.6;margin-top:3px}
.dmb.in{align-self:flex-start;background:var(--cream2);border:1px solid var(--line);border-bottom-left-radius:6px}
.dmb.out{align-self:flex-end;background:#e8751a;color:#fff;border-bottom-right-radius:6px}
.dmtyping{align-self:flex-start;display:flex;gap:4px;padding:12px 16px;background:var(--cream2);border:1px solid var(--line);border-radius:20px;border-bottom-left-radius:6px}
.dmtyping span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:dmty 1.1s infinite}
.dmtyping span:nth-child(2){animation-delay:.18s}.dmtyping span:nth-child(3){animation-delay:.36s}
@keyframes dmty{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.dmcmp{display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--paper)}
.dmin{flex:1;border-radius:99px;padding:11px 18px}
.dmsend{width:46px;height:46px;border-radius:50%;border:0;background:#e8751a;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.dmsend svg{width:20px;height:20px}
.dmtyping[hidden]{display:none}
.dmring{flex:none}
.dmav{display:inline-flex;align-items:center;flex:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dmav:active{opacity:.75}
.frin.dmri{width:56px;height:56px;border-width:2px}
.dmrow .fring,.dmchar .fring,.dmth .fring{flex:none}
/* hero embedded above About (logged-in): keep page scrollable */
body:has(.home2.h2emb){overflow:auto;height:auto;max-height:none}
html:has(.home2.h2emb){overflow:auto;height:auto}
.home2.h2emb{height:auto;min-height:calc(100dvh - 56px - var(--tab,69px));max-height:none;overflow:visible}
/* DM thread: only the message list scrolls; header, composer, nav stay fixed */
.dmthread{display:flex;flex-direction:column;height:calc(100dvh - 61px - var(--tab,69px) - 10px - env(safe-area-inset-bottom));color:var(--ink)}
.dmthread .dmth{flex:none;position:static;z-index:auto}
.dmthread .dmlog{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.dmthread .dmcmp{flex:none;position:static}
body:has(.dmthread) .mtog{display:none}
body:has(.dmthread){overflow:hidden}
/* thread open: hide bottom nav pill; composer pins to real bottom */
body:has(.dmthread) #tabs{display:none!important}
.dmthread{height:calc(100dvh - 56px - env(safe-area-inset-bottom))}
html:has(.dmthread){overflow:hidden;height:100%}
/* ---- interaction polish pass (mobile-native) ---- */
html,body{overscroll-behavior:none}
.dmthread .dmlog,.fsht,.cbl,.jp-dbg pre{overscroll-behavior:contain}
button,a,[role="button"],summary,.opt,.pill,.chip{touch-action:manipulation}
button,summary,[role="button"],.tabs a,.nav a,.pill,.opt,.chip,.dmsend,.fsti{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.tabs a svg{transition:transform .12s ease-out}
.tabs a:active svg{transform:scale(.88)}
.dmsend{transition:transform .12s ease-out}
.dmsend:active{transform:scale(.9)}
@media(pointer:coarse){input,textarea,select{font-size:max(16px,1rem)}}
@media(hover:hover) and (pointer:fine){
.nav a:hover{background:var(--cream2);color:var(--maroon2)}
.pill:hover{border-color:var(--gold)}
.opt:hover{border-color:var(--gold2)}
.vcard:hover .vthumb img{transform:scale(1.04)}
}

/* launch-lock feature badges */
.tbeta{font-style:normal;font-size:8px;font-weight:800;letter-spacing:.07em;padding:1px 5px;border-radius:6px;background:var(--maroon2,#8b3a2f);color:#fff;vertical-align:2px;margin-left:4px}
.tabs .tbeta{position:absolute;top:-4px;left:100%;margin-left:-9px;font-size:7px;padding:0 3px;line-height:1.6;z-index:2}
.dmsrw{position:relative}
.dmsrw .dmsrch{width:100%;opacity:.55}
.tcs{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:9px;background:var(--cream2,#efe6d8);color:var(--ink2,#5a4a3a)}
.info-dot{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid #0e5a72;color:#0e5a72;background:#fff;font:700 .8rem/1 Inter,system-ui,sans-serif;font-style:italic;cursor:pointer;vertical-align:-6px;margin-right:4px}
.adr-moret{display:inline-block;margin:0 0 12px;background:none;border:0;color:#0e5a72;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;padding:0}
html[data-theme="dark"] .info-dot{border-color:#eab267;color:#eab267;background:#181410}
html[data-theme="dark"] .adr-moret{color:#eab267}

.fp{transition:opacity .45s ease,transform .45s ease}
.fp.fsink{opacity:0;transform:translateY(14px)}

/* wizard phone row: searchable country-code picker beside the number field */
.phrow{display:flex;gap:8px;align-items:stretch;margin-top:2px}
.phrow .ccf{flex:1.4;min-width:0}
.phrow>input{flex:1;min-width:0}
.cbl.ccdd{width:min(340px,calc(100vw - 64px));right:auto}