:root{--bg:#fff8ec;--card:#fffdf8;--fg:#2b2118;--mut:#7a6a58;--acc:#e07b00;--acc2:#b85c00;--line:#ecdcc3;--fs:26px;--gf:'Noto Sans Gurmukhi','Raavi','Gurmukhi MN','Gurmukhi Sangam MN','Nirmala UI','Lohit Gurmukhi',serif}
[data-theme=chandan]{--bg:#f6efe4;--card:#fbf7f0;--fg:#33291f;--mut:#82735f;--acc:#a0642a;--acc2:#7d4c1f;--line:#e3d6c1}
[data-theme=sarovar]{--bg:#eef6f8;--card:#fafdfe;--fg:#16323a;--mut:#5a7882;--acc:#12809a;--acc2:#0b5f74;--line:#cfe3e8}
[data-theme=vana]{--bg:#f0f5ea;--card:#fbfdf7;--fg:#22301d;--mut:#66775d;--acc:#4f8a35;--acc2:#386625;--line:#d7e5cc}
[data-theme=raat]{--bg:#101216;--card:#181b21;--fg:#e9e2d3;--mut:#9a927f;--acc:#f0a53a;--acc2:#ffc46b;--line:#2a2e37}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-bottom:90px;transition:background .3s}
a{color:var(--acc2)}button,select,input{font:inherit;color:inherit}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--card);border-bottom:1px solid var(--line)}
.brand{font-weight:700;text-decoration:none;color:var(--acc);font-size:1.15rem;white-space:nowrap}.brand span{color:var(--fg)}
nav{display:flex;gap:2px;flex:1;justify-content:center}nav a{padding:6px 11px;border-radius:20px;text-decoration:none;color:var(--mut)}nav a.on{background:var(--acc);color:#fff}
#gear,.btn,.chip{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:6px 14px;cursor:pointer}#gear{font-size:1.2rem;padding:2px 10px}
.btn.p,.chip.on{background:var(--acc);border-color:var(--acc);color:#fff}.chip{display:inline-block;margin:3px}
main{max-width:820px;margin:0 auto;padding:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:12px 0}
h1,h2,h3{line-height:1.25}h1{font-size:1.5rem}.mut{color:var(--mut)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sp{flex:1}
.g,.gk{font-family:var(--gf)}.g{font-size:var(--fs);line-height:1.6;margin:.1em 0;overflow-wrap:anywhere}.t{font-size:calc(var(--fs)*.58);color:var(--mut);margin:.1em 0;font-style:italic}.e{font-size:calc(var(--fs)*.66);margin:.15em 0}.p{font-family:var(--gf);font-size:calc(var(--fs)*.7);color:var(--mut);margin:.15em 0}
.ln{position:relative;padding:10px 38px 10px 6px;border-bottom:1px dashed var(--line)}.ln.focus{background:color-mix(in srgb,var(--acc) 12%,transparent)}
.ty1,.ty2{text-align:center}.ty2 .g{color:var(--acc2);font-weight:600}.ty3{border-left:4px solid var(--acc);padding-left:12px;background:color-mix(in srgb,var(--acc) 7%,transparent)}
.star{position:absolute;right:2px;top:8px;background:none;border:0;font-size:1.3rem;color:var(--line);cursor:pointer}.bm .star{color:var(--acc)}
mark{background:color-mix(in srgb,var(--acc) 35%,transparent);color:inherit;border-radius:3px}
.pager{display:flex;gap:8px;align-items:center;justify-content:center;margin:8px 0;flex-wrap:wrap}.pager input{width:5.2em;text-align:center;padding:6px;border-radius:10px;border:1px solid var(--line);background:var(--card)}
.sb{width:100%;padding:12px 14px;border-radius:12px;border:2px solid var(--line);background:var(--card);font-size:1.1rem}.sb:focus{outline:0;border-color:var(--acc)}
.kb{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:5px;margin:8px 0}.kb button{font-family:var(--gf);font-size:1.3rem;padding:6px 0;border-radius:8px;border:1px solid var(--line);background:var(--card);cursor:pointer}.kb button:active{background:var(--acc);color:#fff}
.res .card{cursor:pointer}.res .card:hover{border-color:var(--acc)}.cnt{font-size:1.05rem;font-weight:600;color:var(--acc2)}
#bar{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;gap:10px;align-items:center;padding:8px 14px;background:var(--card);border-top:1px solid var(--line)}#bar[hidden]{display:none}#bar span{flex:1}#bar button{background:var(--acc);color:#fff;border:0;border-radius:50%;width:38px;height:38px;cursor:pointer}
dialog{border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--fg);max-width:480px;width:94%;max-height:88vh}dialog::backdrop{background:#0007}
label.sw{display:flex;gap:8px;align-items:center;margin:6px 0}#toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:#222;color:#fff;padding:8px 16px;border-radius:20px;opacity:0;transition:.3s;pointer-events:none;z-index:9;max-width:90%}#toast.on{opacity:.95}
.tabs{display:flex;gap:6px;flex-wrap:wrap}dl dt{font-weight:700;margin-top:10px}dl dd{margin:0 0 0 0;color:var(--mut)}
@media(max-width:700px){header{padding:6px 10px}.brand span{display:none}nav{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:7;justify-content:space-around}nav a{padding:6px 8px;font-size:.85rem}#bar{bottom:54px}body{padding-bottom:130px}#toast{bottom:130px}header{justify-content:space-between}}
/* ---- v2: landing, nitnem, commentary ---- */
nav i{font-style:normal;display:none}nav a{white-space:nowrap}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;align-items:center;border-radius:22px;padding:28px 24px;margin:6px 0 14px;background:radial-gradient(120% 140% at 85% 10%,color-mix(in srgb,var(--acc) 30%,var(--bg)),var(--bg) 60%);border:1px solid var(--line);overflow:hidden}
.hero h1{font-size:2.1rem;margin:.1em 0}.kicker{color:var(--acc2);font-weight:600;margin:0}.lead{color:var(--mut);margin:.2em 0 14px;max-width:34em}
.hero-v{color:var(--acc)}.mand{width:100%;max-width:330px;margin:auto;display:block;filter:drop-shadow(0 6px 24px color-mix(in srgb,var(--acc) 40%,transparent))}
.mand .r1{fill:color-mix(in srgb,var(--acc) 10%,transparent);stroke:currentColor;stroke-opacity:.55;transform-origin:200px 200px;animation:spin 90s linear infinite}.mand .r2{transform-origin:200px 200px;animation:spin 60s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mand *{animation:none!important}}
.chips{margin-top:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.stats div{background:var(--card);border:1px solid var(--line);border-radius:14px;text-align:center;padding:12px 4px}.stats b{display:block;font-size:1.5rem;color:var(--acc2)}.stats span{color:var(--mut);font-size:.85rem}
.grid3,.grid4{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid3{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.tile{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:14px;text-decoration:none;color:var(--fg);background:var(--card);border:1px solid var(--line);transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-2px);border-color:var(--acc)}.tile small{color:var(--mut)}.tile.nt{border-left:5px solid var(--acc)}
.tile.rg{color:#fff;border:0;background:linear-gradient(135deg,hsl(var(--h) 55% 42%),hsl(calc(var(--h) + 40) 55% 30%))}.tile.rg small{color:#ffffffc0}.tile.rg b{font-size:1.25rem}
.feat .card{margin:0;text-align:center}.ic{display:block;font-size:1.8rem}.hk{border-top:4px solid var(--acc)}
footer{margin:30px 0 10px;text-align:center}footer select{padding:6px 10px;border-radius:10px;background:var(--card);border:1px solid var(--line)}
.acts{position:absolute;right:0;top:4px;display:flex;flex-direction:column;gap:0}.acts button{background:none;border:0;font-size:1.05rem;cursor:pointer;padding:3px 4px;opacity:.75}.acts .star{position:static;font-size:1.3rem;color:var(--line);opacity:1}.bm .acts .star{color:var(--acc)}
.cp{margin-top:8px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--acc) 7%,var(--card));border:1px solid var(--line);font-size:.95rem}.w{font-size:1.15rem;margin:2px;padding:2px 8px;border-radius:8px;border:1px solid var(--line);background:var(--card);cursor:pointer}.wi{margin:8px 0}
.ln{padding-right:44px}
@media(max-width:700px){nav i{display:block;font-size:1.15rem}nav a{display:flex;flex-direction:column;align-items:center;padding:2px 4px;font-size:.62rem;flex:1}nav b{font-weight:500}.hero{grid-template-columns:1fr;padding:18px}.hero-v{order:-1}.mand{max-width:190px}.hero h1{font-size:1.6rem}.stats{grid-template-columns:repeat(2,1fr)}}