:root{
  --blue:#1d3f8f; --ink:#14203d; --paper:#f5f7fc; --card:#ffffff;
  --gold:#f0a81c; --line:#dbe2ef; --muted:#56627f; --soft:#e9eefb;
  --warn:#8a5a00; --warnbg:#fff3d6;
}
@media (prefers-color-scheme: dark){
  :root{ --blue:#8fb0ff; --ink:#e8ecf8; --paper:#0f1630; --card:#18214a;
    --line:#2a3563; --muted:#9aa6c8; --soft:#202b5c; --warn:#ffd27a; --warnbg:#3a2f12; }
}
*{box-sizing:border-box}
html{height:100%}
body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);
  font:17px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","Noto Sans Devanagari","Kohinoor Devanagari",sans-serif;
  padding-top:env(safe-area-inset-top,0);padding-bottom:calc(64px + env(safe-area-inset-bottom,0))}
.top{padding:18px 18px 10px}
.top h1{margin:0;font:600 26px/1.2 Georgia,"Iowan Old Style",serif;color:var(--blue)}
.top p{margin:2px 0 0;color:var(--muted);font-size:15px}
main{padding:8px 16px 24px;max-width:680px;margin:0 auto;outline:none}
h2{font:600 21px/1.3 Georgia,"Iowan Old Style",serif;margin:26px 0 10px}
h3{font-size:17px;margin:0 0 4px}
p{margin:0 0 8px}
a{color:var(--blue)}
nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--card);border-top:1px solid var(--line);
  padding-bottom:env(safe-area-inset-bottom,0)}
nav a{flex:1;text-align:center;padding:14px 2px;font-size:13px;text-decoration:none;color:var(--muted);min-height:48px}
nav a[aria-current=page]{color:var(--blue);font-weight:700;box-shadow:inset 0 3px 0 var(--gold)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.hero{background:var(--blue);color:#fff;border-radius:14px;padding:22px 20px;margin:8px 0 6px}
@media (prefers-color-scheme: dark){.hero{background:var(--soft);color:var(--ink)}}
.hero .count{font:700 64px/1 Georgia,serif;margin:0}
.hero p{margin:4px 0 0}
.hero .sub{opacity:.85;font-size:15px}
.word{border-left:6px solid var(--gold);background:var(--card);padding:14px 16px;border-radius:0 12px 12px 0;margin:16px 0}
.dev{font-size:38px;line-height:1.25;margin:0 0 4px;font-weight:600}
.list{list-style:none;padding:0;margin:0}
.row{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.when{color:var(--muted);font-size:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}
.card .dev{font-size:30px}
.tbc{font-size:12px;background:var(--warnbg);color:var(--warn);padding:1px 8px;border-radius:99px;white-space:nowrap}
.pin{display:inline-block;margin-top:2px;font-size:15px}
.wear{color:var(--muted);font-size:15px}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:0 14px}
summary{padding:14px 0;font-weight:600;cursor:pointer;min-height:48px}
summary span{display:block;font-weight:400;color:var(--muted);font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.chip,.btn{font:inherit;font-size:15px;border:1px solid var(--blue);background:transparent;color:var(--blue);
  border-radius:99px;padding:8px 14px;min-height:44px;cursor:pointer}
.chip[aria-pressed=true]{background:var(--blue);color:var(--paper)}
.btn{border-radius:10px}
.meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:14px}
.spice{letter-spacing:2px;color:var(--gold)}
.part{background:var(--soft);border-radius:8px;padding:8px 10px;margin-top:8px;font-size:16px}
.check{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}
.check input{width:24px;height:24px;margin-top:2px;flex:none}
.check small{display:block;color:var(--muted)}
.emerg{border:2px solid var(--gold)}
.hint{color:var(--muted);font-size:15px}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}

.wide{display:block;text-align:center;text-decoration:none;margin:12px 0;background:var(--gold);color:#14203d;border-color:var(--gold);font-weight:600;padding:12px 14px}
.field{display:block;margin:14px 0;font-weight:600}
.field input,.field textarea{display:block;width:100%;margin-top:6px;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
fieldset{border:0;padding:0;margin:14px 0}
legend{font-weight:600;padding:0}
a.btn{text-decoration:none;display:inline-block}

#toast{position:fixed;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom,0));background:var(--ink);color:var(--paper);
  padding:12px 14px;border-radius:10px;font-size:15px;opacity:0;pointer-events:none;transition:opacity .2s}
#toast.show{opacity:1}

.cal{display:block;text-align:center;margin:8px 0;text-decoration:none}

.dev.sm{font-size:24px}