:root{--g:#0b7a5b;--g2:#e6f4ef;--t:#1c2530;--m:#6b7785;--b:#dfe5ea;--r:#c0392b}
*{box-sizing:border-box}
body{margin:0;font:16px/1.4 system-ui,Segoe UI,sans-serif;color:var(--t);background:#f4f6f8;padding-bottom:70px}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--g);color:#fff;position:sticky;top:0;z-index:5}
header h1{margin:0;font-size:22px}header h1 span{font-weight:300}
#who{font-size:13px;cursor:pointer}
main{max-width:720px;margin:0 auto;padding:14px}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid var(--b)}
nav button{flex:1;border:0;background:none;padding:12px 4px;font-size:13px;color:var(--m)}
nav button.on{color:var(--g);font-weight:700;border-top:3px solid var(--g)}
.card{background:#fff;border:1px solid var(--b);border-radius:12px;padding:14px;margin-bottom:12px}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.muted{color:var(--m);font-size:14px}
h2{margin:6px 0 10px;font-size:19px}h3{margin:4px 0}
input,select,textarea{width:100%;padding:10px;border:1px solid var(--b);border-radius:8px;font:inherit;margin:4px 0 8px;background:#fff}
button.p,button.s,button.d{border:0;border-radius:8px;padding:10px 14px;font:inherit;cursor:pointer}
button.p{background:var(--g);color:#fff}button.s{background:var(--g2);color:var(--g)}button.d{background:#fdecea;color:var(--r)}
button.sm{padding:4px 10px;font-size:14px}
.tag{display:inline-block;background:var(--g2);color:var(--g);border-radius:20px;padding:2px 9px;font-size:12px;margin-right:4px}
.tag.ad{background:#fff3cd;color:#8a6d00}
.inv{font-family:ui-monospace,Consolas,monospace;font-size:14px}
.inv .head{text-align:center;border-bottom:1px dashed var(--m);padding-bottom:8px;margin-bottom:8px}
.inv .ln{display:flex;justify-content:space-between}
.inv .tot{border-top:1px dashed var(--m);margin-top:6px;padding-top:6px;font-weight:700;font-size:17px}
.stars button{background:none;border:0;font-size:26px;color:#ccc;cursor:pointer;padding:0 2px}.stars button.on{color:#f5a623}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:10px 16px;border-radius:8px;opacity:0;transition:.3s;pointer-events:none;max-width:90%}
#toast.show{opacity:1}

#offline{background:#fff3cd;color:#8a6d00;text-align:center;padding:6px;font-size:13px}
[hidden]{display:none!important}
body{padding-top:env(safe-area-inset-top)}nav{padding-bottom:env(safe-area-inset-bottom)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
button.p:disabled{opacity:.5}
.center{text-align:center}
.big{font-size:22px;font-weight:700}