:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.persona-vrm-wrapper{width:100%;height:100%;min-height:560px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.persona-vrm-wrapper.is-speaking{box-shadow:none;border:none}.vrm-canvas-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.vrm-canvas-container canvas{outline:none;display:block;width:100%!important;height:100%!important}.avatar-emotion-tag{z-index:10;font-size:10.5px;font-family:var(--font-mono,monospace);letter-spacing:.05em;pointer-events:none;border:1px solid #00000014;border-radius:4px;padding:4px 10px;font-weight:700;position:absolute;top:12px;left:12px}.vrm-badge-footer{display:none}.vrm-loading-overlay{z-index:15;background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.vrm-spinner{border:3px solid #0f62fe26;border-top-color:#0f62fe;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite vrmSpin}@keyframes vrmSpin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-mono,monospace);letter-spacing:.05em;color:#191817;font-size:11px;font-weight:600}.vrm-error-overlay{z-index:20;text-align:center;background:#fef2f2f5;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.error-icon{font-size:28px}.error-title{color:#991b1b;font-size:14px;font-weight:700}.error-desc{color:#7f1d1d;max-width:320px;margin:0;font-size:12px}.expected-path-note{color:#451a03;background:#fef3c7;border-radius:4px;margin-top:8px;padding:6px 12px;font-size:11px}.expected-path-note code{font-family:var(--font-mono,monospace);font-weight:600}:root{--font-serif:"Fraunces", "Playfair Display", "Georgia", serif;--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", monospace;--canvas-bg:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--accent-blue:#0f62fe;--accent-blue-hover:#0353e9;--accent-blue-tint:#eff6ff;--panel-bg:#ffffffe0;--panel-card-bg:#fff;--glass-bar-bg:#fffc;--border-color:#1e293b;--border-subtle:#0f172a1f;--shadow-main:3px 3px 0px #0f172a;--shadow-glass:0 4px 24px #0f172a14;--badge-bg:#e2e8f0;--badge-text:#1e293b;--item-hover-bg:#f1f5f9;--backdrop-color:#0f172a33}[data-theme=dark]{--canvas-bg:#0d0e12;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-blue:#3b82f6;--accent-blue-hover:#60a5fa;--accent-blue-tint:#3b82f626;--panel-bg:#12141ceb;--panel-card-bg:#161922;--glass-bar-bg:#0d0e12d1;--border-color:#334155;--border-subtle:#f8fafc1f;--shadow-main:3px 3px 0px #000;--shadow-glass:0 4px 24px #0006;--badge-bg:#1e293b;--badge-text:#f1f5f9;--item-hover-bg:#1e293b;--backdrop-color:#00000080}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{box-sizing:border-box;-ms-overflow-style:none!important;scrollbar-width:none!important}body,html{background-color:var(--canvas-bg);width:100vw;height:100vh;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;transition:background-color .3s,color .3s;overflow:hidden}.persona-app-container{background-color:var(--canvas-bg);width:100vw;height:100vh;color:var(--text-main);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.persona-bg-layer{opacity:.85;z-index:1;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-image .4s ease-in-out;position:absolute;inset:0}.glassmorphic-bar{background-color:var(--glass-bar-bg);-webkit-backdrop-filter:blur(14px);border-color:var(--border-subtle);box-shadow:var(--shadow-glass);transition:background-color .3s,border-color .3s}.persona-header{border-bottom:1px solid var(--border-subtle);z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:62px;padding-inline:clamp(16px,2.5vw,40px);display:flex;position:relative}.header-brand-left{align-items:center;gap:14px;display:flex}.brand-logo-img{object-fit:contain;border-radius:6px;width:auto;height:38px;display:block}.brand-text-group{flex-direction:column;justify-content:center;display:flex}.brand-wordmark{font-family:var(--font-serif);letter-spacing:.2px;color:var(--text-main);margin:0;font-size:22px;font-weight:800;line-height:1}.brand-subtext{font-family:var(--font-mono);letter-spacing:1.2px;color:var(--accent-blue);margin-top:3px;font-size:9px;font-weight:800;line-height:1}.header-controls-right{align-items:center;gap:10px;display:flex}.header-drawer-btn{font-family:var(--font-mono);background-color:var(--panel-card-bg);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;box-shadow:2px 2px 0px var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.header-drawer-btn:hover,.header-drawer-btn.is-active{box-shadow:3px 3px 0px var(--border-color);background-color:var(--accent-blue-tint);color:var(--accent-blue);transform:translate(-1px,-1px)}.hdr-btn-icon{font-size:12px}.header-divider-v{background-color:var(--border-subtle);width:1px;height:22px;margin-inline:2px}.btn-theme-toggle{font-family:var(--font-mono);background-color:var(--panel-card-bg);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;box-shadow:2px 2px 0px var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.btn-theme-toggle:hover{box-shadow:3px 3px 0px var(--border-color);background-color:var(--accent-blue-tint);transform:translate(-1px,-1px)}.theme-icon{font-size:13px}.connection-pill{border:1px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);font-family:var(--font-mono);color:#137333;background-color:#e6f4ea;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}[data-theme=dark] .connection-pill{color:#34d399;background-color:#10b98126;border-color:#059669}.connection-pill.is-offline{background-color:var(--badge-bg);color:var(--text-muted)}.status-dot{font-size:10px}.agent-badge{color:var(--accent-blue);margin-left:4px;font-size:10px;font-weight:800}.speech-warning-banner{border-bottom:1px solid var(--border-color);font-family:var(--font-mono);color:#d97706;text-align:center;z-index:25;background-color:#fff3e0;padding:6px 18px;font-size:12px;font-weight:700;position:relative}.persona-workspace{flex:1;justify-content:center;align-items:flex-end;width:100%;height:calc(100vh - 116px);display:flex;position:relative;overflow:hidden}.drawers-backdrop{z-index:40;-webkit-backdrop-filter:none;background-color:#0000;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.side-drawer{z-index:50;flex-direction:column;width:320px;max-width:85vw;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s;display:flex;position:absolute;top:12px;bottom:12px}.left-drawer{left:0}.right-drawer{right:0}.left-drawer.is-collapsed{transform:translate(-100%)}.left-drawer.is-expanded{transform:translate(0)}.right-drawer.is-collapsed{transform:translate(100%)}.right-drawer.is-expanded{transform:translate(0)}.drawer-edge-tab{font-family:var(--font-mono);letter-spacing:1px;background-color:var(--panel-card-bg);color:var(--text-main);border:2px solid var(--border-color);box-shadow:var(--shadow-main);cursor:pointer;z-index:55;white-space:nowrap;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:800;transition:all .2s;display:flex;position:absolute;top:24px}.left-drawer .left-tab{border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;right:-112px}.right-drawer .right-tab{border-right:none;border-top-left-radius:8px;border-bottom-left-radius:8px;left:-88px}.drawer-edge-tab:hover{background-color:var(--accent-blue-tint);color:var(--accent-blue);transform:scale(1.04)}.tab-chevron{color:var(--accent-blue);font-size:10px}.drawer-inner-panel{background-color:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:2px solid var(--border-color);width:100%;height:100%;box-shadow:var(--shadow-main);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.left-drawer .drawer-inner-panel{border-top-left-radius:0;border-bottom-left-radius:0}.right-drawer .drawer-inner-panel{border-top-right-radius:0;border-bottom-right-radius:0}.drawer-header-bar{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.drawer-close-btn{background-color:var(--accent-blue-tint);border:1.5px solid var(--border-color);font-family:var(--font-mono);color:var(--accent-blue);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:800;line-height:1;transition:all .15s}.drawer-close-btn:hover{color:#fff;background-color:var(--accent-blue);transform:scale(1.05)}.panel-title-tag{font-family:var(--font-mono);letter-spacing:1.2px;color:var(--accent-blue);text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.drawer-scroll-body,.personas-list-container{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.persona-section-group{flex-direction:column;gap:8px;display:flex}.persona-group-label{font-family:var(--font-mono);letter-spacing:1.2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:800}.persona-item-btn{font-family:var(--font-mono);background-color:var(--panel-card-bg);color:var(--text-main);border:1.5px solid var(--border-color);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.persona-item-btn:hover{border-color:var(--accent-blue);background-color:var(--accent-blue-tint);transform:translate(2px)}.persona-item-btn.is-selected{background-color:var(--accent-blue);color:#fff;border-color:var(--border-color);box-shadow:2px 2px 0px var(--border-color)}.persona-item-btn.is-selected .item-bullet,.persona-item-btn.is-selected .item-sub{color:#fff}.item-left{align-items:center;gap:10px;display:flex}.item-bullet{color:var(--accent-blue);font-size:9px}.item-text-stack{flex-direction:column;display:flex}.item-mode{font-size:12px;font-weight:700}.item-sub{color:var(--text-muted);font-size:10px;font-weight:500}.item-active-pill{font-family:var(--font-mono);color:var(--accent-blue);background-color:#fff;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.persona-item-btn.is-coming-soon{opacity:.7}.badge-coming-soon{font-family:var(--font-mono);background-color:var(--badge-bg);color:var(--badge-text);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.capabilities-stack{flex-direction:column;gap:10px;display:flex}.capability-row{border:1.5px solid var(--border-color);background-color:var(--panel-card-bg);border-radius:8px;padding:10px 12px}.cap-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cap-name{font-family:var(--font-mono);color:var(--accent-blue);font-size:12px;font-weight:800}.cap-badge-called{font-family:var(--font-mono);color:#137333;border:1px solid var(--border-color);background-color:#e6f4ea;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.cap-desc{color:var(--text-muted);margin:0;font-size:11px}.panel-card-mini{background-color:var(--panel-card-bg);border:1.5px solid var(--border-color);border-radius:8px;padding:12px}.activity-feed{padding-top:8px}.activity-item{background-color:var(--canvas-bg);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px}.activity-time{font-family:var(--font-mono);color:var(--text-muted);font-size:9px}.activity-tool-name{font-family:var(--font-mono);color:var(--accent-blue);margin-top:2px;font-size:11px;font-weight:700}.activity-placeholder{font-family:var(--font-mono);color:var(--text-muted);font-size:11px;font-style:italic}.workspace-center-stage{z-index:10;pointer-events:auto;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;position:relative}.expression-header-badge{font-family:var(--font-mono);letter-spacing:1.5px;background-color:var(--text-main);color:var(--canvas-bg);border:1.5px solid var(--border-color);box-shadow:2px 2px 0px var(--accent-blue);z-index:12;border-radius:20px;align-self:center;margin-bottom:8px;padding:6px 16px;font-size:10px;font-weight:800}.avatar-emotion-tag{display:none!important}.persona-avatar-hero-container{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.conversation-controls-widget{z-index:30;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:clamp(16px,3.5vh,32px);right:clamp(16px,3.5vw,40px)}.conv-mic-error-banner{color:#fca5a5;text-align:right;background:#ef444426;border:1px solid #ef444466;border-radius:8px;max-width:320px;padding:8px 16px;font-size:13px}.conv-session-status-badge{-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--border-color);box-shadow:var(--shadow-main);background:#0f172ad9;border-radius:24px;align-items:center;gap:10px;padding:10px 18px;display:flex}.conv-status-text{color:var(--text-main);font-family:var(--font-sans);font-size:13px;font-weight:600}.conv-sub-hint{color:var(--text-muted);margin-left:4px;font-style:italic;font-weight:400}.conv-pulse-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse;box-shadow:0 0 10px #ef4444}.btn-start-conversation-corner{color:#fff;font-family:var(--font-sans);letter-spacing:.3px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:28px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 6px 20px #2563eb59}.btn-start-conversation-corner:hover{background:linear-gradient(135deg,#0ea5e9,#3b82f6);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 26px #2563eb80}.btn-start-conversation-corner:active{transform:translateY(0)scale(.98)}.btn-stop-conversation-corner{color:#fca5a5;font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ef444433;border:1px solid #ef444480;border-radius:28px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.btn-stop-conversation-corner:hover{color:#fff;background:#ef444459;border-color:#ef4444cc;transform:scale(1.02)}.conv-hint-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.5px;opacity:.85;font-size:10px}.btn-conv-icon{font-size:15px}.text-warning{color:#fba518!important}.text-info{color:#38bdf8!important}.text-success{color:#10b981!important}.persona-vrm-wrapper{justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.vrm-canvas-container{width:100%;height:100%;position:relative}.vrm-canvas-container canvas{object-fit:contain;display:block;width:100%!important;height:100%!important}.persona-response-bubble{background-color:var(--panel-card-bg);border:2px solid var(--border-color);width:clamp(260px,24vw,360px);box-shadow:var(--shadow-main);text-align:left;z-index:20;box-sizing:border-box;border-radius:12px;padding:14px 16px;animation:.25s ease-out fadeIn;position:absolute;top:50%;right:clamp(16px,4vw,60px);transform:translateY(-50%)}@media (width<=1200px){.persona-response-bubble{width:270px;top:50%;right:12px}}.bubble-arrow-left{background-color:var(--panel-card-bg);border-left:2px solid var(--border-color);border-bottom:2px solid var(--border-color);width:14px;height:14px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)rotate(45deg)}.bubble-tag-header{font-family:var(--font-mono);letter-spacing:1.2px;color:var(--accent-blue);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:9px;font-weight:800;display:flex}.bubble-emotion-tag{background-color:var(--accent-blue-tint);color:var(--accent-blue);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.bubble-text-content{font-family:var(--font-sans);color:var(--text-main);margin:0;font-size:clamp(13px,1.6vh,15px);font-weight:600;line-height:1.45}.persona-coming-soon-hero{background-color:var(--panel-card-bg);border:2px solid var(--border-color);width:clamp(380px,36vw,560px);height:clamp(420px,50vh,580px);box-shadow:var(--shadow-main);text-align:center;box-sizing:border-box;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.coming-soon-hero-badge{font-family:var(--font-mono);letter-spacing:1.5px;color:#78350f;border:1.5px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);background-color:#fde68a;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:11px;font-weight:800}.coming-soon-hero-title{font-family:var(--font-mono);color:var(--text-main);margin:0 0 6px;font-size:22px;font-weight:800}.coming-soon-hero-subtitle{font-family:var(--font-serif);color:var(--accent-blue);margin-bottom:16px;font-size:18px;font-weight:700}.coming-soon-hero-desc{color:var(--text-muted);max-width:420px;margin:0 0 24px;font-size:14px;line-height:1.5}.coming-soon-hero-card-footer{font-family:var(--font-mono);color:var(--text-main);background-color:var(--accent-blue-tint);border:1px solid var(--border-color);border-radius:8px;padding:8px 16px;font-size:11px;font-weight:700}.persona-footer{border-top:1px solid var(--border-subtle);z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:54px;padding-inline:clamp(16px,2.5vw,40px);display:flex;position:relative}.footer-left-group{align-items:center;gap:12px;display:flex}.btn-settings-toggle{font-family:var(--font-mono);background-color:var(--panel-card-bg);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;box-shadow:2px 2px 0px var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.btn-settings-toggle:hover{box-shadow:3px 3px 0px var(--border-color);background-color:var(--accent-blue-tint);transform:translate(-1px,-1px)}.btn-mic-footer{font-family:var(--font-mono);background-color:var(--panel-card-bg);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;box-shadow:2px 2px 0px var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.btn-mic-footer:hover{box-shadow:3px 3px 0px var(--border-color);background-color:var(--accent-blue-tint);transform:translate(-1px,-1px)}.btn-mic-footer.is-active{color:#c5221f;background-color:#fce8e6;border-color:#c5221f}[data-theme=dark] .btn-mic-footer.is-active{color:#fca5a5;background-color:#ef444433;border-color:#ef4444}.footer-transcript-pill{background-color:var(--accent-blue-tint);border:1px solid var(--border-color);font-family:var(--font-mono);border-radius:20px;align-items:center;gap:8px;max-width:400px;padding:4px 12px;font-size:11px;display:flex}.transcript-live-dot{color:var(--accent-blue);font-weight:800}.transcript-text{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pending-utterance-badge{background-color:var(--accent-blue);color:#fff;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800}.btn-clear-transcript-mini{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;font-weight:700}.footer-right-group{align-items:center;gap:10px;display:flex}.footer-expression-pill{background-color:var(--panel-card-bg);border:1px solid var(--border-color);font-family:var(--font-mono);box-shadow:2px 2px 0px var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;display:inline-flex}.expression-pill-icon{font-size:12px}.expression-pill-label{color:var(--text-muted);letter-spacing:.5px;font-size:9px;font-weight:700}.expression-pill-val{color:var(--accent-blue);letter-spacing:.8px;font-weight:800}.footer-turn-status{font-family:var(--font-mono);background-color:var(--panel-card-bg);border:1px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700}.live-status-dot{color:var(--accent-blue)}.mc-drawer-overlay{-webkit-backdrop-filter:none;z-index:100;background-color:#0000;justify-content:flex-end;display:flex;position:fixed;inset:0}.mc-drawer{background-color:var(--panel-card-bg);border-left:2px solid var(--border-color);flex-direction:column;width:420px;max-width:90vw;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;box-shadow:-4px 0 24px #0003}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mc-drawer-header{border-bottom:1.5px solid var(--border-color);font-family:var(--font-mono);letter-spacing:1px;color:var(--accent-blue);justify-content:space-between;align-items:center;padding:16px 20px;font-size:12px;font-weight:800;display:flex}.mc-drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:22px;font-weight:700}.mc-drawer-body{flex:1;padding:20px;overflow-y:auto}.mc-root{flex-direction:column;gap:16px;display:flex}.mc-tabs{border-bottom:1px solid var(--border-subtle);gap:6px;padding-bottom:10px;display:flex}.mc-tab-btn{font-family:var(--font-mono);background-color:var(--canvas-bg);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;flex:1;padding:8px;font-size:10px;font-weight:800}.mc-tab-btn.is-active{background-color:var(--accent-blue);color:#fff;border-color:var(--border-color)}.mc-section-stack{flex-direction:column;gap:14px;display:flex}.mc-section-label{font-family:var(--font-mono);letter-spacing:1px;color:var(--accent-blue);margin-bottom:8px;font-size:10px;font-weight:800;display:block}.mc-slider-row{margin-bottom:10px}.mc-slider-header{font-family:var(--font-mono);justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.mc-slider-label{color:var(--text-main)}.mc-slider-value{color:var(--accent-blue);font-weight:800}.mc-range-input{width:100%;accent-color:var(--accent-blue);cursor:pointer}.mc-slider-minmax{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;font-size:9px;display:flex}.mc-divider{background-color:var(--border-subtle);height:1px;margin:4px 0}.mc-action-row{gap:10px;display:flex}.mc-btn-primary{font-family:var(--font-mono);background-color:var(--accent-blue);color:#fff;border:1px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);cursor:pointer;border-radius:6px;flex:1;padding:10px;font-size:11px;font-weight:800}.mc-btn-primary:hover{background-color:var(--accent-blue-hover)}.mc-btn-primary.is-copied{background-color:#10b981}.mc-btn-outline{font-family:var(--font-mono);background-color:var(--panel-card-bg);color:var(--text-main);border:1px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);cursor:pointer;border-radius:6px;padding:10px 14px;font-size:11px;font-weight:700}.mc-hint{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:10px;line-height:1.4}.mc-emotion-grid,.mc-activity-grid,.mc-gesture-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mc-emotion-btn,.mc-activity-btn,.mc-gesture-btn,.mc-phrase-btn{font-family:var(--font-mono);background-color:var(--canvas-bg);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;text-align:left;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:700}.mc-emotion-btn.is-active,.mc-activity-btn.is-active{background-color:var(--accent-blue);color:#fff}.mc-textarea{width:100%;font-family:var(--font-sans);background-color:var(--canvas-bg);color:var(--text-main);border:1px solid var(--border-color);resize:vertical;border-radius:6px;padding:8px 10px;font-size:12px}.mc-phrase-list{flex-direction:column;gap:6px;display:flex}.mc-phrase-tag{color:var(--accent-blue);margin-right:6px}.mc-debug-table{font-family:var(--font-mono);flex-direction:column;gap:6px;font-size:11px;display:flex}.mc-debug-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding-bottom:4px;display:flex}.mc-debug-key{color:var(--text-muted)}.mc-debug-val{color:var(--text-main);font-weight:700}.agent-mission-panel{background-color:var(--panel-card-bg);border:1.5px solid var(--border-color);border-radius:12px;flex-direction:column;gap:14px;padding:14px;display:flex}.mission-panel-header{justify-content:space-between;align-items:flex-start;display:flex}.mission-title-tag{font-family:var(--font-mono);letter-spacing:1.2px;color:var(--accent-blue);text-transform:uppercase;font-size:10px;font-weight:800}.mission-main-title{color:var(--text-main);margin:2px 0 0;font-size:14px;font-weight:700}.btn-clear-mission{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;transition:all .15s}.btn-clear-mission:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.mission-progress-block{flex-direction:column;gap:6px;display:flex}.progress-label-row{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;font-size:11px;font-weight:700;display:flex}.progress-track{background-color:var(--border-color);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:4px;height:100%;transition:width .3s}.mission-tasks-block{flex-direction:column;gap:8px;display:flex}.tasks-count-label{font-family:var(--font-mono);letter-spacing:1px;color:var(--text-muted);font-size:10px;font-weight:800}.mission-empty-state{text-align:center;background-color:var(--canvas-bg);border:1px dashed var(--border-color);border-radius:8px;flex-direction:column;align-items:center;padding:16px 12px;display:flex}.empty-icon{margin-bottom:6px;font-size:24px}.empty-text{color:var(--text-muted);margin:0;font-size:11px}.tasks-scroll-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.task-item-card{background-color:var(--canvas-bg);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;transition:all .15s}.task-item-card.status-in_progress{background-color:#3b82f60d;border-left:4px solid #3b82f6}.task-item-card.status-completed{opacity:.85;border-left:4px solid #10b981}.task-item-card.status-cancelled{opacity:.6;border-left:4px solid #ef4444}.task-item-main{align-items:flex-start;gap:10px;display:flex}.status-icon{margin-top:2px;font-size:14px;font-weight:800;line-height:1}.status-icon.icon-completed{color:#10b981}.status-icon.icon-progress{color:#3b82f6}.status-icon.icon-cancelled{color:#ef4444}.status-icon.icon-pending{color:var(--text-muted)}.task-info{flex-direction:column;flex:1;gap:2px;display:flex}.task-title{color:var(--text-main);font-size:12px;font-weight:700}.task-title.is-completed{color:var(--text-muted);text-decoration:line-through}.task-description{color:var(--text-muted);margin:0;font-size:11px}.priority-badge{font-family:var(--font-mono);text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.priority-high{color:#b91c1c;background-color:#fee2e2}.priority-medium{color:#b45309;background-color:#fef3c7}.priority-low{color:#0369a1;background-color:#e0f2fe}.result-card-container{background-color:var(--canvas-bg);border:1.5px solid var(--border-color);border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;box-shadow:0 4px 12px #0000000d}.result-card-container.badge-success{border-left:4px solid #10b981}.result-card-container.badge-warning{border-left:4px solid #f59e0b}.result-card-container.badge-error{border-left:4px solid #ef4444}.result-card-container.badge-info{border-left:4px solid #3b82f6}.result-card-header{justify-content:space-between;align-items:center;display:flex}.result-title-group{align-items:center;gap:6px;display:flex}.result-tag-label{font-family:var(--font-mono);color:var(--accent-blue);letter-spacing:1px;font-size:10px;font-weight:800}.result-type-pill{font-family:var(--font-mono);border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800}.result-dismiss-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:12px}.result-card-title{color:var(--text-main);margin:0;font-size:13px;font-weight:800}.result-card-summary p{color:var(--text-main);margin:0;font-size:11px;line-height:1.5}.result-card-data-block{flex-direction:column;gap:4px;display:flex}.data-block-label{font-family:var(--font-mono);color:var(--text-muted);font-size:9px;font-weight:800}.result-json-view{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;background-color:#0000000d;border-radius:6px;max-height:140px;margin:0;padding:8px;font-size:10px;overflow-y:auto}.result-card-footer{font-family:var(--font-mono);color:var(--text-muted);text-align:right;font-size:9px}.agent-state-card{background-color:var(--panel-card-bg);border:1.5px solid var(--border-color);border-radius:10px;flex-direction:column;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.state-card-header{justify-content:space-between;align-items:center;display:flex}.state-pill-group{align-items:center;gap:8px;display:flex}.behavior-pill{font-family:var(--font-mono);color:#fff;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:800}.behavior-pill.state-responding{background-color:#10b981}.behavior-pill.state-thinking{background-color:#f59e0b}.behavior-pill.state-executing{background-color:#8b5cf6}.behavior-pill.state-completed{background-color:#06b6d4}.behavior-pill.state-listening{background-color:#3b82f6}.behavior-pill.state-waiting{background-color:#6b7280}.mood-badge{font-family:var(--font-mono);color:var(--text-muted);background-color:#0000000d;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.state-metrics-row{align-items:center;gap:12px;display:flex}.metric-item{align-items:center;gap:8px;width:100%;display:flex}.metric-label{font-family:var(--font-mono);color:var(--text-muted);font-size:9px;font-weight:800}.attention-bar-wrapper{background-color:var(--border-color);border-radius:3px;flex:1;height:6px;overflow:hidden}.attention-bar-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;height:100%;transition:width .3s}.metric-value{font-family:var(--font-mono);color:var(--accent-blue);font-size:10px;font-weight:800}.state-action-line{font-family:var(--font-mono);align-items:center;gap:6px;font-size:11px;display:flex}.action-bullet{color:var(--accent-blue);font-weight:800}.action-text{color:var(--text-main);font-weight:600}