.messenger{position:relative;z-index:1;height:100vh;display:flex;padding:14px;gap:14px}.mgr-sidebar{width:340px;flex:none;display:flex;flex-direction:column;background:var(--velum-glass);border:1px solid var(--velum-glass-border);border-radius:var(--velum-radius);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);overflow:hidden}.mgr-me{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--velum-glass-border)}.mgr-me .name{font-weight:700;font-size:15px}.mgr-me .id{font-size:12px;color:var(--velum-text-dim);font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:1px}.icon-btn{background:transparent;border:1px solid var(--velum-glass-border);color:var(--velum-text-dim);border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.icon-btn:hover{color:var(--velum-cyan);border-color:var(--velum-cyan)}.avatar{width:44px;height:44px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#04202b;background:linear-gradient(135deg,var(--velum-cyan),#7fe7ff);position:relative}.avatar.sm{width:38px;height:38px;font-size:13px}.presence{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:var(--velum-text-dim);border:2px solid #0b1626}.presence.online{background:#00d68f;box-shadow:0 0 6px #00d68f}.chat-search{padding:12px 14px;border-bottom:1px solid var(--velum-glass-border)}.chat-search input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--velum-glass-border);background:#00000040;color:var(--velum-text);font-size:13px;outline:none}.chat-search input:focus{border-color:var(--velum-cyan)}.chat-list{flex:1;overflow-y:auto}.chat-row{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background .12s}.chat-row:hover{background:#00bfff0f}.chat-row.active{background:#00bfff1a}.chat-row .mid{flex:1;min-width:0}.chat-row .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.chat-row .cname{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row.unread .cname{font-weight:800}.chat-row .ctime{font-size:11px;color:var(--velum-text-dim);flex:none}.chat-row .preview{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:3px}.chat-row .ptext{font-size:12.5px;color:var(--velum-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row.unread .ptext{color:var(--velum-text)}.badge{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--velum-cyan);color:#04202b;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.mgr-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--velum-glass);border:1px solid var(--velum-glass-border);border-radius:var(--velum-radius);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);overflow:hidden}.mgr-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--velum-text-dim);text-align:center;padding:24px}.mgr-empty img{width:72px;height:72px;opacity:.7;filter:drop-shadow(0 0 14px rgba(0,191,255,.4))}.conv-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--velum-glass-border)}.mobile-back{display:none}.conv-head .cname{font-weight:700;font-size:15px}.conv-head .cstatus{font-size:12px;color:var(--velum-text-dim)}.conv-head .cstatus.online{color:#00d68f}.msg-scroll{flex:1;overflow-y:auto;padding:18px 18px 8px;display:flex;flex-direction:column;gap:8px}.day-note{align-self:center;font-size:11px;color:var(--velum-text-dim);background:#0000004d;padding:3px 12px;border-radius:999px;margin:6px 0}.bubble{max-width:68%;padding:9px 13px;border-radius:16px;font-size:14.5px;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;position:relative}.bubble.mine{align-self:flex-end;background:#00bfff29;border:1px solid rgba(0,191,255,.4);border-bottom-right-radius:4px}.bubble.theirs{align-self:flex-start;background:#b8bec81f;border:1px solid rgba(255,255,255,.16);border-bottom-left-radius:4px}.bubble .meta{display:block;font-size:10px;color:var(--velum-text-dim);margin-top:4px;text-align:right}.bubble .locked{color:var(--velum-text-dim);font-style:italic;cursor:pointer}.composer{display:flex;gap:10px;padding:12px 14px;border-top:1px solid var(--velum-glass-border)}.composer input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid var(--velum-glass-border);background:#00000040;color:var(--velum-text);font-size:14px;outline:none}.composer input:focus{border-color:var(--velum-cyan)}.composer button{flex:none;width:46px;border:none;border-radius:12px;background:linear-gradient(90deg,var(--velum-cyan),var(--velum-cyan-dim));color:#04202b;font-size:18px;cursor:pointer}.composer button:disabled{opacity:.4;cursor:default}.hint{font-size:12px;color:var(--velum-text-dim);padding:8px 14px}.hint.err{color:var(--velum-danger)}@media (max-width: 720px){.messenger{padding:0;gap:0}.mgr-sidebar{width:100%;border-radius:0}.mgr-main{border-radius:0}.messenger.has-selection .mgr-sidebar{display:none}.messenger:not(.has-selection) .mgr-main{display:none}.mobile-back{display:flex}}:root{--velum-bg: #05070d;--velum-bg-2: #0a0f1c;--velum-cyan: #00bfff;--velum-cyan-dim: #0090c0;--velum-text: #e8f4fb;--velum-text-dim: #8aa0b4;--velum-danger: #ff5c6c;--velum-glass: rgba(16, 26, 42, .55);--velum-glass-border: rgba(0, 191, 255, .22);--velum-radius: 18px;--velum-font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--velum-bg);color:var(--velum-text);font-family:var(--velum-font);-webkit-font-smoothing:antialiased;overflow:hidden}.velum-app{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1}.glass{background:var(--velum-glass);border:1px solid var(--velum-glass-border);border-radius:var(--velum-radius);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);box-shadow:0 8px 40px #00000073,inset 0 0 0 1px #ffffff05}.card{width:100%;max-width:420px;padding:36px 32px;text-align:center}.velum-logo{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,191,255,.45));margin-bottom:12px}.velum-wordmark{font-size:26px;font-weight:700;letter-spacing:6px;margin:0 0 2px;background:linear-gradient(90deg,var(--velum-cyan),#7fe7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.velum-tagline{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--velum-text-dim);margin:0 0 24px}h2{font-size:19px;font-weight:600;margin:0 0 6px}.muted{color:var(--velum-text-dim);font-size:14px;line-height:1.5;margin:0 0 20px}.qr-frame{display:inline-flex;align-items:center;justify-content:center;background:#f4fbff;padding:14px;border-radius:14px;box-shadow:0 0 24px #00bfff40;margin:4px 0 20px;min-width:244px;min-height:244px}.qr-frame img{display:block;width:216px;height:216px;image-rendering:pixelated}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:13px 22px;border-radius:12px;width:100%;transition:transform .08s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(90deg,var(--velum-cyan),var(--velum-cyan-dim));color:#04202b}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--velum-text-dim);border:1px solid var(--velum-glass-border);margin-top:10px}.btn-ghost:hover{color:var(--velum-text)}.spinner{width:34px;height:34px;border:3px solid rgba(0,191,255,.2);border-top-color:var(--velum-cyan);border-radius:50%;animation:spin .9s linear infinite;margin:8px auto 18px}@keyframes spin{to{transform:rotate(360deg)}}.pill{display:inline-block;font-size:13px;letter-spacing:1px;padding:5px 12px;border-radius:999px;background:#00bfff1f;color:var(--velum-cyan);border:1px solid var(--velum-glass-border)}.banner{background:#ff5c6c1f;border:1px solid rgba(255,92,108,.4);color:#ffd9dd;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5;text-align:left;margin-bottom:18px}.banner code{background:#0000004d;padding:1px 5px;border-radius:5px;font-size:12px}.error-text{color:var(--velum-danger);font-size:13px;line-height:1.5;word-break:break-word}.steps{text-align:left;color:var(--velum-text-dim);font-size:13.5px;line-height:1.7;margin:0 auto 20px;padding-left:20px;max-width:300px}.session-hint{font-size:11px;color:var(--velum-text-dim);letter-spacing:1px;margin-top:4px}.identity-name{font-size:22px;font-weight:700;margin:6px 0 2px}