:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--panel:#111a2c;--chat-bg:#0d1526;--bubble-recv:#1c2740;--text:#eef1fb;--text-dim:#8891ab;--card-line:#212d47;--accent-cyan:#2fd8f5;--accent-blue:#5b6bf5;--accent-purple:#a855f0;--accent-magenta:#e14fd0;--accent:var(--accent-blue);--accent-gradient:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue) 45%, var(--accent-purple) 75%, var(--accent-magenta));--bubble-sent:var(--accent-blue);--bubble-sent2:var(--accent-purple);--body-gradient:linear-gradient(180deg, #0a0f1c, #0d1424 60%, #0a0f1c);--aurora-1:#2fd8f524;--aurora-2:#e14fd021;--aurora-3:#a855f01f}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--body-gradient);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 12% 108%, var(--aurora-1), transparent 62%), radial-gradient(760px 480px at 88% -8%, var(--aurora-2), transparent 60%), radial-gradient(640px 460px at 96% 55%, var(--aurora-3), transparent 58%);position:fixed;inset:0}button{font-family:inherit}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:78vw;padding:8px 12px;font-size:13px;line-height:1.4}.bubble.sent{background:linear-gradient(135deg, var(--bubble-sent), var(--bubble-sent2));color:#fff;border-bottom-right-radius:4px}.bubble.recv{background:var(--bubble-recv);color:var(--text);border-bottom-left-radius:4px}.bubble-deleted{opacity:.7;align-items:center;gap:6px;font-style:italic;display:flex}.bubble-deleted.sent{background:var(--bubble-recv);color:var(--text)}.bubble-deleted-icon{font-size:12px}.row{animation:.25s both conv-item-in;display:flex;position:relative}.row.sent{justify-content:flex-end}.row.recv{justify-content:flex-start}.row-content{flex-direction:column;max-width:100%;display:inline-flex}.row.sent .row-content{align-items:flex-end}.row.recv .row-content{align-items:flex-start}.bubble-touch-target{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:contents}.reaction-badges{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.bubble-swipe-wrap{touch-action:pan-y;transition:transform .15s;position:relative}.swipe-reply-icon{color:var(--accent-cyan);pointer-events:none;font-size:18px;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.reply-quote{border-left:3px solid var(--accent);background:#ffffff0f;border-radius:10px;max-width:78vw;margin-bottom:3px;padding:4px 10px}.reply-quote-sender{color:var(--accent-cyan);font-size:11px;font-weight:600}.reply-quote-content{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bubble-edited{color:var(--text-dim);margin-right:4px;font-size:10px;font-style:italic}.reaction-badge{background:var(--panel);border:1px solid var(--card-line);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:13px;line-height:1.6;transition:transform .15s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.reaction-badge:active{transform:scale(.9)}.reaction-badge.mine{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent)}.reaction-count{color:var(--text-dim);font-size:11px}.message-action-menu{z-index:20;background:var(--panel);border:1px solid var(--card-line);border-radius:14px;flex-direction:column;align-items:stretch;gap:8px;min-width:200px;max-width:min(280px,80vw);margin-bottom:6px;padding:8px 10px;display:flex;position:absolute;bottom:100%;box-shadow:0 8px 24px #00000059}.row.sent .message-action-menu{right:0}.row.recv .message-action-menu{left:0}.message-action-menu.below{margin-top:6px;margin-bottom:0;top:100%;bottom:auto}.message-action-emojis{justify-content:center;gap:6px;display:flex}.message-action-emoji{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:3px;font-size:20px;line-height:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s}.message-action-emoji:hover{background:color-mix(in srgb, var(--panel) 90%, var(--text) 8%)}.message-action-emoji:active{transform:scale(1.3)}.message-action-list{border-top:1px solid var(--card-line);flex-direction:column;gap:2px;padding-top:6px;display:flex}.message-action-list-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-family:inherit;font-size:13.5px;transition:background .15s;display:flex}.message-action-list-icon{flex-shrink:0;font-size:15px;line-height:1}.message-action-list-item:hover{background:color-mix(in srgb, var(--panel) 90%, var(--text) 8%)}.message-action-list-item-danger{color:#e5484d}.message-action-list-item-split{cursor:default;justify-content:space-between}.message-action-translate{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:0;font-family:inherit;font-size:13.5px;display:flex}.message-action-change-lang{color:var(--accent-cyan);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;font-size:11.5px;text-decoration:underline}.lang-sheet-backdrop{z-index:100;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.lang-sheet{background:var(--panel);width:100%;max-height:70vh;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;display:flex;box-shadow:0 -8px 24px #0006}.lang-list-search{background:var(--bg);border:1px solid var(--card-line);width:100%;color:var(--text);border-radius:10px;flex-shrink:0;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:14px}.lang-list-results{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.lang-list-empty{color:var(--text-dim);text-align:center;padding:16px 0;font-size:13px}.contact-page-hero{flex-direction:column;align-items:center;width:100%;padding-bottom:8px;display:flex}.contact-page-hero .avatar{margin-bottom:14px}.contact-page-name{color:var(--text);text-align:center;font-size:22px;font-weight:700}.contact-page-username{color:var(--text-dim);margin-top:2px;font-size:13.5px}.contact-page-status{color:var(--text-dim);margin-top:8px;font-size:13px}.contact-page-status.online{color:var(--accent-cyan)}.settings-row-static{cursor:default}.bubble-translation{opacity:.85;border-top:1px solid #ffffff24;margin-top:4px;padding-top:4px;font-size:12px;font-style:italic}.bubble-translation-loading{opacity:.6;font-style:normal}.bubble-translation-error{color:#e5484d;font-style:normal}.msg-status{vertical-align:middle;align-items:center;margin-left:4px;display:inline-flex}.bubble-footer{vertical-align:middle;align-items:center;display:inline-flex}.replay-btn{width:16px;height:16px;color:inherit;cursor:pointer;background:#ffffff29;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:0;display:inline-flex}.replay-btn:hover{background:#ffffff47}.msg-status-double svg:last-child{margin-left:-6px}.chat-shell{background:var(--chat-bg);border-left:1px solid var(--card-line);border-right:1px solid var(--card-line);flex-direction:column;max-width:720px;height:100dvh;margin:0 auto;display:flex}.chat-header{z-index:5;background:color-mix(in srgb, var(--chat-bg) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(160%);border-bottom:1px solid color-mix(in srgb, var(--card-line) 70%, transparent);align-items:center;gap:10px;padding:14px 16px;display:flex;position:sticky;top:0}.back-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 6px 4px 0;font-size:18px;line-height:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1),color .15s}.back-btn:hover{color:var(--text)}.back-btn:active{transform:scale(.85)}.chat-header-identity:active{transform:scale(.98)}.avatar{background:linear-gradient(135deg,#556,#334);border-radius:50%;flex-shrink:0}.avatar-wrap{flex-shrink:0;line-height:0;display:inline-block;position:relative}.avatar-wrap .avatar{width:100%;height:100%}.avatar-online-dot{border:2px solid var(--bg);box-sizing:content-box;background:#4ec97e;border-radius:50%;width:28%;min-width:9px;height:28%;min-height:9px;position:absolute;bottom:0;right:0}.chat-header .avatar{width:34px;height:34px}.chat-header-identity{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;min-width:0;margin:0;padding:0;font-family:inherit;transition:transform .15s cubic-bezier(.34,1.56,.64,1);display:flex}.chat-header .name{font-size:14.5px;font-weight:600}.chat-header .status{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.chat-header .status.connected{color:#4ec97e}.live-toggle{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.live-toggle:hover{filter:brightness(1.1)}.live-toggle[aria-pressed=false]{opacity:.5}.chat-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.composer-wrap{flex-direction:column;display:flex}.composer{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--chat-bg) 85%, transparent);-webkit-backdrop-filter:blur(18px)saturate(160%);border-top:1px solid color-mix(in srgb, var(--card-line) 70%, transparent);align-items:center;gap:8px;display:flex;position:relative}.composer-banner{background:var(--panel);align-items:center;gap:10px;padding:8px 16px;display:flex}.composer-banner-bar{background:var(--accent);border-radius:2px;flex-shrink:0;align-self:stretch;width:3px}.composer-banner-text{flex:1;min-width:0}.composer-banner-title{color:var(--accent-cyan);font-size:12.5px;font-weight:600}.composer-banner-snippet{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.composer-banner-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:16px}.composer-error{color:#f0a3a3;background:#3a1f24;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:-30px;left:16px;right:16px}.composer-icon-btn{border:1px solid var(--card-line);width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),color .15s,border-color .15s;display:flex}.composer-icon-btn:hover{color:var(--text);border-color:var(--accent)}.composer-icon-btn:active{transform:scale(.88)}.composer-icon-btn:disabled{opacity:.5;cursor:default}.composer-icon-btn.recording{color:#fff;background:#e5484d;border-color:#e5484d;animation:1.4s ease-in-out infinite recordingPulse}@keyframes recordingPulse{0%,to{box-shadow:0 0 #e5484d80}50%{box-shadow:0 0 0 6px #e5484d00}}.recording-indicator{color:#e5484d;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12.5px}.attach-menu-wrap{flex-shrink:0;position:relative}.attach-btn{border:1px solid var(--card-line);width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1),color .15s,border-color .15s;display:flex}.attach-btn:hover{color:var(--text);border-color:var(--accent)}.attach-btn:active{transform:scale(.88)}.attach-menu{background:var(--panel);border:1px solid var(--card-line);z-index:5;border-radius:12px;min-width:160px;padding:6px;animation:.18s both conv-item-in;position:absolute;bottom:46px;left:0;box-shadow:0 12px 32px #0006}.attach-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;transition:background .15s;display:flex}.attach-menu-item:hover{background:color-mix(in srgb, var(--panel) 90%, var(--text) 8%)}.attach-menu-item:disabled{opacity:.5;cursor:default}.attach-picker{width:240px;padding:8px}.attach-picker-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.attach-picker-back{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:16px}.attach-picker-back:hover{color:var(--text)}.attach-picker-search{background:color-mix(in srgb, var(--bg) 60%, var(--panel));color:var(--text);border:none;border-radius:8px;flex:1;padding:7px 10px;font-size:13px}.attach-picker-search:focus{outline:2px solid var(--accent)}.attach-picker-results{max-height:220px;overflow-y:auto}.attach-picker-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:13px;transition:background .15s;display:flex}.attach-picker-item:hover{background:color-mix(in srgb, var(--panel) 90%, var(--text) 8%)}.attach-picker-avatar{border-radius:50%;flex-shrink:0;width:26px;height:26px}.attach-picker-username{color:var(--text-dim);font-size:11.5px}.attach-picker-empty{color:var(--text-dim);margin:0;padding:6px 8px;font-size:12.5px}.attach-picker-link{color:var(--accent-cyan);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px}.contact-bubble{align-items:center;gap:8px;display:flex}.contact-open{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:0;font-family:inherit;display:flex}.contact-add-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;line-height:1;display:flex}.contact-add-btn:disabled{opacity:.6;cursor:default}.contact-avatar{background:linear-gradient(135deg,#556,#334);border-radius:50%;flex-shrink:0;width:36px;height:36px}.contact-info{flex-direction:column;min-width:0;display:flex}.contact-name{font-size:13.5px;font-weight:600}.contact-username{opacity:.75;font-size:11.5px}.image-bubble{width:240px;max-width:100%;padding:4px;display:block}.image-bubble a{line-height:0;display:block}.image-preview{object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:320px;display:block}.video-preview{background:#000;border-radius:12px;width:100%;max-height:320px;display:block}.audio-bubble{align-items:center;gap:8px;display:flex}.audio-preview{max-width:240px;height:36px}.image-status-row{justify-content:flex-end;padding:4px 4px 0;display:flex}.file-bubble{align-items:center;gap:10px;max-width:240px;text-decoration:none;display:flex}.file-icon{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.file-info{flex-direction:column;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.file-size{opacity:.75;font-size:11px}.profile-body{flex-direction:column;align-items:center;gap:20px;padding:28px 16px;display:flex}.profile-avatar-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:10px;transition:transform .15s cubic-bezier(.34,1.56,.64,1);display:flex}.profile-avatar-btn:active{transform:scale(.95)}.profile-avatar-btn:disabled{opacity:.6;cursor:default}.profile-avatar-edit{color:var(--accent-cyan);font-size:12.5px}.profile-form{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.profile-field{background:color-mix(in srgb, var(--panel) 55%, transparent);border:1px solid color-mix(in srgb, var(--card-line) 60%, transparent);border-radius:14px;width:100%;padding:10px 14px;transition:border-color .15s;display:block}.profile-field:focus-within{border-color:var(--accent)}.profile-field-label{color:var(--text-dim);margin-bottom:2px;font-size:11px}.profile-field-value{font-size:14px}.profile-field-input{width:100%;color:var(--text);background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;display:block}.profile-field-input:focus{outline:none}.profile-toggle-row{background:color-mix(in srgb, var(--panel) 55%, transparent);border:1px solid color-mix(in srgb, var(--card-line) 60%, transparent);width:100%;max-width:320px;color:inherit;text-align:left;cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s;animation:.3s both conv-item-in;display:flex}.profile-toggle-row:hover{background:color-mix(in srgb, var(--panel) 80%, transparent)}.profile-toggle-row:active{transform:scale(.98)}.profile-toggle-title{font-size:13.5px;font-weight:600;display:block}.profile-toggle-desc{color:var(--text-dim);margin-top:2px;font-size:11.5px;line-height:1.4;display:block}.profile-toggle-switch{background:color-mix(in srgb, var(--card-line) 85%, var(--bg));border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.profile-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.profile-toggle-switch.on{background:var(--accent-gradient)}.profile-toggle-switch.on:after{transform:translate(16px)}.profile-toggle-row:disabled{opacity:.6;cursor:default}.settings-success{color:var(--accent-cyan);font-size:12.5px}.settings-list{flex-direction:column;gap:8px;width:100%;max-width:320px;display:flex}.settings-row{background:color-mix(in srgb, var(--panel) 55%, transparent);border:1px solid color-mix(in srgb, var(--card-line) 60%, transparent);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s;animation:.3s both conv-item-in;display:flex}.settings-row:hover{background:color-mix(in srgb, var(--panel) 80%, transparent)}.settings-row:active{transform:scale(.98)}.settings-row-title{font-size:13.5px;font-weight:600;display:block}.settings-row-desc{color:var(--text-dim);margin-top:2px;font-size:11.5px;line-height:1.4;display:block}.settings-row-chevron{color:var(--text-dim);flex-shrink:0;font-size:18px}.settings-row-check{color:var(--accent-cyan);flex-shrink:0;font-size:15px}.theme-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:320px;display:grid}.theme-card{background:color-mix(in srgb, var(--panel) 55%, transparent);border:1px solid color-mix(in srgb, var(--card-line) 60%, transparent);cursor:pointer;border-radius:14px;flex-direction:column;gap:6px;padding:10px;font-family:inherit;transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .15s;animation:.3s both conv-item-in;display:flex}.theme-card:active{transform:scale(.96)}.theme-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-card-swatch{border-radius:8px;justify-content:flex-end;align-items:flex-start;height:40px;padding:4px;display:flex}.theme-card-check{color:#fff;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;display:flex}.theme-card-dots{gap:5px;display:flex}.theme-card-dots span{border-radius:50%;width:12px;height:12px}.theme-card-label{color:var(--text);text-align:left;font-size:12.5px;font-weight:600}.profile-logout-btn{background:color-mix(in srgb, var(--panel) 55%, transparent);border:1px solid color-mix(in srgb, var(--card-line) 60%, transparent);color:#e5484d;text-align:center;cursor:pointer;border-radius:14px;width:100%;max-width:320px;padding:12px 14px;font-family:inherit;font-size:13.5px;font-weight:600;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s}.profile-logout-btn:hover{background:color-mix(in srgb, #e5484d 12%, var(--panel))}.profile-logout-btn:active{transform:scale(.98)}.location-bubble{cursor:pointer;width:240px;max-width:100%;padding:0;text-decoration:none;display:block;overflow:hidden}.location-preview-wrap{aspect-ratio:1;background:#16213a;width:100%;position:relative;overflow:hidden}.location-preview{object-fit:cover;width:100%;height:100%;display:block}.location-pin-overlay{filter:drop-shadow(0 2px 3px #0009);pointer-events:none;font-size:28px;position:absolute;transform:translate(-50%,-100%)}.location-label{text-underline-offset:2px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;text-decoration:underline;display:flex}.location-pin{font-size:15px;text-decoration:none}.composer-field{background:color-mix(in srgb, var(--bg) 60%, var(--panel));min-width:0;color:var(--text);border:1px solid #0000;border-radius:999px;flex:1;padding:10px 14px;font-size:13px;transition:border-color .15s}.composer-field:focus{border-color:var(--accent);outline:none}.composer-send{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 3px 10px color-mix(in srgb, var(--accent) 40%, transparent);border:none;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,opacity .15s}.composer-send:active{transform:scale(.92)}.composer-send:disabled{opacity:.5;cursor:default;box-shadow:none}.login-shell{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;display:flex;position:relative;overflow:hidden}.login-shell:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#2fd8f529 48%,#0000 56%),linear-gradient(112deg,#0000 55%,#a855f026 63%,#0000 74%),linear-gradient(108deg,#0000 68%,#e14fd024 76%,#0000 88%),radial-gradient(70% 55% at 30% 100%,#2fd8f51a,#0000 70%);position:absolute;inset:0}.app-logo{filter:drop-shadow(0 8px 28px #a855f059);display:block}.login-card{background:var(--panel);border:1px solid var(--card-line);border-radius:18px;min-width:280px;padding:28px;position:relative}.login-card h1{margin:0 0 16px;font-size:18px}.login-user-btn{text-align:left;background:color-mix(in srgb, var(--panel) 55%, transparent);border:1px solid color-mix(in srgb, var(--card-line) 60%, transparent);width:100%;color:var(--text);cursor:pointer;border-radius:14px;margin-bottom:8px;padding:12px 14px;font-size:14px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .15s,background .15s;display:block}.login-user-btn:hover{background:color-mix(in srgb, var(--panel) 80%, transparent)}.login-user-btn:active{transform:scale(.98)}.login-user-btn:hover{border-color:var(--accent-purple)}.auth-field{border:1px solid var(--card-line);width:100%;color:var(--text);background:#16213a;border-radius:10px;margin-bottom:10px;padding:11px 14px;font-size:14px;display:block}.auth-field:focus{outline:2px solid var(--accent)}.auth-submit{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:4px;padding:12px 14px;font-size:14px;font-weight:600;display:block}.auth-submit:disabled{opacity:.6;cursor:default}.auth-google-btn{border:1px solid var(--card-line);width:100%;color:var(--text);cursor:pointer;background:#16213a;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:11px 14px;font-size:14px;display:flex}.auth-google-btn:disabled{opacity:.45;cursor:default}.auth-divider{color:var(--text-dim);align-items:center;gap:10px;margin:4px 0 14px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--card-line);flex:1;height:1px}.auth-error{color:#e08080;margin:-4px 0 10px;font-size:12.5px}.auth-switch{text-align:center;color:var(--text-dim);margin-top:14px;font-size:13px}.auth-switch button{color:var(--accent-cyan);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.conv-list-shell{flex-direction:column;max-width:720px;min-height:100dvh;margin:0 auto;display:flex}.conv-list-header{z-index:5;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(160%);border-bottom:1px solid color-mix(in srgb, var(--card-line) 70%, transparent);align-items:center;gap:10px;padding:16px;display:flex;position:sticky;top:0}.conv-list-header h1{letter-spacing:-.01em;flex:1;margin:0;font-size:18px;font-weight:700}.icon-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;width:34px;height:34px;box-shadow:0 3px 10px color-mix(in srgb, var(--accent) 45%, transparent);border:none;border-radius:50%;flex-shrink:0;font-size:18px;line-height:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.icon-btn:active{box-shadow:0 1px 4px color-mix(in srgb, var(--accent) 45%, transparent);transform:scale(.88)}.text-btn{border:1px solid var(--card-line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s,color .15s}.text-btn:active{background:color-mix(in srgb, var(--panel) 80%, transparent);transform:scale(.94)}.icon-btn-plain{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1);display:flex}.icon-btn-plain:active{transform:scale(.88)}.conv-search{border-bottom:1px solid color-mix(in srgb, var(--card-line) 70%, transparent);padding:14px 16px;animation:.25s both conv-item-in}.conv-search-results{margin-top:10px}.conv-list{flex-direction:column;flex:1;gap:3px;padding:6px 10px 10px;display:flex;overflow-y:auto}.conv-item{text-align:left;background:color-mix(in srgb, var(--panel) 40%, transparent);border:1px solid color-mix(in srgb, var(--card-line) 45%, transparent);cursor:pointer;width:100%;color:var(--text);border-radius:16px;align-items:center;gap:12px;padding:11px 12px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s,border-color .15s;animation:.35s both conv-item-in;display:flex}.conv-item:hover{background:color-mix(in srgb, var(--panel) 75%, transparent);border-color:color-mix(in srgb, var(--card-line) 90%, transparent)}.conv-item:active{background:color-mix(in srgb, var(--panel) 90%, transparent);transform:scale(.98)}@keyframes conv-item-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.conv-item .avatar{width:48px;height:48px;box-shadow:0 2px 10px #00000047}.conv-item-info{flex:1;min-width:0}.conv-item-top{align-items:baseline;gap:8px;display:flex}.conv-item-top .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.conv-item-time{color:var(--text-dim);flex-shrink:0;font-size:11px}.conv-item-bottom{align-items:center;gap:8px;margin-top:2px;display:flex}.conv-item-bottom .conv-item-sub{flex:1}.conv-unread-badge{background:var(--accent-gradient);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;display:flex}.typing-dots{align-items:center;gap:3px;height:12px;display:inline-flex}.typing-dots span{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing-dot-bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-dot-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.conv-item-info .name{font-size:14.5px;font-weight:600}.conv-item-sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.conv-item-sub.typing,.conv-item-sub.unread{color:var(--accent);font-weight:600}.stories-row{scroll-snap-type:x proximity;border-bottom:1px solid color-mix(in srgb, var(--card-line) 70%, transparent);gap:14px;padding:14px 16px;display:flex;overflow-x:auto}.stories-row .story-tile{scroll-snap-align:start}.story-tile{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:64px;animation:.35s both conv-item-in;display:flex}.story-avatar-wrap{position:relative}.story-avatar-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1);display:block}.story-avatar-btn:active{transform:scale(.92)}.story-ring{background:var(--card-line);border-radius:50%;padding:2px;transition:box-shadow .3s;display:block}.story-ring.unseen{background:var(--accent-gradient);animation:2.4s ease-in-out infinite story-ring-pulse}@keyframes story-ring-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 35%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 0%, transparent)}}.story-ring .avatar,.story-ring .avatar-wrap{border:2px solid var(--bg);border-radius:50%;display:block}.story-add-badge{background:var(--accent-gradient);color:#fff;border:2px solid var(--bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;line-height:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:-2px;right:-2px}.story-add-badge:active{transform:scale(.85)}.story-tile-label{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.story-composer-backdrop{background:var(--bg);z-index:110;display:flex;position:fixed;inset:0}.story-composer{width:100%;height:100%;padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.story-composer-header{align-items:center;gap:10px;display:flex}.story-composer-tabs{flex:1;justify-content:center;gap:8px;display:flex}.story-composer-tab{border:1px solid var(--card-line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:12px}.story-composer-tab.active{background:var(--accent-gradient);color:#fff;border-color:#0000}.story-composer-body{flex:1;justify-content:center;align-items:center;min-height:0;margin-top:16px;display:flex}.story-composer-preview{object-fit:contain;border-radius:12px;max-width:100%;max-height:100%}.story-composer-multi-preview{grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;width:100%;height:100%;display:grid;overflow-y:auto}.story-composer-thumb{aspect-ratio:9/16;background:var(--panel);border-radius:10px;position:relative;overflow:hidden}.story-composer-thumb img,.story-composer-thumb video{object-fit:cover;width:100%;height:100%}.story-composer-thumb-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:22px;height:22px;font-size:11px;line-height:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px;right:4px}.story-composer-thumb-remove:active{transform:scale(.85)}.story-composer-thumb-add{aspect-ratio:9/16;border:1px dashed var(--card-line);background:var(--panel);color:var(--text-dim);cursor:pointer;border-radius:10px;font-size:22px;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.story-composer-thumb-add:active{transform:scale(.9)}.story-composer-pick-btn{background:var(--panel);border:1px dashed var(--card-line);color:var(--text-dim);cursor:pointer;border-radius:14px;padding:40px 24px;font-size:14px}.story-composer-text-preview{border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.story-composer-textarea{resize:none;color:#fff;text-align:center;text-shadow:0 1px 4px #0000004d;background:0 0;border:none;outline:none;width:100%;max-height:100%;font-size:22px;font-weight:600}.story-composer-swatches{justify-content:center;gap:10px;padding:16px 0;display:flex}.story-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px}.story-swatch.active{border-color:var(--text)}.story-composer-error{color:#e08080;text-align:center;font-size:13px}.story-viewer-shell{z-index:120;color:#fff;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.story-progress-row{padding:calc(8px + env(safe-area-inset-top,0px)) 10px 0;gap:4px;display:flex}.story-progress-track{background:#ffffff4d;border-radius:2px;flex:1;height:2.5px;overflow:hidden}.story-progress-fill{background:#fff;border-radius:2px;width:0%;height:100%}.story-progress-fill.done{width:100%}.story-progress-fill.animating{animation:5s linear forwards story-progress-grow}@keyframes story-progress-grow{0%{width:0%}to{width:100%}}.story-viewer-header{align-items:center;gap:8px;padding:10px 12px;display:flex}.story-viewer-name{font-size:13px;font-weight:600}.story-viewer-time{color:#fff9;font-size:12px}.story-viewer-close{color:#fff;margin-left:auto;font-size:18px}.story-viewer-content{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.story-viewer-media{object-fit:contain;max-width:100%;max-height:100%}.story-viewer-text{text-align:center;text-shadow:0 1px 4px #0000004d;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;font-size:26px;font-weight:600;display:flex}.story-tap-zone{cursor:pointer;background:0 0;border:none;width:33%;padding:0;position:absolute;top:0;bottom:0}.story-tap-zone.left{left:0}.story-tap-zone.right{right:0}.story-viewer-footer{padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));align-items:center;gap:10px;display:flex}.story-viewer-footer .composer-field{color:#fff;background:#ffffff1a;border:1px solid #fff3;flex:1}.story-viewers-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:13px}.story-sent-feedback{color:#ffffffb3;font-size:12px}.story-viewers-sheet{color:var(--text)}.story-viewers-sheet h3{margin:0 0 8px;font-size:15px}.reply-quote-story{border-left-color:var(--accent-magenta)}._bubbleWrap_vdud5_8{max-width:78vw;display:inline-block;position:relative}._marchingFillSvg_vdud5_21{pointer-events:none;width:calc(100% + 6px);height:calc(100% + 6px);position:absolute;inset:-3px;overflow:visible}._marchingFill_vdud5_21{fill:#7a64f533;stroke:none}._marchingSvg_vdud5_37{pointer-events:none;width:calc(100% + 6px);height:calc(100% + 6px);position:absolute;inset:-3px;overflow:visible}._marchingRect_vdud5_46{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-dasharray:5 4;animation:.7s linear infinite _march_vdud5_21}@keyframes _march_vdud5_21{to{stroke-dashoffset:18px}}.bubble.recv._bubbleLiveV7_vdud5_77{color:#d7dbfb;background:0 0;border:none;border-bottom-left-radius:4px;max-width:none;position:relative}.bubble.sent._bubbleLiveV7_vdud5_77{color:#d7dbfb;background:0 0;border:none;border-bottom-right-radius:4px;max-width:none;position:relative}