:root{--color-bg: #0f1117;--color-bg-elevated: #171a22;--color-bg-panel: #1c2029;--color-border: #2a3040;--color-text: #e8eaef;--color-text-muted: #8b93a7;--color-accent: #5b8def;--color-accent-muted: #3d5a8a;--color-player: #2a3f5f;--color-system: #252a36;--color-contact: #1e2430;--color-snippet: #6b7280;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--radius-sm: 4px;--radius-md: 8px;--topbar-height: 48px;--sidebar-width: 220px;--context-width: 280px;--transition-fast: .15s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}#app{height:100%}.app-shell{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.panel-container{flex:1;display:flex;min-height:0;overflow:hidden}.work-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--context-width);flex:1;min-height:0;overflow:hidden}.full-panel{flex:1;display:flex;flex-direction:column;min-height:0;overflow:auto;padding:24px 32px}.full-panel__header{font-size:13px;color:var(--color-text-muted);margin-bottom:20px;font-family:var(--font-mono)}.top-bar{display:flex;align-items:center;gap:12px;height:var(--topbar-height);padding:0 16px;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex-shrink:0;font-size:13px}.top-bar__brand{display:flex;align-items:center;gap:6px;color:var(--color-text-muted);white-space:nowrap}.top-bar__brand strong{color:var(--color-text);font-weight:500}.top-bar__dot{opacity:.4}.top-bar__clock{font-family:var(--font-mono);color:var(--color-text);min-width:48px}.top-bar__sessions{font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap}.top-bar__spacer{flex:1}.top-bar__tabs{display:flex;gap:2px}.top-bar__tab{padding:6px 14px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.top-bar__tab:hover{color:var(--color-text);background:var(--color-bg-panel)}.top-bar__tab--active{color:var(--color-text);background:var(--color-bg-panel);border-color:var(--color-border)}.top-bar__time-controls{display:flex;gap:2px;margin-left:8px}.top-bar__speed-btn{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:11px;cursor:pointer;min-width:32px}.top-bar__speed-btn:hover{color:var(--color-text)}.top-bar__speed-btn--active{color:var(--color-text);border-color:var(--color-accent-muted);background:var(--color-bg-panel)}.top-bar__pause-btn{padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:11px;cursor:pointer;margin-right:4px}.top-bar__pause-btn--active{color:var(--color-accent);border-color:var(--color-accent-muted)}.background-snippets{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.background-snippet{position:absolute;color:var(--color-snippet);font-size:12px;opacity:0;white-space:nowrap;animation:snippet-drift linear infinite;animation-play-state:running}.background-snippet--paused{animation-play-state:paused}@keyframes snippet-drift{0%{opacity:0;transform:translate(100vw)}8%{opacity:.35}92%{opacity:.35}to{opacity:0;transform:translate(-100%)}}.session-list{display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-bg-elevated);overflow-y:auto;z-index:1}.session-list__title{padding:12px 14px 8px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--color-text-muted);text-transform:uppercase}.session-item{padding:10px 14px;border-left:2px solid transparent;cursor:default}.session-item--active{background:var(--color-bg-panel);border-left-color:var(--color-accent)}.session-item__name{font-weight:500;font-size:13px;margin-bottom:2px}.session-item__role{font-size:11px;color:var(--color-text-muted);margin-bottom:4px}.session-item__preview{font-size:12px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel{display:flex;flex-direction:column;min-height:0;background:var(--color-bg);z-index:1}.chat-header{padding:14px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated)}.chat-header__name{font-weight:500;font-size:15px}.chat-header__role{font-size:12px;color:var(--color-text-muted)}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.chat-message{max-width:85%;padding:10px 14px;border-radius:var(--radius-md);font-size:14px}.chat-message--contact{align-self:flex-start;background:var(--color-contact);border:1px solid var(--color-border)}.chat-message--player{align-self:flex-end;background:var(--color-player);border:1px solid var(--color-accent-muted)}.chat-message--system{align-self:stretch;max-width:100%;background:var(--color-system);border:1px solid var(--color-border);font-size:13px;color:var(--color-text-muted)}.chat-message__speaker{font-size:11px;font-weight:600;color:var(--color-text-muted);margin-bottom:4px}.chat-message__label{font-size:11px;color:var(--color-accent);margin-bottom:4px;font-weight:500}.chat-blocks{padding:12px 20px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.chat-block{font-size:13px;color:var(--color-text-muted);padding:8px 12px;background:var(--color-system);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.option-group{padding:12px 20px 16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px;background:var(--color-bg-elevated)}.option-btn{text-align:left;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);color:var(--color-text);font-size:13px;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.option-btn:hover{border-color:var(--color-accent-muted);background:var(--color-bg)}.continue-btn{text-align:center;padding:10px 14px;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:13px;cursor:pointer}.continue-btn:hover{color:var(--color-text);border-color:var(--color-accent-muted)}.context-panel{display:flex;flex-direction:column;border-left:1px solid var(--color-border);background:var(--color-bg-elevated);overflow-y:auto;z-index:1}.context-section{padding:14px;border-bottom:1px solid var(--color-border)}.context-section__title{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:10px}.attachment-card{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);margin-bottom:8px}.attachment-card__title{font-size:13px;font-weight:500;margin-bottom:4px}.attachment-card__preview{font-size:12px;color:var(--color-text-muted)}.internal-material{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-system);font-size:12px;color:var(--color-text-muted);margin-bottom:8px;line-height:1.5}.context-empty{padding:14px;font-size:12px;color:var(--color-text-muted)}.network-nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.network-node{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel)}.network-node__name{font-weight:500;font-size:15px;margin-bottom:8px}.network-node__state{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:8px}.network-node__state--locked{background:#2a2a30;color:#9ca3af}.network-node__state--serving{background:#1a3a2a;color:#6ee7a0}.network-node__state--live_state{background:#1a2a4a;color:#7eb8ff}.network-node__controller{font-size:12px;color:var(--color-text-muted);margin-bottom:8px}.network-node__summary{font-size:13px;color:var(--color-text-muted);line-height:1.5}.panel-blocks{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.panel-block{padding:12px 14px;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;line-height:1.5}.model-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.model-section{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel)}.model-section__title{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--color-accent);margin-bottom:12px}.model-section__line{font-size:13px;color:var(--color-text-muted);line-height:1.6;margin-bottom:6px}.model-section__line:last-child{margin-bottom:0}.model-identity-blocks{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.model-identity-block{padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-panel);font-size:14px;line-height:1.6;white-space:pre-line}