.system-message{max-width:640px;margin:20px auto;text-align:center;color:var(--muted);font-size:12px;line-height:1.7;overflow-wrap:anywhere}.system-message time{display:block;font-size:10px;margin-bottom:5px;color:#778a9d}.system-message p{white-space:pre-wrap}.card-label{display:block;font-size:11px;color:var(--accent);margin-bottom:7px}.card-actions{display:flex;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #42505c;font-size:12px;color:#aebdcc;cursor:default}.card-actions span{border-radius:5px;padding:3px 9px;background:#2e3d4c}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#e9eef5;background:#11171f;font-synthesis:none;--panel:#19232f;--line:#2a3948;--muted:#92a3b6;--accent:#edb48b;--cyan:#80d2da;--green:#7bd0ac}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:1px solid var(--line);border-radius:9px;background:#23313f;color:#e9eef5;padding:9px 15px;cursor:pointer;transition:background .15s}button:hover{background:#304253}button:disabled{opacity:.45;cursor:wait}button.primary{color:#201b18;background:var(--accent);border-color:var(--accent);font-weight:650}button.quiet{background:transparent;border-color:transparent;color:var(--muted)}button.danger{background:#3b2730;color:#f3aeb5;border-color:#71424c}button.text-button{background:none;border:0;padding:0;color:var(--muted);font-size:12px}input{width:100%;border:1px solid var(--line);border-radius:9px;background:#111a24;color:#e9eef5;padding:11px 13px;outline:none}input:focus{border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h2{font-size:17px}p{line-height:1.65}.muted,.fine{color:var(--muted)}.fine{font-size:12px}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--muted)}.brand-icon{display:grid;place-items:center;width:55px;height:55px;background:#2c3339;color:var(--accent);font-weight:700;font-size:36px;border-radius:17px;font-family:Georgia,serif}.brand-icon.small{width:33px;height:33px;font-size:25px;border-radius:10px}.gate{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#24313e66,transparent 55%)}.gate-card{width:min(390px,calc(100% - 40px));display:flex;flex-direction:column;gap:18px}.gate-card h1{font-size:30px;letter-spacing:-.03em}.gate-card p{color:var(--muted)}.gate-card label{font-size:13px;margin-top:15px}.gate-card .brand-icon{margin-bottom:15px}.error{font-size:13px;color:#f1a4a4!important;min-height:18px}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand strong{font-size:21px;letter-spacing:-.03em}.brand .muted{font-size:13px;padding-left:15px;border-left:1px solid var(--line)}.top-actions{display:flex;align-items:center;gap:8px}.status{font-size:12px;color:var(--green);margin-right:12px}.panes{display:grid;grid-template-columns:300px 1fr;height:calc(100dvh - 76px);min-height:300px}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#151e28}.sidebar-head{padding:25px 20px 17px}.sidebar-head h2{margin-bottom:20px;font-size:15px}.sidebar-head h2 span{margin-left:8px;font-size:12px;color:var(--muted);font-weight:400}.sidebar input{font-size:13px}nav{overflow:auto;flex:1;padding:0 10px 12px}.friend{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:transparent;border-radius:10px;padding:15px 12px;margin:3px 0}.friend.selected{background:#283645}.friend:hover{background:#21303d}.avatar{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#33404c;color:#c6d4df;font-size:17px}.friend.selected .avatar{background:#40515e;color:var(--accent)}.friend-text{min-width:0;flex:1}.friend-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.friend-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend time{font-size:10px;color:var(--muted);flex-shrink:0}.preview{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.sidebar footer{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding:17px;font-size:11px;color:var(--muted)}.sidebar footer button{margin-left:auto}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--green)}.conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(135deg,#151f29,#121a23)}.chat-head{height:85px;padding:21px 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-head p{font-size:12px;color:var(--muted);margin-top:5px}.readonly{font-size:11px;border:1px solid #3b494e;color:#a6b7bf;border-radius:5px;padding:4px 7px}.messages{flex:1;overflow:auto;padding:24px max(26px,calc((100% - 930px)/2));scrollbar-color:#354654 transparent;overscroll-behavior:contain}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:30px}.empty p{font-size:13px;color:var(--muted);max-width:360px}.empty-icon{color:var(--accent);font-size:60px;font-family:Georgia,serif;line-height:1.1;margin-bottom:8px}.empty button{margin-top:8px}.chat-footer{text-align:center;padding:15px;font-size:11px;color:#778a9d;border-top:1px solid #24313d;flex-shrink:0}.message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:21px}.message.mine{align-items:flex-end}.message-meta{font-size:11px;color:var(--muted);margin-bottom:7px;display:flex;gap:12px}.message-meta .sender{color:#b9c8d8}.bubble{max-width:min(75%,650px);border-radius:3px 13px 13px 13px;background:#243241;padding:11px 15px;font-size:14px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.mine .bubble{background:#33403e;border-radius:13px 3px 13px 13px;color:#f1f2ed}.day{text-align:center;color:#8093a7;font-size:11px;margin:16px 0 26px}.older{display:block;margin:0 auto 24px;font-size:12px;background:transparent;border-color:#354351;color:var(--muted)}.attachment{margin-top:8px;max-width:100%}.attachment img{display:block;max-width:260px;max-height:220px;border-radius:7px;cursor:zoom-in}.attachment video{max-width:100%;max-height:320px;display:block}.attachment audio{max-width:100%;width:280px;display:block}.attachment a{color:var(--cyan)}.attachment .fine{max-width:250px}.attachment-error{color:#e9b38f;font-size:12px;margin-top:5px}.banner{background:#3c3024;border-bottom:1px solid #6d5036;color:#ecc49f;font-size:12px;padding:10px 28px}.banner:not([hidden])+.panes{height:calc(100dvh - 116px)}dialog{color:#e9eef5;background:#1b2531;border:1px solid #3a4957;border-radius:17px;padding:26px;width:min(510px,calc(100% - 30px));max-height:92dvh;box-shadow:0 28px 90px #0007}dialog::backdrop{background:#070d16bb;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.dialog-head h2{margin-top:7px;font-size:22px}.icon-button{padding:4px 10px;font-size:25px;background:none;border:0;color:var(--muted)}#account-name{font-size:21px;font-weight:600;margin-bottom:12px}#account-current .danger{margin-top:22px}#account-login>.muted{font-size:13px}#qr-panel{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px;gap:13px}#qr-image{width:190px;height:190px;object-fit:contain;border:9px solid white;border-radius:10px;background:#fff}#qr-message{font-size:13px;color:var(--cyan);text-align:center}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.button-row button{font-size:13px}#verification{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}#verification p{font-size:12px;margin:10px 0}#verification-image{width:100%;border-radius:9px;cursor:pointer}#sms-form{display:flex;gap:10px;margin-top:12px}#sms-form button{white-space:nowrap}#account-error{margin-top:15px}#media-dialog{width:auto;max-width:94vw;padding:15px}#media-dialog button{display:block;margin-left:auto}#full-image{display:block;max-width:88vw;max-height:78dvh}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid var(--line);background:#293847;border-radius:9px;font-size:13px;z-index:20;max-width:90vw}nav>.fine{padding:25px 15px;text-align:center}[hidden]{display:none!important}@media(max-width:740px){.topbar{padding:0 15px;height:65px}.brand .muted{display:none}.top-actions{gap:0}.top-actions button{font-size:12px;padding:8px}.status{display:none}.panes{grid-template-columns:190px 1fr;height:calc(100dvh - 65px)}.sidebar-head{padding:20px 12px 12px}.friend{padding:12px 7px;gap:8px}.avatar{width:30px;height:30px;border-radius:10px;font-size:13px}.friend time{display:none}.sidebar footer{padding:12px;flex-wrap:wrap}.chat-head{padding:17px;height:80px}.messages{padding:15px 12px}.bubble{max-width:95%;font-size:13px}.chat-footer{font-size:10px;padding:10px}.attachment img{max-width:100%}.message-meta{font-size:10px}.banner:not([hidden])+.panes{height:calc(100dvh - 105px)}}@media(max-width:460px){.panes{grid-template-columns:130px 1fr}.friend .avatar{display:none}.sidebar-head h2{font-size:13px}.sidebar footer .status-dot,.sidebar footer>span:nth-child(2){display:none}.preview{font-size:11px}.messages{padding:10px}.chat-head{padding:13px}.chat-head h2{font-size:15px}.readonly{display:none}.empty{padding:12px}.empty h2{font-size:16px}.attachment audio{width:170px}}