:root{--bg:#090b0e;--surface:#171b21;--line:#292f38;--text:#f6f7f8;--muted:#929ba6;--gold:#f2c94c;--green:#31c878}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}body{overflow:hidden}.app{height:100svh;max-width:430px;margin:auto;display:flex;flex-direction:column;border-inline:1px solid #171a20;position:relative}header{height:76px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;padding:10px 14px;background:#0d0f13;border-bottom:1px solid var(--line)}.brand{width:44px;height:44px;border-radius:14px;background:var(--gold);color:#111;display:grid;place-items:center;font-size:17px}h1{font-size:16px;margin:0}small{color:#a7afb8}#dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.pin{padding:10px 14px;background:#12151a;border-bottom:1px solid #20252b}.pin b,.pin span{display:block;font-size:12px}.pin b{color:var(--gold)}.pin span{color:#a8b0ba;margin-top:3px}.chat{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:9px}.day{align-self:center;color:var(--muted);font-size:10px;background:#171b20;border-radius:20px;padding:4px 9px}.row{display:flex;gap:8px;max-width:91%}.row.me{align-self:flex-end}.avatar{width:32px;height:32px;flex:0 0 32px;border-radius:11px;background:#51476d;display:grid;place-items:center;font-size:10px;font-weight:800}.bubble{background:var(--surface);border:1px solid var(--line);border-radius:6px 15px 15px;padding:8px 10px}.me .bubble{background:#302a16;border-color:#514521;border-radius:15px 6px 15px 15px}.meta{display:flex;gap:12px;color:#c5cbd2;font-size:11px;font-weight:700}.time{color:var(--muted);font-weight:400}.text{font-size:13.5px;margin-top:4px;white-space:pre-wrap}.pending{opacity:.7;border-style:dashed;color:#d5cba9}#composer{display:grid;grid-template-columns:1fr 44px;gap:8px;padding:9px 12px;background:#0d0f13;border-top:1px solid var(--line)}input{height:44px;border:1px solid #303741;background:#161a20;color:white;border-radius:14px;padding:0 13px}button,#login a{border:0;border-radius:14px;background:var(--gold);color:#111;font-weight:800;padding:10px}nav{height:68px;display:flex;justify-content:space-around;padding:8px;background:#0b0d11;border-top:1px solid #171b21}nav a{color:#8b949f;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:17px}nav span{font-size:10px}.active{color:var(--gold)!important}#login{position:absolute;inset:0;background:#090b0ef2;display:grid;place-content:center;text-align:center;padding:30px}#login[hidden]{display:none}#login a{color:#111;text-decoration:none}#install{padding:7px}