:root{--bg:#111213;--panel:#1a1b1d;--raised:#232427;--line:#2c2d31;--text:#ececec;--muted:#9a9ba0;--faint:#6b6c71;--accent:#ff8a1f;--accent-ink:#1a1000;--accent-soft:#ff8a1f24;--out:#3a2610;--in:#232427;--danger:#ff5a52;--ok:#4cc38a;--radius:14px;--header:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;font-size:16px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0}#app{height:100dvh;display:flex}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--accent)}.hidden{display:none!important}.layout{flex:1;min-width:0;display:flex}.side,.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.layout.has-main .side,.layout:not(.has-main) .main{display:none}@media (width>=900px){.layout .side,.layout.has-main .side{border-right:1px solid var(--line);flex:0 0 380px;display:flex}.layout .main,.layout:not(.has-main) .main{display:flex}.back-btn.mobile-only{display:none}}.empty-main{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.empty-main .logo{opacity:.85;width:72px;height:72px}.header{height:var(--header);padding:0 6px;padding-top:env(safe-area-inset-top);box-sizing:content-box;background:var(--panel);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:4px;display:flex}.header h1{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0 0 0 10px;font-size:19px;font-weight:600;overflow:hidden}.header .title-btn{text-align:left;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:4px;display:flex}.header .title-btn .t{min-width:0}.header .title-btn .name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.header .title-btn .sub{color:var(--muted);font-size:13px}.icon-btn{width:44px;height:44px;color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--raised)}.icon-btn svg{width:24px;height:24px}.icon-btn.accent{color:var(--accent)}.banner{background:var(--raised);color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:flex}.banner.warn{color:#ffd3a8;background:#3a2610}.banner.err{color:#ffd0cd;background:#3d1614}.banner .grow{flex:1}.banner button{color:var(--accent);font-weight:600}.scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);padding:16px 16px 6px;font-size:13px;font-weight:600}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 14px;display:flex}button.row:hover,.row.active{background:var(--raised)}.row .body{flex:1;min-width:0}.row .line1,.row .line2{align-items:baseline;gap:8px;display:flex}.row .name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.row .time{color:var(--faint);flex:none;font-size:12px}.row .unread .time{color:var(--accent)}.row .preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.badge{background:var(--accent);min-width:22px;height:22px;color:var(--accent-ink);border-radius:11px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.avatar{color:#fff;-webkit-user-select:none;user-select:none;background:#5a5b60;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;font-weight:700;display:flex}.avatar.sm{width:38px;height:38px;font-size:16px}.avatar.lg{width:96px;height:96px;font-size:38px}.avatar.c0{background:#c0612b}.avatar.c1{background:#8a5cc2}.avatar.c2{background:#2f8f83}.avatar.c3{background:#b8455f}.avatar.c4{background:#3c7fc0}.avatar.c5{background:#7a8f2f}.avatar.c6{background:#a86b2d}.avatar.c7{background:#4e6b8c}.shield{width:15px;height:15px;color:var(--ok);vertical-align:-2px;flex:none}.shield.warn{color:var(--faint)}.empty{text-align:center;color:var(--muted);padding:40px 24px;line-height:1.5}.fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));background:var(--accent);width:58px;height:58px;color:var(--accent-ink);border-radius:18px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 6px 20px #00000073}.fab svg{width:28px;height:28px}.side{position:relative}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;min-height:0;padding:10px 10px 6px;display:flex;overflow-y:auto}.day-sep{color:var(--muted);background:var(--panel);border-radius:10px;align-self:center;margin:10px 0 6px;padding:4px 12px;font-size:13px}.sys{color:var(--muted);background:var(--panel);text-align:center;border-radius:10px;align-self:center;margin:6px 16px;padding:6px 12px;font-size:13px}.bubble{background:var(--in);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:14px;align-self:flex-start;max-width:min(78%,560px);margin-top:4px;padding:7px 10px 6px;line-height:1.38;position:relative}.bubble.out{background:var(--out);align-self:flex-end}.bubble.cont{margin-top:0}.bubble.deleted{color:var(--muted);font-style:italic}.bubble.sel{outline:2px solid var(--accent)}.bubble .meta{float:right;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:3px;margin:6px 0 -4px 10px;font-size:11px;display:inline-flex}.bubble .reply{border-left:3px solid var(--accent);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border-radius:6px;max-width:100%;margin:0 0 4px;padding:2px 8px;font-size:13px;display:block;overflow:hidden}.tick{width:16px;height:11px}.tick.read{color:var(--accent)}.composer{padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);flex:none;align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;background:var(--raised);border:0;border-radius:20px;outline:none;flex:1;min-height:42px;max-height:160px;padding:10px 14px;line-height:1.35}.send-btn{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.send-btn:disabled{opacity:.4}.send-btn svg{width:22px;height:22px}.compose-ctx{background:var(--panel);border-top:1px solid var(--line);align-items:center;gap:10px;padding:6px 12px;font-size:14px;display:flex}.compose-ctx .t{border-left:3px solid var(--accent);white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted);flex:1;padding-left:8px;overflow:hidden}.compose-ctx b{color:var(--accent);font-weight:600;display:block}.page{width:100%;max-width:640px;margin:0 auto;padding:16px}.card{background:var(--panel);border-radius:var(--radius);margin-bottom:14px;padding:16px}.card h2{margin:0 0 8px;font-size:17px}.card p,.hint{color:var(--muted);margin:6px 0;font-size:15px;line-height:1.45}.hint.small{font-size:13px}.field{margin:12px 0;display:block}.field span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.input{border:1px solid var(--line);background:var(--raised);border-radius:12px;outline:none;width:100%;padding:12px 14px}.input:focus{border-color:var(--accent)}textarea.input{resize:vertical;word-break:break-all;min-height:80px;font-family:ui-monospace,monospace;font-size:13px}.btn{background:var(--raised);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:600;display:inline-flex}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.danger{color:var(--danger)}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:default}.btn svg{width:20px;height:20px}.btns{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.btns .btn{flex:1}.err-text{color:var(--danger);margin:8px 0;font-size:14px}.ok-text{color:var(--ok)}.switch{cursor:pointer;align-items:center;gap:12px;padding:10px 0;display:flex}.switch .t{flex:1}.switch .t small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.switch input{appearance:none;background:var(--line);cursor:pointer;border-radius:13px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked{background:var(--accent)}.switch input:checked:after{transform:translate(18px)}.tabs{background:var(--panel);border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.tabs button{color:var(--muted);border-radius:9px;flex:1;padding:10px 4px;font-size:14px}.tabs button.on{background:var(--raised);color:var(--text);font-weight:600}.qr-box{flex-direction:column;align-items:center;gap:10px;padding:8px 0;display:flex}.qr-box canvas{width:min(78vw,300px);height:min(78vw,300px);image-rendering:pixelated;border-radius:12px}.link-box{word-break:break-all;background:var(--raised);color:var(--muted);-webkit-user-select:all;user-select:all;border-radius:10px;max-height:120px;padding:10px 12px;font-family:ui-monospace,monospace;font-size:12px;overflow:auto}.scanner{aspect-ratio:1;background:#000;border-radius:16px;width:100%;max-width:420px;margin:0 auto;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%}.scanner .frame{border:3px solid var(--accent);border-radius:18px;position:absolute;inset:14%;box-shadow:0 0 0 999px #00000059}.words{counter-reset:w;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.words div{background:var(--raised);text-align:center;border-radius:10px;padding:10px 8px;font-size:15px;font-weight:600}.words div:before{counter-increment:w;content:counter(w) ". ";color:var(--faint);font-size:12px;font-weight:400}.profile-head{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 0 10px;display:flex}.profile-head .n{font-size:22px;font-weight:700}.kv{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;display:flex}.kv:last-child{border-bottom:0}.kv .k{color:var(--muted)}.kv .v{text-align:right;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.list-item{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.list-item:last-child{border-bottom:0}.list-item .body{flex:1;min-width:0}.list-item .body .t{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list-item .body .s{color:var(--muted);margin-top:2px;font-size:13px}.mono{font-family:ui-monospace,monospace}.dot{background:var(--faint);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.on{background:var(--ok)}.overlay{z-index:20;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=600px){.overlay{align-items:center}}.sheet{background:var(--panel);width:100%;max-width:440px;padding:8px 0 calc(8px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}@media (width>=600px){.sheet{border-radius:18px}}.sheet .sheet-title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:12px 18px 8px;font-size:14px;overflow:hidden}.sheet button{text-align:left;align-items:center;gap:14px;width:100%;padding:14px 18px;display:flex}.sheet button:hover{background:var(--raised)}.sheet button svg{width:22px;height:22px;color:var(--muted)}.sheet button.danger,.sheet button.danger svg{color:var(--danger)}.dialog{background:var(--panel);width:calc(100% - 32px);max-width:420px;margin-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:18px;padding:20px}.dialog h2{margin:0 0 10px;font-size:19px}.dialog p{color:var(--muted);line-height:1.45}.toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom));color:var(--text);z-index:30;background:#333438;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0006}.welcome{padding:max(32px, env(safe-area-inset-top)) 16px 32px;flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.welcome .logo{width:84px;height:84px;margin:16px 0 8px}.welcome h1{margin:4px 0 18px;font-size:26px}.welcome .page{padding:0}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}@media (pointer:coarse){.bubble{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.center-text{text-align:center;flex-direction:column;align-items:center;display:flex}.big-code{letter-spacing:2px;color:var(--accent);margin:6px 0 14px;font-family:ui-monospace,monospace;font-size:26px;font-weight:700}.muted{color:var(--muted)}.wrap{overflow-wrap:anywhere}.dialog .spinner{margin:12px auto}.dialog .tabs{margin:12px 0}