:root{--blue:#139bd1;--ink:#172b35;--muted:#70838d;--line:#eaf0f3}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:15px/1.5 'Segoe UI',Arial,sans-serif}a{color:var(--blue);text-decoration:none}button,input,textarea{font:inherit}button,.upload{cursor:pointer;border:0;border-radius:9px;padding:11px 17px;font-weight:550}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #03b8c5;outline-offset:3px}button:hover,.upload:hover{filter:brightness(.96)}.primary{background:var(--blue);color:white}.secondary{background:#edf7fb;color:#227d9e}.quiet{background:#fff;color:#63808e}header{height:76px;display:flex;align-items:center;gap:20px;padding:0 28px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font-size:29px;letter-spacing:-1px;font-weight:650}.brand span{color:var(--blue)}.version{font-size:11px;color:#8a9ca6;background:#f3f8fa;padding:5px 10px;border-radius:20px}#net{font-size:12px;color:var(--muted);margin-left:auto}main{display:grid;grid-template-columns:255px minmax(320px,1fr) 330px;height:calc(100dvh - 76px)}aside{padding:24px 20px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--line);overflow:auto}.aside-heading h1{font-size:15px;margin:0 0 8px}.aside-heading p{font-size:12px;color:var(--muted);margin:0 0 16px}aside button{width:100%}nav{display:grid;gap:5px;margin-top:20px}nav button{text-align:left;background:white;color:var(--ink);padding:13px}nav button.active{box-shadow:0 4px 20px #143a4e14;border-left:3px solid var(--blue)}nav button small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}.aside-foot{margin-top:auto;padding-top:35px;font-size:11px;color:var(--muted)}.aside-foot strong{color:#527987}.workspace{overflow:auto;padding:30px;grid-column:2}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;min-height:500px;grid-column:span 2;background:radial-gradient(ellipse,#f3fbfd,white 65%)}main:has(#welcome:not([hidden])){grid-template-columns:255px 1fr}main:has(#welcome:not([hidden])) .workspace{grid-column:2}.welcome-icon{font-size:80px;color:var(--blue);line-height:1;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.5px;color:var(--blue);margin:0 0 10px}h2{font-size:29px;font-weight:600;line-height:1.25;letter-spacing:-.8px;margin:0 0 15px}.welcome h2{font-size:39px}.welcome>p:not(.eyebrow){color:var(--muted);margin:8px 0 25px}.welcome-features{display:flex;gap:24px;font-size:12px;color:#72909e;margin-top:35px}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.room-heading h2{font-size:27px;margin-bottom:6px}.room-heading small{color:var(--muted);font-size:11px}.room-actions{display:flex;gap:4px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:25px 0 22px}.tabs button{border-radius:0;background:white;color:var(--muted);padding:12px 0}.tabs [aria-selected=true]{color:var(--blue);border-bottom:2px solid var(--blue)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tile{position:relative;aspect-ratio:4/3;border-radius:15px;overflow:hidden;background:#edf5f8;display:grid;place-items:center;min-height:150px;max-height:300px}.tile video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:1}.tile video:not([srcObject]){background:transparent}.tile-avatar{font-size:33px;color:#8eb9c9}.tile small{position:absolute;left:12px;bottom:10px;color:#395c6c;background:#ffffffdf;padding:3px 9px;border-radius:8px;font-size:11px;z-index:2}.tile .hand{position:absolute;right:10px;top:10px;font-size:25px;z-index:3}.call-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 10px}.call-tools button{background:#eff5f8;color:#526e7d;font-size:12px}.call-tools [aria-pressed=true]{background:#dbf2fb;color:#087eaf;box-shadow:inset 0 0 0 1px #77c9e9}.media-note{color:var(--muted);font-size:11px;text-align:center;line-height:1.65}.chat-panel{border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:24px 18px 16px}.chat-heading{display:flex;align-items:center;justify-content:space-between}.chat-heading h3{font-size:14px;margin:0}.chat-heading span{font-size:11px;color:var(--muted)}#messages{flex:1;overflow:auto;min-height:150px;padding-top:25px;display:flex;flex-direction:column;gap:13px}.message{padding:10px 13px;background:#f3f7f9;border-radius:12px;max-width:94%;align-self:flex-start;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.message.own{align-self:flex-end;background:#e3f4fc}.message strong{font-size:10px;color:#588498;display:block;margin-bottom:3px}.message small{font-size:9px;color:#6e8d9c;display:block;text-align:right;margin-top:6px}#composer{display:flex;gap:8px;margin-top:18px;align-items:end}textarea,input{border:1px solid #dde8ee;border-radius:8px;padding:11px;width:100%;background:#fff;color:var(--ink);resize:vertical}#composer textarea{font-size:12px;min-height:65px;max-height:180px}#composer button{padding:14px}.chat-note{text-align:center;color:#95a3aa;font-size:9px;margin-top:9px}.files-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.files-intro h3{margin:0 0 8px;font-weight:600}.files-intro p{font-size:12px;color:var(--muted);margin:0}.files-intro .upload{font-size:12px;white-space:nowrap}.storage-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.storage-toolbar button{font-size:12px}.file-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px}.file-item>div{flex:1;min-width:0}.file-item strong{display:block;font-size:13px;overflow-wrap:anywhere}.file-item small{color:var(--muted);font-size:10px}.file-item button{font-size:11px;padding:8px 11px}.storage-nodes{font-size:11px;color:#5a867f;margin-bottom:15px}.storage-nodes>div{background:#f1faf8;padding:10px;border-radius:8px;margin-top:6px}#transfer{display:flex;gap:12px;align-items:center;font-size:11px}progress{accent-color:var(--blue);width:130px}dialog{border:0;border-radius:18px;padding:32px;width:min(470px,calc(100% - 30px));box-shadow:0 20px 80px #12344830;max-height:90vh;overflow:auto}dialog::backdrop{background:#18313f60}dialog h2{font-size:25px}dialog p,dialog ol{color:var(--muted);font-size:13px;line-height:1.7}dialog label{display:block;font-size:12px;color:#527385;margin:20px 0}dialog label input{margin-top:7px}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:25px}.checkbox{display:flex;gap:10px;align-items:center}.checkbox input{width:auto;margin:0}.muted{color:var(--muted);font-size:12px}.upload{display:inline-block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9;background:#183949;color:white;padding:12px 22px;border-radius:10px;max-width:90%;font-size:13px}#fingerprint{font-family:monospace;overflow-wrap:anywhere}code{font-size:12px;overflow-wrap:anywhere}.file-list:empty:before{content:'Общих файлов пока нет';color:var(--muted);font-size:13px}@media(max-width:1150px){main{grid-template-columns:210px minmax(300px,1fr) 280px}aside{padding:20px 14px}.workspace{padding:22px}.room-actions{flex-direction:column}.welcome h2{font-size:33px}header{padding:0 20px}}@media(max-width:900px){main{height:auto;min-height:calc(100dvh - 76px);grid-template-columns:190px 1fr}.workspace{grid-column:2}.chat-panel{grid-column:2;height:430px;border-top:1px solid var(--line)}aside{grid-row:span 2}#messages{min-height:120px}.version{display:none}.room-heading{align-items:start}}@media(max-width:600px){header{padding:0 15px;height:65px;gap:8px}.brand{font-size:25px}#net{font-size:10px}#identity-button{font-size:11px;padding:8px}main,main:has(#welcome:not([hidden])){display:flex;flex-direction:column;height:auto}aside{padding:14px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px}.aside-heading,.aside-foot{display:none}aside button{font-size:12px}nav{grid-column:1/-1;display:flex;overflow:auto;margin:0}nav button{white-space:nowrap;min-width:130px}.workspace{padding:20px 15px}.welcome{min-height:450px}.welcome h2{font-size:30px}.welcome-features{gap:13px;font-size:10px}.room-heading h2{font-size:24px}.room-actions button{font-size:11px;padding:8px}.tiles{grid-template-columns:repeat(2,minmax(120px,1fr))}.tile{min-height:130px}.chat-panel{height:420px;border-left:0}.files-intro{flex-direction:column;align-items:start}.file-item{gap:8px}.file-item button{font-size:10px}.media-note{font-size:10px}.room-heading .eyebrow{font-size:9px}dialog{padding:24px}}