/* vinabh v3 — Phase A theme (light default, dark auto) */
:root{
  --bg:#f1f5f9; --surf:#ffffff; --surf2:#ecf2f8; --ink:#152430; --sub:#5b6e80;
  --line:#dfe7ef; --brand:#0d4e94; --brand-soft:#e3eefb; --green:#0c7a42;
  --green-soft:#e2f4ea; --amber:#a05a00; --amber-soft:#fdf2df;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0e141b; --surf:#18212b; --surf2:#1f2a36; --ink:#e9eff5; --sub:#9db0c1;
    --line:#2a3543; --brand:#4d9de0; --brand-soft:#142e4c; --green:#35c07a;
    --green-soft:#143424; --amber:#e6a84f; --amber-soft:#3a2d12;
  }
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--bg); color:var(--ink); max-width:520px; margin:0 auto;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
  font-size:14px; line-height:1.45; padding:0 14px 60px; min-height:100vh;
}
header{display:flex;align-items:center;gap:8px;padding:14px 0 10px}
.logo{font-weight:700;font-size:20px;letter-spacing:-.3px;color:var(--brand)}
.logo em{font-style:normal;color:var(--green)}
.chip{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:var(--surf2);color:var(--sub);font-size:11.5px;font-weight:600}
.sp{flex:1}

.hero{margin:8px 0 14px;border-radius:18px;padding:18px 16px 15px;background:linear-gradient(135deg,#0d4e94,#0a3d75);color:#eaf2fb}
.hero .lbl{font-size:11px;opacity:.85;letter-spacing:.5px}
.hero h1{font-size:24px;font-weight:700;letter-spacing:-.4px;margin-top:6px;line-height:1.25}
.hero .accent{color:#7ee2a8}
.hero .sub{margin-top:8px;font-size:12.5px;opacity:.92}

.card{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:13px 14px;margin-bottom:12px}
.hb-title{font-weight:700;font-size:13.5px;margin-bottom:6px}
.hb-body{font-size:13px;color:var(--sub)}
.hb-body .ok{color:var(--green);font-weight:700}
.hb-body .bad{color:#bb2418;font-weight:700}
.hb-row{display:flex;justify-content:space-between;gap:8px;padding:2px 0}
.hb-row b{color:var(--ink);font-variant-numeric:tabular-nums}

.ph-title{font-weight:700;font-size:13.5px;margin-bottom:8px}
#phase-list{list-style:none}
.ph{display:flex;align-items:center;gap:6px;padding:5px 0;font-size:13px;color:var(--sub)}
.ph b{color:var(--ink);font-weight:600;min-width:64px}
.ph .st{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--surf2)}
.ph.done .st{background:var(--green-soft);color:var(--green);font-weight:700}
.ph.now .st{background:var(--amber-soft);color:var(--amber);font-weight:700}

.note{font-size:12.5px;color:var(--sub);background:var(--amber-soft);border-color:transparent}
.note b{color:var(--amber)}

/* search */
.searchbox{padding:10px}
#search-form{display:flex;gap:8px}
#q{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;font-size:14px;background:var(--surf);color:var(--ink)}
#q:focus{outline:none;border-color:var(--brand)}
#search-form button{border:none;border-radius:12px;background:var(--brand);color:#fff;width:44px;font-size:16px;cursor:pointer}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.chips button{border:none;border-radius:999px;padding:5px 11px;background:var(--surf2);color:var(--sub);font-size:11.5px;font-weight:600;cursor:pointer}
.chips button:hover{background:var(--brand-soft);color:var(--brand)}

/* results */
.results-meta{font-size:11.5px;color:var(--sub);margin:2px 2px 8px}
.loading,.miss{color:var(--sub);font-size:13px}
.miss b{color:var(--ink)}
.miss .dim,.dim{color:var(--sub);opacity:.8}
.report .r-head{display:flex;align-items:baseline;gap:8px}
.report .r-head b{font-size:14.5px}
.r-brand{font-size:11px;color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.r-best{font-size:12.5px;color:var(--sub);margin:7px 0 9px}
.r-best .ok{color:var(--green);font-size:14px}
.picks{display:flex;flex-direction:column;gap:6px}
.pick{display:flex;align-items:center;gap:8px;background:var(--surf2);border-radius:10px;padding:8px 10px;font-size:13px}
.pick .psize{font-weight:700;min-width:52px}
.pick .pprice{color:var(--sub)}
.pick .pper{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}
.pick .tag{margin-left:auto;font-size:10.5px;font-weight:700;border-radius:999px;padding:3px 8px}
.tag.best{background:var(--green-soft);color:var(--green)}
.tag.trap{background:var(--amber-soft);color:var(--amber)}
.trap-note{margin-top:9px;font-size:12px;color:var(--amber);background:var(--amber-soft);border-radius:10px;padding:8px 10px}

footer{margin-top:18px;font-size:11.5px;color:var(--sub);text-align:center}