:root{background:#1e1f22;color:#dbdee1;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #00a8fc;outline-offset:2px}.skip-link{background:#f2f3f5;border-radius:4px;color:#1e1f22;font-weight:700;left:16px;padding:10px 14px;position:fixed;top:-64px;transition:top .16s ease;z-index:2}.skip-link:focus-visible{top:16px}.invitation-page,.page-status{align-items:center;background:radial-gradient(circle at 12% 12%,rgb(88 101 242 / 28%),transparent 30%),#1e1f22;display:flex;justify-content:center;min-height:100vh;padding:24px}.invitation-card,.page-status{background:#313338;border-radius:8px;box-shadow:0 18px 45px #00000052;max-width:440px;padding:36px;width:100%}.page-status{align-items:flex-start;flex-direction:column;min-height:auto}.eyebrow{color:#b5bac1;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}h1{color:#f2f3f5;font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.15;margin:0}.invitation-description{color:#b5bac1;line-height:1.5;margin:16px 0 28px}form{display:grid;gap:18px}label{color:#f2f3f5;display:grid;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:.02em;text-transform:uppercase}input,textarea{background:#1e1f22;border:1px solid #1e1f22;border-radius:4px;color:#f2f3f5;padding:12px}form button{background:#5865f2;border-radius:4px;color:#fff;font-weight:700;padding:12px 16px}form button:hover:not(:disabled){background:#4752c4}.form-error{color:#fa777c;margin:-4px 0 0}.room-overview{background:#313338;display:grid;grid-template-columns:72px 264px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:100vh}.workspace-rail{align-items:center;background:#1e1f22;display:flex;flex-direction:column;gap:12px;grid-column:1;grid-row:1 / -1;padding:12px 0}.workspace-rail__mark,.workspace-rail__group{align-items:center;background:#313338;border-radius:50%;color:#f2f3f5;display:inline-flex;font-size:.9rem;font-weight:800;height:48px;justify-content:center;transition:background .16s ease,border-radius .16s ease;width:48px}.workspace-rail__mark{background:#5865f2}.workspace-rail__group{background:#3ba55d}.workspace-rail__mark:hover,.workspace-rail__group:hover{border-radius:16px}.workspace-rail__divider{background:#35373c;border-radius:2px;height:2px;width:32px}.room-overview__header{background:#2b2d31;border-bottom:1px solid #1e1f22;box-shadow:0 1px #0003;display:flex;flex-direction:column;gap:4px;grid-column:2;grid-row:1;justify-content:center;min-height:74px;padding:14px 16px}.room-overview__header>div{min-width:0}.room-overview__header h1{font-size:1rem}.room-overview__group-status{align-items:center;color:#949ba4;display:flex;font-size:.78rem;gap:6px;margin:0}.room-overview__group-status span{background:#3ba55d;border-radius:50%;height:8px;width:8px}.room-overview__participant{align-items:center;background:#232428;border-radius:4px;color:#f2f3f5;display:flex;font-size:.86rem;font-weight:700;margin:10px -6px -6px;min-height:36px;overflow-wrap:anywhere;padding:8px 10px}.room-grid{background:#2b2d31;display:grid;align-content:start;gap:2px;grid-column:2;grid-row:2;overflow-y:auto;padding:18px 8px}.room-grid:before{color:#949ba4;content:"ТЕКСТОВЫЕ КОМНАТЫ";font-size:.7rem;font-weight:800;letter-spacing:.04em;margin:0 8px 8px}.room-card{background:transparent;border-radius:4px;color:#b5bac1;display:grid;gap:4px;min-height:0;padding:8px;text-align:left;width:100%}.room-card:hover{background:#35373c;color:#f2f3f5}.room-card[aria-pressed=true]{background:#404249;color:#fff}.room-card__header,.room-card__footer{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.room-card__name{align-items:center;display:inline-flex;font-size:.95rem;font-weight:700;gap:6px;min-width:0;overflow-wrap:anywhere}.room-card__name:before{color:#949ba4;content:"#";font-size:1.2rem;font-weight:500}.room-card__activity,.room-card__message,.room-card__footer{color:#949ba4;font-size:.72rem}.room-card__activity{flex-shrink:0;white-space:nowrap}.room-card__message{min-width:0;overflow:hidden;padding-left:24px;text-overflow:ellipsis;white-space:nowrap}.room-card__footer{min-height:26px;padding-left:24px}.avatar-stack{display:flex;padding-left:6px}.avatar{align-items:center;background:#5865f2;border:2px solid #2b2d31;border-radius:50%;color:#fff;display:inline-flex;font-size:.6rem;font-weight:800;height:24px;justify-content:center;margin-left:-6px;width:24px}.room-empty,.room-selection-status{align-self:center;background:#313338;border-radius:8px;color:#b5bac1;grid-column:3;grid-row:1 / -1;justify-self:center;max-width:460px;padding:28px;text-align:center}.room-empty{border:1px dashed #4e5058}.room-empty h2,.room-selection-status h2{color:#f2f3f5;margin:0}.room-empty p,.room-selection-status p{line-height:1.5;margin:8px 0 0}.room-overview__status,.room-overview>.form-error{grid-column:3;margin:16px 24px}.room-overview__status{color:#b5bac1}.room-conversation{background:#313338;display:flex;flex-direction:column;grid-column:3;grid-row:1 / -1;min-height:0;min-width:0}.room-conversation__header{align-items:center;border-bottom:1px solid #1e1f22;box-shadow:0 1px #0000001f;display:flex;gap:16px;justify-content:space-between;min-height:74px;padding:14px 20px}.room-conversation__header>div{min-width:0}.room-conversation__header .eyebrow{display:none}.room-conversation__header h2{align-items:center;color:#f2f3f5;display:flex;font-size:1.05rem;gap:8px;margin:0;overflow-wrap:anywhere}.room-conversation__header h2:before{color:#949ba4;content:"#";font-size:1.4rem;font-weight:400}.realtime-status{align-items:center;color:#949ba4;display:flex;font-size:.8rem;gap:6px;margin:0;white-space:nowrap}.realtime-status:before{background:#3ba55d;border-radius:50%;content:"";height:8px;width:8px}.voice-session{align-items:center;background:#2b2d31;border-bottom:1px solid #1e1f22;display:flex;gap:16px;justify-content:space-between;padding:12px 20px}.voice-session>div:first-child{min-width:0}.voice-session h3{color:#f2f3f5;font-size:.9rem;margin:0}.voice-session__participants{color:#b5bac1;font-size:.82rem;margin:4px 0 0;overflow-wrap:anywhere}.voice-session__participant-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 0;padding:0}.voice-session__participant{align-items:center;background:#383a40;border-radius:4px;color:#dbdee1;display:inline-flex;font-size:.76rem;gap:6px;overflow-wrap:anywhere;padding:4px 7px}.voice-session__participant--speaking{box-shadow:inset 0 0 0 1px #3ba55d}.voice-session__participant-status{color:#949ba4}.voice-session__participant--speaking .voice-session__participant-status{color:#57f287}.voice-session__actions{align-items:end;display:grid;gap:8px;justify-items:end}.voice-session__actions .form-error{font-size:.78rem;margin:0;max-width:380px;text-align:right}.voice-session__button{background:#3ba55d;border-radius:4px;color:#fff;font-size:.84rem;font-weight:700;padding:8px 12px}.voice-session__mute-button{background:#4e5058;border-radius:4px;color:#f2f3f5;font-size:.84rem;font-weight:700;padding:8px 12px}.voice-session__mute-button:hover:not(:disabled){background:#5d6069}.voice-session__button:hover:not(:disabled){background:#2d7d46}.message-list{display:grid;flex:1;gap:2px;overflow-y:auto;padding:20px}.message{border-radius:4px;padding:8px 12px 8px 54px;position:relative}.message:hover{background:#2e3035}.message:before{align-items:center;background:#5865f2;border-radius:50%;color:#fff;content:"";display:flex;height:36px;justify-content:center;left:10px;position:absolute;top:10px;width:36px}.message__header{align-items:baseline;display:flex;gap:8px}.message__header strong{color:#f2f3f5;font-size:.95rem}.message time,.message-empty{color:#949ba4;font-size:.75rem}.message p{color:#dbdee1;line-height:1.45;margin:4px 0 0;overflow-wrap:anywhere}.message-empty{margin:auto;padding:24px;text-align:center}.message-form{background:#313338;margin:auto 16px 16px;padding:0}.message-form label{background:#383a40;border-radius:8px;color:#949ba4;font-size:.72rem;gap:4px;padding:10px 14px 0}.message-form textarea{background:transparent;border:0;border-radius:0;color:#f2f3f5;min-height:72px;padding:4px 0 12px;resize:vertical;width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;transition-duration:.01ms!important}}.message-form button{justify-self:end;margin-top:-8px;z-index:1}@media(max-width:820px){.room-overview{grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}.workspace-rail{grid-row:1 / -1}.workspace-rail__mark,.workspace-rail__group{height:42px;width:42px}.room-overview__header{grid-column:2;grid-row:1}.room-grid{border-bottom:1px solid #1e1f22;grid-column:2;grid-row:2;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-height:250px}.room-grid:before{grid-column:1 / -1}.room-conversation,.room-empty,.room-selection-status,.room-overview__status,.room-overview>.form-error{grid-column:2;grid-row:3}}@media(max-width:560px){.room-overview{grid-template-columns:minmax(0,1fr);grid-template-rows:60px auto auto minmax(0,1fr);min-height:100dvh}.workspace-rail{flex-direction:row;grid-column:1;grid-row:1;padding:6px 12px}.workspace-rail__mark,.workspace-rail__group{height:40px;width:40px}.workspace-rail__divider{height:28px;width:2px}.room-overview__header{grid-column:1;grid-row:2}.room-grid{display:flex;grid-column:1;grid-row:3;max-height:none;overflow-x:auto;padding:10px 8px}.room-grid:before{align-self:center;margin:0 6px;white-space:nowrap}.room-card{flex:0 0 160px}.room-conversation,.room-empty,.room-selection-status,.room-overview__status,.room-overview>.form-error{grid-column:1;grid-row:4}.room-conversation__header{align-items:flex-start;flex-direction:column;gap:6px}.voice-session{align-items:flex-start;flex-direction:column}.voice-session__actions{align-items:start;display:flex;flex-wrap:wrap;justify-items:start;width:100%}.voice-session__actions .form-error{flex-basis:100%;text-align:left}.message-list{padding:12px}}