*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;background:#0f0a1e;color:#ece8f7;padding-bottom:70px}
.banner{background:#3b1f6b;color:#e9d5ff;text-align:center;font-size:12px;padding:4px}main{padding:16px;max-width:600px;margin:auto}
h1{font-size:22px}h2{font-size:18px;color:#c4b5fd}.card{background:#1c1433;border:1px solid #2e2250;border-radius:14px;padding:14px;margin:10px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{text-align:center}.stat b{display:block;font-size:22px;color:#a78bfa}
input,button.p{width:100%;padding:12px;border-radius:10px;border:1px solid #3b2d63;background:#120c24;color:#fff;font-size:16px;margin:6px 0}
button.p{background:#8b5cf6;border:0;font-weight:bold}.tag{font-size:12px;padding:2px 8px;border-radius:10px;background:#2e2250;float:left}
.tag.new{background:#1e3a8a}.tag.won{background:#14532d}.tag.lost{background:#7f1d1d}.tag.prog{background:#78350f}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#160f2b;border-top:1px solid #2e2250}nav button{flex:1;background:none;border:0;color:#c4b5fd;padding:8px 0;font-size:18px}
nav button span{display:block;font-size:11px}nav button.on{color:#fff;background:#24183f}.msgs{height:55vh;overflow:auto}.m{padding:10px;border-radius:12px;margin:6px 0;max-width:85%}
.m.me{background:#8b5cf6;margin-right:auto}.m.bot{background:#1c1433}.row{display:flex;gap:6px}.row input{flex:1}.row button{width:auto}
.done{text-decoration:line-through;opacity:.6}small{color:#9d8fc4}