:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--line:#2a2f3a;--text:#e6e8ee;--muted:#8b93a5;--accent:#6fd3a5;--accent-2:#4f9cf9;--danger:#f27d7d;--me:#24443a;--them:#232838;--nav-h:60px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);overscroll-behavior:none}h2{margin:0 0 4px;font-size:1.3rem}h3{text-transform:uppercase;color:var(--muted);letter-spacing:.04em;margin:12px 0 0;font-size:.85rem}p{margin:0;line-height:1.45}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 14px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#0b1f17;border-color:#0000;font-weight:600}button.danger{color:var(--danger)}button.link{color:var(--accent-2);text-align:left;background:0 0;border:none;min-height:0;padding:4px 0}input,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;width:100%;min-height:44px;padding:10px 12px}input:focus,textarea:focus{border-color:var(--accent-2);outline:none}code{color:var(--accent);font-family:ui-monospace,Consolas,monospace;font-size:.85em}.muted{color:var(--muted)}.small{font-size:.85em}.error{color:var(--danger)}.ok{color:var(--accent)}.danger-text{color:var(--danger)}.center{text-align:center;justify-content:center;align-items:center}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:10px;display:flex}.spacer{flex:1}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.addr{word-break:break-all;display:block}.qr{background:var(--panel-2);border-radius:12px;width:180px;height:180px;padding:8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}details.card summary{cursor:pointer;color:var(--muted)}details.card summary:hover{color:var(--text)}.logo{letter-spacing:.14em;font-size:2rem;font-weight:800}.logo small{letter-spacing:.02em;color:var(--muted);font-size:.8rem;font-weight:400;display:block}.logo.small{font-size:1.1rem}.badge{background:var(--accent-2);color:#fff;vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:.72em}.dot{background:var(--line);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.on{background:var(--accent)}.tabs{gap:6px;display:flex}.tabs button{flex:1}.tabs button.active{border-color:var(--accent);color:var(--accent)}.toast{left:50%;bottom:calc(var(--nav-h) + 14px);background:var(--panel-2);border:1px solid var(--line);z-index:20;border-radius:12px;max-width:92vw;padding:10px 16px;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0006}.page{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:28px 16px 40px;display:flex}.app{grid-template-rows:52px 1fr var(--nav-h);height:100%;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);padding:0 14px;padding-top:env(safe-area-inset-top);align-items:center;gap:12px;display:flex}.circle-name{color:var(--muted)}.content{min-height:0;overflow:auto}.nav{background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex}.nav button{color:var(--muted);background:0 0;border:none;border-radius:0;flex:1}.nav button.active{color:var(--accent)}.list{flex-direction:column;gap:10px;max-width:720px;margin:0 auto;padding:16px;display:flex}.item{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:12px 14px}.item:hover{border-color:var(--accent)}.item.static{cursor:default}.item.static:hover{border-color:var(--line)}.item .name{font-weight:600}.chat{grid-template-rows:auto 1fr auto;height:100%;display:grid}.chat-head{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;padding:10px 16px;display:flex}.chat-head .name{font-weight:700}.messages{flex-direction:column;gap:6px;padding:12px 14px;display:flex;overflow:auto}.msg-wrap{flex-direction:column;display:flex}.day{color:var(--muted);align-self:center;margin:8px 0 4px;font-size:.75em}.msg{background:var(--them);white-space:pre-wrap;word-break:break-word;border-radius:14px;align-self:flex-start;max-width:80%;padding:8px 12px}.msg.me{background:var(--me);align-self:flex-end}.msg .sender{color:var(--accent-2);margin-bottom:2px;font-size:.75em}.msg time{color:var(--muted);text-align:right;margin-top:2px;font-size:.68em;display:block}.composer{border-top:1px solid var(--line);background:var(--panel);gap:8px;padding:10px 12px;display:flex}.composer button{min-width:52px}@media (width>=900px){.app{grid-template-rows:52px 1fr;grid-template-columns:200px 1fr}.topbar{grid-column:1/-1}.content{grid-area:2/2}.nav{border-top:none;border-right:1px solid var(--line);flex-direction:column;grid-area:2/1;gap:4px;padding:8px}.nav button{text-align:left;border-radius:10px;flex:0;padding:12px 14px}.nav button.active{background:var(--panel-2)}.toast{bottom:24px}.msg{max-width:60%}}