:root{
  --bg:#14161c;--card:#1d2029;--card2:#232734;--tx:#e8eaf2;--mut:#8b91a5;
  --acc:#7aa2f7;--ok:#9ece6a;--warn:#e0af68;--bad:#f7768e;--bord:#2c3140;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--tx);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
     padding:env(safe-area-inset-top) 14px calc(18px + env(safe-area-inset-bottom))}
main{max-width:520px;margin:0 auto}
header{display:flex;align-items:center;gap:12px;padding:10px 2px 14px}
.ava{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--acc),#b48ead);
     display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#10121a}
h1{font-size:17px} .sub{font-size:12px;color:var(--mut)}
h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:16px 0 8px}
button{font:inherit;border:0;border-radius:12px;padding:11px 14px;background:var(--card2);color:var(--tx);cursor:pointer}
button:active{transform:scale(.97)}
button.accent{background:var(--acc);color:#10121a;font-weight:600}
button.ghost{background:transparent;font-size:18px;color:var(--mut)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.card{background:var(--card);border:1px solid var(--bord);border-radius:14px;padding:11px 13px}
.card.big{grid-column:1/-1}
.card .k{font-size:11px;color:var(--mut)} .card .v{font-size:20px;font-weight:700;margin-top:2px}
.bar{height:6px;border-radius:3px;background:var(--card2);margin-top:8px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),var(--acc));border-radius:3px;transition:width .4s}
.btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}
.bubble{background:var(--card);border:1px solid var(--bord);border-radius:14px;padding:12px 14px;
        font-size:14px;max-height:44vh;overflow:auto;word-break:break-word}
.bubble b{color:var(--acc)} .bubble i{color:var(--mut)} .bubble code{background:var(--card2);border-radius:6px;padding:1px 5px;font-size:12px}
footer{text-align:center;color:var(--mut);font-size:11px;margin-top:20px}
.busy{opacity:.5;pointer-events:none}