:root{--background:#eef3f6;--card:#fff;--foreground:#15212f;--border:#d6dde5;--muted:#667789;--primary:#2d8cff;--primary-strong:#1669c9;--primary-soft:#2d8cff1a;--live:#20c36b;--danger:#dc2626;--message-bg:#e7eef2;--message-bg-rgb:231, 238, 242;--message-mine:#dff7c6;--message-other:#fff;--chat-background-overlay:0;--shadow:0 18px 50px #15212f1a;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme]){--background:#111820;--card:#18212b;--foreground:#edf3f7;--border:#2b3948;--muted:#9cacbd;--primary:#5aa8ff;--primary-strong:#86c1ff;--primary-soft:#5aa8ff24;--live:#35d67e;--danger:#f87171;--message-bg:#121a22;--message-bg-rgb:18, 26, 34;--message-mine:#1c2952;--message-other:#202b36;--chat-background-overlay:.8;--shadow:0 18px 50px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--background:#111820;--card:#18212b;--foreground:#edf3f7;--border:#2b3948;--muted:#9cacbd;--primary:#5aa8ff;--primary-strong:#86c1ff;--primary-soft:#5aa8ff24;--live:#35d67e;--danger:#f87171;--message-bg:#121a22;--message-bg-rgb:18, 26, 34;--message-mine:#1c2952;--message-other:#202b36;--chat-background-overlay:.8;--shadow:0 18px 50px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--background);min-height:100dvh;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}button,input,textarea{font:inherit;font-size:16px}button{-webkit-tap-highlight-color:transparent}.page{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:min(100%,540px);box-shadow:var(--shadow);padding:28px}.card.wide{width:min(100%,980px)}.welcome-card{text-align:center}h1{margin:0 0 14px;font-size:clamp(1.8rem,2.1vw,2.25rem);line-height:1.15}p{color:var(--muted);margin:0 0 24px;line-height:1.6}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.button,button{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;transition:background .2s,border-color .2s,opacity .2s;display:inline-flex}button.secondary,.button.secondary,a.button.secondary{color:var(--primary);border-color:var(--primary);background:0 0}button.danger,.button.danger{background:var(--danger);color:#fff}button:hover,a.button:hover{opacity:.94}button:disabled{cursor:not-allowed;opacity:.62}label{color:var(--foreground);margin-bottom:14px;font-weight:600;display:block}input{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;min-height:44px;color:var(--foreground);margin-top:8px;padding:12px 14px}input::placeholder{color:var(--muted)}.error,.success,.empty{border-radius:var(--radius);margin-bottom:16px;padding:12px 14px}.error{color:var(--danger);background:#dc26261a}.success{color:#15803d;background:#20c36b1f}.empty{color:var(--muted);background:#66778914}.footer-link{text-align:center;margin-top:18px}.footer-link a{color:var(--primary)}.main-page{align-items:stretch;padding:0}.messenger-shell{background:var(--card);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;gap:18px;width:min(100%,960px);min-height:100dvh;margin:0 auto;padding:20px 18px 32px;display:flex}.main-header,.top-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.user-info,.result-person,.chat-user{align-items:center;gap:14px;min-width:0;display:flex}.user-info h1,.chat-header h1{margin:0 0 4px}.user-info p,.chat-header p{margin:0}.profile-menu{flex-shrink:0;position:relative}.menu-panel{z-index:20;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:220px;box-shadow:var(--shadow);gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.menu-panel button{justify-content:flex-start;width:100%}.active-streams-strip{border-bottom:1px solid var(--border);scrollbar-width:thin;gap:10px;padding:0 0 14px;display:flex;overflow-x:auto}.stream-bubble{background:0 0;border:none;border-radius:50%;flex:none;width:58px;height:58px;min-height:58px;padding:0}.stream-bubble .result-avatar{border:3px solid var(--live);width:54px;height:54px;box-shadow:0 0 0 3px #20c36b29}.chat-list-section,.search-results-block,.streams-block{gap:12px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2,.search-results-block h2{margin:0;font-size:1.08rem}.compact{min-height:36px;padding:0 12px}.chat-list{display:grid}.chat-preview{border:none;border-bottom:1px solid var(--border);width:100%;min-height:74px;color:var(--foreground);text-align:left;background:0 0;border-radius:0;justify-content:flex-start;align-items:center;gap:12px;padding:10px 4px;display:flex}.chat-preview:hover{border-radius:var(--radius);background:var(--primary-soft)}.chat-preview .result-avatar{width:52px;height:52px;font-size:20px}.chat-preview-body{flex:1;gap:6px;min-width:0;display:grid}.chat-preview-top,.chat-preview-bottom{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.chat-preview-top strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;overflow:hidden}.chat-preview-top span{color:var(--muted);flex-shrink:0;font-size:.84rem}.chat-preview-text{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chat-preview.unread .chat-preview-text,.chat-preview.unread .chat-preview-top strong{color:var(--foreground);font-weight:700}.unread-badge{background:var(--live);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:.78rem;font-weight:700;display:inline-flex}.actions,.result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.search-block{align-items:flex-end;gap:12px;margin-bottom:0;display:flex}.search-block input{flex:1;min-width:220px;margin-top:0}.results{gap:10px;display:grid}.result-item{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--foreground);text-align:left;background:#66778912;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.result-item strong{display:block}.result-item:hover{background:var(--primary-soft)}.clickable-result{cursor:pointer}.clickable-result:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.streaming-indicator{color:var(--live);margin-top:4px;font-size:.9rem;display:inline-block}.chat-page{background:var(--message-bg);touch-action:pan-x pan-y;overscroll-behavior:contain;align-items:stretch;padding:0}.chat-card{background:var(--card);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;width:min(100%,900px);height:100dvh;margin:0 auto;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:10px 16px;display:flex}.chat-header>button,.chat-header .call-actions{flex-shrink:0}.messages-list{background-color:var(--message-bg);background-image:linear-gradient(rgba(0, 10, 22, var(--chat-background-overlay)), rgba(3, 2, 19, var(--chat-background-overlay))), url(/background-chat.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex;overflow-y:auto}.message{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transform-origin:50%;overflow-wrap:anywhere;border-radius:14px;flex-direction:column;gap:6px;max-width:78%;padding:10px 12px;transition:transform .5s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 1px 1px #15212f14}.message.long-pressing{transform:scale(.96);box-shadow:0 8px 26px #15212f2e}.message.mine{background:var(--message-mine);color:var(--foreground);cursor:context-menu;border-bottom-right-radius:4px;align-self:flex-end}.message.other{background:var(--message-other);color:var(--foreground);border-bottom-left-radius:4px;align-self:flex-start}.message.editing{outline-offset:2px;outline:2px solid #2d8cff59}.message-text{white-space:pre-wrap}.message-time{color:var(--muted);font-size:.78rem}.message-meta{align-self:flex-end;align-items:center;gap:6px;display:inline-flex}.message-status{background:#a3adb8;border-radius:2px;flex-shrink:0;width:5px;height:5px}.message-status.read{background:var(--primary)}.message-status.pending{border:2px solid #66778947;border-top-color:var(--muted);background:0 0;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite message-status-spin}@keyframes message-status-spin{to{transform:rotate(360deg)}}.send-row{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--card);align-items:flex-end;gap:10px;display:flex}.send-row input{flex:1;min-width:0;margin-top:0}.editing-row{border-top:1px solid var(--border);background:var(--primary-soft);color:var(--foreground);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.message-context-menu{z-index:30;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:180px;box-shadow:var(--shadow);padding:6px;position:fixed}.message-context-menu button{width:100%;min-height:38px;color:var(--foreground);background:0 0;border-radius:6px;justify-content:flex-start}.message-context-menu button:hover{background:var(--primary-soft)}.message-context-menu button.danger{color:var(--danger);background:0 0}.incoming-call-overlay{z-index:50;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.incoming-call-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:min(100%,360px);box-shadow:var(--shadow);padding:22px}.incoming-call-dialog h2{margin:0 0 8px;font-size:1.35rem}.incoming-call-dialog p{margin:0 0 18px}.incoming-call-actions{gap:10px;display:flex}.incoming-call-actions button{flex:1}.stream-container{border:1px solid var(--border);border-radius:var(--radius);background:var(--message-bg);width:100%;padding:16px;overflow:auto}.stream-container video{border-radius:var(--radius);background:#000;width:100%;display:block}.stream-container h3{color:var(--foreground);margin:16px 0 8px;font-size:.95rem}.stream-container h3:first-child{margin-top:0}.stream-header{margin-bottom:18px}.live-stream-surface{gap:12px;display:grid;position:relative;overflow:hidden}.stream-video{aspect-ratio:16/9;object-fit:contain}.stream-placeholder{border-radius:var(--radius);color:#fff;text-align:center;background:#000000b8;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:16px 16px 58px}.stream-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.92rem;display:flex}.connection-indicator{color:#15803d;margin-top:4px;font-size:.85rem}.call-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.call-surface{gap:14px;display:grid}.remote-audio,.remote-earpiece-video{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.proximity-screen-cover{z-index:80;pointer-events:auto;background:#000;position:fixed;inset:0}.menu-page{align-items:stretch;padding:0}.menu-shell{min-height:100dvh}.menu-nav{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.menu-nav button{justify-content:center;width:100%}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius);background:#66778912;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 12px;display:flex}.theme-toggle>span{color:var(--foreground);font-weight:600}.theme-switch{border:1px solid var(--border);background:var(--message-bg);border-radius:999px;flex:0 0 56px;width:56px;min-width:56px;max-width:56px;height:32px;min-height:32px;padding:0;position:relative}.theme-switch-thumb{background:var(--primary);border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px}.theme-switch.is-dark .theme-switch-thumb{transform:translate(24px)}.menu-link-button{flex-shrink:0;min-height:42px;padding:0 14px}.menu-result{text-align:left;background:0 0;border:0;width:100%}.send-button:disabled{opacity:.45;cursor:not-allowed}.icon-button.send-button img{filter:none}.call-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.video-panel{min-width:0}.video-panel video,.audio-tile{aspect-ratio:4/3;border-radius:var(--radius);width:100%}.audio-tile{border:1px solid var(--border);background:var(--card);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.audio-tile strong{font-size:1rem}.audio-tile span,.call-waiting{color:var(--muted)}.call-waiting{text-align:center;margin:0}.icon-button{width:42px;min-width:42px;height:42px;min-height:42px;color:var(--foreground);background:0 0;border:0;border-radius:50%;padding:0}.icon-button img{display:block}.icon-button:hover{background:var(--primary-soft);opacity:1}.message-input,.send-row textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);min-width:0;min-height:44px;max-height:120px;color:var(--foreground);resize:none;flex:1;margin-top:0;padding:12px 14px;line-height:1.4;overflow:hidden}.call-page{touch-action:pan-x pan-y;overscroll-behavior:contain;align-items:stretch;padding:0}.call-page .call-card{width:100%;max-width:none;min-height:100dvh;box-shadow:none;border:0;border-radius:0;flex-direction:column;padding:0;display:flex}.call-top-bar{z-index:4;position:relative}.call-top-info{flex:1;min-width:0}.call-top-info h1{margin:0;font-size:1rem}.call-top-info p{margin:4px 0 0;font-size:.85rem}.call-top-spacer{flex-shrink:0;width:42px}.call-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.call-error{border-radius:0;margin:0}.call-stage{background:#000;flex:1;min-height:280px;position:relative;overflow:hidden}.call-video-tile{overflow:hidden}.call-video-main{position:absolute;inset:0}.call-video-main video,.call-video-main .call-audio-placeholder{object-fit:contain;object-position:center;aspect-ratio:auto;background:#000;border-radius:0;width:100%;height:100%;display:block}.call-video-pip{z-index:3;cursor:pointer;border:2px solid #ffffffd9;border-radius:12px;width:108px;height:152px;position:absolute;bottom:110px;right:14px;box-shadow:0 8px 24px #00000059}.call-video-pip video,.call-video-pip .call-audio-placeholder{object-fit:cover;aspect-ratio:auto;border-radius:10px;width:100%;height:100%}.call-video-label{z-index:2;color:#fff;background:#00000073;border-radius:6px;padding:4px 8px;font-size:.82rem;position:absolute;top:10px;left:12px}.call-audio-stage{background:var(--message-bg);border:0;border-radius:0;flex:1}.call-audio-grid .call-video-tile{position:static}.call-audio-grid .video-panel h3,.call-audio-grid h3{margin:0 0 8px}.call-bottom-bar,.stream-bottom-bar{padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000000b8);justify-content:center;align-items:center;gap:18px;display:flex}.call-page:not(.call-page-video) .call-bottom-bar{background:var(--card);border-top:1px solid var(--border)}.call-page:not(.call-page-video) .media-control{border:1px solid var(--border);background:var(--primary-soft)}.call-page:not(.call-page-video) .media-control img{filter:none}.call-page:not(.call-page-video) .media-control-speaker-on{background:var(--primary)}.call-page:not(.call-page-video) .media-control-speaker-on img{filter:brightness(0)invert()}.media-controls-bar{align-items:center;gap:12px;display:flex}.media-control{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:0;border-radius:50%;width:48px;min-width:48px;height:48px;min-height:48px;padding:0}.media-control img{filter:brightness(0)invert();display:block}.media-control:disabled{opacity:.45}.media-control-speaker-on{background:#fff}.media-control-speaker-on img{filter:none}.call-hangup{background:#e53935;border:0;border-radius:50%;width:58px;min-width:58px;height:58px;min-height:58px;padding:0;box-shadow:0 6px 18px #e5393573}.call-hangup-icon{width:24px;height:24px;margin:0 auto;display:block;position:relative}.call-hangup-icon:before,.call-hangup-icon:after{content:"";background:#fff;border-radius:2px;width:24px;height:3px;position:absolute;top:50%;left:50%}.call-hangup-icon:before{transform:translate(-50%,-50%)rotate(45deg)}.call-hangup-icon:after{transform:translate(-50%,-50%)rotate(-45deg)}.live-stream-surface .stream-bottom-bar{z-index:3;position:absolute;bottom:0;left:0;right:0}.live-stream-surface .stream-meta{z-index:2;position:relative}.avatar,.result-avatar{color:#fff;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;font-weight:700;display:flex}.avatar img,.result-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.clickable-avatar{cursor:pointer}.visually-hidden-file{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.avatar.streaming,.result-avatar.streaming{border-color:var(--live)}@media (max-width:640px){.page{padding:16px}.main-page,.chat-page{padding:0}.card{padding:20px}.messenger-shell{border:0;padding:14px 12px 24px}.main-header,.user-info{gap:10px}.user-info h1{font-size:1.35rem}.user-info .avatar{width:46px;height:46px;font-size:19px}.menu-panel{width:min(220px,100vw - 24px);right:0}.search-block{gap:8px}.search-block input{min-width:0}.search-block button{flex-shrink:0;padding:0 14px}.result-item{align-items:flex-start}.result-actions{justify-content:flex-start}.call-actions,.incoming-call-actions,.actions{flex-direction:column}.actions button{width:100%}.chat-card{border:0;width:100%;height:100dvh}.chat-header{gap:8px;min-height:58px;padding:8px 10px}.chat-header h1{text-overflow:ellipsis;white-space:nowrap;max-width:42vw;font-size:1rem;overflow:hidden}.chat-header p{display:none}.chat-header button{min-height:38px;padding:0 10px}.chat-user{flex:1;gap:8px}.chat-user .avatar{width:42px;height:42px;font-size:18px}.messages-list{gap:8px;padding:10px}.message{max-width:88%;padding:10px 12px}.editing-row{font-size:.92rem}.send-row{padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px}.send-row button{padding:0 12px}.call-video-grid{grid-template-columns:1fr}.call-page{padding:0}.call-video-pip{width:96px;height:136px;bottom:104px}.media-control{width:44px;min-width:44px;height:44px;min-height:44px}}