:root{--accent-color:#f4a261;--bg-type:gradient;--bg-value:radial-gradient(circle at 18% 12%, #f4a26138, transparent 34%), radial-gradient(circle at 88% 18%, #3a86ff2e, transparent 28%), linear-gradient(135deg, #15120f 0%, #171d24 48%, #111318 100%);--text-color:#f5efe6;--muted-text-color:#b8ada0;--panel-bg:#1c1815ad;--panel-strong-bg:#0f1216d1;--border-color:#ffefd224;--shadow-soft:0 24px 90px #00000057;--shadow-small:0 12px 34px #00000038;--radius-xl:30px;--radius-lg:22px;--radius-md:16px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text-color);background:var(--bg-value);background-attachment:fixed;margin:0;font-family:Aptos,Segoe UI Variable,Trebuchet MS,sans-serif}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 18%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 18%,#000,#0000 72%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:.96}.app-shell{min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(24px);opacity:.52;pointer-events:none;z-index:-1;border-radius:999px;position:fixed}.ambient-one{background:color-mix(in srgb, var(--accent-color) 34%, transparent);width:28rem;height:28rem;top:6rem;left:-10rem}.ambient-two{background:#5497ff2e;width:22rem;height:22rem;bottom:8rem;right:-8rem}.topbar{z-index:20;border-bottom:1px solid var(--border-color);background:color-mix(in srgb, var(--panel-strong-bg) 88%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);align-items:center;gap:18px;padding:16px clamp(16px,4vw,42px);display:flex;position:sticky;top:0}.brand-mark{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand-glyph{color:#1f160f;text-transform:uppercase;background:var(--accent-color);width:42px;height:42px;box-shadow:0 12px 30px color-mix(in srgb, var(--accent-color) 36%, transparent);border-radius:16px 16px 16px 4px;place-items:center;font-weight:900;display:grid}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{font-size:1.05rem}.brand-mark small{color:var(--muted-text-color);margin-top:2px;font-size:.76rem}.topnav{border:1px solid var(--border-color);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:5px;display:flex}.topnav a{color:var(--muted-text-color);border-radius:999px;padding:8px 13px;transition:color .16s,background .16s}.topnav a.active,.topnav a:hover{color:var(--text-color);background:#ffffff17}.topbar-spacer{flex:1}.container{width:min(1220px,100% - 32px);margin:0 auto;padding:clamp(20px,4vw,48px) 0 64px}.panel,.panel-hero,.auth-card{border:1px solid var(--border-color);box-shadow:var(--shadow-small);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel{background:var(--panel-bg);border-radius:var(--radius-lg);padding:clamp(16px,2vw,24px)}.panel-hero,.auth-card{background:linear-gradient(145deg, color-mix(in srgb, var(--panel-bg) 88%, white 5%), #ffffff09);border-radius:var(--radius-xl);padding:clamp(24px,4vw,38px)}.row{align-items:center;gap:12px;display:flex}.split{justify-content:space-between}.col,.form-stack{gap:14px;display:grid}.muted,.quiet-note{color:var(--muted-text-color)}.roomy-copy{margin-top:12px;line-height:1.65}.eyebrow,.card-kicker{color:var(--accent-color);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:800}.btn,.link-button{cursor:pointer;border:0}.btn{color:#1d140e;background:var(--accent-color);min-height:42px;box-shadow:0 14px 34px color-mix(in srgb, var(--accent-color) 28%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:0 18px 44px color-mix(in srgb, var(--accent-color) 36%, transparent);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.52}.btn.secondary,.btn.ghost{color:var(--text-color);box-shadow:none}.btn.secondary{border:1px solid color-mix(in srgb, var(--accent-color) 42%, var(--border-color));background:color-mix(in srgb, var(--accent-color) 15%, transparent)}.btn.ghost{border:1px solid var(--border-color);background:#ffffff0a}.btn.wide{width:100%}.link-button{color:var(--accent-color);background:0 0;padding:0;font-weight:800}.field{gap:8px;display:grid}.field span{color:var(--muted-text-color);font-size:.84rem;font-weight:700}.input{width:100%;color:var(--text-color);border:1px solid var(--border-color);background:#00000038;border-radius:16px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s}.input:focus{border-color:color-mix(in srgb, var(--accent-color) 70%, white 8%);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-color) 20%, transparent)}.color-input{min-height:48px;padding:6px}.notice{border-radius:16px;padding:12px 14px;font-weight:700}.notice.error{color:#ffd5c9;background:#a0301c33;border:1px solid #ff755c57}.status-pill{width:max-content;color:var(--muted-text-color);border:1px solid var(--border-color);background:#ffffff0b;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:.82rem;font-weight:800;display:inline-flex}.login-stage{grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);align-items:center;gap:clamp(20px,4vw,42px);min-height:calc(100vh - 170px);display:grid}.hero-copy{gap:20px;padding:clamp(10px,4vw,34px);display:grid}.hero-copy h1,.settings-intro h1,.space-list-card h1{max-width:13ch;font-size:clamp(3rem,8vw,6.8rem)}.hero-copy p,.settings-intro p{max-width:60ch;color:var(--muted-text-color);font-size:1.08rem;line-height:1.8}.feature-strip{flex-wrap:wrap;gap:10px;display:flex}.feature-strip span{border:1px solid var(--border-color);color:var(--muted-text-color);background:#ffffff0f;border-radius:999px;padding:9px 13px;font-weight:800}.auth-card{gap:16px;display:grid}.auth-card h2{font-size:clamp(2rem,4vw,3.2rem)}.auth-card-copy{color:var(--muted-text-color);line-height:1.6}.auth-tabs{border:1px solid var(--border-color);background:#ffffff0b;border-radius:999px;grid-template-columns:1fr 1fr;gap:6px;padding:6px;display:grid}.auth-tabs button{min-height:38px;color:var(--muted-text-color);cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:900}.auth-tabs button.active{color:#1d140e;background:var(--accent-color)}.password-control{position:relative}.password-input{padding-right:76px}.password-eye{border:1px solid var(--border-color);min-width:58px;min-height:34px;color:var(--muted-text-color);cursor:pointer;background:#ffffff0e;border-radius:999px;font-size:.78rem;font-weight:900;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-eye:hover{color:var(--text-color);border-color:color-mix(in srgb, var(--accent-color) 45%, var(--border-color))}.invite-code-field{border:1px solid color-mix(in srgb, var(--accent-color) 32%, var(--border-color));background:color-mix(in srgb, var(--accent-color) 8%, #ffffff09);border-radius:20px;padding:12px}.dashboard-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:22px;display:grid}.space-list-card,.workbench,.settings-form{align-content:start;gap:18px;display:grid}.health-card{border:1px solid var(--border-color);background:#ffffff0d;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.pulse-dot{background:#d9a441;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #d9a44129}.pulse-dot.ok{background:#69d083;box-shadow:0 0 0 6px #69d08329}.pulse-dot.error{background:#ff705c;box-shadow:0 0 0 6px #ff705c29}.space-list,.channel-list{gap:10px;display:grid}.space-row,.channel-tile,.preset-card{border:1px solid var(--border-color);background:#ffffff0b;transition:transform .16s,border-color .16s,background .16s}.space-row{text-align:left;cursor:pointer;border-radius:20px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.space-row:hover,.space-row.active,.channel-tile:hover,.preset-card:hover{border-color:color-mix(in srgb, var(--accent-color) 52%, var(--border-color));background:color-mix(in srgb, var(--accent-color) 10%, #ffffff0b);transform:translateY(-1px)}.space-avatar,.message-avatar{color:#1d140e;background:var(--accent-color);border-radius:15px;flex:none;place-items:center;width:42px;height:42px;font-size:.82rem;font-weight:900;display:grid}.space-row strong,.space-row small{display:block}.space-row small{color:var(--muted-text-color);margin-top:3px}.room-header-card,.chat-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.room-header-card h2,.chat-header h1{margin-top:8px;font-size:clamp(2rem,4vw,3.5rem)}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.three-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.form-card{gap:14px;display:grid}.channel-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.channel-group h3{font-size:1.3rem}.channel-tile{border-radius:18px;gap:5px;padding:14px;display:grid}.channel-tile span{color:var(--accent-color);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:900}.channel-tile strong{font-size:1.05rem}.channel-tile em{color:var(--muted-text-color);font-size:.86rem;font-style:normal}.invite-notice{color:var(--text-color);border-color:color-mix(in srgb, var(--accent-color) 45%, var(--border-color));background:color-mix(in srgb, var(--accent-color) 12%, #ffffff0a);gap:6px;display:grid}.invite-notice code{overflow-wrap:anywhere;color:var(--accent-color)}.empty-state,.empty-chat{color:var(--muted-text-color);border:1px dashed var(--border-color);background:#ffffff08;border-radius:18px;padding:18px}.chat-workspace{gap:18px;display:grid}.back-link{color:var(--accent-color);font-weight:900}.header-stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.header-stats span{border:1px solid var(--border-color);color:var(--muted-text-color);background:#ffffff0b;border-radius:999px;padding:8px 11px;font-size:.82rem;font-weight:800}.chat-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:18px;display:grid}.conversation-panel{grid-template-rows:auto minmax(420px,1fr) auto;gap:16px;min-height:68vh;display:grid}.conversation-tools{justify-content:space-between;align-items:center;gap:12px;display:flex}.message-river{min-height:0;padding:4px;position:relative;overflow:auto}.message-list{align-content:end;gap:13px;min-height:100%;display:grid}.message-bubble{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;max-width:760px;display:grid}.message-bubble.pending{opacity:.72}.message-body{border:1px solid var(--border-color);background:color-mix(in srgb, var(--panel-strong-bg) 72%, transparent);border-radius:20px 20px 20px 6px;padding:13px 15px}.message-body p{white-space:pre-wrap;margin-top:7px;line-height:1.55}.message-meta{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.message-meta span{color:var(--muted-text-color);font-size:.78rem}.composer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.composer-row{align-items:end;gap:8px;display:flex}.composer-input{resize:vertical;flex:1;min-height:58px;max-height:170px}.attach-btn{min-width:44px;min-height:58px;font-size:1.3rem;line-height:1}.send-button{min-width:96px;min-height:58px}.composer-notice{color:var(--muted-text-color);text-align:center;margin-top:-8px;font-size:.82rem;font-weight:700}.connection-badge.connecting{color:#ffd9a1;background:#ffc86414;border-color:#ffc8644d}.connection-badge.connected{color:#69d083;background:#69d08314;border-color:#69d0834d}.channel-type-badge{border:1px solid var(--border-color);letter-spacing:.06em;text-transform:uppercase;background:#ffffff0d;border-radius:999px;padding:2px 10px;font-size:.74rem;font-weight:800;display:inline-block}.new-messages-btn{z-index:10;margin:8px auto 0;padding:8px 16px;font-size:.84rem;animation:.2s float-up;display:block;position:sticky;bottom:8px}.message-bubble.failed .message-body{background:#a0301c14;border-color:#ff755c4d}.message-bubble.failed{opacity:.8}.failed-actions{margin-top:8px}.retry-btn{min-height:32px;padding:4px 14px;font-size:.78rem}.user-avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:15px;flex:none;place-items:center;font-weight:900;line-height:1;display:grid}@keyframes float-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.voice-dock{position:sticky;top:92px}.voice-card{gap:16px;display:grid;overflow:hidden}.voice-card h2{font-size:2.1rem}.voice-orb{background:radial-gradient(circle at 30% 30%, #fff7d6, var(--accent-color) 42%, #ffffff14 70%);width:136px;height:136px;box-shadow:0 0 48px color-mix(in srgb, var(--accent-color) 44%, transparent);border-radius:45% 55% 52% 48%;margin:8px auto;animation:4s ease-in-out infinite breathe}.voice-orb.connected{animation-duration:1.8s}.voice-orb.error{background:radial-gradient(circle at 30% 30%,#ffd6c9,#ff705c 48%,#ffffff14 72%)}.voice-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.demo-context-card{gap:5px;max-width:560px;display:grid}.demo-composer{grid-template-columns:auto minmax(0,1fr) auto}.attach-demo{min-height:58px}.voice-participants{gap:9px;display:grid}.voice-person{border:1px solid var(--border-color);background:#ffffff0a;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.voice-person span{font-weight:800}.voice-person small{color:var(--muted-text-color);font-weight:800}@keyframes breathe{0%,to{transform:scale(.96)rotate(-2deg)}50%{transform:scale(1.04)rotate(2deg)}}.settings-layout{grid-template-columns:minmax(280px,.72fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.settings-intro{position:sticky;top:92px}.form-section-title,.settings-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-section-title span{color:var(--muted-text-color);font-weight:800}.form-section-title strong{color:var(--accent-color)}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.preset-card{text-align:left;cursor:pointer;border-radius:20px;gap:10px;padding:12px;display:grid}.preset-card small{color:var(--muted-text-color);line-height:1.4}.preset-swatch{border:1px solid var(--border-color);border-radius:16px;height:84px;display:block}.settings-fields{align-items:end}@media (width<=920px){.login-stage,.dashboard-grid,.chat-layout,.settings-layout{grid-template-columns:1fr}.hero-copy h1,.settings-intro h1,.space-list-card h1{max-width:11ch;font-size:clamp(2.7rem,15vw,5.2rem)}.voice-dock,.settings-intro{position:static}}@media (width<=680px){.topbar{flex-wrap:wrap;align-items:flex-start}.topnav{order:3;justify-content:space-between;width:100%}.topnav a{text-align:center;flex:1}.container{width:min(100% - 20px,1220px);padding-top:18px}.two-column,.three-column,.channel-board,.preset-grid,.composer{grid-template-columns:1fr}.room-header-card,.chat-header,.form-section-title,.settings-actions{flex-direction:column;align-items:stretch}.header-stats{justify-content:flex-start}.conversation-panel{min-height:72vh}.send-button{width:100%}}[data-theme=light] body:before{background-image:linear-gradient(#5a412a09 1px,#0000 1px),linear-gradient(90deg,#5a412a09 1px,#0000 1px)}[data-theme=light] .input{background:#ffffff94}[data-theme=light] .btn{color:#fffaf1}