:root{--sansar-cyan: #21bccf;--sansar-cyan-hover: #1aa8b9;--sansar-header: #181818;--sansar-ink: #111827;--sansar-white: #ffffff;--sansar-hero-gray: #6b6b6b;--sc-bg: #121212;--sc-rail: #181818;--sc-sidebar: #1c1c1c;--sc-surface: #222222;--sc-elevated: #2a2a2a;--sc-border: #3a3a3a;--sc-text: #ffffff;--sc-text-muted: #a3a3a3;--sc-action: var(--sansar-cyan);--sc-action-text: #ffffff;--sc-action-secondary: #181818;--sc-focus: var(--sansar-cyan);--sc-accent: var(--sansar-cyan);--sc-space-unit: 4px;--sc-radius-control: 999px;--sc-radius-panel: 12px;--sc-radius-input: 8px;--sc-danger: #e85d5d;--sc-success: #5dce8a;--sc-warning: #e0b04a;--sc-font: "Roboto", ui-sans-serif, system-ui, sans-serif;--sc-mono: "SF Mono", "Menlo", "Consolas", monospace;--sc-body-size: 15px;--sc-rail-width: 76px;--sc-sidebar-width: 268px;--sc-context-width: 300px}@media (prefers-color-scheme: light){:root[data-theme=system]{--sc-bg: #f5f6f8;--sc-rail: #181818;--sc-sidebar: #ffffff;--sc-surface: #ffffff;--sc-elevated: #f0f2f4;--sc-border: #d5d8de;--sc-text: #111827;--sc-text-muted: #6b7280;--sc-action: var(--sansar-cyan);--sc-action-text: #ffffff;--sc-focus: var(--sansar-cyan)}}:root[data-theme=light]{--sc-bg: #f5f6f8;--sc-rail: #181818;--sc-sidebar: #ffffff;--sc-surface: #ffffff;--sc-elevated: #f0f2f4;--sc-border: #d5d8de;--sc-text: #111827;--sc-text-muted: #6b7280;--sc-action: var(--sansar-cyan);--sc-action-text: #ffffff;--sc-focus: var(--sansar-cyan)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sc-font);font-size:var(--sc-body-size);background:var(--sc-bg);color:var(--sc-text);line-height:1.45;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--sc-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sc-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.sc-brand__mark{width:28px;height:28px;display:block;object-fit:contain}.sc-brand__wordmark{font-weight:700;letter-spacing:.06em;font-size:.95rem;text-transform:uppercase;color:var(--sansar-white)}.sc-brand__product{font-weight:500;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sansar-cyan)}.sc-app{display:grid;grid-template-columns:var(--sc-rail-width) var(--sc-sidebar-width) minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;height:calc(100% - 52px);background:var(--sc-bg)}.sc-root{height:100%;display:flex;flex-direction:column;background:var(--sc-bg)}.sc-app__main{display:flex;flex-direction:column;min-width:0;background:var(--sc-surface);border-left:1px solid var(--sc-border)}.sc-rail{grid-row:1 / span 2;display:flex;flex-direction:column;align-items:center;gap:calc(var(--sc-space-unit) * 2);padding:calc(var(--sc-space-unit) * 3) calc(var(--sc-space-unit) * 2);background:var(--sc-rail);border-right:1px solid var(--sc-border)}.sc-rail__home{width:52px;height:52px;border-radius:14px;border:1px solid transparent;background:#0f0f0f;color:var(--sc-text);cursor:pointer;display:grid;place-items:center;padding:0}.sc-rail__home img{width:32px;height:32px;object-fit:contain}.sc-rail__brand-cap{margin-bottom:calc(var(--sc-space-unit) * 2)}.sc-rail__item{width:48px;height:48px;border-radius:12px;border:1px solid var(--sc-border);background:var(--sc-elevated);color:var(--sc-text);cursor:pointer;display:grid;place-items:center}.sc-rail__item.is-active{outline:2px solid var(--sansar-cyan);border-color:var(--sansar-cyan);background:color-mix(in srgb,var(--sansar-cyan) 18%,var(--sc-elevated))}.sc-rail__item--world{border-style:dashed;border-color:var(--sansar-cyan);color:var(--sansar-cyan)}.sc-rail__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--sc-space-unit) * 2);overflow:auto;flex:1}.sc-brand__text{display:flex;flex-direction:column;line-height:1.1}.sc-app-topbar{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--sc-space-unit) * 3);padding:calc(var(--sc-space-unit) * 2) calc(var(--sc-space-unit) * 4);background:var(--sansar-header);border-bottom:1px solid var(--sc-border)}.sc-app-topbar__links{display:flex;flex-wrap:wrap;gap:calc(var(--sc-space-unit) * 3);align-items:center}.sc-app-topbar__links a{color:#ffffffbf;text-decoration:none;font-weight:500;font-size:.9rem}.sc-app-topbar__links a:hover{color:var(--sansar-white)}.sc-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 16px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;text-decoration:none;border:0;cursor:pointer}.sc-pill--cyan{background:var(--sansar-cyan);color:#fff}.sc-pill--cyan:hover{background:var(--sansar-cyan-hover)}.sc-pill--ghost{background:#ffffff14;color:#fff}.sc-sidebar{grid-row:1 / span 2;display:flex;flex-direction:column;gap:calc(var(--sc-space-unit) * 3);padding:calc(var(--sc-space-unit) * 4);background:var(--sc-sidebar);border-right:1px solid var(--sc-border);overflow:auto}.sc-sidebar__title{margin:0;font-size:1.125rem}.sc-sidebar__meta{display:flex;flex-wrap:wrap;gap:calc(var(--sc-space-unit) * 2);color:var(--sc-text-muted);margin:calc(var(--sc-space-unit) * 2) 0 0}.sc-sidebar__actions{display:flex;flex-wrap:wrap;gap:calc(var(--sc-space-unit) * 2);margin-top:calc(var(--sc-space-unit) * 3)}.sc-sidebar__section{margin:0;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sc-text-muted)}.sc-room-list{list-style:none;margin:0;padding:0}.sc-room-list__item{width:100%;text-align:left;display:flex;align-items:center;gap:calc(var(--sc-space-unit) * 2);padding:calc(var(--sc-space-unit) * 2) calc(var(--sc-space-unit) * 3);border:0;border-radius:var(--sc-radius-control);background:transparent;color:var(--sc-text);cursor:pointer}.sc-room-list__item.is-active,.sc-room-list__item:hover{background:var(--sc-elevated)}.sc-badge,.sc-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;border:1px solid var(--sc-border);font-size:.75rem}.sc-badge{background:color-mix(in srgb,var(--sansar-cyan) 16%,transparent);border-color:color-mix(in srgb,var(--sansar-cyan) 45%,var(--sc-border));color:var(--sansar-cyan)}.sc-chip--muted{color:var(--sc-text-muted)}.sc-btn-primary,button{border-radius:var(--sc-radius-control);border:1px solid var(--sc-border);background:var(--sc-elevated);color:var(--sc-text);padding:calc(var(--sc-space-unit) * 2) calc(var(--sc-space-unit) * 3);cursor:pointer;min-height:36px}.sc-btn-primary{background:var(--sansar-cyan);color:#fff;border-color:var(--sansar-cyan);justify-self:start;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.sc-btn-primary:hover{background:var(--sansar-cyan-hover)}.sc-composer textarea,.sc-stack input,.sc-stack textarea,.sc-overlay-composer input{border-radius:var(--sc-radius-input)}.sc-room-list__item.is-active,.sc-room-list__item:hover{background:color-mix(in srgb,var(--sansar-cyan) 12%,var(--sc-elevated))}.sc-room-list__item.is-active{box-shadow:inset 3px 0 0 var(--sansar-cyan)}.sc-new-messages{background:var(--sansar-cyan);color:#fff;border-color:var(--sansar-cyan)}.sc-mobile-nav .is-active{background:var(--sansar-cyan);color:#fff}.sc-status-bar{border-color:color-mix(in srgb,var(--sansar-cyan) 35%,var(--sc-border))}.sc-header{display:flex;justify-content:space-between;gap:calc(var(--sc-space-unit) * 3);align-items:center;padding:calc(var(--sc-space-unit) * 3) calc(var(--sc-space-unit) * 4);border-bottom:1px solid var(--sc-border);background:var(--sc-surface)}.sc-header__primary,.sc-header__actions{display:flex;flex-wrap:wrap;gap:calc(var(--sc-space-unit) * 2);align-items:center}.sc-canvas{position:relative;display:flex;flex-direction:column;min-height:0;flex:1}.sc-notice{margin:0;padding:calc(var(--sc-space-unit) * 3) calc(var(--sc-space-unit) * 4);background:var(--sc-elevated);border-bottom:1px solid var(--sc-border);color:var(--sc-text-muted)}.sc-canvas__toolbar{padding:calc(var(--sc-space-unit) * 2) calc(var(--sc-space-unit) * 4)}.sc-message-log{flex:1;overflow:auto;padding:calc(var(--sc-space-unit) * 4);display:flex;flex-direction:column;gap:calc(var(--sc-space-unit) * 4)}.sc-message header{display:flex;gap:calc(var(--sc-space-unit) * 2);align-items:baseline;color:var(--sc-text-muted);font-size:.85rem}.sc-message p{margin:calc(var(--sc-space-unit)) 0 0}.sc-message__state{color:var(--sc-warning)}.sc-new-messages{position:absolute;left:50%;bottom:140px;transform:translate(-50%);z-index:2}.sc-composer{border-top:1px solid var(--sc-border);padding:calc(var(--sc-space-unit) * 3) calc(var(--sc-space-unit) * 4);display:grid;gap:calc(var(--sc-space-unit) * 2);background:var(--sc-surface)}.sc-composer__dest{margin:0;color:var(--sc-text-muted);font-size:.85rem}.sc-composer textarea{width:100%;resize:vertical;min-height:72px;border-radius:var(--sc-radius-input);border:1px solid var(--sc-border);background:var(--sc-elevated);color:var(--sc-text);padding:calc(var(--sc-space-unit) * 3)}button:disabled{opacity:.5;cursor:not-allowed}.sc-context{width:var(--sc-context-width);border-left:1px solid var(--sc-border);background:var(--sc-sidebar);padding:calc(var(--sc-space-unit) * 4);overflow:auto;grid-row:1}.sc-context__header{display:flex;justify-content:space-between;align-items:center}.sc-context__meta,.sc-muted,.sc-sidebar__empty,.sc-sidebar__world-status{color:var(--sc-text-muted)}.sc-voice-dock{grid-column:2 / -1;display:flex;justify-content:space-between;gap:calc(var(--sc-space-unit) * 3);align-items:center;padding:calc(var(--sc-space-unit) * 3) calc(var(--sc-space-unit) * 4);background:var(--sc-elevated);border-top:1px solid var(--sc-border)}.sc-voice-dock__controls{display:flex;flex-wrap:wrap;gap:calc(var(--sc-space-unit) * 2)}.sc-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:20;padding:calc(var(--sc-space-unit) * 4)}.sc-modal__panel{width:min(560px,100%);background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius-panel);padding:calc(var(--sc-space-unit) * 5);display:grid;gap:calc(var(--sc-space-unit) * 3)}.sc-modal__panel header{display:flex;justify-content:space-between;align-items:center}.sc-import-steps{margin:0;padding-left:1.25rem;color:var(--sc-text-muted)}.sc-modal__actions{display:flex;flex-wrap:wrap;gap:calc(var(--sc-space-unit) * 2)}.sc-status-bar{position:fixed;right:12px;bottom:12px;font-size:.75rem;color:var(--sc-text-muted);background:var(--sc-elevated);border:1px solid var(--sc-border);border-radius:var(--sc-radius-control);padding:6px 10px;z-index:10}.sc-modal__panel--wide{width:min(720px,100%)}.sc-filter-row{display:flex;flex-wrap:wrap;gap:calc(var(--sc-space-unit) * 2)}.sc-filter-row .is-active,.sc-stack .is-active,.sc-import-steps .is-current button{outline:2px solid var(--sc-focus)}.sc-directory-list{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--sc-space-unit) * 2);max-height:50vh;overflow:auto}.sc-directory-item{width:100%;text-align:left;display:grid;gap:4px;padding:calc(var(--sc-space-unit) * 3);border-radius:var(--sc-radius-control);border:1px solid var(--sc-border);background:var(--sc-elevated);color:var(--sc-text);cursor:pointer}.sc-stack{display:grid;gap:calc(var(--sc-space-unit) * 3)}.sc-stack label{display:grid;gap:6px}.sc-stack input,.sc-stack textarea{border-radius:var(--sc-radius-control);border:1px solid var(--sc-border);background:var(--sc-elevated);color:var(--sc-text);padding:calc(var(--sc-space-unit) * 2)}.sc-mobile-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--sc-rail);border-top:1px solid var(--sc-border);padding:calc(var(--sc-space-unit) * 2);gap:calc(var(--sc-space-unit) * 2)}.sc-mobile-nav button{flex:1}.sc-mobile-nav .is-active{background:var(--sc-action);color:var(--sc-action-text)}.sc-overlay-chip,.sc-overlay{position:fixed;z-index:12;left:16px;bottom:72px;max-width:min(420px,calc(100vw - 32px));background:var(--sc-elevated);border:1px solid var(--sc-border);border-radius:var(--sc-radius-panel);padding:calc(var(--sc-space-unit) * 3);display:grid;gap:calc(var(--sc-space-unit) * 2)}.sc-overlay header{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sc-overlay-lines{margin:0;padding-left:1.1rem;color:var(--sc-text-muted)}.sc-overlay-composer input{width:100%;border-radius:var(--sc-radius-control);border:1px solid var(--sc-border);background:var(--sc-surface);color:var(--sc-text);padding:8px}.sc-overlay-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sc-rooms-drawer-btn{display:none}@media (max-width: 960px){.sc-app{grid-template-columns:minmax(0,1fr);height:calc(100% - 52px);padding-bottom:64px}.sc-app-topbar__links a:not(.sc-pill){display:none}.sc-rail,.sc-sidebar{display:none}.sc-sidebar.is-drawer{display:flex;position:fixed;top:0;right:20%;bottom:64px;left:0;z-index:14}.sc-context{position:absolute;right:0;top:0;bottom:64px;z-index:5}.sc-mobile-nav{display:flex}.sc-rooms-drawer-btn{display:inline-flex}.sc-status-bar{bottom:72px}.sc-voice-dock{grid-column:1 / -1}}