:root{--bg:#fff;--card:#f6f6f7;--tx:#1b1b1d;--mut:#6b6b72;--br:#dcdce0;--acc:#c62828;--ok:#2e7d32}
@media(prefers-color-scheme:dark){:root{--bg:#161617;--card:#232325;--tx:#f2f2f3;--mut:#a0a0a6;--br:#3a3a3e;--acc:#e0434d}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;max-width:600px;margin-inline:auto;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 130px}
h2{font-size:19px;margin:10px 0;color:var(--acc)}.mut{color:var(--mut);font-size:14px}
input,select,textarea,button{font:inherit;color:inherit;width:100%;min-height:48px;border:1px solid var(--br);border-radius:12px;padding:10px 12px;background:var(--bg);margin:4px 0}
button{background:var(--card);font-weight:600;cursor:pointer}button.p{background:var(--acc);border-color:var(--acc);color:#fff}button.s{width:auto;min-width:48px}
.card{background:var(--card);border-radius:14px;padding:12px;margin:8px 0}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.row>.s{flex:0}
.tabs{display:flex;gap:6px;overflow-x:auto;position:sticky;top:0;background:var(--bg);padding:6px 0;z-index:3}.tabs button{width:auto;flex:1;white-space:nowrap;min-height:44px}.tabs .on{background:var(--acc);color:#fff;border-color:var(--acc)}
.seg{display:flex;gap:6px}.seg button.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.bar{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--br);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));max-width:600px;margin:auto;z-index:4}
.tot{font-size:22px;font-weight:700;display:flex;justify-content:space-between}.msg{padding:10px;border-radius:10px;background:var(--card);border-left:4px solid var(--acc);margin:8px 0}
.ov{position:fixed;inset:0;background:var(--bg);overflow:auto;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 130px;z-index:9;max-width:600px;margin:auto}
.stp b{min-width:34px;text-align:center}