.call-panel.call-screen{z-index:100;color:#fff8ee;box-sizing:border-box;width:100vw;height:100dvh;min-height:100svh;max-height:none;box-shadow:none;background:#32271f;border:0;border-radius:0;min-width:0;max-width:none;margin:0;padding:0;font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:.45s cubic-bezier(.16,1,.3,1) call-enter;position:fixed;inset:0;overflow:hidden}.call-panel.call-screen *{box-sizing:border-box}.call-media-overlay{background:radial-gradient(circle at 50% 42%,#7d633e,#34291f 68%);position:absolute;inset:0;overflow:hidden}.call-media-overlay:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#251c2066,#0000 28% 55%,#251b14e6);position:absolute;inset:0}.call-media-overlay .remote-media{position:absolute;inset:0}.remote-media{background:radial-gradient(circle at 50% 42%,#7d633e,#34291f 68%);place-items:center;display:grid;position:absolute;inset:0}.remote-media video{object-fit:cover;background:#32271f;width:100%;height:100%}.call-media video.video-hidden{opacity:0}.call-media video.video-visible,.remote-media video{opacity:1}.remote-media video.video-hidden,.local-media video.video-hidden{opacity:0}.local-media video.video-visible{opacity:1}.peer-fallback{color:#f8e9d2;place-items:center;gap:10px;display:grid}.peer-initials{color:#654c2e;background:#e4cba3;border-radius:50%;place-items:center;width:112px;height:112px;font-size:38px;display:grid;box-shadow:0 12px 35px #0004}.call-header{top:calc(24px + env(safe-area-inset-top,0px));left:calc(24px + env(safe-area-inset-left,0px));right:calc(24px + env(safe-area-inset-right,0px));z-index:3;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute}.call-heading{min-width:0}.call-heading h2{color:#fff7e9;overflow-wrap:anywhere;margin:0 0 4px;font-size:25px;line-height:1.12}.call-heading small{color:#f6e4c9;font-size:12px}.call-header-actions{flex:none;gap:8px;display:flex}.call-icon-button{color:#fff7e9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff20;border:1px solid #ffffff30;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.call-icon-button:hover{background:#ffffff30}.call-icon-button:focus-visible,.call-control:focus-visible,.call-accept:focus-visible,.call-reject:focus-visible,.call-close:focus-visible,.audio-output-select:focus-visible{outline-offset:2px;outline:2px solid #fff}.call-panel.call-screen .local-media{z-index:2;background:linear-gradient(130deg,#b4a386,#82765e);border:1px solid #fff6;border-radius:22px;place-items:center;width:90px;height:125px;display:grid;position:absolute;top:120px;right:18px;overflow:hidden;box-shadow:0 10px 25px #0003}.call-panel.call-screen .call-media{position:absolute}.call-panel.call-screen .call-media video{width:100%;height:100%}.local-media video{object-fit:cover;width:100%;height:100%}.local-placeholder{color:#fff7e9;text-align:center;place-items:center;gap:5px;font-size:10px;display:grid}.local-placeholder span{color:#654c2e;background:#e4cba3;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.call-panel.call-screen .call-media-overlay{width:100%;height:100%;display:block}.call-panel.call-screen .call-media{display:block;position:absolute;inset:0;overflow:hidden}.call-panel.call-screen .remote-media video,.call-panel.call-screen .local-media video{object-fit:cover;border-radius:0;max-height:none;position:absolute;inset:0}.call-panel.call-screen .peer-fallback,.call-panel.call-screen .local-placeholder{max-width:none;margin:0;position:absolute;inset:0}.call-panel.call-screen .local-media{width:90px;height:125px}.call-panel.call-screen .call-bottom p{margin:0}.call-bottom{left:18px;right:18px;bottom:calc(35px + env(safe-area-inset-bottom,0px));z-index:4;position:absolute}.call-panel.call-screen .call-privacy,.call-reactions,.audio-output-row{color:#ecdbc2;text-align:center;margin:0 0 12px;font-size:10px}.call-reactions{margin-bottom:14px}.call-reactions strong{font-weight:600}.audio-output-row{justify-content:center;align-items:center;gap:8px;min-height:30px;display:flex}.audio-output-panel{color:#ecdbc2;background:#251b14d9;border:1px solid #fff4;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:34px;margin:0 0 10px;padding:7px 10px;font-size:10px;display:flex}.audio-output-panel p{margin:0}.audio-output-label{align-items:center;gap:5px;display:flex}.audio-output-select{color:#fff7e9;background:#ffffff20;border:1px solid #ffffff30;border-radius:14px;max-width:190px;height:28px;padding:0 8px;font:10px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.audio-output-error{color:#ffd4ca;text-align:center;margin:0 0 10px;font-size:11px}.call-controls{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f6deb029;border:1px solid #fff4;border-radius:29px;align-items:flex-start;gap:6px;padding:12px 6px;display:flex;box-shadow:inset 0 1px #fff2}.call-control{color:#fff7e9;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;padding:5px 0;font:10px/1.2 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.call-control:disabled{opacity:.48;cursor:not-allowed}.control-icon{background:#fff2;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.call-control[aria-pressed=true] .control-icon{color:#432e1d;background:#d7b57a}.call-control.end-call .control-icon{color:#fff;background:#b75e4a}.call-panel.call-screen .call-controls .call-control{background:0 0;border:0;border-radius:0;flex-wrap:nowrap;padding:5px 0}.call-panel.call-screen .call-controls .call-control.end-call{background:0 0}.call-panel.call-screen .call-controls .call-control.end-call .control-icon{color:#fff;background:#b75e4a}.call-panel.call-screen .call-controls .control-icon{background:#fff2;border-radius:50%;width:45px;height:45px}.call-panel.call-screen .call-controls .call-control[aria-pressed=true] .control-icon{color:#432e1d;background:#d7b57a}.call-panel.call-screen .call-controls{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f6deb029;border:1px solid #fff4;border-radius:29px;gap:6px;padding:12px 6px}.call-panel.call-screen [data-theme=green] .call-controls,.call-panel.call-screen.call-controls[data-theme=green]{background:#c5e1c829}.call-panel.call-screen [data-theme=green] .call-controls .call-control[aria-pressed=true] .control-icon{color:#34543d;background:#b7d2bf}.call-panel.call-screen.call-minimized .call-media-overlay,.call-panel.call-screen.call-minimized .remote-media,.call-panel.call-screen.call-minimized .remote-media video{opacity:0;pointer-events:none}.call-panel.call-screen .autoplay-retry{z-index:5}.call-accept,.call-reject,.call-close{color:#fff7e9;background:#ffffff20;border:1px solid #ffffff30;border-radius:23px;min-height:46px;padding:0 18px;font:600 12px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.incoming-actions{justify-content:center;gap:10px;display:flex}.call-accept{color:#34543d;background:#b7d2bf}.call-reject,.call-close{background:#b75e4a}.autoplay-retry{left:18px;right:18px;top:calc(88px + env(safe-area-inset-top,0px));z-index:5;text-align:center;color:#fff7e9;margin:0;font-size:11px;position:absolute}.autoplay-retry button{color:#fff;background:#251b14d9;border:1px solid #ffffff40;border-radius:18px;padding:7px 13px}.autoplay-retry small{color:#f6e4c9;margin-top:5px;display:block}.ended-card{text-align:center;background:radial-gradient(circle at 50% 35%,#6c5537,#30261e 70%);place-content:center;justify-items:center;gap:14px;padding:32px;display:grid;position:absolute;inset:0}.ended-card h2{color:#fff7e9;margin:0;font-size:25px}.ended-card p{color:#f6e4c9;max-width:420px;margin:0}.call-minimized-bar{display:none}.call-panel.call-screen.call-minimized{inset:auto calc(18px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) auto;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f6deb029;border:1px solid #fff4;border-radius:29px;width:230px;height:58px;min-height:58px;box-shadow:0 12px 35px #0005}.call-panel.call-screen.call-minimized .call-header,.call-panel.call-screen.call-minimized .call-bottom,.call-panel.call-screen.call-minimized .call-shade,.call-panel.call-screen.call-minimized .local-media{display:none}.call-panel.call-screen.call-minimized .remote-media{opacity:0;pointer-events:none}.call-panel.call-screen.call-minimized .call-minimized-bar{color:#fff7e9;z-index:4;justify-content:space-between;align-items:center;padding:0 12px 0 18px;font:12px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:absolute;inset:0}.call-panel.call-screen.call-minimized .call-minimized-bar button{transform:rotate(180deg)}[data-theme=green] .call-panel.call-controls,[data-theme=green] .call-controls{background:#c5e1c829}[data-theme=green] .call-control[aria-pressed=true] .control-icon,[data-theme=green] .call-accept{color:#34543d;background:#b7d2bf}[data-theme=green] .call-panel.call-screen .call-controls{background:#c5e1c829}@keyframes call-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.call-panel.call-screen{animation:none}.call-panel.call-screen *{transition:none}}@media (width>=761px){.call-panel.call-screen{border-radius:0 22px 22px 0;grid-area:1/2;width:auto;height:auto;min-height:0;position:absolute;inset:1px}.call-panel.call-screen.call-minimized{position:absolute}}@media (height<=520px) and (pointer:coarse){.call-panel.call-screen{border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}.call-header{top:calc(12px + env(safe-area-inset-top,0px))}.call-heading h2{font-size:21px}.local-media{top:calc(76px + env(safe-area-inset-top,0px));border-radius:18px;width:72px;height:94px}.call-bottom{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.call-privacy{display:none}.call-reactions,.audio-output-row{margin-bottom:7px}.call-controls{padding:6px}.control-icon{width:38px;height:38px}.call-control{gap:4px}.peer-initials{width:78px;height:78px;font-size:29px}}@media (width<=380px){.call-header{left:calc(16px + env(safe-area-inset-left,0px));right:calc(16px + env(safe-area-inset-right,0px))}.call-bottom{left:12px;right:12px}.call-control{font-size:9px}.call-controls{gap:2px;padding:9px 3px}.control-icon{width:42px;height:42px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#382d24;--sub:#827568;--accent:#946e36;--soft:#f0dfbd;--panel:#fbf4e7;--background:linear-gradient(150deg,#f7f2e9,#eee5d5);--glass:linear-gradient(135deg,#ffffffb8,#fff5);--border:#ffffffe0;--shadow:0 10px 25px #415c7210;--outgoing:linear-gradient(120deg,#d9b77fee,#efe0bedd);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=green]{--ink:#2d4036;--sub:#738077;--accent:#638775;--soft:#d5e6db;--panel:#edf4ef;--background:linear-gradient(150deg,#f1f6f4,#e6efe8 40%,#c7dbce);--outgoing:linear-gradient(120deg,#c2dbcdee,#e1eee5dd)}*{box-sizing:border-box}body{color:var(--ink);background:#f1eee8;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:#fff8;border-radius:16px;padding:10px 14px;transition:transform .18s,background .18s}button:hover{background:#fff}button:active{transform:scale(.97)}input{background:#ffffff70;border:1px solid #9a8d772e;border-radius:14px;min-width:0;padding:10px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.glass{background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%)}.app{background:var(--background);min-height:100dvh;padding:24px}.demo-banner{background:#fff9;border-radius:14px;margin-bottom:16px;padding:8px 16px;font-size:13px}.workspace{grid-template-columns:310px minmax(0,1fr);gap:18px;max-width:1200px;min-height:calc(100dvh - 110px);margin:auto;display:grid;position:relative}.sidebar{background:#fff8;border-radius:28px;flex-direction:column;gap:16px;padding:22px;display:flex}.brand{justify-content:space-between;align-items:center;display:flex}h1{letter-spacing:-1px;margin:0;font-size:30px}h2{font-size:23px;font-weight:600}.nav{flex-wrap:wrap;gap:6px;display:flex}.nav button{padding:8px 10px;font-size:13px}.search{color:var(--sub);gap:7px;font-size:12px;display:grid}.room-list{gap:6px;display:grid}.room{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:14px 10px;display:flex}.room.selected{background:#fff9}.room strong{font-size:14px;display:block}.room small{color:var(--sub);margin-top:5px;font-size:12px;display:block}.avatar{background:var(--soft);border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.content{background-position:50%;background-size:cover;border-radius:28px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.conversation{flex-direction:column;flex:1;gap:16px;min-height:650px;padding:18px;animation:.25s ease-out enter;display:flex}.conversation-header div{flex:1;min-width:0}.conversation-header small{color:var(--sub);margin-top:3px;font-size:11px;display:block}.conversation-header button{padding:8px;font-size:12px}.messages{flex-direction:column;flex:1;gap:12px;max-height:65dvh;display:flex;overflow:auto}.bubble p{white-space:pre-wrap;margin:0}.bubble small{text-align:right;color:var(--sub);margin-top:7px;font-size:10px;display:block}.incoming{background:#ffffffb8;align-self:flex-start}.outgoing{background:var(--outgoing);align-self:flex-end}.composer{border-radius:22px;gap:10px;padding:10px;display:flex}.composer input{background:0 0;border:0;flex:1}.primary{background:var(--accent);color:#fff;border:0}.primary:hover{background:var(--accent);filter:brightness(1.08)}.panel{border-radius:24px;margin:18px;padding:24px}.panel label{gap:10px;margin:22px 0;display:grid}.panel p{color:var(--sub);line-height:1.5}.theme-options{gap:12px;display:flex}.theme-options [aria-pressed=true]{outline:2px solid var(--accent)}.alert{color:#713b23;background:#fff0e9;border-radius:16px;margin:12px;padding:12px 16px}.failed-send{overflow-wrap:anywhere;background:#fff9;border-radius:16px;padding:12px}.failed-send p{margin:0 0 8px}.failed-send button{margin-right:8px}.empty{text-align:center;min-height:500px;color:var(--sub);place-content:center;display:grid}.fixture-tools{color:var(--sub);gap:7px;margin-top:auto;font-size:11px;display:grid}.startup-error{max-width:500px;margin:80px auto;padding:24px}.route-panel{animation:.25s ease-out enter}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.app{padding:10px}.demo-banner{font-size:11px}.workspace{min-height:calc(100dvh - 80px);display:block}.sidebar,.content{min-height:calc(100dvh - 80px)}.app[data-route=chats][data-room=true] .sidebar,.app[data-route=chats][data-room=false] .content{display:none}.app:not([data-route=chats]) .sidebar{min-height:0;margin-bottom:12px}.app:not([data-route=chats]) .room-list,.app:not([data-route=chats]) .search,.app:not([data-route=chats]) .fixture-tools{display:none}.conversation{min-height:calc(100dvh - 80px);padding:10px}.composer{gap:4px}.composer button{padding:10px;font-size:12px}.conversation-header strong{font-size:13px}.bubble{max-width:90%}.messages{max-height:64dvh}.panel{margin:10px;padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.conversation-list,.conversation{width:100%;min-width:0;overflow:hidden}.conversation-list{flex-direction:column;gap:14px;padding:24px;display:flex}.conversation-list-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.conversation-list-header h1,.conversation-list-header h2{letter-spacing:-.035em;margin:0}.conversation-list-header h1{font-size:clamp(1.7rem,4vw,2rem)}.conversation-list-header h2{color:var(--sub);font-size:1rem;font-weight:600}.glass{border:1px solid var(--border);background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search{border-radius:18px;align-items:center;gap:10px;min-width:0;padding:10px 14px;display:flex}.search>span{color:var(--sub);font-size:.8rem}.search input,.composer input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.room-list{border-radius:24px;min-height:0;padding:5px}.room{width:100%;min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:18px;align-items:center;gap:12px;padding:13px 11px;display:flex;position:relative}.room+.room:before{background:color-mix(in srgb, var(--ink) 10%, transparent);content:"";height:1px;position:absolute;top:0;left:58px;right:14px}.room:hover,.room.selected{background:#ffffffad}.avatar{border:1px solid var(--border);background:var(--soft);width:42px;height:42px;color:var(--ink);border-radius:50%;flex:0 0 42px;place-items:center;font-size:1rem;font-weight:700;display:grid}.room-copy,.contact-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.room-copy strong,.room-copy small,.contact-copy strong,.contact-copy small,.bubble p,.bubble small{text-overflow:ellipsis;overflow:hidden}.room-copy strong{font-size:.9rem}.room-copy small,.contact-copy small{color:var(--sub);white-space:nowrap;font-size:.75rem}.room-empty,.message-status{color:var(--sub);text-align:center}.conversation{background:linear-gradient(150deg, color-mix(in srgb, var(--panel) 72%, transparent), color-mix(in srgb, var(--soft) 42%, transparent));flex-direction:column;gap:12px;height:100%;min-height:0;padding:22px;display:flex;position:relative}.conversation-header{border-radius:22px;align-items:center;gap:12px;padding:10px 12px;display:flex}.conversation-header button,.failed-send button,.primary{color:var(--ink);cursor:pointer;border:0;border-radius:14px}.back-button,.call-button{background:#ffffffa3;min-height:38px;padding:0 12px}.call-actions{gap:6px;display:flex}.messages{scrollbar-width:none;flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 4px;display:flex;overflow:auto}.bubble{border:1px solid var(--border);max-width:82%;box-shadow:0 3px 8px color-mix(in srgb, var(--ink) 7%, transparent);overflow-wrap:anywhere;border-radius:19px;padding:12px 15px 8px;animation:.35s ease-out message-in}.bubble p{margin:0}.bubble small{color:var(--sub);text-align:right;margin-top:5px;font-size:.62rem;display:block}.bubble.incoming{background:#ffffffc7;border-bottom-left-radius:6px;align-self:flex-start}.bubble.outgoing{background:var(--outgoing);border-bottom-right-radius:6px;align-self:flex-end}.failed-send{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--soft) 58%, transparent);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.failed-send p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.failed-send div{gap:6px;display:flex}.failed-send button{background:#ffffffad;padding:7px 10px}.composer{border-radius:24px;align-items:center;gap:8px;padding:8px;display:flex}.composer input{padding:8px 10px}.primary{background:var(--accent);color:#fff;min-height:40px;padding:0 16px;font-weight:700}button{transition:transform .16s,background-color .16s,opacity .16s}button:active:not(:disabled){transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.5}@keyframes message-in{0%{opacity:0;transform:translateY(5px)}}@media (width<=699px){.conversation-list{padding:18px 14px}.conversation{padding:10px 14px 12px}.conversation-header{border-radius:20px;padding:8px 6px}.call-button{min-height:36px;padding:0 9px;font-size:.75rem}.messages{gap:9px;padding:8px 2px}.bubble{max-width:84%;padding:10px 13px 7px;font-size:.9rem}.failed-send{flex-direction:column;align-items:stretch}}@media (width>=700px){.conversation-list{padding:26px 22px}.conversation{padding:22px 22px 24px}.messages{gap:12px;padding:18px 8px}.bubble{max-width:82%;padding:13px 16px 9px;font-size:.95rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,#root{max-width:100%;overflow-x:hidden}@media (width<=700px){.app[data-auth=signed-out][data-route] .sidebar,.app[data-auth=authenticating][data-route] .sidebar{display:none}.app[data-auth=signed-out][data-route] .content,.app[data-auth=authenticating][data-route] .content{display:flex}}.new-conversation{cursor:pointer;margin:12px 16px 0;padding:12px}.people-search label{margin-bottom:8px;display:block}.people-search>div{gap:10px;display:flex}.people-search input{border:1px solid var(--line);min-width:0;color:inherit;background:#ffffff80;border-radius:12px;flex:1;padding:12px}.people-search button,.person button{flex-shrink:0;padding:10px 14px}.people-results{gap:12px;margin-top:20px;display:grid}.person{background:#ffffff40;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.person-copy{flex:1;gap:4px;min-width:0;display:grid}.person-copy strong,.person-copy small,.invitation-screen p{overflow-wrap:anywhere}.person-copy small{opacity:.7}.pilot-note{opacity:.8;font-size:.85rem}.people-screen button,.invitation-screen button{cursor:pointer}.people-screen button:disabled,.invitation-screen button:disabled{cursor:wait;opacity:.6}@media (width<=700px){.person{flex-wrap:wrap}.person button{margin-left:auto}.new-conversation{margin:8px 16px}.people-search>div{flex-wrap:wrap}.people-search input{width:100%}}.file-picker{display:none}.attach-button{padding:8px;font-size:1.4rem}.attachment-card{gap:8px;min-width:0;display:grid}.attachment-card strong,.file-selection span{overflow-wrap:anywhere}.attachment-card button{cursor:pointer;justify-self:start;padding:8px 14px}.file-selection{align-items:center;gap:10px;padding:10px 16px;display:flex}.file-selection span{flex:1;min-width:0}.file-selection button{flex-shrink:0}.file-limit,.file-note{opacity:.8;padding:0 16px;font-size:.8rem}.conversation{grid-template-rows:auto minmax(0,1fr) auto}.conversation .messages{min-height:0}.file-limit{margin:4px 0 8px}.login-methods{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.login-methods button{cursor:pointer;padding:10px 16px}.login-methods button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent)}.phone-login{gap:10px;display:grid}.phone-login input{box-sizing:border-box;border-radius:12px;min-width:0;max-width:100%;padding:12px}.phone-login button{justify-self:start;padding:12px 18px}.account-note{opacity:.7;margin-top:8px;display:block}@media (width<=700px){.composer{gap:6px}.composer .attach-button{padding:6px}.composer .send-button{padding:8px 10px}.file-selection{flex-wrap:wrap}.attachment-card{max-width:100%}.login-methods button{flex:1}}.phone-login select{box-sizing:border-box;border:1px solid var(--line);background:var(--surface,#ffffff80);width:100%;min-width:0;max-width:100%;color:inherit;font:inherit;border-radius:12px;padding:12px}.phone-number-field{border:1px solid var(--line);background:#ffffff80;border-radius:12px;align-items:stretch;min-width:0;max-width:100%;display:flex;overflow:hidden}.phone-country-code{font-variant-numeric:tabular-nums;border-right:1px solid var(--line);flex-shrink:0;align-items:center;padding:0 14px;display:flex}.phone-number-field input{width:100%;min-width:0;font:inherit;outline-offset:-3px;background:0 0;border:0;flex:1}.phone-help,.phone-full{overflow-wrap:anywhere;margin:0;font-size:.85rem;line-height:1.5}.phone-help{opacity:.75}.phone-full:empty{display:none}.call-panel{z-index:20;background:var(--panel-solid,#f8f5ed);border:1px solid #ffffffa0;border-radius:22px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);padding:20px;position:fixed;inset:auto 20px 20px auto;overflow:auto;box-shadow:0 12px 48px #0004}.call-panel h2{margin:0 0 10px}.call-panel p{margin:8px 0}.call-privacy{color:#655f55;font-size:12px}.call-controls{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.call-controls button,.call-panel>button{border-radius:12px;padding:10px 12px}.call-controls .end-call{color:#fff;background:#ad3333}.call-media{position:relative}.remote-media video{object-fit:contain;background:#171717;border-radius:14px;width:100%;max-height:40dvh}.local-media video{object-fit:cover;border-radius:10px;width:120px;max-height:100px}.call-button:disabled{opacity:.5;cursor:default}@media (width<=650px){.call-panel{box-sizing:border-box;width:calc(100vw - 32px);padding:16px;inset:auto 16px 16px}.call-controls button{flex:auto}}.history-search{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-search input{flex:1;min-width:180px}.history-search button,.load-older{padding:8px 12px;font-size:.8rem}.load-older{align-self:center}.message-status{text-align:center;color:var(--sub);font-size:.8rem}.messages{overflow-anchor:none}.content{position:relative}.app{--conversation-secondary:#89775f;--conversation-badge:#a48e65;--conversation-badge-ink:#fffdf7;--conversation-glass:linear-gradient(135deg,#fffaf0b8,#fff4dc66);--conversation-list-glass:linear-gradient(135deg,#fffaf0a3,#fff1d64d);--conversation-surface:linear-gradient(150deg,#fffaec80,#ebd2a84d)}.app[data-theme=green]{--conversation-secondary:#738175;--conversation-badge:#718d7e;--conversation-badge-ink:#fff;--conversation-glass:linear-gradient(135deg,#ffffffb8,#eff7f266);--conversation-list-glass:linear-gradient(135deg,#ffffffa3,#f0f7f04d);--conversation-surface:linear-gradient(150deg,#f3faf580,#cfdfd24d)}.conversation-list{gap:12px;min-height:0;padding:18px 0 0;overflow:hidden}.conversation-list-header{padding:0 3px}.conversation-list-header h2{color:var(--ink);font-size:19px}.conversation-list .search{background:var(--conversation-glass);border-radius:18px;margin:0;padding:9px 12px}.conversation-list .search>span{color:var(--conversation-secondary)}.conversation-list .room-list{background:var(--conversation-list-glass);scrollbar-width:none;border-radius:24px;min-height:0;padding:5px;overflow:auto}.conversation-list .room-list::-webkit-scrollbar{display:none}.conversation .messages::-webkit-scrollbar{display:none}.conversation-list .room{text-align:left;background:0 0;border:0;border-radius:18px;align-items:center;gap:12px;width:100%;min-width:0;padding:15px 13px;display:flex;position:relative}.conversation-list .room+.room:before{background:color-mix(in srgb,var(--conversation-secondary) 22%,transparent);left:67px;right:14px}.conversation-list .room:hover,.conversation-list .room.selected{background:#ffffffa0}.conversation-list .room-avatar{flex:0 0 42px;width:42px;height:42px;font-size:17px}.conversation-list .room-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.conversation-list .room-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;overflow:hidden}.conversation-list .room-copy small{color:var(--conversation-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.3;overflow:hidden}.conversation-list .room-meta{min-width:38px;color:var(--conversation-secondary);font-variant-numeric:tabular-nums;flex-direction:column;flex:none;justify-content:space-between;align-self:stretch;align-items:flex-end;gap:5px;font-size:10px;display:flex}.conversation-list .room-unread{background:var(--conversation-badge);min-width:20px;height:20px;color:var(--conversation-badge-ink);border-radius:999px;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:grid}.conversation-list .room-empty{color:var(--conversation-secondary);padding:20px 12px}.conversation{background:var(--conversation-surface);gap:12px;min-height:0}.conversation .conversation-header{background:var(--conversation-glass);border-radius:26px;gap:8px;padding:8px 6px}.conversation .conversation-avatar{border:1px solid var(--border);background:var(--soft);border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:grid}.conversation .contact-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.conversation .contact-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;overflow:hidden}.conversation .contact-copy small{color:var(--conversation-secondary);margin:0;font-size:11px}.conversation .call-actions{flex:none;gap:4px;min-width:auto;display:flex}.conversation .round-action{width:38px;height:38px;min-height:38px;color:var(--ink);background:#ffffff80;border:0;border-radius:50%;flex:0 0 38px;place-items:center;padding:0;display:grid}.conversation .round-action:hover{background:#ffffffc7}.conversation .conversation-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.conversation .messages{scrollbar-width:none;gap:9px;padding:16px 3px;overflow:auto}.conversation .bubble{border-radius:19px;max-width:83%;padding:11px 13px 7px;font-size:14px;animation:.35s ease-out message-in}.conversation .bubble.incoming{border-bottom-left-radius:6px}.conversation .bubble.outgoing{border-bottom-right-radius:6px}.conversation .message-meta{text-overflow:clip;white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;display:flex;overflow:visible}.conversation .delivery-state{font-variant-numeric:tabular-nums}.conversation .state-failed{color:#a34838}.conversation .composer{background:var(--conversation-glass);border-radius:28px;gap:4px;padding:5px}.conversation .composer input{padding:8px 10px;font-size:16px}.conversation .composer .attach-button,.conversation .composer .send-button{flex:0 0 40px;width:40px;height:40px;min-height:40px}.conversation .composer .send-button{background:var(--accent);color:#fff}.conversation .composer .send-button:hover{background:var(--accent);filter:brightness(1.08)}.conversation .file-limit{color:var(--conversation-secondary)}@media (width<=699px){.app[data-route=chats][data-room=true] .workspace,.app[data-route=chats][data-room=true] .content,.app[data-route=chats][data-room=true] .conversation{min-height:calc(100dvh - 20px)}.conversation-list{padding:16px 0 max(16px,env(safe-area-inset-bottom))}.conversation{padding:10px 14px max(12px,env(safe-area-inset-bottom))}.conversation .back-button{display:grid}.conversation .bubble{max-width:83%;padding:11px 13px 7px;font-size:14px}}@media (width>=700px){.conversation-list{padding:4px 0 0}.conversation-list .room{gap:9px;padding:13px 10px}.conversation-list .room+.room:before{left:58px}.conversation-list .room-avatar{flex-basis:39px;width:39px;height:39px;font-size:17px}.conversation-list .room-copy strong{font-size:13px}.conversation .conversation-header{border-radius:22px;gap:12px;padding:10px 12px}.conversation .conversation-avatar{flex-basis:42px;width:42px;height:42px}.conversation .back-button{display:none}.conversation .messages{gap:12px;padding:28px 10px}.conversation .bubble{max-width:82%;padding:13px 16px 9px;font-size:15px}.conversation .composer{border-radius:26px;padding:8px}}.app-icon{flex:0 0 21px;width:21px;height:21px}.app{--message-size:14px;--screen-glass:var(--conversation-glass);--nav-glass:linear-gradient(135deg,#fff8e8c4,#ead6aea6)}.app[data-theme=green]{--nav-glass:linear-gradient(135deg,#ffffffc4,#cfe2d4a6)}.sidebar{background:var(--screen-glass);gap:14px;padding:22px}.brand h1{letter-spacing:-1.1px;font-size:28px;font-weight:600}.brand-profile{background:var(--screen-glass);border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.home-moment{align-items:center;gap:12px;display:flex}.home-moment>button:first-child{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;font-size:12px;display:flex}.home-moment small{color:var(--sub);margin-top:4px;font-size:10px;display:block}.moment-ring{border:2px solid var(--accent);background:var(--screen-glass);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.home-invite{border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.appearance-banner{text-align:left;background:var(--screen-glass);border-radius:20px;align-items:center;gap:10px;width:100%;padding:13px 14px;display:flex}.appearance-banner>span{flex:1;min-width:0}.appearance-banner strong{font-size:11px;font-weight:600;display:block}.appearance-banner small{color:var(--sub);margin-top:4px;font-size:9px;display:block}.new-conversation{justify-content:center;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.nav{background:var(--nav-glass);border-radius:26px;flex-wrap:nowrap;gap:3px;margin-top:auto;padding:5px}.nav button{min-width:0;color:var(--sub);background:0 0;border:0;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 2px;font-size:10px;display:flex}.nav button[aria-current=page]{color:var(--accent);background:#ffffffad;box-shadow:0 2px 8px #9b75421a}.panel{background:var(--screen-glass);align-self:center;width:calc(100% - 36px);max-width:650px;animation:.25s ease-out enter}.panel h2{letter-spacing:-.7px;overflow-wrap:anywhere;margin:12px 0 18px;font-size:27px;font-weight:600}.panel p{font-size:14px}.panel input,.panel select,.panel textarea{min-width:0;max-width:100%;font:inherit;color:var(--ink)}.panel select,.panel textarea{border:1px solid var(--border);box-sizing:border-box;background:#ffffffb0;border-radius:13px;width:100%;padding:12px}.panel a{color:var(--accent)}.panel .section-back{color:var(--sub);background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:12px;display:flex}.profile-heading{text-align:center;margin:8px 0 24px}.profile-avatar{background:var(--soft);border:1px solid var(--border);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:27px;font-weight:500;display:grid}.profile-avatar .app-icon{width:28px;height:28px}.profile-heading h2{margin:0 0 12px}.profile-heading p{margin:0;font-size:13px}.panel .setting-field{color:var(--sub);gap:7px;margin:20px 0 10px;font-size:12px;display:grid}.panel .setting-note{color:var(--sub);margin:10px 0 18px;font-size:12px;line-height:1.5}.panel .wide-action{border-radius:17px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin:6px 0;font-size:14px;display:flex}.profile-menu{margin-top:18px}.action-row{border:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,transparent);text-align:left;background:0 0;border-radius:0;align-items:center;gap:12px;width:100%;padding:16px 0;font-size:13px;text-decoration:none;display:flex}.action-row>span{overflow-wrap:anywhere;flex:1;min-width:0}.action-row small{color:var(--sub);overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}.action-row:hover{background:#fff5}.info-list{margin:22px 0}.info-list>div{border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,transparent);padding:14px 0}.info-list dt{color:var(--sub);margin-bottom:6px;font-size:11px}.info-list dd{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.state-card{border:1px solid var(--border);text-align:center;background:#ffffff60;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:20px 0;padding:24px 18px;display:flex}.state-card>.app-icon{width:32px;height:32px;color:var(--accent)}.state-card p{overflow-wrap:anywhere;margin:0}.device-id{font-family:ui-monospace,monospace;font-size:12px!important}.theme-options{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.theme-card{text-align:left;background:#fffa;border:2px solid #0000;border-radius:22px;padding:9px}.theme-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 8px 22px #64533c15}.theme-card[aria-pressed=true]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.theme-card strong{padding:10px 2px 4px;font-size:12px;font-weight:500;display:block}.theme-swatch{background:linear-gradient(135deg,#f0f6f2,#b5cec1);border-radius:15px;flex-direction:column;gap:12px;height:134px;padding:17px 12px;display:flex}.theme-card[data-choice=gold] .theme-swatch{background:linear-gradient(135deg,#fff7e8,#dfc38c)}.theme-swatch i{background:#fffa;border:1px solid #fff9;border-radius:12px;width:82%;height:20px;display:block}.theme-swatch i:nth-child(2){background:#fff6;align-self:flex-end;width:67%}.theme-swatch i:last-child{width:100%;height:23px;margin-top:auto}.setting-summary{background:var(--soft);color:var(--ink);border-radius:16px;align-items:center;gap:8px;padding:13px 16px;font-size:12px;display:flex}.panel .setting-toggle{border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,transparent);justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:14px;display:flex}.setting-toggle small{color:var(--sub);margin-top:5px;font-size:11px;display:block}.setting-toggle input{width:20px;height:20px;accent-color:var(--accent)}.text-preview{border-radius:19px;margin:20px 0;padding:16px}.text-preview>strong{font-size:12px}.text-preview p{font-size:var(--message-size)!important}.text-preview small{color:var(--sub);font-size:10px}.logout-action{color:#a34838;border-color:#a3483830;margin-top:20px!important}.app[data-text-size=large]{--message-size:18px}.app[data-text-size=larger]{--message-size:21px}.app .conversation .bubble{font-size:var(--message-size)}.app[data-reduce-motion=true] *,.app[data-reduce-motion=true] :before,.app[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.app[data-custom-background=true] .content[style] .conversation{background:#ffffff18}.conversation .failed-send{flex-wrap:wrap;align-items:stretch}.conversation .failed-send p{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.conversation .failed-send>div{flex-wrap:wrap;flex-shrink:0}.conversation .file-note{opacity:1;color:var(--sub);border:1px solid var(--border);background:#fff6;border-radius:16px;margin:0;padding:12px;line-height:1.5}.conversation .file-selection{background:var(--screen-glass);border-radius:18px;font-size:12px}.conversation .messages>.message-status{background:#ffffff70;border-radius:20px;padding:14px;font-size:12px}.empty>.app-icon{width:42px;height:42px;color:var(--accent);margin:auto}.attachment-heading{align-items:center;gap:10px;display:flex}.attachment-heading>.app-icon{width:32px;height:32px;color:var(--accent);flex-basis:32px}.attachment-heading>div{flex:1;min-width:0}.attachment-card .attachment-heading strong{white-space:normal;text-align:left;font-size:13px;display:block}.attachment-card .attachment-heading small{text-align:left;margin-top:4px}.attachment-actions{flex-wrap:wrap;gap:6px;display:flex}.attachment-card button{border-radius:14px;font-size:12px}.attachment-preview{object-fit:contain;border-radius:15px;max-width:100%;max-height:320px;margin:5px 0;display:block}.attachment-card p[role=alert]{color:#a34838;white-space:normal;font-size:12px}.people-screen .person{background:var(--screen-glass)}.auth-panel{margin-top:auto;margin-bottom:auto}@media (width>=700px){.app:not([data-text-size=large]):not([data-text-size=larger]){--message-size:15px}.conversation-list{flex:1;min-height:160px}}@media (width<=699px){.brand h1{font-size:32px}.sidebar{min-height:calc(100dvh - 20px);padding:20px 22px 12px}.app[data-mode=demo] .sidebar{min-height:calc(100dvh - 80px)}.appearance-banner strong{font-size:12px}.appearance-banner small{font-size:10px}.nav{flex-wrap:nowrap}.app[data-auth=signed-in]:not([data-route=chats]) .sidebar{display:contents}.app[data-auth=signed-in]:not([data-route=chats]) .sidebar>:not(.nav){display:none}.app[data-auth=signed-in]:not([data-route=chats]) .nav{z-index:10;bottom:max(10px,env(safe-area-inset-bottom));position:fixed;left:20px;right:20px;box-shadow:0 10px 25px #415c7220}.app[data-auth=signed-in]:not([data-route=chats]) .content{min-height:calc(100dvh - 110px);margin-bottom:90px}.panel{width:calc(100% - 20px);margin:10px;padding:22px 18px}.panel h2{font-size:27px}.panel input,.panel select,.panel textarea{font-size:16px}.conversation-list{flex:1}.fixture-tools{margin-top:0}.attachment-preview{max-height:220px}}.profile-screen .profile-heading{text-align:left;margin:0 0 20px}.profile-screen .profile-heading h2{margin:0 0 20px;font-size:22px}.content>section[aria-label=Защита\ сообщений]{border:1px solid var(--border);background:var(--screen-glass);box-shadow:var(--shadow);color:var(--ink);box-sizing:border-box;overflow-wrap:anywhere;border-radius:24px;max-width:100%;margin:18px;padding:24px;font-family:inherit}.content>section[aria-label=Защита\ сообщений] h2,.content>section[aria-label=Защита\ сообщений] h3,.content>section[aria-label=Защита\ сообщений] h4{color:var(--ink);margin:0 0 16px;font-family:inherit;font-size:20px;font-weight:650;line-height:1.3}.content>section[aria-label=Защита\ сообщений] p{color:var(--sub);margin:0 0 14px;font-family:inherit;font-size:15px;line-height:1.6}.content>section[aria-label=Защита\ сообщений] hr{border:none;border-top:1px solid var(--border);opacity:.7;margin:18px 0}.content>section[aria-label=Защита\ сообщений] label:not(:has(input[type=checkbox])){color:var(--ink);gap:8px;margin-bottom:14px;font-family:inherit;font-size:15px;font-weight:550;display:grid}.content>section[aria-label=Защита\ сообщений] label:has(input[type=checkbox]){color:var(--ink);flex-direction:row;align-items:center;gap:10px;margin-bottom:12px;font-family:inherit;font-size:15px;font-weight:550;display:flex}.content>section[aria-label=Защита\ сообщений] input:not([type=checkbox]):not([type=radio]){width:100%;min-width:0;max-width:100%;font-family:inherit;font-size:inherit;color:var(--ink);background:var(--screen-glass);border:1px solid var(--border);box-sizing:border-box;border-radius:14px;padding:10px 14px}.content>section[aria-label=Защита\ сообщений] input[type=checkbox],.content>section[aria-label=Защита\ сообщений] input[type=radio]{accent-color:var(--ink);flex:none;margin:0}.content>section[aria-label=Защита\ сообщений] input[readonly],.content>section[aria-label=Защита\ сообщений] textarea[readonly],.content>section[aria-label=Защита\ сообщений] .fingerprint,.content>section[aria-label=Защита\ сообщений] address{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}.content>section[aria-label=Защита\ сообщений] section{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.content>section[aria-label=Защита\ сообщений] ul{max-width:100%;margin:0 0 14px;padding:0;list-style:none}.content>section[aria-label=Защита\ сообщений] ul li{border:1px solid var(--border);background:var(--screen-glass);color:var(--ink);word-break:break-word;overflow-wrap:anywhere;border-radius:14px;margin:0 0 10px;padding:10px 14px;font-family:inherit;font-size:14px}.content>section[aria-label=Защита\ сообщений] button,.content>section[aria-label=Защита\ сообщений] .button,.content>section[aria-label=Защита\ сообщений] input[type=button],.content>section[aria-label=Защита\ сообщений] input[type=submit]{font-family:inherit;font-size:inherit;box-sizing:border-box;max-width:100%;margin:0 10px 12px 0}@media (width<=699px){.content>section[aria-label=Защита\ сообщений]{box-sizing:border-box;width:calc(100% - 20px);margin:10px;padding:22px 18px}.content>section[aria-label=Защита\ сообщений] input:not([type=checkbox]):not([type=radio]){font-size:16px}}