:root{--g:#0f5132;--bg:#f3f5f4;--card:#fff;--mut:#667}
*{box-sizing:border-box}body{margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#123}
header{background:var(--g);color:#fff;padding:12px 16px calc(12px) ;display:flex;align-items:center;justify-content:space-between;padding-top:max(12px,env(safe-area-inset-top))}
h1{font-size:1.3rem;margin:0}h2{font-size:1.05rem;margin:0 0 8px}main{max-width:760px;margin:auto;padding:10px}
.card{background:var(--card);border-radius:12px;padding:14px;margin:10px 0;box-shadow:0 1px 3px #0001}
.hero .big{font-size:2.2rem;font-weight:700;color:var(--g)}.muted{color:var(--mut);font-size:.85rem}
table{width:100%;border-collapse:collapse}td,th{padding:6px 4px;border-bottom:1px solid #eee;text-align:left}td.n,th.n{text-align:right;white-space:nowrap}
.brand{display:inline-block;padding:1px 7px;border-radius:9px;font-size:.8rem;font-weight:600;background:#ddd}
.b-Tanka{background:#ffd400;color:#000}.b-OKQ8{background:#1d4f91;color:#fff}.b-Preem{background:#00843d;color:#fff}.b-St1{background:#f6a800}.b-Ingo{background:#e2001a;color:#fff}.b-Circle{background:#d9282f;color:#fff}
.old{color:#a60}.best{background:#e9f7ef}label{display:block;margin:8px 0}input,select,button{font:inherit;padding:6px 8px}
button{background:var(--g);color:#fff;border:0;border-radius:8px;padding:8px 14px}svg text{font-size:15px;fill:#556}