:root{--clay-50: #FBEEE7;--clay-100: #F5DACA;--clay-200: #ECBBA1;--clay-300: #E09877;--clay-400: #D2724B;--clay-500: #C2522F;--clay-600: #A8421F;--clay-700: #88341A;--clay-800: #682818;--clay-900: #481D13;--field-50: #EEF1E2;--field-100: #DCE3C2;--field-200: #BFCB97;--field-300: #9DAC6C;--field-400: #7B8D4C;--field-500: #5E7A3E;--field-600: #4A632F;--field-700: #3A4E26;--field-800: #2C3B1F;--field-900: #1F2A16;--maize-50: #FCF1D9;--maize-100: #F8E2B2;--maize-200: #F1CB7E;--maize-300: #E8B14C;--maize-400: #DF9E33;--maize-500: #C9851F;--maize-600: #A66A16;--maize-700: #815113;--chili-50: #F9E3DC;--chili-100: #F3C6BA;--chili-300: #DC7A64;--chili-500: #B83A28;--chili-600: #9A2C1C;--chili-700: #7A2316;--teal-50: #DCEAE7;--teal-100: #BBD6D0;--teal-300: #6FA39A;--teal-500: #3E7A78;--teal-700: #2A5654;--sand-50: #FCF8F0;--sand-100: #F6EEDF;--sand-200: #EFE3CD;--sand-300: #E4D4B8;--sand-400: #D2BD99;--soil-500: #A8916E;--soil-600: #8A7355;--soil-700: #5C4733;--soil-800: #3D2D1D;--soil-900: #2A1E12;--white: #FFFFFF;--bg-canvas: var(--sand-200);--bg-surface: var(--sand-50);--bg-raised: var(--white);--bg-sunken: var(--sand-100);--bg-inverse: var(--soil-900);--fg-strong: var(--soil-900);--fg: var(--soil-800);--fg-muted: var(--soil-600);--fg-subtle: var(--soil-500);--fg-on-dark: var(--sand-100);--fg-on-brand: var(--sand-50);--border: var(--sand-300);--border-strong: var(--sand-400);--border-focus: var(--clay-500);--brand: var(--clay-500);--brand-hover: var(--clay-600);--brand-press: var(--clay-700);--brand-soft: var(--clay-50);--brand-soft-bd: var(--clay-100);--on-brand: var(--sand-50);--accent: var(--maize-300);--accent-strong: var(--maize-500);--accent-soft: var(--maize-50);--healthy: var(--field-500);--healthy-strong: var(--field-700);--healthy-soft: var(--field-50);--healthy-soft-bd:var(--field-100);--caution: var(--maize-500);--caution-strong: var(--maize-700);--caution-soft: var(--maize-50);--danger: var(--chili-500);--danger-strong: var(--chili-700);--danger-soft: var(--chili-50);--danger-soft-bd: var(--chili-100);--info: var(--teal-500);--info-strong: var(--teal-700);--info-soft: var(--teal-50);--font-display: "Bitter", Georgia, "Times New Roman", serif;--font-body: "Hanken Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-display: 2.75rem;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1.0625rem;--text-body: 1rem;--text-sm: .875rem;--text-xs: .75rem;--text-2xs: .6875rem;--leading-tight: 1.12;--leading-snug: 1.28;--leading-normal: 1.5;--leading-relaxed: 1.62;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .08em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extra: 800;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(61, 45, 29, .08);--shadow-sm: 0 1px 2px rgba(61, 45, 29, .06), 0 2px 6px rgba(61, 45, 29, .08);--shadow-md: 0 2px 4px rgba(61, 45, 29, .06), 0 6px 16px rgba(61, 45, 29, .1);--shadow-lg: 0 4px 8px rgba(61, 45, 29, .07), 0 16px 36px rgba(61, 45, 29, .14);--shadow-inset: inset 0 1px 2px rgba(61, 45, 29, .1);--ring: 0 0 0 3px rgba(194, 82, 47, .3);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out:cubic-bezier(.45, .05, .25, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .36s}.fc-display{font-family:var(--font-display);font-weight:var(--weight-extra);font-size:var(--text-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-strong)}.fc-h1{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h1);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-strong)}.fc-h2{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h2);line-height:var(--leading-snug);color:var(--fg-strong)}.fc-h3{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-h3);line-height:var(--leading-snug);color:var(--fg-strong)}.fc-h4{font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-h4);line-height:var(--leading-snug);color:var(--fg-strong)}.fc-body{font-family:var(--font-body);font-weight:var(--weight-regular);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--fg)}.fc-body-strong{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--fg-strong)}.fc-sm{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--fg-muted)}.fc-caption{font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--fg-muted)}.fc-overline{font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-2xs);line-height:1;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-muted)}.fc-data{font-family:var(--font-mono);font-weight:var(--weight-medium);font-size:var(--text-sm);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--fg-strong)}:root{--call-answer: var(--field-500);--call-answer-strong: var(--field-700);--call-answer-soft: var(--field-50);--call-end: var(--chili-500);--call-end-strong: var(--chili-700);--call-end-soft: var(--chili-50);--ring-hue: var(--maize-400);--ring-soft: var(--maize-50);--line-good: var(--teal-500);--line-soft: var(--teal-50);--stage-bg: #2A1E12;--surface-dark: #2A1E12;--on-surface-dark: #F6EEDF;--rail-w: 240px;--list-w: 332px;--topbar-h: 66px}[data-theme=dark]{--sand-50: #2B2014;--sand-100: #241A11;--sand-200: #1A130C;--sand-300: #3A2B1B;--sand-400: #4A3826;--soil-500: #9C8568;--bg-canvas: #16100A;--bg-surface: #221913;--bg-raised: #2C2016;--bg-sunken: #100B07;--bg-inverse: #F6EEDF;--fg-strong: #F8F1E3;--fg: #E7D9C2;--fg-muted: #B6A282;--fg-subtle: #8C7758;--fg-on-dark: #F6EEDF;--fg-on-brand: #FFF7EE;--border: #38291A;--border-strong: #4A3826;--border-focus: var(--clay-400);--brand: var(--clay-400);--brand-hover: var(--clay-300);--brand-press: var(--clay-500);--brand-soft: #34211699;--brand-soft-bd:#46291B;--on-brand: #1A130C;--accent: var(--maize-300);--accent-strong: var(--maize-400);--accent-soft: #2E2214;--healthy: var(--field-400);--healthy-soft:#1E2614;--caution: var(--maize-400);--caution-soft:#2A2012;--danger: var(--chili-300);--danger-soft: #2E1813;--info: var(--teal-300);--info-soft: #142220;--call-answer: var(--field-400);--call-answer-soft: #1C2413;--call-end: var(--chili-300);--call-end-soft: #2E1813;--ring-hue: var(--maize-300);--ring-soft: #2A2012;--line-good: var(--teal-300);--line-soft: #142220;--shadow-xs: 0 1px 2px rgba(0,0,0,.32);--shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 2px 6px rgba(0,0,0,.34);--shadow-md: 0 2px 4px rgba(0,0,0,.32), 0 8px 20px rgba(0,0,0,.42);--shadow-lg: 0 6px 14px rgba(0,0,0,.38), 0 22px 48px rgba(0,0,0,.52);--stage-bg: #0E0A06}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-body);color:var(--fg);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}::selection{background:var(--brand-soft)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.serif{font-family:var(--font-display)}[data-font=grotesk]{--font-body: "Hanken Grotesque", system-ui, sans-serif;--font-display: "Bitter", Georgia, serif}[data-font=modern]{--font-body: "Manrope", system-ui, sans-serif;--font-display: "Spectral", Georgia, serif}[data-font=mono-ui]{--font-body: "Spline Sans Mono", ui-monospace, monospace;--font-display: "Bitter", Georgia, serif}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(1200px 700px at 18% -10%,rgba(194,82,47,.1),transparent 60%),radial-gradient(900px 600px at 100% 110%,rgba(62,122,120,.1),transparent 55%),var(--stage-bg);overflow:hidden}#canvas{position:relative;transform-origin:center center;flex:none}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll::-webkit-scrollbar{width:9px;height:9px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:2px solid transparent;background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{background:var(--soil-500)}.scroll::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:14.5px;letter-spacing:.005em;line-height:1;border:none;cursor:pointer;white-space:nowrap;border-radius:var(--radius-full);padding:11px 18px;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn.sm{font-size:13px;padding:8px 14px;gap:6px}.btn.lg{font-size:15.5px;padding:14px 24px}.btn.block{width:100%}.btn.primary{background:var(--brand);color:var(--on-brand);box-shadow:0 1px 2px #88341a42,0 5px 14px #88341a2e}.btn.primary:hover{background:var(--brand-hover)}.btn.tonal{background:var(--brand-soft);color:var(--brand-press);box-shadow:inset 0 0 0 1px var(--brand-soft-bd)}.btn.tonal:hover{background:var(--clay-100)}.btn.secondary{background:transparent;color:var(--fg-strong);box-shadow:inset 0 0 0 1.5px var(--border-strong)}.btn.secondary:hover{background:var(--bg-sunken)}.btn.ghost{background:transparent;color:var(--fg)}.btn.ghost:hover{background:var(--bg-sunken)}.btn.answer{background:var(--call-answer);color:#fff;box-shadow:0 1px 2px #3a4e2647,0 6px 16px #3a4e263d}.btn.answer:hover{filter:brightness(1.06)}.btn.end{background:var(--call-end);color:#fff;box-shadow:0 1px 2px #7a231647,0 6px 16px #7a23163d}.btn.end:hover{filter:brightness(1.06)}.ibtn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-full);background:transparent;color:var(--fg-muted);border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.ibtn:hover{background:var(--bg-sunken);color:var(--fg-strong)}.ibtn:active{transform:translateY(1px)}.ibtn.on{background:var(--brand-soft);color:var(--brand-press)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-sunken);color:var(--fg-muted)}.overline{font-weight:800;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--fg-subtle)}.dot{width:8px;height:8px;border-radius:50%;flex:none}.card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);position:relative}.card.lift{transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.card.lift:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.panel-hero{position:relative;overflow:hidden;border-radius:var(--radius-xl);background:radial-gradient(120% 140% at 100% 0%,rgba(223,158,51,.14),transparent 55%),linear-gradient(155deg,var(--bg-surface),var(--bg-sunken));border:1px solid var(--border);box-shadow:var(--shadow-md)}.side{width:var(--rail-w);flex:none;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-surface),var(--bg-sunken));border-right:1px solid var(--border)}.side-brand{display:flex;align-items:center;gap:11px;padding:18px 18px 16px}.side-logo{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow-sm);flex:none}.side-logo img{width:40px;height:40px;object-fit:contain}.side-group{padding:6px 12px 2px}.side-glabel{font-weight:800;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle);padding:12px 10px 7px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border-radius:12px;border:none;cursor:pointer;text-align:left;background:transparent;color:var(--fg-muted);font-family:var(--font-body);font-weight:600;font-size:14px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.nav-item:hover{background:var(--bg-sunken);color:var(--fg-strong)}.nav-item .ni-icon{font-size:20px;display:inline-flex;flex:none;width:22px}.nav-item.active{background:var(--brand);color:var(--on-brand);box-shadow:0 2px 5px #88341a38,0 8px 18px -6px #88341a4d}.nav-item.active:hover{background:var(--brand)}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--call-end);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.nav-item.active .nav-badge{background:#ffffffe6;color:var(--brand-press)}.agent-card{margin:8px 12px 14px;padding:11px;border-radius:16px;background:var(--bg-raised);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.seg{display:inline-flex;padding:3px;border-radius:99px;background:var(--bg-sunken);gap:2px}.seg button{border:none;cursor:pointer;padding:7px 15px;border-radius:99px;font-size:13px;font-weight:600;font-family:var(--font-body);background:transparent;color:var(--fg-muted);transition:all var(--dur-fast) var(--ease-out)}.seg button.on{background:var(--bg-surface);color:var(--fg-strong);box-shadow:var(--shadow-xs)}.hr{height:1px;background:var(--border);border:none;margin:0}.glow-brand{box-shadow:0 0 0 1px var(--brand-soft-bd),0 8px 30px -8px #c2522f59}.avatar{border-radius:50%;object-fit:cover;flex:none;display:inline-grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#fff;overflow:hidden}@keyframes fc-pulse-ring{0%{box-shadow:0 0 0 0 var(--rc, rgba(223,158,51,.5))}70%{box-shadow:0 0 0 22px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes fc-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fc-fade{0%{opacity:0}to{opacity:1}}@keyframes fc-bars{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes fc-spin{to{transform:rotate(360deg)}}@keyframes fc-shimmer{to{background-position:200% 0}}.rise{animation:fc-rise var(--dur-base) var(--ease-out) both}.fade{animation:fc-fade var(--dur-base) var(--ease-out) both}.frame-label{flex:none;margin-bottom:12px;text-align:center;font-family:var(--font-body);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f6eedf9e}