:root{color-scheme:light;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--bg: #f7f4eb;--bg-elevated: #fbf7ef;--surface: rgba(255, 255, 255, .78);--surface-strong: #ffffff;--text: #16211d;--text-muted: #58655f;--border: rgba(22, 33, 29, .1);--primary: #0e7a6d;--primary-strong: #0b5d53;--secondary: #f1a84b;--secondary-strong: #dc8f30;--danger: #bb4d3d;--success: #13795b;--warning: #a05f14;--shadow: 0 24px 70px rgba(27, 34, 33, .12);--bg-orb-1: rgba(241, 168, 75, .38);--bg-orb-2: rgba(14, 122, 109, .22);--grid: rgba(14, 122, 109, .05);--control-bg: rgba(255, 255, 255, .82);--control-shadow: 0 12px 28px rgba(22, 33, 29, .12);--input-bg: rgba(255, 255, 255, .92);--input-border: rgba(22, 33, 29, .14);--focus-border: rgba(14, 122, 109, .4);--focus-ring: rgba(14, 122, 109, .12);--badge-neutral-bg: rgba(22, 33, 29, .08);--badge-success-bg: rgba(19, 121, 91, .12);--badge-warning-bg: rgba(160, 95, 20, .12);--badge-danger-bg: rgba(187, 77, 61, .12);--room-meta-bg: rgba(14, 122, 109, .06);--empty-border: rgba(22, 33, 29, .16);--message-bg: rgba(255, 255, 255, .95);--message-own-bg: rgba(14, 122, 109, .12);--message-border: rgba(22, 33, 29, .08);--participant-bg: rgba(255, 255, 255, .72);--spinner-track: rgba(14, 122, 109, .16);--toast-bg: rgba(22, 33, 29, .92);--toast-shadow: 0 16px 32px rgba(22, 33, 29, .2);--logo-bubble: color-mix(in srgb, var(--primary) 16%, transparent);--logo-clock: var(--secondary-strong);--logo-dot: var(--primary)}:root[data-theme=dark]{color-scheme:dark;--bg: #0a0b16;--bg-elevated: #12152b;--surface: rgba(17, 22, 44, .78);--surface-strong: rgba(22, 28, 54, .96);--text: #eef2ff;--text-muted: #a7b0d7;--border: rgba(142, 160, 255, .14);--primary: #9266ff;--primary-strong: #7b4dff;--secondary: #43a1ff;--secondary-strong: #2a8df0;--danger: #ff7a9f;--success: #8f7bff;--warning: #59a8ff;--shadow: 0 28px 80px rgba(1, 4, 19, .48);--bg-orb-1: rgba(146, 102, 255, .34);--bg-orb-2: rgba(67, 161, 255, .28);--grid: rgba(117, 138, 255, .08);--control-bg: rgba(19, 24, 49, .86);--control-shadow: 0 18px 42px rgba(1, 4, 19, .42);--input-bg: rgba(12, 17, 37, .92);--input-border: rgba(142, 160, 255, .16);--focus-border: rgba(146, 102, 255, .6);--focus-ring: rgba(146, 102, 255, .18);--badge-neutral-bg: rgba(142, 160, 255, .12);--badge-success-bg: rgba(146, 102, 255, .16);--badge-warning-bg: rgba(67, 161, 255, .16);--badge-danger-bg: rgba(255, 122, 159, .16);--room-meta-bg: rgba(67, 161, 255, .09);--empty-border: rgba(142, 160, 255, .18);--message-bg: rgba(15, 20, 40, .96);--message-own-bg: rgba(146, 102, 255, .18);--message-border: rgba(142, 160, 255, .1);--participant-bg: rgba(20, 25, 48, .82);--spinner-track: rgba(67, 161, 255, .16);--toast-bg: rgba(10, 14, 31, .96);--toast-shadow: 0 18px 36px rgba(1, 4, 19, .45);--logo-bubble: color-mix(in srgb, var(--primary) 18%, transparent);--logo-clock: var(--secondary);--logo-dot: var(--primary)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,var(--bg-orb-1),transparent 32%),radial-gradient(circle at top right,var(--bg-orb-2),transparent 28%),linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.28),transparent 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,.28),transparent 80%)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.page{position:relative;z-index:1;width:min(1200px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.app-controls{position:fixed;top:16px;right:16px;z-index:30;display:flex;gap:10px;align-items:center}.language-switcher,.theme-switcher{position:relative;display:inline-flex;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:999px;background:var(--control-bg);border:1px solid var(--border);box-shadow:var(--control-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.switcher-thumb{position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 18px)/2);border-radius:999px;background:var(--primary);box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 32%,transparent);transform:translate(calc(var(--switcher-index, 0) * (100% + 6px)));transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .18s ease,box-shadow .18s ease}.language-switcher__button,.theme-switcher__button{position:relative;z-index:1;border:0;background:transparent;color:var(--text-muted);border-radius:999px;padding:8px 12px;font-weight:700;transition:color .18s ease,transform .18s ease}.language-switcher__button--active,.theme-switcher__button--active{background:var(--primary);color:#fff}.language-switcher__button:not(.language-switcher__button--active):hover,.theme-switcher__button:not(.theme-switcher__button--active):hover{color:var(--text)}.language-switcher__button--active,.theme-switcher__button--active{background:transparent;color:#fff}.page--centered,.app-loader{min-height:100vh;display:grid;place-items:center}.page--lobby,.page--room{min-height:100vh}.hero-card{max-width:640px;padding:32px}.hero-card__brand{margin-bottom:8px}.hero-card h1{margin:0;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.98;letter-spacing:-.04em}.brand-logo{display:inline-flex;align-items:center;gap:14px;color:var(--text)}.brand-logo__mark{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:22px;background:color-mix(in srgb,var(--surface-strong) 78%,transparent);border:1px solid var(--border);box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 12%,transparent)}.brand-logo__mark svg{width:56px;height:56px}.brand-logo__text{display:grid;gap:2px}.brand-logo__text strong{font-size:1.24rem;letter-spacing:-.03em}.brand-logo__text span{color:var(--text-muted);font-size:.96rem}.brand-logo__bubble{fill:var(--logo-bubble)}.brand-logo__clock{stroke:var(--logo-clock)}.brand-logo__dot{fill:var(--logo-dot)}.brand-logo--compact{gap:12px}.brand-logo--compact .brand-logo__mark{width:56px;height:56px;border-radius:18px}.brand-logo--compact .brand-logo__mark svg{width:42px;height:42px}.brand-logo--compact .brand-logo__text strong{font-size:1.08rem}.hero-text{margin:0;color:var(--text-muted);max-width:50ch}.page-header,.section-header,.room-header,.room-card__header,.composer__actions,.room-header__meta{display:flex;gap:16px;align-items:center;justify-content:space-between}.page-header{margin-bottom:24px}.page-header__intro,.room-header__title{display:grid;gap:6px}.room-header__brand{margin-bottom:4px}.lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px}.room-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.9fr);gap:20px}.room-main{display:flex;flex-direction:column;min-height:calc(100vh - 64px)}.room-sidebar,.stack-lg,.stack-md,.stack-sm{display:grid}.room-sidebar{gap:20px;align-content:start}.stack-lg{gap:20px}.stack-md{gap:14px}.stack-sm{gap:10px}.card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:28px;padding:24px}.sidebar-card{padding:20px}.button{border:0;border-radius:16px;padding:12px 18px;font-weight:700;transition:transform .14s ease,background-color .14s ease,color .14s ease,opacity .14s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{background:var(--primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--primary-strong)}.button--secondary{background:color-mix(in srgb,var(--secondary) 18%,transparent);color:var(--text)}.button--ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.button--danger{background:#bb4d3d24;color:var(--danger)}.input,.textarea{width:100%;border:1px solid var(--input-border);border-radius:16px;padding:13px 14px;background:var(--input-bg);color:var(--text);outline:none;transition:border-color .14s ease,box-shadow .14s ease}.input:focus,.textarea:focus{border-color:var(--focus-border);box-shadow:0 0 0 4px var(--focus-ring)}.textarea{resize:vertical;min-height:108px}.field{display:grid;gap:8px}.field span{font-size:.94rem;font-weight:700}.eyebrow,.section-caption,.muted-text,.message-bubble__header span{color:var(--text-muted)}.eyebrow,.section-caption{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.section-title{margin:0;font-size:1.1rem}.status-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:.86rem;font-weight:700}.status-badge--neutral{background:var(--badge-neutral-bg);color:var(--text)}.status-badge--success{background:var(--badge-success-bg);color:var(--success)}.status-badge--warning{background:var(--badge-warning-bg);color:var(--warning)}.status-badge--danger{background:var(--badge-danger-bg);color:var(--danger)}.room-list,.room-card{display:grid;gap:14px}.room-card h3{margin:4px 0 0;font-size:1.75rem;letter-spacing:.08em}.room-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.room-card__meta div{background:var(--room-meta-bg);border-radius:18px;padding:12px}.room-card__meta dt{color:var(--text-muted);font-size:.82rem}.room-card__meta dd{margin:6px 0 0;font-weight:700}.message-list{flex:1;min-height:320px;display:grid;gap:12px;align-content:start;overflow-y:auto;padding-right:4px}.message-list__empty{display:grid;place-items:center;min-height:220px;border:1px dashed var(--empty-border);border-radius:24px;color:var(--text-muted)}.message-list__empty p{margin:0;font-weight:700}.message-bubble{max-width:min(78%,680px);padding:14px 16px;border-radius:22px 22px 22px 8px;background:var(--message-bg);border:1px solid var(--message-border)}.message-bubble--own{justify-self:end;background:var(--message-own-bg);border-radius:22px 22px 8px}.message-bubble__header{display:flex;justify-content:space-between;gap:16px;margin-bottom:6px;font-size:.88rem}.message-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.participant-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.participant-list__item{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px 14px;border-radius:18px;background:var(--participant-bg)}.participant-list__item p{margin:4px 0 0}.room-footer{margin-top:16px;display:grid;gap:12px}.composer{display:grid;gap:12px}.typing-indicator{margin:0;min-height:24px;color:var(--primary-strong);font-weight:700}.typing-indicator--idle{color:var(--text-muted);font-weight:500}.spinner-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:16px}.spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--spinner-track);border-top-color:var(--primary);animation:spin .9s linear infinite}.spinner-label{color:var(--text-muted)}.toast-viewport{position:fixed;right:16px;bottom:16px;z-index:20;display:grid;gap:10px;width:min(360px,calc(100vw - 32px))}.toast{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:18px;background:var(--toast-bg);color:#fff;box-shadow:var(--toast-shadow)}.toast__close{background:transparent;color:inherit;border:0;font-size:1.2rem;line-height:1}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:960px){.lobby-grid,.room-layout{grid-template-columns:1fr}.room-main{min-height:auto}}@media(max-width:720px){.page{width:min(100% - 24px,1200px);padding:20px 0 32px}.app-controls{top:12px;right:12px;gap:8px}.card{border-radius:24px;padding:18px}.page-header,.room-header,.composer__actions{align-items:flex-start;flex-direction:column}.message-bubble{max-width:100%}}