:root{color-scheme:light;--bg:#f5f4f8;--panel:#fff;--panel2:#efedf4;--ink:#18171c;--muted:#74717c;--line:#e2dfe8;--violet:#6852d6;--violet2:#8d79f2;--mine:#6852d6;--theirs:#fff;--danger:#e83f4f;--good:#34b759}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}body.dark{color-scheme:dark;--bg:#0f0f10;--panel:#171719;--panel2:#242428;--ink:#f8f7fb;--muted:#aaa6b2;--line:#303034;--theirs:#242428}.hidden{display:none!important}button,input,textarea{font:inherit}button{cursor:pointer}.pairing{height:100%;overflow:auto;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 10% 10%,#dcd5ff,transparent 34%),var(--bg)}body.dark .pairing{background:radial-gradient(circle at 10% 10%,#312464,transparent 34%),var(--bg)}.pair-card{width:min(94vw,460px);background:var(--panel);padding:34px;border:1px solid var(--line);border-radius:26px;box-shadow:0 24px 70px #0002;text-align:center}.brand-logo{width:68px;height:68px;border-radius:18px}.pair-card h1{margin:12px 0 4px;font-size:30px}.muted,.status{color:var(--muted)}.qr-wrap{width:280px;height:280px;max-width:100%;margin:24px auto 18px;background:#fff;border-radius:18px;display:grid;place-items:center;padding:12px}.qr-wrap img{width:100%;height:100%;object-fit:contain}.spinner{width:38px;height:38px;border:4px solid #ddd;border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}ol{text-align:left;color:var(--muted);line-height:1.7}.pair-code-label{margin:16px 0 4px;color:var(--muted);font-size:12px}.pair-code{font:700 20px ui-monospace,monospace;letter-spacing:3px}.primary,.secondary,.danger{border:0;border-radius:12px;padding:12px 18px;font-weight:700}.primary{background:var(--violet);color:#fff}.secondary{margin-top:14px;background:var(--panel2);color:var(--ink)}.danger{background:#ffe8ea;color:#b31525}.workspace{display:grid;grid-template-columns:82px minmax(280px,360px) 1fr;height:100%}.rail{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;padding:14px 8px;gap:4px}.rail-brand{display:grid;place-items:center;margin-bottom:18px;font-weight:800;font-size:12px}.rail-brand img{width:42px;height:42px;border-radius:13px;margin-bottom:4px}.nav{border:0;background:transparent;color:var(--muted);border-radius:13px;padding:11px 4px;font-size:20px;display:grid;gap:2px;place-items:center}.nav span{font-size:11px}.nav:hover,.nav.active{background:var(--panel2);color:var(--violet)}.rail-spacer{flex:1}.list-pane{background:var(--panel);border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.list-header,.chat-header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px}.list-header>div:first-child{flex:1}.list-header h2,.list-header p,.chat-title h3,.chat-title p{margin:0}.list-header h2{font-size:24px}.list-header p,.chat-title p{font-size:12px;color:var(--muted);margin-top:2px}.icon-button{border:0;background:transparent;color:var(--ink);width:42px;height:42px;border-radius:50%;font-size:23px}.icon-button:hover{background:var(--panel2)}.search{margin:12px 14px;min-height:46px;border-radius:15px;background:var(--panel2);display:flex;align-items:center;padding:0 13px;gap:8px}.search span{font-size:24px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;color:var(--ink);width:100%}.list{overflow:auto;flex:1}.list-item{display:flex;align-items:center;gap:12px;padding:11px 15px;min-height:74px;cursor:pointer}.list-item:hover,.list-item.active{background:var(--panel2)}.avatar{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.large{width:112px;height:112px;font-size:44px}.item-copy{min-width:0;flex:1}.item-copy b,.item-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-copy span{font-size:13px;color:var(--muted);margin-top:4px}.item-time{font-size:11px;color:var(--muted)}.empty-chat{display:grid;place-content:center;place-items:center;text-align:center;color:var(--muted)}.empty-chat img{width:92px;border-radius:24px}.empty-chat h2{color:var(--ink);margin-bottom:0}.chat{display:flex;flex-direction:column;min-width:0;background:var(--bg)}.chat-title{min-width:0;flex:1;margin-left:10px}.chat-title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages{flex:1;overflow:auto;padding:18px max(18px,8vw);display:flex;flex-direction:column;gap:6px;background-image:radial-gradient(#6852d60d 1px,transparent 1px);background-size:18px 18px}.bubble{max-width:min(72%,620px);padding:9px 11px 7px;border-radius:14px;background:var(--theirs);box-shadow:0 1px 2px #0001;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:var(--mine);color:#fff}.bubble .meta{font-size:10px;color:var(--muted);text-align:right;margin-top:4px}.bubble.mine .meta{color:#e7e3ff}.bubble img,.bubble video{display:block;max-width:100%;max-height:360px;border-radius:10px;margin-bottom:6px}.day{align-self:center;background:var(--panel2);color:var(--muted);font-size:11px;padding:5px 10px;border-radius:10px;margin:8px}.typing{padding:3px 18px;color:var(--muted);font-size:12px}.composer{border-top:1px solid var(--line);background:var(--panel);padding:9px 12px max(9px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:6px}.composer textarea{flex:1;resize:none;max-height:120px;min-height:42px;border:0;outline:0;background:var(--panel2);color:var(--ink);border-radius:22px;padding:11px 15px}.round-action{border:0;background:var(--violet);color:#fff;width:42px;height:42px;border-radius:50%}.reply-preview{position:absolute;bottom:61px;left:90px;right:90px;background:var(--panel2);padding:8px;border-left:3px solid var(--violet);border-radius:8px;font-size:12px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:60;background:#171719;color:#fff;padding:10px 16px;border-radius:12px;box-shadow:0 8px 30px #0005}.overlay,.call-screen{position:fixed;inset:0;z-index:50;background:#0c0c0ef2;color:#fff}.overlay{display:grid;place-items:center}.incoming-card{text-align:center}.incoming-kind{color:#aaa6b2;margin-top:22px}.incoming-actions{display:flex;gap:70px;margin-top:60px}.incoming-actions button,.call-controls button{border:0;color:#fff;border-radius:999px;padding:14px 22px}.call-red{background:var(--danger)!important;color:#fff}.call-green{background:var(--good)!important;color:#fff}.call-screen{display:grid;place-items:center;overflow:hidden}.remote-videos{position:absolute;inset:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));gap:2px}.remote-videos video{width:100%;height:100%;object-fit:cover;background:#111}.call-screen>#local-video{position:absolute;right:18px;top:18px;width:min(25vw,190px);aspect-ratio:3/4;object-fit:cover;border-radius:16px;border:2px solid var(--violet);background:#222}.call-status{position:absolute;top:24px;left:24px;padding:8px 12px;background:#0008;border-radius:10px}.call-controls{position:absolute;bottom:25px;display:flex;gap:10px}.call-controls button{background:#29292e}dialog{border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);width:min(92vw,460px);padding:0;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#0008}dialog form{padding:24px}.dialog-close{float:right;border:0;background:transparent;color:var(--ink);font-size:26px}.device-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.device-row>div{flex:1}.member-picker{max-height:280px;overflow:auto;margin:12px 0}.member-option{display:flex;gap:10px;align-items:center;padding:8px}.member-option input{width:18px;height:18px}.group-form input,#group-name{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:12px;padding:12px}.mobile-only{display:none}@media(max-width:760px){.workspace{grid-template-columns:58px 1fr}.rail{padding-inline:4px}.rail-brand span,.nav span{display:none}.list-pane{border-right:0}.empty-chat,.chat{position:fixed;left:58px;right:0;top:0;bottom:0}.chat.hidden+.empty-chat{display:grid}.mobile-only{display:inline-grid}.messages{padding-inline:12px}.bubble{max-width:86%}}@media(max-width:460px){.workspace{grid-template-columns:1fr}.rail{position:fixed;z-index:10;left:0;right:0;bottom:0;height:64px;display:flex;flex-direction:row;border-right:0;border-top:1px solid var(--line)}.rail-brand,.rail-spacer,#theme-toggle,#device-button{display:none}.nav{flex:1}.list-pane{padding-bottom:64px}.chat,.empty-chat{left:0;bottom:64px}.chat-header{padding-inline:7px}}