@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap&subset=cyrillic,cyrillic-ext";:root{font-family:Inter,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sand: #f8fafc;--ink: #0f172a;--green: #2563eb;--teal: #1d4ed8;--sun: #dbeafe;--coral: #ef4444;--cloud: #ffffff;--muted: #64748b;--border: #dbe2ea;--shadow: 0 24px 48px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f8fafc;color:var(--ink);overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button,input{font-family:inherit}input{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:#fff;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb24}button{border:none;border-radius:12px;padding:12px 22px;font-size:.95rem;font-weight:600;background:#2563eb;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #2563eb3d}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}button{touch-action:manipulation}.landing{min-height:100vh;padding:0 24px 32px;display:flex;flex-direction:column;background:#f8fafc}.landing__header{height:72px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;background:#fff;margin:0 -24px;padding:0 24px}.landing__brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:#0f172a}.landing__brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#2563eb;color:#fff;font-size:.95rem;font-weight:600}.landing__header-actions{display:flex;align-items:center;gap:10px}.profile-chip{display:inline-flex;align-items:center;gap:8px}.profile-chip__avatar,.profile-chip__fallback{width:36px;height:36px;border-radius:999px;border:1px solid #dbe2ea;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:700;overflow:hidden}.profile-chip__avatar{object-fit:cover}.profile-chip__upload{min-width:120px}.profile-modal-backdrop{position:fixed;inset:0;z-index:80;background:#0f172a73;display:grid;place-items:center;padding:16px}.profile-modal{width:min(560px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 42px #0f172a33;padding:16px;display:grid;gap:14px}.profile-modal__header{display:flex;align-items:center;justify-content:space-between}.profile-modal__header h2{margin:0;font-size:1.2rem}.profile-modal__avatar-block{display:flex;align-items:center;gap:12px}.profile-modal__avatar{width:56px;height:56px;border-radius:999px;border:1px solid #dbe2ea;object-fit:cover}.profile-modal__avatar--fallback{display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:700}.profile-modal__form{display:grid;gap:10px}.profile-modal__form label{display:grid;gap:6px}.profile-modal__form label span{color:#475569;font-size:.85rem}.profile-success{margin-top:8px;padding:10px 12px;border-radius:10px;background:#22c55e21;color:#166534;font-size:.9rem}.landing__content{width:min(1200px,100%);margin:42px auto 0;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.landing__left h1{margin:0;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.03em}.landing__left .muted{margin:18px 0 0;max-width:660px;font-size:1.05rem}.meeting-panel,.join-panel{margin-top:18px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:grid;gap:12px;box-shadow:0 10px 22px #0f172a0f}.meeting-panel__row,.join-panel__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.meeting-panel label,.join-panel label{display:grid;gap:5px}.meeting-panel label span,.join-panel label span{font-size:.82rem;color:#334155}.primary-btn{width:fit-content;min-width:220px}.secondary-btn{width:fit-content;min-width:170px;background:#f1f5f9;color:#0f172a}.secondary-btn:hover{box-shadow:0 8px 18px #0f172a14}.share-block{margin-top:16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.share-block>span{display:block;margin-bottom:8px;color:#475569;font-size:.88rem}.share-block__actions{display:flex;gap:10px;align-items:center}.share-block__actions input{flex:1}.share-qr-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.share-qr-card{border:1px solid #e2e8f0;border-radius:12px;padding:10px;background:#f8fafc;display:grid;justify-items:center;gap:8px}.share-qr-card__title{font-size:.82rem;color:#475569;text-align:center}.share-qr-card__code{width:min(220px,100%);height:auto;border-radius:8px;border:1px solid #dbe2ea;background:#fff}.landing__preview{display:flex;justify-content:center}.preview-grid{width:min(560px,100%);aspect-ratio:4 / 3;background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 28px 44px #0f172a1a;padding:8px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;position:relative}.preview-tile{border-radius:12px;background:linear-gradient(145deg,#e2e8f0,#cbd5e1)}.preview-tile--active{background:linear-gradient(145deg,#dbeafe,#93c5fd)}.preview-tile--avatar{display:grid;place-items:center;background:#dbeafe;color:#2563eb;font-weight:700;font-size:2rem}.preview-controls{position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px;display:flex;gap:8px}.preview-controls span{width:30px;height:30px;border-radius:10px;background:#f1f5f9}.preview-controls span:first-child{background:#2563eb}.preview-controls span:last-child{background:#ef4444}.room-container{height:100dvh;background:#f8fafc;position:relative;overflow:hidden}.room-topbar--overlay{pointer-events:none;background:transparent;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none}.room-topbar--overlay .room-topbar__left,.room-topbar--overlay .room-topbar__right{pointer-events:auto}.room-topbar--overlay .room-topbar__left,.room-topbar--overlay .room-topbar__right{margin-top:10px}.room-topbar--overlay .room-topbar__title,.room-topbar--overlay .room-topbar__code{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;width:fit-content;box-shadow:0 10px 20px #0f172a14}.room-topbar--overlay .room-topbar__code{margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.room-topbar{position:fixed;top:0;left:0;right:0;z-index:30;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fffffff5;border-bottom:1px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.room-topbar__left{min-width:0;display:grid;gap:2px}.room-topbar__title{font-weight:700;color:#0f172a;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-topbar__code{font-size:.82rem;color:#64748b;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-topbar__right{display:flex;align-items:center;gap:10px}.room-topbar__focus-clear{padding:10px 14px;border-radius:999px}.room-sharebar{position:relative;z-index:22}.room-layout{height:100%;padding:86px 16px 16px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px}.call-shell{height:100%;display:flex;align-items:stretch}.call-main{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-content:stretch;overflow:auto;background:#f8fafc;border-radius:0;border:none;padding:16px}.room-grid--dock{flex:1;min-height:0;padding-top:84px;padding-bottom:110px;border-radius:0;border:none}.room-grid.is-sharing{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);grid-auto-rows:minmax(160px,1fr)}.room-grid.is-focused{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);grid-auto-rows:minmax(160px,1fr)}.room-grid.is-sharing .video-tile--spotlight,.room-grid.is-focused .video-tile--spotlight{grid-column:1;grid-row:1 / span 2}.room-grid.is-sharing .video-tile--local,.room-grid.is-focused .video-tile--local,.room-grid.is-sharing .video-tile--remote,.room-grid.is-focused .video-tile--remote{grid-column:2}.video-tile{position:relative;min-height:180px;border-radius:18px;overflow:hidden;border:1px solid #e2e8f0;background:#fff;cursor:pointer;outline:none;box-shadow:0 10px 24px #0f172a14}.video-tile:focus-visible{box-shadow:0 0 0 3px #3b82f659}.video-tile video{width:100%;height:100%;object-fit:cover;display:block;background:#0b1220}.video-tile__placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#1e3a8a,#0b1220)}.video-tile__placeholder span{width:72px;height:72px;border-radius:999px;background:#ffffff26;display:grid;place-items:center;color:#f8fafc;font-weight:700;font-size:1.8rem}.video-tile__avatar{width:84px;height:84px;border-radius:999px;border:2px solid rgba(255,255,255,.45);object-fit:cover}.video-tile--spotlight{min-height:420px;background:#f8fafc}.video-tile.is-focused{border-color:#60a5fab3;box-shadow:0 18px 36px #0f172a40}.video-tile--spotlight video{object-fit:contain;background:#f8fafc!important}.video-tile--local:after{content:"Вы";position:absolute;right:10px;top:10px;font-size:.72rem;padding:4px 8px;border-radius:999px;color:#e2e8f0;background:#0f172ab3}.video-tile__label{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:999px;font-size:.84rem;color:#f8fafc;background:#0f172ab8}.call-dock{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:35;display:flex;justify-content:center;width:calc(100vw - 20px);pointer-events:none}.call-dock__inner{pointer-events:auto;width:fit-content;max-width:min(680px,calc(100vw - 20px));background:#fffffff5;border:1px solid #e2e8f0;border-radius:18px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 22px 44px #0f172a24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:nowrap;overflow:visible;overscroll-behavior:contain;scrollbar-width:none}.call-dock__inner::-webkit-scrollbar{display:none}.call-dock__group{display:flex;align-items:center;gap:8px;flex:0 0 auto}.call-dock__divider{width:1px;height:34px;background:#e2e8f0;margin:0 4px}.dock-btn{width:42px;height:42px;border-radius:12px;padding:0;display:grid;place-items:center;position:relative;background:#f1f5f9;color:#475569;border:1px solid transparent;box-shadow:none;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .2s ease}.dock-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.dock-btn:hover{transform:translateY(-1px);background:#e2e8f0;box-shadow:none}.dock-btn.is-off{background:#ef44441a;color:#ef4444}.dock-btn.is-active{background:#2563eb;color:#fff}.dock-btn--ghost{background:transparent;color:#64748b;border-color:transparent}.dock-btn--ghost.is-active{background:#2563eb1a;color:#2563eb}.dock-btn--ghost:hover{background:#f1f5f9;color:#0f172a}.dock-btn svg{width:20px;height:20px}.dock-btn--chevron{width:34px;height:42px;padding:0}.dock-btn--chevron svg{width:18px;height:18px}.dock-menu{position:relative}.dock-split{display:inline-flex;align-items:center;border-radius:14px;background:#f1f5f9;border:1px solid rgba(148,163,184,.35);overflow:hidden}.dock-split__main{border-radius:0;background:transparent}.dock-split__main:hover{background:#e2e8f0cc}.dock-split__divider{width:1px;height:26px;background:#94a3b88c}.dock-split__chevron .dock-btn--chevron{border-radius:0;background:transparent}.dock-split__chevron .dock-btn--chevron:hover{background:#e2e8f0cc}.dock-split--picker{position:relative;overflow:visible}.dock-picker__panel{position:absolute;bottom:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 24px));background:#fffffffa;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 18px 40px #0f172a2e;padding:8px;display:grid;gap:6px;z-index:5000}.dock-picker__item{width:100%;text-align:left;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0;font-weight:700;box-shadow:none;transform:none}.dock-picker__item:hover{transform:none;box-shadow:none;background:#dbeafe;border-color:#bfdbfe}.dock-picker__item.is-selected{background:#2563eb1a;color:#1d4ed8;border-color:#2563eb40}.dock-picker__empty{padding:10px 12px;border-radius:12px;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;font-weight:600}.dock-more{position:relative;flex:0 0 auto}.dock-more__panel{position:absolute;bottom:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 24px));background:#fffffffa;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 18px 40px #0f172a2e;padding:8px;display:grid;gap:6px;z-index:5000}@media(max-width:860px){.call-dock__inner{flex-wrap:wrap;justify-content:center}.call-dock__divider{display:none}}.dock-more__item{width:100%;text-align:left;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0;font-weight:700;box-shadow:none;transform:none}.dock-more__item:hover{transform:none;box-shadow:none;background:#dbeafe;border-color:#bfdbfe}.dock-more__item--danger{background:#ef44441a;border-color:#ef444438;color:#b91c1c}.dock-more__item--danger:hover{background:#ef444429;border-color:#ef44444d}.attachment-card{margin-top:6px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#ffffffe6;border:1px solid rgba(148,163,184,.4)}.room-chat__message.is-mine .attachment-card{background:#ffffffc7}.attachment-card__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.attachment-card__icon svg{width:18px;height:18px}.attachment-card__icon--image{background:#2563eb1f;color:#2563eb;border-color:#2563eb2e}.attachment-card__icon--pdf{background:#ef44441a;color:#b91c1c;border-color:#ef44442e}.attachment-card__icon--archive{background:#f59e0b1f;color:#b45309;border-color:#f59e0b2e}.attachment-card__meta{min-width:0;display:grid;gap:2px}.attachment-card__name{font-weight:700;font-size:.9rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-card__sub{font-size:.78rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-card__download{justify-self:end;padding:8px 10px;border-radius:12px;background:#2563eb;color:#fff;font-weight:700;font-size:.85rem;border:1px solid rgba(37,99,235,.4)}.attachment-card__download:hover{color:#fff;background:#1d4ed8}.attachment-card--media{display:block;padding:0;overflow:hidden;max-width:min(320px,100%)}.attachment-card__image-link{display:block;line-height:0;background:#f1f5f9e6}.attachment-card__image{display:block;width:100%;max-height:280px;height:auto;object-fit:contain}.attachment-card__media-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 10px}.attachment-card__meta--footer{min-width:0}.attachment-card__download--compact{padding:6px 10px;font-size:.8rem}.dock-menu__panel{position:absolute;bottom:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 24px));background:#fffffffa;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 18px 40px #0f172a2e;padding:8px;display:grid;gap:6px;z-index:1000}.dock-menu__panel--fixed{position:fixed;bottom:auto;right:auto;overflow:auto}.dock-menu__item{width:100%;text-align:left;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0;font-weight:600;box-shadow:none;transform:none}.dock-menu__item:hover{transform:none;box-shadow:none;background:#dbeafe;border-color:#bfdbfe}.dock-menu__item.is-selected{background:#2563eb;border-color:#2563eb;color:#fff}.dock-menu__empty{padding:10px 12px;border-radius:12px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;font-weight:600}.dock-end-btn{height:42px;padding:0 12px;border-radius:12px;background:#ef4444;color:#fff;display:inline-flex;align-items:center;gap:10px}.dock-end-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #ef444442}.dock-end-btn svg{width:20px;height:20px}.dock-end-btn__label{display:none}.dock-badge{position:absolute;top:11px;right:11px;width:8px;height:8px;border-radius:999px;background:#ef4444}.room-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px}.room-controls-bar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;box-shadow:0 10px 22px #0f172a0f}.room-controls-bar__group{display:flex;align-items:center;gap:8px}.control-btn{width:44px;height:44px;border-radius:999px;padding:0;display:grid;place-items:center;background:#fff;color:#2563eb;border:1px solid #e2e8f0;box-shadow:none;transition:background .15s ease,border-color .15s ease,transform .2s ease}.control-btn:hover{transform:translateY(-1px);background:#dbeafe;border-color:#bfdbfe;box-shadow:none}.control-btn.is-off{background:#dbeafe;border-color:#bfdbfe;color:#2563eb8c}.control-btn svg{width:18px;height:18px}.end-call-btn{height:44px;padding:0 18px;border-radius:999px;background:#ef4444;color:#fff;min-width:120px}.end-call-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #ef444447}.device-dropdown{position:relative}.device-dropdown select{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:46px;min-width:min(260px,42vw);max-width:380px;border:1px solid #e2e8f0;border-radius:14px;padding:0 42px 0 14px;background:#fffffff5;color:#0f172a;outline:none}.device-dropdown:after{content:"▾";position:absolute;right:14px;top:50%;transform:translateY(-52%);font-size:.95rem;color:#2563eb;pointer-events:none}.device-dropdown select:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb24}.room-device-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px}.room-device-controls label{display:grid;gap:6px}.room-device-controls label span{color:#475569;font-size:.82rem}.room-device-controls select{width:100%;min-height:40px;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;background:#fff}.room-chat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px;display:grid;gap:8px}.room-chat__header{font-weight:600;color:#0f172a}.room-chat__messages{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:8px;min-height:110px;max-height:200px;overflow:auto;display:grid;gap:8px;align-content:start;grid-auto-rows:max-content}.room-chat__empty{color:#64748b;font-size:.88rem}.room-chat__message{display:grid;gap:2px;padding:6px 8px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;height:fit-content;align-self:start}.room-chat__message.is-mine{justify-self:end;max-width:min(92%,560px);background:#dbeafe;border-color:#bfdbfe;width:fit-content}.room-chat__message.is-other{justify-self:start;max-width:min(92%,560px);width:fit-content}.room-chat__author{font-weight:600;color:#1e293b;font-size:.82rem}.room-chat__text{color:#0f172a;font-size:.92rem;word-break:break-word}.room-chat__time{color:#64748b;font-size:.75rem;justify-self:end}.room-chat__composer{display:flex;gap:8px;align-items:center}.room-chat__composer input{flex:1}.emoji-picker{position:relative}.emoji-picker__toggle{min-width:46px;height:46px;padding:0;display:grid;place-items:center}.emoji-picker__panel{position:absolute;bottom:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 24px));background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 18px 40px #0f172a2e;padding:10px;z-index:140}.emoji-picker__panel--fixed{position:fixed;bottom:auto;right:auto}.call-sidebar{width:340px;max-width:min(340px,92vw);background:#fff;border-left:1px solid #e2e8f0;box-shadow:-24px 0 46px #0f172a14;display:flex;flex-direction:column;z-index:50}.call-sidebar__header{padding:16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.call-sidebar__title{font-weight:700;font-size:1.05rem;color:#0f172a}.call-sidebar__close{width:34px;height:34px;border-radius:10px;padding:0;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;box-shadow:none}.call-sidebar__close:hover{transform:none;box-shadow:none;background:#e2e8f0;color:#0f172a}.call-sidebar__close svg{width:18px;height:18px}.call-sidebar__content{flex:1;min-height:0;overflow:auto;padding:16px;background:#fff}.participants__meta{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:12px}.participants__list{display:grid;gap:10px}.participant-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.participant-row__avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;border:1px solid #e2e8f0}.participant-row__avatar--fallback{display:grid;place-items:center;background:#dbeafe;color:#2563eb;font-weight:800}.participant-row__meta{flex:1;min-width:0}.participant-row__name{font-size:.92rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-row__badge{width:32px;height:32px;border-radius:10px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;display:grid;place-items:center}.participant-row__badge svg{width:16px;height:16px}.participant-row__badge.is-muted{background:#ef444414;color:#ef4444;border-color:#ef444433}.room-chat--sidebar{border:none;padding:0;display:flex;flex-direction:column;height:100%}.room-chat--sidebar .room-chat__messages{max-height:none;min-height:0;flex:1;overflow:auto}.room-chat__composer--sidebar{position:sticky;bottom:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px;overflow:visible;display:flex;flex-direction:row;align-items:center;gap:8px}.room-chat__composer--sidebar input{flex:1;min-width:0}.room-chat__composer--sidebar button{flex:0 0 auto}.room-chat__attach{min-width:46px;height:46px;padding:0;display:grid;place-items:center}.room-chat__attach svg{width:18px;height:18px}@media(max-width:720px){.room-chat__composer--sidebar{flex-wrap:wrap}.room-chat__composer--sidebar button{width:auto}}.danger-btn{width:fit-content;min-width:170px;background:#ef4444;color:#fff}.danger-btn:hover{box-shadow:0 8px 18px #ef44444d}.room-sharebar{position:fixed;top:12px;right:12px;z-index:40;display:grid;justify-items:end}.room-sharebar__toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:999px;background:#fffffff2;color:#1e40af;border:1px solid rgba(148,163,184,.3);box-shadow:0 10px 26px #0f172a29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-sharebar__chevron{display:inline-block;font-size:1rem;line-height:1;transition:transform .2s ease,color .2s ease}.room-sharebar.is-open .room-sharebar__chevron{transform:rotate(180deg)}.room-sharebar__panel{display:none;margin-top:8px;width:min(680px,calc(100vw - 24px));padding:8px;background:#fffffff0;border:1px solid rgba(148,163,184,.35);border-radius:12px;box-shadow:0 10px 26px #0f172a29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-sharebar.is-open .room-sharebar__panel{display:block}.room-sharebar__actions{display:flex;align-items:center;gap:12px;min-width:0;padding:6px 4px 2px}.room-sharebar input{min-width:0;flex:1}@media(max-width:1100px){.landing__content{grid-template-columns:1fr}}@media(max-width:720px){.landing{padding:0 14px 24px}.landing__header{margin:0 -14px;padding:0 14px}.landing__content{margin-top:20px}.share-block__actions{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn{width:100%}.landing__header-actions{gap:6px}.profile-chip__upload{min-width:0}.room-sharebar{top:8px;right:8px}.room-sharebar__actions{flex-direction:column;align-items:stretch}.room-sharebar__panel{width:min(500px,calc(100vw - 16px))}.room-layout{padding:82px 10px 12px}.room-controls{flex-direction:column}.room-device-controls{grid-template-columns:1fr}.room-chat__composer{flex-direction:column;align-items:stretch}.room-controls-bar{justify-content:stretch}.room-controls-bar__group{width:100%;justify-content:space-between}.device-dropdown{flex:1}.device-dropdown select{min-width:0;width:100%;max-width:none}.room-grid,.room-grid.is-sharing,.room-grid.is-focused{grid-template-columns:1fr}.video-tile--spotlight{min-height:260px}.call-sidebar{width:min(340px,92vw)}}@media(min-width:860px){.dock-end-btn__label{display:inline}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:104px 16px 24px;background:#f8fafc;position:relative}.auth-page__header{position:fixed;top:0;left:0;right:0;height:72px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #e2e8f0;background:#fff;z-index:2}.auth-page__brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:#0f172a}.auth-page__brand-mark{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:#2563eb;color:#fff;font-size:.9rem;font-weight:600}.auth-page__back{position:absolute;top:88px;left:24px;color:#64748b;font-size:.95rem}.auth-page__back:hover{color:#1d4ed8}.auth-card{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px;box-shadow:0 20px 40px #0f172a14;display:grid;gap:10px}.auth-card h1{margin:0;font-size:1.8rem;text-align:center}.auth-card p{margin:0 0 10px;text-align:center;color:var(--muted);font-size:.95rem}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;font-size:.9rem;font-weight:500}.auth-form label>span{color:#334155;font-size:.86rem}.auth-form button{margin-top:10px;width:100%}.auth-card__footer{font-size:.9rem;color:var(--muted);text-align:center;margin-top:8px}.auth-card__footer a{color:#1d4ed8;font-weight:500}.auth-card__footer a:hover{color:#1e40af}@media(max-width:960px){.auth-page{padding-top:90px}.auth-page__back{left:16px;top:80px}}.field-error{margin-top:6px;font-size:.82rem;color:#dc2626}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:.95rem}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(37,99,235,.2);border-top-color:#2563eb;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-error{margin-top:12px;padding:10px 12px;border-radius:10px;background:#ef44441f;color:#b91c1c;font-size:.9rem}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#2563eb;font-weight:700}.ghost{background:transparent;color:#1d4ed8;border:1px solid rgba(37,99,235,.3)}.ghost:hover{box-shadow:none}