:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--background: #f2f0e9;--background-glow: #dce8de;--panel: rgba(255, 255, 252, .82);--panel-solid: #fffefa;--text: #17201d;--muted: #626c67;--line: rgba(32, 55, 47, .16);--accent: #173d32;--accent-hover: #235746;--accent-soft: #dceae1;--focus: #45846d;--shadow: 0 24px 70px rgba(30, 49, 42, .12)}:root[data-theme=dark]{color-scheme:dark;--background: #111713;--background-glow: #1d3027;--panel: rgba(24, 34, 29, .84);--panel-solid: #19221e;--text: #f2f3ec;--muted: #aab4af;--line: rgba(220, 234, 225, .16);--accent: #cce5d7;--accent-hover: #eef8f1;--accent-soft: #273d33;--focus: #83bda5;--shadow: 0 24px 70px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 80% 8%,var(--background-glow),transparent 34rem),var(--background);color:var(--text)}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 55%,transparent);outline-offset:3px}.centered{min-height:100vh;display:grid;place-items:center;padding:24px}.loginCard,.card{width:min(100%,440px);padding:48px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.loginCard{display:flex;flex-direction:column;align-items:flex-start}.brandMark{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;margin-bottom:30px;background:var(--accent);color:var(--background);font-size:1.35rem;font-weight:800;letter-spacing:-.06em;box-shadow:inset 0 0 0 1px #ffffff1f}.brandMarkSmall{width:30px;height:30px;margin:0;border-radius:9px;font-size:.82rem}.eyebrow{margin:0 0 10px;color:var(--muted);font-size:.74rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.4rem,7vw,5.9rem);line-height:.96;letter-spacing:-.065em}.loginCard h1,.errorCard h1{font-size:clamp(2.3rem,8vw,3.7rem)}.lede{max-width:620px;margin:22px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.16rem);line-height:1.65}.primaryButton,.secondaryButton,.iconButton,.textButton{border:0;cursor:pointer}.primaryButton{width:100%;margin-top:34px;padding:14px 18px;border-radius:12px;background:var(--accent);color:var(--background);font-weight:700;text-align:center;text-decoration:none;transition:transform .15s ease,background .15s ease}.primaryButton:hover{background:var(--accent-hover);transform:translateY(-1px)}.loginFooter{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;color:var(--muted);font-size:.78rem}.textButton{padding:0;background:transparent;color:inherit}.textButton:hover{color:var(--text)}.appShell{min-height:100vh}.topbar{width:min(1180px,calc(100% - 40px));min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;border-bottom:1px solid var(--line)}.brand,.topbarActions,.userChip{display:flex;align-items:center}.brand{gap:10px;font-weight:760;letter-spacing:-.02em}.version{color:var(--muted);font-size:.7rem;font-weight:600}.topbarActions{gap:10px}.iconButton{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:1.05rem}.userChip{max-width:220px;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.avatar{width:29px;height:29px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.68rem;font-weight:800}.userName{overflow:hidden;color:var(--muted);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.secondaryButton{min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);font-size:.8rem;font-weight:650}.secondaryButton:hover,.iconButton:hover{background:var(--panel-solid)}.hero{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 81px);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:center;gap:clamp(50px,9vw,130px);margin:0 auto;padding:70px 0 100px}.statusCard{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.statusRow{display:flex;align-items:center;gap:9px;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:.85rem;font-weight:650}.statusDot{width:9px;height:9px;border-radius:50%;background:#34a56f;box-shadow:0 0 0 5px color-mix(in srgb,#34a56f 14%,transparent)}dl{display:grid;gap:20px;margin:22px 0 0}dl div{min-width:0}dt{margin-bottom:5px;color:var(--muted);font-size:.72rem}dd{overflow:hidden;margin:0;font-size:.9rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.roomCentered{min-height:calc(100vh - 81px);display:grid;place-items:center}.roomLayout{width:min(1280px,100%);height:calc(100vh - 81px);display:grid;grid-template-columns:280px minmax(0,1fr);margin:0 auto}.roomSidebar{min-width:0;padding:42px 28px;border-right:1px solid var(--line)}.roomSidebar h1{font-size:2.45rem;letter-spacing:-.055em}.liveState{display:flex;align-items:center;gap:9px;margin-top:22px;color:var(--muted);font-size:.8rem;font-weight:650}.liveState-connecting .statusDot,.liveState-reconnecting .statusDot{background:#cf9537;box-shadow:0 0 0 5px color-mix(in srgb,#cf9537 14%,transparent)}.participantSection{margin-top:52px}.participantSection h2{margin:0 0 16px;color:var(--muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.participantList{display:grid;gap:14px;margin:0;padding:0;list-style:none}.participantList li{min-width:0;display:flex;align-items:center;gap:10px}.participantList li>span:last-child{min-width:0;display:grid;gap:2px}.participantList strong,.participantList small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participantList strong{font-size:.84rem}.participantList small{color:var(--muted);font-size:.68rem}.chatPanel{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.messageList{min-height:0;display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:40px clamp(24px,5vw,72px)}.emptyRoom{max-width:580px;margin:auto;text-align:center}.emptyRoom h2{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-.055em}.emptyRoom p:last-child{margin-top:20px;color:var(--muted)}.message{max-width:min(72%,720px);align-self:flex-start;padding:14px 17px;border:1px solid var(--line);border-radius:6px 18px 18px;background:var(--panel)}.messageOwn{align-self:flex-end;border-radius:18px 6px 18px 18px;background:var(--accent-soft)}.message header{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:.72rem}.message p{margin:8px 0 0;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.composer{padding:18px clamp(24px,5vw,72px) 26px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--background) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.composer label{display:block;margin-bottom:9px;color:var(--muted);font-size:.72rem;font-weight:700}.composerRow{display:flex;align-items:stretch;gap:10px}.composer textarea{min-height:58px;flex:1;resize:vertical;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel-solid);color:var(--text);font:inherit;line-height:1.45}.composer textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 45%,transparent);outline-offset:2px}.composerButton{width:auto;min-width:92px;margin:0;padding-inline:22px}.composerButton:disabled{cursor:not-allowed;opacity:.5;transform:none}.composerError{margin:9px 0 0;color:#b34141;font-size:.78rem}.loadingMark{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.errorCard p:last-child{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.loginCard,.card{padding:36px 28px;border-radius:22px}.topbar{width:min(100% - 28px,1180px);min-height:70px}.brand>span:nth-child(2),.version,.userName{display:none}.userChip{padding-right:4px}.hero{width:min(100% - 36px,1180px);min-height:calc(100vh - 71px);grid-template-columns:1fr;align-content:center;gap:48px;padding:64px 0}.roomCentered{min-height:calc(100vh - 71px)}.roomLayout{height:calc(100vh - 71px);grid-template-columns:1fr}.roomSidebar{display:none}.messageList{padding:28px 18px}.message{max-width:88%}.composer{padding:14px 18px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}