:host,:root{--cogs-color-brand-primary:var(--brand);--cogs-color-brand-primary-rgb:var(--brand-rgb);--cogs-color-brand-primary-bright:var(--brand-primary-bright);--cogs-color-brand-primary-dim:var(--brand-primary-dim);--cogs-color-brand-secondary:var(--brand-secondary);--cogs-color-brand-secondary-rgb:var(--brand-secondary-rgb);--cogs-color-brand-secondary-bright:var(--brand-secondary-bright);--cogs-color-brand-secondary-dim:var(--brand-secondary);--cogs-color-brand-primary-muted:var(--brand-primary-muted);--cogs-color-brand-secondary-muted:var(--brand-secondary-muted);--cogs-color-brand-accent:var(--brand);--cogs-color-brand-accent-rgb:var(--brand-rgb);--cogs-color-brand-purple:var(--brand-accent);--cogs-color-brand-purple-light:var(--brand-accent);--cogs-color-feature-green:var(--status-success);--cogs-color-feature-orange:var(--status-warning);--cogs-color-feature-pink:var(--brand-accent);--cogs-color-feature-blue:var(--status-info);--cogs-color-feature-blue-dim:var(--status-info);--cogs-color-feature-success:var(--status-success);--cogs-color-feature-success-rgb:var(--status-success-rgb);--cogs-color-feature-success-dim:var(--status-success);--cogs-error-subtle:#c25b55;--cogs-error-subtle-rgb:194,91,85;--cogs-error-subtle-light:#d1716b;--cogs-color-feature-danger:var(--status-danger);--cogs-color-feature-danger-rgb:var(--cogs-error-subtle-rgb);--cogs-color-feature-red:var(--cogs-error-subtle);--cogs-color-feature-red-dim:var(--cogs-error-subtle);--cogs-color-feature-warning:var(--status-warning);--cogs-color-feature-warning-rgb:var(--status-warning-rgb);--cogs-color-feature-error:var(--cogs-error-subtle);--cogs-color-feature-error-rgb:var(--cogs-error-subtle-rgb);--cogs-color-feature-error-light:var(--cogs-error-subtle-light);--cogs-color-feature-error-alt:var(--cogs-error-subtle);--cogs-color-feature-warning-alt:var(--status-warning);--cogs-color-feature-warning-alt-rgb:var(--status-warning-rgb);--cogs-color-feature-indigo:var(--brand-accent);--cogs-color-feature-indigo-rgb:var(--brand-accent-rgb);--cogs-color-white-rgb:255,255,255;--cogs-color-black-rgb:0,0,0;--cogs-color-bg-base:var(--bg-base);--cogs-color-bg-surface:var(--bg-surface);--cogs-color-bg-elevated:var(--bg-elevated);--cogs-color-bg-hover:var(--bg-hover);--cogs-color-bg-overlay:var(--bg-overlay);--cogs-color-bg-card:var(--bg-card);--cogs-color-bg-dark:var(--bg-dark);--cogs-color-bg-panel:var(--bg-panel);--cogs-color-bg-input:var(--bg-input);--cogs-color-text-primary:var(--text-primary);--cogs-color-text-secondary:var(--text-secondary);--cogs-color-text-muted:var(--text-muted);--cogs-color-text-dim:var(--text-dim);--cogs-color-text-inverse:var(--text-inverse);--cogs-color-warning:var(--status-warning);--cogs-color-tool-gray:var(--text-muted);--cogs-color-tool-gray-rgb:156,163,175;--cogs-color-tool-cyan:var(--status-info);--cogs-color-tool-yellow:var(--status-warning);--cogs-color-tool-yellow-rgb:var(--status-warning-rgb);--cogs-color-tool-slate:var(--text-muted);--cogs-color-tool-purple:var(--brand-accent);--cogs-color-tool-purple-rgb:var(--brand-accent-rgb);--cogs-color-tool-shell-green:var(--status-success);--cogs-color-tool-pink:var(--brand-accent);--cogs-color-tool-teal:var(--status-info);--cogs-color-gradient-blue-light:var(--status-info);--cogs-color-gradient-green-light:var(--status-success);--cogs-color-gradient-orange-light:var(--status-warning);--status-done:var(--status-success);--status-failed:var(--status-error);--status-running:var(--brand-accent);--cogs-color-terminal-prompt:var(--brand);--cogs-color-terminal-output:var(--status-success);--cogs-color-terminal-error:var(--status-error);--cogs-color-terminal-border:var(--border-default);--cogs-color-accent:var(--brand);--cogs-color-accent-rgb:var(--brand-rgb);--cogs-color-bg:var(--bg-base);--cogs-color-bg-primary:var(--bg-base);--cogs-color-bg-secondary:var(--bg-surface);--cogs-color-bg-subtle:var(--bg-white-subtle);--cogs-color-surface-elevated:var(--bg-elevated);--cogs-bg-elevated:var(--bg-elevated);--cogs-bg-secondary:var(--bg-surface);--cogs-color-text:var(--text-primary);--cogs-color-text-tertiary:var(--text-dim);--cogs-color-text-on-accent:var(--text-inverse);--cogs-color-white:white;--cogs-color-on-accent-dark:var(--text-inverse);--cogs-color-error:var(--status-error);--cogs-color-feature-purple:var(--brand-accent);--cogs-color-feature-danger-on:white;--cogs-color-feature-success-hover:var(--status-success);--cogs-color-border:var(--border-default);--cogs-color-border-subtle:var(--border-subtle);--cogs-color-bg-error:color-mix(in srgb,var(--status-error) 12%,var(--bg-base));--cogs-color-bg-warning:color-mix(in srgb,var(--status-warning) 12%,var(--bg-base));--cogs-color-border-error:var(--status-error);--cogs-color-border-warning:var(--status-warning);--cogs-color-red-dark:var(--status-error);--cogs-color-red-darker:var(--status-error);--cogs-color-gold-dark:var(--brand-primary-dim);--cogs-color-feature-success-button:var(--status-success);--cogs-color-feature-success-button-hover:var(--status-success);--cogs-color-playlist-panel:var(--bg-elevated);--cogs-color-playlist-panel-2:var(--bg-surface);--cogs-color-playlist-field:var(--bg-input);--cogs-color-playlist-line:var(--border-subtle);--cogs-color-playlist-gold:var(--brand);--cogs-color-playlist-gold-soft:var(--brand-primary-dim);--cogs-color-playlist-gold-dim:var(--brand-primary-dim);--cogs-color-playlist-text:var(--text-primary);--cogs-color-playlist-text-dim:var(--text-secondary);--cogs-color-playlist-text-faint:var(--text-muted);--cogs-color-playlist-green:var(--status-success);--cogs-color-playlist-rest:var(--brand-primary-dim);--cogs-color-playlist-red:var(--status-error);--cogs-color-playlist-violet:var(--brand-accent);--cogs-color-playlist-panel-deep:var(--bg-dark);--cogs-color-playlist-node:var(--border-strong);--cogs-color-playlist-node-on:var(--brand-primary-dim);--cogs-color-playlist-ink:var(--bg-base);--cogs-color-playlist-field-deep:var(--bg-input);--cogs-color-playlist-warn-text:var(--status-warning);--cogs-color-playlist-panel-alt:var(--bg-elevated);--cogs-color-playlist-ink-deep:var(--bg-dark)}:host,:root{--cogs-color-syntax-text-light:#e6edf3;--cogs-syntax-bg:#0d1117;--cogs-syntax-bg-elevated:#161b22;--cogs-syntax-bg-muted:#21262d;--cogs-syntax-border:#30363d;--cogs-syntax-border-hover:#484f58;--cogs-syntax-text:#c9d1d9;--cogs-syntax-comment:#8b949e;--cogs-syntax-link:#58a6ff;--cogs-syntax-keyword:#60a5fa;--cogs-syntax-purple:#a78bfa;--cogs-syntax-purple-deep:#a371f7;--cogs-syntax-added:#3fb950;--cogs-syntax-warning:#d29922;--cogs-syntax-removed:#f85149}:host,:root{--cogs-glow-primary:rgba(var(--brand-rgb),.4);--cogs-glow-secondary:0 0 12px rgba(255,255,255,.15);--cogs-glow-success:0 0 12px rgba(var(--status-success-rgb),.15);--cogs-glow-warning:rgba(var(--status-warning-rgb),.3);--cogs-glow-error:0 0 12px rgba(var(--status-error-rgb),.15);--cogs-glow-gold:0 0 20px rgba(var(--brand-rgb),.25);--cogs-glow-blue:rgba(var(--status-info-rgb),.3);--cogs-shadow-sm:0 1px 2px rgba(0,0,0,.3);--cogs-shadow-md:0 4px 12px rgba(0,0,0,.3);--cogs-shadow-md-dark:0 4px 12px rgba(0,0,0,0.4);--cogs-shadow-lg:0 8px 24px rgba(0,0,0,.4);--cogs-shadow-lg-dark:0 8px 24px rgba(0,0,0,0.4);--cogs-shadow-xl:0 16px 48px rgba(0,0,0,.6);--cogs-shadow-xl-deep:0 8px 32px rgba(0,0,0,0.5);--cogs-shadow-2xl:0 10px 40px rgba(0,0,0,.5);--cogs-shadow-deep:0 0 40px rgba(0,0,0,.5);--cogs-shadow-left-deep:-8px 0 32px rgba(0,0,0,0.4);--cogs-shadow-md-soft:0 4px 16px rgba(0,0,0,0.3);--cogs-shadow-header-menu:0 8px 24px rgba(0,0,0,0.3);--cogs-shadow-header-tooltip:0 6px 20px rgba(0,0,0,0.4);--cogs-shadow-header-popover:0 8px 24px rgba(0,0,0,0.35);--cogs-shadow-playlist-macro:0 26px 64px -34px rgba(0,0,0,0.85);--cogs-shadow-context-menu:0 8px 28px rgba(0,0,0,0.4);--cogs-shadow-navigation-preview:0 10px 30px rgba(0,0,0,0.35);--cogs-shadow-navigation-banner:0 8px 24px rgba(0,0,0,0.28);--cogs-shadow-settings-panel:-22px 0 54px -14px rgba(0,0,0,0.6);--cogs-shadow-tool-thumbnail:0 4px 14px rgba(0,0,0,0.18);--cogs-shadow-tool-lightbox:0 12px 48px rgba(0,0,0,0.5);--cogs-shadow-workspace-picker:0 22px 70px rgb(0 0 0/42%);--cogs-shadow-settings-modal:0 24px 72px rgba(0,0,0,0.55),0 2px 8px rgba(0,0,0,0.4);--cogs-shadow-rail-card:0 4px 16px rgba(0,0,0,0.35);--cogs-shadow-glow:0 0 20px rgba(var(--brand-rgb),.4);--cogs-shadow-glow-primary:0 0 20px rgba(var(--brand-rgb),.2);--cogs-shadow-glow-primary-strong:0 0 20px rgba(var(--brand-rgb),.4);--cogs-shadow-glow-secondary:0 0 12px rgba(255,255,255,.15);--cogs-shadow-glow-success:0 0 12px rgba(var(--status-success-rgb),.4);--cogs-shadow-glow-warning:0 0 20px rgba(var(--status-warning-rgb),.2);--cogs-shadow-glow-success-strong:0 0 20px rgba(var(--status-success-rgb),.3);--cogs-shadow-glow-warning-strong:0 0 40px rgba(var(--status-warning-rgb),.4);--cogs-shadow-glow-gold:0 0 10px rgba(var(--brand-rgb),.3);--cogs-shadow-glow-blue:0 8px 25px rgba(var(--status-info-rgb),.12);--cogs-shadow-glow-gold-soft:0 0 20px rgba(var(--brand-rgb),0.15);--cogs-shadow-glow-gold-strong:0 0 30px rgba(var(--brand-rgb),0.25);--cogs-glow-primary-subtle:rgba(var(--brand-rgb),.15);--cogs-shadow-card-hover:0 4px 12px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.08);--cogs-shadow-card-active:0 8px 30px rgba(0,0,0,.2);--cogs-ring-primary:0 0 0 2px rgba(var(--status-error-rgb),.3);--cogs-ring-secondary:0 0 0 2px rgba(var(--status-info-rgb),.3);--cogs-ring-error:0 0 0 2px rgba(var(--status-error-rgb),.2);--cogs-ring-warning:0 0 0 2px rgba(var(--status-warning-rgb),.2);--cogs-ring-pulse:0 0 0 6px rgba(var(--status-info-rgb),0);--cogs-ring-pulse-error:0 0 0 6px rgba(var(--status-error-rgb),0);--cogs-shadow-lifted:0 8px 24px rgba(var(--status-info-rgb),.25);--cogs-z-base:0;--cogs-z-dropdown:100;--cogs-z-sticky:200;--cogs-z-fixed:300;--cogs-z-overlay:1000;--cogs-z-modal:1200;--cogs-z-popover:1300;--cogs-z-tooltip:1400;--cogs-z-toast:1500;--cogs-z-debug:9000;--cogs-shadow-modal:0 24px 48px rgba(0,0,0,.5);--cogs-shadow-modal-flat:0 16px 32px rgba(0,0,0,0.4);--cogs-shadow-toast:0 10px 40px rgba(0,0,0,.4);--cogs-shadow-press-play-rest:0 0 20px rgba(var(--brand-rgb),0.15);--cogs-shadow-press-play-hover:0 0 30px rgba(var(--brand-rgb),0.25);--cogs-shadow-playlist-glow-soft:0 0 12px 0 rgba(var(--brand-rgb),0.12);--cogs-shadow-playlist-glow-tick:0 0 14px 0 rgba(var(--brand-rgb),0.18);--cogs-shadow-playlist-glow-tick-warm:0 0 10px 0 rgba(var(--brand-rgb),0.18);--cogs-shadow-playlist-glow-tick-inset:0 0 14px 0 rgba(var(--brand-rgb),0.18) inset;--cogs-shadow-playlist-popover-top:0 -8px 32px 0 rgba(0,0,0,0.5);--cogs-border-subtle:1px solid var(--border-subtle);--cogs-border-muted:1px solid var(--border-subtle);--cogs-border-accent:1px solid rgba(var(--status-error-rgb),.2);--cogs-border-card:1px solid rgba(var(--status-error-rgb),.12);--cogs-border-color-subtle:rgba(255,255,255,0.04);--cogs-border-color-light:rgba(255,255,255,0.06);--cogs-border-color-medium:rgba(255,255,255,0.1);--cogs-border-color-strong:rgba(255,255,255,0.15);--cogs-border-color-success:rgba(var(--status-success-rgb),.4);--cogs-border-color-warning:rgba(var(--status-warning-rgb),.3);--cogs-border-color-error:rgba(var(--status-error-rgb),.4);--cogs-border-color-primary:rgba(var(--brand-rgb),0.2);--cogs-border-color-primary-strong:rgba(var(--status-info-rgb),.4);--cogs-border-color-secondary:rgba(var(--status-info-rgb),.2);--cogs-border-color-success-muted:rgba(var(--status-success-rgb),.15);--cogs-border-color-warning-strong:rgba(var(--status-warning-rgb),.4);--cogs-border-color-error-strong:rgba(var(--status-error-rgb),.4);--opacity-subtle:0.05;--opacity-light:0.1;--opacity-medium:0.15;--opacity-strong:0.4;--cogs-shadow-color-subtle:rgba(0,0,0,.1);--cogs-shadow-color-medium:rgba(0,0,0,.2);--cogs-shadow-color-heavy:rgba(0,0,0,.4);--cogs-table-border:rgba(255,255,255,.1);--cogs-bg-white-subtle:rgba(255,255,255,0.02);--cogs-bg-white-light:rgba(255,255,255,0.04);--cogs-bg-white-medium:rgba(255,255,255,0.08);--cogs-bg-white-strong:rgba(255,255,255,0.12);--cogs-blur-sm:8px;--cogs-blur-md:16px;--cogs-blur-lg:24px}:host,:root{--stream-content-max-width:860px;--cogs-space-1:.25rem;--cogs-space-2:.5rem;--cogs-space-2-5:.625rem;--cogs-space-2-75:.6875rem;--cogs-space-3:.75rem;--cogs-space-3-25:.8125rem;--cogs-space-3-5:.875rem;--cogs-space-3-75:.9375rem;--cogs-space-4:1rem;--cogs-space-4-5:1.125rem;--cogs-space-5:1.25rem;--cogs-space-6:1.5rem;--cogs-space-7:24px;--cogs-space-8:2rem;--cogs-space-8-5:2.125rem;--cogs-space-9:48px;--cogs-space-10:2.5rem;--cogs-space-11:80px;--cogs-space-12:3rem;--cogs-radius-sm:4px;--cogs-radius-md:6px;--cogs-radius-md-lg:10px;--cogs-radius-compact:9px;--cogs-radius-lg:8px;--cogs-radius-xl:12px;--cogs-radius-2xl:16px;--cogs-radius-full:9999px;--cogs-radius-pill:9999px;--cogs-space-indent-nested:22px;--cogs-breakpoint-mobile:768px;--cogs-breakpoint-tablet:1100px;--cogs-breakpoint-compact:900px;--cogs-sidebar-width-collapsed:56px;--cogs-sidebar-width-expanded:240px;--cogs-sidebar-width:var(--cogs-sidebar-width-expanded);--cogs-header-height:56px;--cogs-command-console-height:200px;--cogs-content-max-width:1400px;--cogs-content-padding:24px}:host,:root{--cogs-font-xxs:10px;--cogs-font-xs:10px;--cogs-font-sm:12px;--cogs-font-base:13px;--cogs-font-md:14px;--cogs-font-lg:16px;--cogs-font-xl:18px;--cogs-font-2xl:20px;--cogs-font-3xl:24px;--cogs-font-4xl:32px;--cogs-font-5xl:48px;--cogs-text-3xs:8px;--cogs-text-2xs:9px;--cogs-text-xs:11px;--cogs-text-sm:13px;--cogs-text-md:16px;--cogs-text-lg:18px;--cogs-text-2xl:24px;--cogs-text-3xl:30px;--cogs-text-5xl:48px;--cogs-font-weight-light:300;--cogs-font-weight-normal:400;--cogs-font-weight-medium:500;--cogs-font-weight-semibold:600;--cogs-font-weight-bold:700;--cogs-font-family-base:"Roboto",system-ui,-apple-system,sans-serif;--cogs-font-family-mono:"JetBrains Mono","Fira Code",monospace;--cogs-font-body:var(--font-inter),"Inter",system-ui,sans-serif;--cogs-font-heading:"Space Grotesk","Roboto",system-ui,-apple-system,sans-serif;--cogs-font-mono:var(--font-mono),"JetBrains Mono",ui-monospace,monospace;--cogs-leading-tight:1.2;--cogs-leading-normal:1.5;--cogs-leading-relaxed:1.65;--cogs-tracking-tight:-.02em;--cogs-tracking-normal:0;--cogs-tracking-wide:.05em;--cogs-tracking-wider:.1em}:host,:root{--cogs-motion-instant:.1s;--cogs-motion-fast:.15s;--cogs-motion-normal:.3s;--cogs-motion-slow:.5s;--cogs-motion-fade:.6s;--cogs-motion-reveal:.15s;--cogs-motion-reveal-slow:1s;--cogs-easing-default:cubic-bezier(.4,0,.2,1);--cogs-easing-out:cubic-bezier(0,0,.2,1);--cogs-easing-in:cubic-bezier(.4,0,1,1);--cogs-easing-in-out:ease-in-out;--cogs-easing-spring:cubic-bezier(.34,1.56,.64,1);--duration-slower:1s;--duration-spin:1.2s;--duration-spin-slow:1.8s;--duration-pulse:2s;--duration-blink:1s;--duration-burst:0.6s;--duration-shimmer:3s;--duration-shimmer-fast:2s;--duration-shimmer-lazy:8s;--duration-shine:3s;--duration-gradient-shift:4s;--duration-pulse-fast:1.2s;--duration-pulse-medium:1.6s;--duration-pulse-slow:2.4s;--duration-empty-state-spin:1.1s;--duration-offline-pulse:1.4s;--duration-anim-medium:1.5s;--duration-ring-slow:6s;--easing-linear:linear;--cogs-transition-fast:.15s cubic-bezier(.4,0,.2,1);--cogs-transition-normal:.25s cubic-bezier(.4,0,.2,1);--cogs-transition-slow:.4s cubic-bezier(.4,0,.2,1);--cogs-transition-glow:.3s ease;--cogs-duration-pulse:2s;--cogs-duration-spin:1s;--cogs-duration-shimmer:2s;--motion-distance-sm:2px;--motion-distance-md:10px;--motion-distance-lg:20px;--motion-distance-xl:30px;--motion-scale-normal:1;--motion-scale-pulse:1.1;--motion-scale-burst:1.2;--motion-scale-grow:1.05}:host,:root{--gradient-dg-bg:radial-gradient(ellipse at 50% 0%,rgba(255,215,0,0.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(59,130,246,0.04) 0%,transparent 40%),var(--cogs-color-bg-base);--gradient-brand-subtle:linear-gradient(135deg,rgba(var(--cogs-color-brand-primary-rgb),0.1),rgba(var(--cogs-color-brand-secondary-rgb),0.1));--gradient-shimmer-blue:linear-gradient(90deg,transparent,rgba(59,130,246,0.2),transparent);--gradient-shimmer-white:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);--gradient-shimmer-warning:linear-gradient(90deg,transparent,rgba(245,158,11,0.3),transparent);--gradient-text-shine-warning:linear-gradient(90deg,var(--cogs-color-text-primary),var(--cogs-color-feature-warning),var(--cogs-color-text-primary));--gradient-card-hover:linear-gradient(135deg,rgba(255,215,0,0.05),rgba(59,130,246,0.03));--gradient-card-active:linear-gradient(135deg,rgba(255,215,0,0.1),rgba(59,130,246,0.05));--gradient-online:linear-gradient(135deg,rgba(34,197,94,0.15),rgba(16,185,129,0.05));--gradient-offline:linear-gradient(135deg,rgba(107,114,128,0.15),rgba(75,85,99,0.05));--gradient-danger:linear-gradient(135deg,rgba(239,68,68,0.15),rgba(220,38,38,0.05))}:host,:root{--loader-size:120px;--loader-ring-width:3px;--loader-ring-inset:15px;--loader-ring-inner-width:2px;--loader-core-size:20px;--loader-bolt-size:32px;--loader-burst-final-size:200px}:host,:root{--gold:var(--cogs-color-brand-primary);--gold-bright:var(--cogs-color-brand-primary-bright);--gold-glow:var(--cogs-glow-primary);--blue:var(--cogs-color-brand-secondary);--blue-glow:var(--cogs-glow-secondary);--purple:var(--cogs-color-brand-accent);--tpb-gold-dim:var(--cogs-color-brand-primary-dim);--background-secondary:var(--cogs-color-bg-surface);--background-tertiary:var(--cogs-color-bg-elevated);--text:var(--cogs-color-text-primary);--error:var(--status-error);--warning:var(--status-warning);--surface:var(--cogs-color-bg-surface);--frame-padding:var(--cogs-content-padding);--success:var(--status-success);--glow-warning:rgba(245,158,11,0.3);--duration-fade:var(--cogs-motion-fade);--violet:var(--cogs-color-brand-accent)}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/_next/static/media/inter.f47cced3.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/_next/static/media/jetbrains-mono.d635d676.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500 700;font-display:swap;src:url(/_next/static/media/space-grotesk.1377b2c3.woff2) format("woff2")}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--cogs-font-body);background-color:var(--cogs-color-bg-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--cogs-color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--cogs-font-heading);font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}.mono,code,kbd,pre{font-family:var(--cogs-font-mono)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes recording-pulse{0%,to{box-shadow:0 0 8px 2px rgba(168,85,247,.4)}50%{box-shadow:var(--cogs-shadow-glow-primary-strong)}}.animate-fade-in-up{animation:fadeInUp .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-shimmer{background-size:200% 100%;animation:shimmer var(--cogs-duration-shimmer) infinite linear}.animate-pulse-glow{animation:pulse-glow var(--cogs-duration-pulse) ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-reject{animation:cock-shake var(--cogs-motion-slow) var(--cogs-easing-default)}@keyframes cock-spin{to{transform:rotate(1turn)}}@keyframes cock-core-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1;box-shadow:0 0 20px var(--cogs-color-brand-primary),0 0 40px rgba(255,215,0,.4),0 0 60px rgba(255,215,0,.2)}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.9;box-shadow:0 0 30px var(--cogs-color-brand-primary),0 0 60px rgba(255,215,0,.5),0 0 80px rgba(255,215,0,.3)}}@keyframes cock-icon-flicker{0%,to{opacity:1;transform:scale(1)}10%{opacity:.4}20%{opacity:1}30%{opacity:.6;transform:scale(1.05)}40%{opacity:1}70%{opacity:.75}80%{opacity:1;transform:scale(.98)}}@keyframes cock-gradient-shift{0%,to{background-position:0}50%{background-position:100%}}@keyframes cock-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes cock-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes cock-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cock-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cock-dot-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}@keyframes cock-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}@keyframes cock-btn-shimmer{0%{left:-100%}20%,to{left:100%}}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}.shiny-text{background:linear-gradient(90deg,var(--cogs-color-text-dim) 35%,var(--cogs-color-text-primary) 50%,var(--cogs-color-text-dim) 65%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine var(--cogs-duration-shimmer) linear infinite}@keyframes cock-icon-burst-stay{0%{transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}40%{transform:scale(1.3);filter:drop-shadow(0 0 30px var(--cogs-color-brand-primary))}to{transform:scale(1.2);filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}}@keyframes cock-flash{0%{opacity:0}30%{opacity:.15}to{opacity:0}}.hover-halo{transition:box-shadow .2s ease,background-color .2s ease,transform .2s ease}.hover-halo:hover{box-shadow:var(--cogs-glow-primary-subtle);background-color:var(--cogs-bg-white-light)}.skeleton{background:linear-gradient(90deg,var(--cogs-color-bg-surface) 25%,var(--cogs-color-bg-elevated) 50%,var(--cogs-color-bg-surface) 75%);background-size:200% 100%;animation:skeleton-loading var(--cogs-duration-shimmer) infinite;border-radius:var(--cogs-radius-md)}.text-primary{color:var(--cogs-color-text-primary)}.text-secondary{color:var(--cogs-color-text-secondary)}.text-muted{color:var(--cogs-color-text-muted)}.text-accent{color:var(--cogs-color-brand-primary)}.text-success{color:var(--cogs-color-feature-success)}.text-warning{color:var(--cogs-color-feature-warning)}.text-error{color:var(--cogs-color-feature-error)}.text-info{color:var(--cogs-color-feature-blue)}.text-running{color:var(--cogs-color-brand-accent)}.bg-base{background-color:var(--cogs-color-bg-base)}.bg-elevated{background-color:var(--cogs-color-bg-elevated)}.bg-surface{background-color:var(--cogs-color-bg-surface)}.entropy-check,.exception-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--cogs-color-bg-elevated);border:1px solid var(--cogs-border-color-medium);border-radius:var(--cogs-radius-md)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cogs-border-color-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cogs-color-text-muted)}.app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-container{background:radial-gradient(ellipse at 0 0,rgba(var(--cogs-color-brand-primary-rgb),.04) 0,transparent 25%),radial-gradient(ellipse at 100% 100%,rgba(var(--cogs-color-brand-accent-rgb),.02) 0,transparent 25%),var(--cogs-color-bg-base)}.app-container,.view-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.view-content{flex-direction:column}[data-tpb-shell=appshell-layout]{background:radial-gradient(ellipse at 0 0,rgba(var(--cogs-color-brand-primary-rgb),.04) 0,transparent 25%),radial-gradient(ellipse at 100% 100%,rgba(var(--cogs-color-brand-accent-rgb),.02) 0,transparent 25%),var(--cogs-color-bg-base)}.file-row,.skill-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--cogs-space-3) var(--cogs-space-4);border:none;background:none;color:var(--cogs-color-text-primary);font-size:var(--cogs-font-sm);font-family:inherit;cursor:pointer;text-align:left;white-space:nowrap;outline:none;box-sizing:border-box;border-radius:0;transition:background var(--cogs-transition-fast),box-shadow var(--cogs-transition-fast)}.file-row-favorite,.file-row-inspect,.skill-row-favorite,.skill-row-inspect{all:unset;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--cogs-space-indent-nested);height:var(--cogs-space-indent-nested);border-radius:var(--cogs-radius-sm);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--cogs-transition-fast),background var(--cogs-transition-fast)}.file-row-inspect,.skill-row-inspect{font-size:var(--cogs-font-xs)}.file-row-favorite,.skill-row-favorite{font-size:var(--cogs-font-sm);color:var(--cogs-color-text-muted);transition:opacity var(--cogs-transition-fast),background var(--cogs-transition-fast),color var(--cogs-transition-fast)}.browser-menubar-content,.browser-search-popover,.browser-source-content,.context-usage-menu{background:var(--cogs-color-bg-elevated);border:1px solid var(--cogs-border-color-primary);border-radius:var(--cogs-radius-md);box-shadow:var(--cogs-shadow-card-hover);backdrop-filter:blur(var(--cogs-blur-sm));-webkit-backdrop-filter:blur(var(--cogs-blur-sm));padding:var(--cogs-space-1) 0}.header-genai-user,.profile-selector-chip,.team-chip{display:inline-flex;align-items:center;gap:var(--cogs-space-3);background:var(--cogs-color-bg-elevated);border:1px solid var(--cogs-border-color-medium);border-radius:var(--cogs-radius-full)}.cock-press-play-btn.visible:before,.overlay-prompt-submit--active:before,.skill-menu-active-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-shimmer);animation:cock-btn-shimmer var(--duration-shimmer-lazy) var(--cogs-easing-in-out) infinite}.skill-menu-active-badge:before{pointer-events:none}.cock-loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0,rgba(255,215,0,.06) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(168,85,247,.04) 0,transparent 40%),#1D1E1A}.cock-loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.cock-loading-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem;animation:cock-fadeInDown .6s ease both}.cock-loading-brand{font-family:Space Grotesk,system-ui,sans-serif;font-size:2.5rem;font-weight:300;letter-spacing:.08em;color:var(--cogs-color-text-secondary);margin:0}.cock-loading-accent{font-weight:700;background:linear-gradient(135deg,var(--cogs-color-brand-primary),var(--cogs-color-brand-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:cock-gradient-shift var(--duration-gradient-shift) ease infinite;filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}.cock-loading-subtitle{font-family:Inter,system-ui,sans-serif;font-size:.75rem;color:var(--cogs-color-text-muted);letter-spacing:.15em;text-transform:uppercase;margin:.25rem 0 0}.cock-loading-energy{position:relative;width:120px;height:120px;margin-bottom:2.5rem;animation:cock-fadeInUp .6s ease .3s both}.cock-loading-ring{position:absolute;inset:0;border-left:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid transparent;border-top-color:var(--cogs-color-brand-primary);border-right:3px solid transparent;border-right-color:var(--cogs-color-brand-accent);border-radius:50%;animation:cock-spin var(--duration-spin) linear infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.4))}.cock-loading-ring.error{border-top-color:var(--cogs-color-feature-error);border-right-color:var(--cogs-color-feature-orange);filter:drop-shadow(0 0 10px rgba(239,68,68,.4))}.cock-loading-ring-inner{position:absolute;inset:15px;border-right:2px solid transparent;border-top:2px solid transparent;border-bottom:2px solid rgba(255,215,0,.5);border-left:2px solid transparent;border-left-color:var(--cogs-color-brand-accent);border-radius:50%;animation:cock-spin var(--duration-spin-slow) linear infinite reverse;opacity:.6}.cock-loading-ring-inner.error{border-bottom-color:rgba(239,68,68,.5);border-left-color:var(--cogs-color-feature-orange)}.cock-loading-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--cogs-space-6);height:var(--cogs-space-6);border-radius:50%;background:var(--cogs-color-brand-primary);box-shadow:0 0 20px var(--cogs-color-brand-primary),0 0 40px rgba(255,215,0,.4),0 0 60px rgba(255,215,0,.2);animation:cock-core-pulse var(--cogs-duration-pulse) ease-in-out infinite}.cock-loading-core.error{background:var(--cogs-color-feature-error);box-shadow:0 0 20px var(--cogs-color-feature-error),0 0 40px rgba(239,68,68,.4),0 0 60px rgba(239,68,68,.2)}.cock-loading-icon-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.cock-loading-icon{width:34px;height:34px;fill:var(--cogs-color-brand-primary-bright);filter:drop-shadow(0 0 8px rgba(255,215,0,.6));animation:cock-icon-flicker var(--cogs-duration-pulse) ease-in-out infinite}.cock-loading-icon.error{fill:var(--cogs-color-feature-danger);filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}.cock-loading-orbit{position:absolute;inset:-8px;border-radius:50%;animation:cock-spin var(--duration-shimmer) linear infinite}.cock-loading-dot{position:absolute;width:var(--cogs-space-2);height:var(--cogs-space-2);border-radius:50%;background:var(--cogs-color-brand-primary);transform:translate(-50%,-50%);animation:cock-dot-pulse var(--cogs-duration-pulse) ease-in-out infinite}.cock-loading-screen.error .cock-loading-dot{background:var(--cogs-color-feature-error)}.cock-loading-status{text-align:center;min-height:60px;animation:cock-fadeInUp .6s ease .5s both}.cock-loading-status.error-shake{animation:cock-fadeInUp .6s ease .5s both,cock-shake .4s ease .6s}.cock-loading-status-text{font-family:Inter,system-ui,sans-serif;font-size:.875rem;color:var(--cogs-color-text-secondary);letter-spacing:.02em}.cock-loading-cursor{display:inline-block;width:var(--cogs-space-1);height:1em;background:var(--cogs-color-brand-primary);margin-left:var(--cogs-space-1);vertical-align:text-bottom;animation:cock-blink 1s step-end infinite}.cock-loading-cursor.error{background:var(--cogs-color-feature-error)}.cock-loading-substep{display:block;font-family:JetBrains Mono,monospace;font-size:.6875rem;color:var(--cogs-color-text-muted);margin-top:.5rem;opacity:0;animation:cock-fadeIn .3s ease .8s forwards}.cock-loading-retry{background:transparent;border:1px solid rgba(255,215,0,.3);color:var(--cogs-color-brand-primary);padding:var(--cogs-space-3) var(--cogs-space-7);border-radius:var(--cogs-radius-md);font-size:.8125rem;font-family:Inter,system-ui,sans-serif;cursor:pointer;margin-top:1.5rem;position:relative;overflow:hidden;transition:background .2s ease,border-color .2s ease;animation:cock-fadeInUp .6s ease .7s both}.cock-loading-retry:hover{background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.5)}.cock-loading-retry:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);animation:cock-btn-shimmer var(--duration-shimmer) ease-in-out infinite}.cock-press-play-btn{display:inline-flex;align-items:center;gap:var(--cogs-space-3);padding:var(--cogs-space-3) var(--cogs-space-7);margin-top:2rem;background:transparent;border:1px solid rgba(255,215,0,.3);border-radius:var(--cogs-radius-md);color:var(--cogs-color-text-secondary);font-family:Space Grotesk,system-ui,sans-serif;font-size:.9375rem;font-weight:500;letter-spacing:.05em;cursor:pointer;opacity:0;position:relative;overflow:hidden;transition:all var(--cogs-motion-normal) ease}.cock-press-play-btn.visible{opacity:1;animation:cock-fadeInUp .4s ease;border-color:var(--cogs-color-brand-primary);color:var(--cogs-color-text-primary);background:rgba(255,215,0,.08);box-shadow:var(--cogs-shadow-press-play-rest)}.cock-press-play-btn.visible .cock-press-play-text{background:var(--gradient-text-shine);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine var(--duration-shine) linear infinite}.cock-press-play-btn.visible .cock-press-play-icon{color:var(--cogs-color-brand-primary);filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.cock-press-play-btn.visible:hover{background:rgba(255,215,0,.15);box-shadow:var(--cogs-shadow-press-play-hover);transform:translateY(-1px)}.cock-press-play-btn.visible:active{transform:translateY(0)}.cock-loading-energy.ready .cock-loading-ring{animation:cock-spin var(--duration-ring-slow) linear infinite;opacity:.25;filter:drop-shadow(0 0 4px rgba(255,215,0,.15));transition:opacity .8s ease,filter .8s ease}.cock-loading-energy.ready .cock-loading-ring-inner{animation:cock-spin var(--duration-shimmer-lazy) linear infinite reverse;opacity:.15;transition:opacity .8s ease}.cock-loading-energy.ready .cock-loading-core{animation:none;opacity:.4;box-shadow:0 0 12px var(--cogs-color-brand-primary),0 0 24px rgba(255,215,0,.2);transition:opacity .8s ease,box-shadow .8s ease}.cock-loading-energy.ready .cock-loading-orbit{opacity:0;transition:opacity .6s ease}.cock-loading-energy.ready .cock-loading-icon{animation:cock-icon-burst-stay var(--duration-burst) ease forwards}.cock-loading-screen.flash:before{content:"";position:absolute;inset:0;background:var(--cogs-color-brand-primary);opacity:0;animation:cock-flash .25s var(--cogs-easing-out)}.checklist,.ui-checklist{max-width:600px;margin:0 auto}.checklist ul,.ui-checklist ul{list-style:none;padding:0}.checklist li,.ui-checklist li{padding:var(--cogs-space-4) var(--cogs-space-6);margin-bottom:var(--cogs-space-3);background:var(--cogs-color-bg-card);border-radius:var(--cogs-radius-lg);border-left:3px solid var(--cogs-color-brand-primary)}.checklist li[data-test="21a"],.ui-checklist li[data-feature=baseline]{border-left-color:var(--cogs-color-feature-green)}.checklist li[data-test="21b"],.checklist li[data-test="21c"],.checklist li[data-test="21d"],.ui-checklist li[data-feature=speakers]{border-left-color:var(--cogs-color-feature-orange)}.checklist li[data-test="21e"],.ui-checklist li[data-feature=streaming]{border-left-color:var(--cogs-color-feature-pink)}.checklist li[data-test="21f"],.ui-checklist li[data-feature=viewers]{border-left-color:var(--cogs-color-feature-blue)}.layout-preview,.ui-preview-card{border:2px solid rgba(0,212,255,.2);border-radius:var(--cogs-radius-lg);overflow:hidden;background:rgba(0,0,0,.3)}.source-card,.ui-source-card{transition:transform var(--duration-normal) var(--cogs-easing-default),box-shadow var(--duration-normal) var(--cogs-easing-default)}.source-card:hover,.ui-source-card:hover{transform:translateY(-3px);box-shadow:var(--cogs-glow-primary-subtle)}[data-section]{animation:fadeInUp var(--cogs-motion-fade) var(--cogs-easing-out)}.slide[style*=linear-gradient] .hero-section:before,.slide[style*=linear-gradient] .slide-hero:before,.ui-effect-glow{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(ellipse at center,var(--cogs-border-color-light) 0,transparent 50%);pointer-events:none;z-index:-1}.metric-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--cogs-space-6);margin:var(--cogs-space-9) auto;max-width:900px}.metric-grid>.metric-card{flex:0 0 calc(25% - var(--cogs-space-6) * 3/4);min-width:180px;max-width:200px}.kpi-card,.metric-card{background:var(--cogs-color-bg-card);border:1px solid var(--cogs-border-color-medium);border-radius:var(--cogs-radius-2xl);padding:var(--cogs-space-6);text-align:center}.metric-card{transition:transform var(--duration-normal) ease-out,border-color var(--duration-normal) ease-out,box-shadow var(--duration-normal) ease-out;opacity:0}.metric-card:hover{border-color:var(--cogs-color-brand-primary);transform:translateY(-4px);box-shadow:var(--cogs-shadow-glow-primary-strong)}.metric-number{font-size:var(--cogs-font-5xl);font-weight:var(--cogs-font-weight-bold);color:var(--cogs-color-brand-primary);line-height:1}.metric-label{font-size:var(--cogs-text-sm);color:var(--cogs-color-text-secondary);margin-top:var(--cogs-space-3)}.kpi-value{font-size:var(--cogs-font-4xl);font-weight:var(--cogs-font-weight-bold);color:var(--cogs-color-brand-primary);line-height:1}.kpi-label{font-size:var(--cogs-text-sm);color:var(--cogs-color-text-secondary);margin-top:var(--cogs-space-3)}.kpi-trend{font-size:var(--cogs-text-xs);margin-top:var(--cogs-space-2)}.kpi-trend.positive{color:var(--cogs-color-feature-success)}.kpi-trend.negative{color:var(--cogs-color-feature-error)}.stats-row{display:flex;justify-content:center;gap:var(--cogs-space-8);margin:var(--cogs-space-6) 0}.stat-item{text-align:center}.stat-number{font-size:var(--cogs-font-4xl);font-weight:var(--cogs-font-weight-bold);color:var(--cogs-color-brand-primary);line-height:1}.stat-label{color:var(--cogs-color-text-secondary);font-size:var(--cogs-text-sm);margin-top:var(--cogs-space-2)}.teams-summary{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;gap:var(--cogs-space-4);margin:var(--cogs-space-6) auto;max-width:700px}.teams-card{background:var(--cogs-color-bg-card);border:1px solid var(--cogs-border-color-medium);border-radius:var(--cogs-radius-xl);padding:var(--cogs-space-6);text-align:center}.teams-card .number{font-size:var(--cogs-font-4xl);font-weight:var(--cogs-font-weight-bold);color:var(--cogs-color-brand-primary)}.teams-card .label{color:var(--cogs-color-text-secondary);font-size:var(--cogs-text-sm);margin-top:var(--cogs-space-2)}.slide.active .metric-card{animation:scaleIn var(--duration-slow) cubic-bezier(.4,0,.2,1) forwards}.slide.active .metric-card:first-child{animation-delay:.1s}.slide.active .metric-card:nth-child(2){animation-delay:.15s}.slide.active .metric-card:nth-child(3){animation-delay:.2s}.slide.active .metric-card:nth-child(4){animation-delay:.25s}.slide.active .metric-card:nth-child(5){animation-delay:.3s}.slide.active .metric-card:nth-child(6){animation-delay:.35s}@media (max-width:900px){.metric-grid>.metric-card{flex:0 0 calc(50% - var(--cogs-space-6) / 2);min-width:140px}.teams-summary{grid-template-columns:1fr}}.target-pills{display:flex;gap:var(--cogs-space-4);justify-content:center;flex-wrap:wrap;margin:var(--cogs-space-8) 0}.target-pill{background:var(--cogs-color-bg-card);border:1px solid var(--cogs-border-color-medium);padding:var(--cogs-space-4) var(--cogs-space-6);border-radius:var(--cogs-radius-full);font-size:var(--cogs-font-lg);transition:all var(--duration-normal) ease-out;opacity:0}.target-pill.active{border-color:var(--cogs-color-brand-primary);color:var(--cogs-color-brand-primary)}.target-pill.placeholder{opacity:.5;border-style:dashed}.target-pill:hover:not(.placeholder){transform:translateY(-2px);box-shadow:var(--cogs-glow-primary-subtle)}.phase-badge{padding:var(--cogs-space-2) var(--cogs-space-4);border-radius:var(--cogs-radius-full);font-size:var(--cogs-font-sm);font-weight:var(--cogs-font-weight-medium);color:var(--cogs-color-text-inverse)!important;display:inline-block}.phase-badge.blue{background:var(--cogs-color-brand-primary)}.phase-badge.green{background:var(--cogs-color-feature-success);color:var(--cogs-color-text-primary)!important}.phase-badge.purple{background:var(--cogs-color-brand-secondary)}.phase-badge.orange{background:var(--cogs-color-feature-warning)}.phase-badge.red{background:var(--cogs-color-feature-error);color:var(--cogs-color-text-primary)!important}.team-chip{padding:var(--cogs-space-3) var(--cogs-space-4);font-size:var(--cogs-font-sm)}.team-chip .team-icon{font-size:var(--cogs-text-lg)}.team-chip .team-name{color:var(--cogs-color-text-primary)}.pattern-list .badge{display:inline-block;background:var(--cogs-color-brand-primary);color:white;padding:var(--cogs-space-1) var(--cogs-space-3);border-radius:var(--cogs-radius-sm);font-size:var(--cogs-font-sm);margin-right:var(--cogs-space-3)}.pattern-list .badge.green{background:var(--cogs-color-feature-success)}.pattern-list .badge.purple{background:var(--cogs-color-brand-secondary)}.pattern-list .badge.orange{background:var(--cogs-color-feature-warning)}.color-legend{display:flex;flex-wrap:wrap;gap:var(--cogs-space-6);justify-content:center;margin:var(--cogs-space-6) 0}.legend-item{display:flex;align-items:center;gap:var(--cogs-space-3);font-size:var(--cogs-font-sm)}.legend-dot{width:var(--cogs-space-5);height:var(--cogs-space-5);border-radius:var(--cogs-radius-sm)}.legend-dot.blue{background:var(--cogs-color-brand-primary)}.legend-dot.green{background:var(--cogs-color-feature-success)}.legend-dot.purple{background:var(--cogs-color-brand-secondary)}.legend-dot.orange{background:var(--cogs-color-feature-warning)}.legend-dot.red{background:var(--cogs-color-feature-error)}.slide.active .target-pill{animation:fadeInUp var(--duration-normal) cubic-bezier(.4,0,.2,1) forwards}.slide.active .target-pill:first-child{animation-delay:var(--cogs-motion-fast)}.slide.active .target-pill:nth-child(2){animation-delay:.2s}.slide.active .target-pill:nth-child(3){animation-delay:.25s}.slide.active .target-pill:nth-child(4){animation-delay:var(--cogs-motion-normal)}.slide.active .target-pill:nth-child(5){animation-delay:.35s}.slide.active .target-pill:nth-child(6){animation-delay:.4s}.roadmap-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--cogs-space-3);margin:var(--cogs-space-4) 0}.roadmap-item{background:var(--cogs-color-bg-card);border:var(--cogs-border-card);border-radius:var(--cogs-radius-md);padding:var(--cogs-space-3) var(--cogs-space-4);font-size:var(--cogs-font-sm);text-align:center;min-width:var(--cogs-space-11);transition:all var(--duration-normal) ease-out;opacity:0}.roadmap-item:hover{transform:translateY(-2px);box-shadow:var(--cogs-glow-primary-subtle)}.roadmap-item.highlight{border-color:var(--cogs-color-brand-primary);box-shadow:var(--cogs-shadow-glow)}.roadmap-item.campaign{border-radius:var(--cogs-radius-full);background:var(--cogs-color-feature-success);border-color:var(--cogs-color-feature-success);color:white}.roadmap-item.current{border-color:var(--cogs-color-brand-primary);background:var(--hover-bg)}.roadmap-item small{display:block;color:var(--cogs-color-text-secondary);font-size:var(--cogs-font-xs);margin-top:var(--cogs-space-1)}.roadmap-flow>:not(:last-child):after{content:"→";color:var(--cogs-color-brand-primary);font-weight:700;margin:0 var(--cogs-space-2)}.dependency-chain{display:flex;flex-direction:column;gap:var(--cogs-space-3);padding:var(--cogs-space-6)}.dep-item{background:var(--cogs-color-bg-card);border:var(--cogs-border-muted);border-radius:var(--cogs-radius-md);padding:var(--cogs-space-4);position:relative}.dep-item.completed{border-left:3px solid var(--cogs-color-feature-success)}.dep-item.in-progress{border-left:3px solid var(--cogs-color-brand-primary)}.dep-item.blocked{border-left:3px solid var(--cogs-color-feature-error)}.dep-arrow{text-align:center;color:var(--cogs-color-text-secondary);font-size:var(--cogs-font-xl)}.phase-section{background:var(--cogs-color-bg-card);border:var(--cogs-border-muted);border-radius:var(--cogs-radius-xl);padding:var(--cogs-space-4) var(--cogs-space-6);margin:var(--cogs-space-4) 0}.phase-section h4{margin:0 0 var(--cogs-space-3) 0;display:flex;align-items:center;gap:var(--cogs-space-3)}.ops-layer{padding:var(--cogs-space-4);margin:var(--cogs-space-3) 0;border-radius:var(--cogs-radius-md);text-align:center}.ops-layer.direct{background:linear-gradient(135deg,var(--cogs-color-feature-success),var(--cogs-color-feature-success-dim));color:white}.ops-layer.indirect{background:linear-gradient(135deg,var(--cogs-color-feature-blue),var(--cogs-color-feature-blue-dim));color:white}.ops-layer h4{margin:0 0 var(--cogs-space-2) 0;color:white!important}.ops-layer p{margin:0;font-size:var(--cogs-font-sm);opacity:var(--opacity-strong)}.doe-layer{padding:var(--cogs-space-6);margin:var(--cogs-space-3) 0;border-radius:var(--cogs-radius-md);text-align:center}.doe-layer.directive{background:linear-gradient(135deg,var(--cogs-color-brand-secondary),var(--cogs-color-brand-secondary-dim));color:white}.doe-layer.orchestration{background:linear-gradient(135deg,var(--cogs-color-feature-blue),var(--cogs-color-feature-blue-dim));color:white}.doe-layer.execution{background:linear-gradient(135deg,var(--cogs-color-feature-success),var(--cogs-color-feature-success-dim));color:white}.doe-layer h4{margin:0 0 var(--cogs-space-3) 0;color:white!important;font-size:var(--cogs-font-xl)}.doe-layer p{margin:0;font-size:var(--cogs-font-md);opacity:.95}.slide.active .roadmap-item{animation:fadeInUp var(--duration-normal) cubic-bezier(.4,0,.2,1) forwards}.slide.active .roadmap-item:first-child{animation-delay:.05s}.slide.active .roadmap-item:nth-child(2){animation-delay:.08s}.slide.active .roadmap-item:nth-child(3){animation-delay:.11s}.slide.active .roadmap-item:nth-child(4){animation-delay:.14s}.slide.active .roadmap-item:nth-child(5){animation-delay:.17s}.slide.active .roadmap-item:nth-child(6){animation-delay:.2s}.slide.active .roadmap-item:nth-child(7){animation-delay:.23s}.slide.active .roadmap-item:nth-child(8){animation-delay:.26s}@media (max-width:600px){.roadmap-flow{flex-direction:column}.roadmap-flow>:not(:last-child):after{transform:rotate(90deg)}}.gantt-container{overflow-x:auto;margin:var(--cogs-space-6) 0}.gantt-chart{min-width:600px}.gantt-chart,.gantt-row{display:grid;gap:var(--cogs-space-3)}.gantt-row{grid-template-columns:150px 1fr;align-items:center}.gantt-label{font-size:var(--cogs-text-sm);color:var(--cogs-color-text-primary);text-align:right;padding-right:var(--cogs-space-3)}.gantt-bar-container{position:relative;height:var(--cogs-space-7);background:var(--cogs-color-bg-elevated)}.gantt-bar,.gantt-bar-container{border-radius:var(--cogs-radius-sm)}.gantt-bar{position:absolute;height:100%;transition:width var(--duration-slow) ease-out}.gantt-bar.blue{background:linear-gradient(90deg,var(--cogs-color-brand-primary),var(--cogs-color-gradient-blue-light))}.gantt-bar.green{background:linear-gradient(90deg,var(--cogs-color-feature-success),var(--cogs-color-gradient-green-light))}.gantt-bar.purple{background:linear-gradient(90deg,var(--cogs-color-brand-purple),var(--cogs-color-brand-purple-light))}.gantt-bar.orange{background:linear-gradient(90deg,var(--cogs-color-feature-warning),var(--cogs-color-gradient-orange-light))}.gantt-milestone{position:absolute;width:var(--cogs-space-4);height:var(--cogs-space-4);background:var(--cogs-color-brand-primary);transform:rotate(45deg) translateY(-50%);top:50%}.scorecard{background:var(--cogs-color-bg-card);border:1px solid var(--cogs-border-color-medium);border-radius:var(--cogs-radius-2xl);padding:var(--cogs-space-6);margin:var(--cogs-space-6) 0}.scorecard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cogs-space-6);padding-bottom:var(--cogs-space-5);border-bottom:1px solid var(--cogs-border-color-medium)}.scorecard-title{font-size:var(--cogs-text-2xl);font-weight:500;color:var(--cogs-color-text-primary)}.scorecard-value{font-size:var(--cogs-text-3xl);font-weight:700;color:var(--cogs-color-brand-primary)}.score-row{display:flex;align-items:center;gap:var(--cogs-space-5);margin-bottom:var(--cogs-space-4)}.score-row:last-child{margin-bottom:0}.score-label{flex:0 0 120px;font-size:var(--cogs-text-sm);color:var(--cogs-color-text-secondary)}.score-bar-container{flex:1 1;height:var(--cogs-space-3);background:var(--cogs-color-bg-elevated);overflow:hidden}.score-bar,.score-bar-container{border-radius:var(--cogs-radius-sm)}.score-bar{height:100%;transition:width var(--duration-slow) ease-out}.score-bar.excellent{background:var(--cogs-color-feature-success)}.score-bar.good{background:var(--cogs-color-brand-primary)}.score-bar.warning{background:var(--cogs-color-feature-warning)}.score-bar.poor{background:var(--cogs-color-feature-error)}.score-value{flex:0 0 50px;font-size:var(--cogs-text-sm);font-weight:500;text-align:right;color:var(--cogs-color-text-primary)}.progress-container{margin:var(--cogs-space-5) 0}.progress-header{display:flex;justify-content:space-between;margin-bottom:var(--cogs-space-3)}.progress-label{font-size:var(--cogs-text-md);color:var(--cogs-color-text-secondary)}.progress-value{font-size:var(--cogs-text-md);font-weight:500;color:var(--cogs-color-brand-primary)}.progress-bar-bg{height:var(--cogs-space-3);background:var(--cogs-color-bg-elevated);border-radius:var(--cogs-radius-sm);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--cogs-color-brand-primary),var(--cogs-color-gradient-blue-light));border-radius:var(--cogs-radius-sm);transition:width var(--duration-slow) ease-out}.progress-bar-fill.success{background:linear-gradient(90deg,var(--cogs-color-feature-success),var(--cogs-color-gradient-green-light))}.timeline{position:relative;padding-left:var(--cogs-space-8);margin:var(--cogs-space-6) 0}.timeline:before{content:"";position:absolute;left:var(--cogs-space-3);top:0;bottom:0;width:var(--cogs-space-2);background:var(--cogs-bg-white-medium)}.timeline-item{position:relative;padding-bottom:var(--cogs-space-7)}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:calc(var(--cogs-space-2) * -3 - var(--cogs-space-1));top:var(--cogs-space-2);width:var(--cogs-space-4);height:var(--cogs-space-4);border-radius:50%;background:var(--cogs-color-bg-card);border:2px solid var(--cogs-color-brand-primary)}.timeline-item.completed:before{background:var(--cogs-color-feature-success);border-color:var(--cogs-color-feature-success)}.timeline-item.current:before{background:var(--cogs-color-brand-primary);border-color:var(--cogs-color-brand-primary);box-shadow:var(--cogs-shadow-glow-primary-strong)}.timeline-date{font-size:var(--cogs-text-sm);color:var(--cogs-color-text-secondary);margin-bottom:var(--cogs-space-2)}.timeline-content{background:var(--cogs-color-bg-card);border:1px solid var(--cogs-border-color-medium);border-radius:var(--cogs-radius-lg);padding:var(--cogs-space-5)}.timeline-content h4{margin:0 0 var(--cogs-space-3) 0;color:var(--cogs-color-text-primary)}.timeline-content p{margin:0;font-size:var(--cogs-text-md);color:var(--cogs-color-text-secondary)}.two-columns{grid-template-columns:repeat(2,1fr)}.three-columns,.two-columns{display:grid;justify-content:center;gap:var(--cogs-space-6)}.three-columns{grid-template-columns:repeat(3,1fr)}.four-columns{grid-template-columns:repeat(4,1fr)}.dimension-grid,.four-columns{display:grid;justify-content:center;gap:var(--cogs-space-5)}.dimension-grid{grid-template-columns:repeat(5,1fr);margin:var(--cogs-space-6) auto;max-width:950px}.dimension-card{background:var(--cogs-color-bg-card);border:1px solid var(--cogs-border-color-medium);border-radius:var(--cogs-radius-md);padding:var(--cogs-space-5);text-align:center;opacity:0}.dimension-card .icon{font-size:1.8em;margin-bottom:var(--cogs-space-3)}.dimension-card h4{color:var(--cogs-color-brand-primary);margin:0 0 var(--cogs-space-2) 0;font-size:.95em}.dimension-card p{font-size:.75em;color:var(--cogs-color-text-secondary);margin:0}.pattern-grid{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;gap:var(--cogs-space-7);margin:var(--cogs-space-6) auto;max-width:900px}.pattern-box{background:var(--cogs-color-bg-card);border:1px solid var(--cogs-border-color-medium);border-radius:var(--cogs-radius-lg);padding:var(--cogs-space-6)}.pattern-box h3{color:var(--cogs-color-brand-primary);margin-top:0}.pattern-list{list-style:none;padding:0;margin:0}.pattern-list li{padding:var(--cogs-space-3) 0;border-bottom:1px solid var(--cogs-border-color-medium);font-size:.9em}.pattern-list li:last-child{border-bottom:none}.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;gap:var(--cogs-space-3);margin:var(--cogs-space-6) auto;max-width:800px}.domain-item{background:var(--cogs-color-bg-card);border:1px solid var(--cogs-border-color-medium);border-radius:var(--cogs-radius-md);padding:var(--cogs-space-4) var(--cogs-space-5);font-size:.85em}.iso-grid{display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;gap:var(--cogs-space-4);margin:var(--cogs-space-6) auto;max-width:900px}.iso-item{background:var(--cogs-color-bg-card);border:1px solid var(--cogs-border-color-medium);border-radius:var(--cogs-radius-md);padding:var(--cogs-space-5);text-align:center}.iso-item .number{display:block;font-size:1.5em;font-weight:700;color:var(--cogs-color-brand-primary);margin-bottom:var(--cogs-space-2)}.funnel-grid{display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;gap:var(--cogs-space-1);margin:var(--cogs-space-3) 0}.funnel-cell{background:var(--cogs-color-bg-card);padding:var(--cogs-space-5);text-align:center}.funnel-cell:first-child{border-radius:var(--cogs-radius-md) 0 0 var(--cogs-radius-md)}.funnel-cell:last-child{border-radius:0 var(--cogs-radius-md) var(--cogs-radius-md) 0}.architecture-box{background:var(--cogs-color-bg-card);border:1px solid var(--cogs-border-color-medium);padding:var(--cogs-space-6);border-radius:var(--cogs-radius-lg);font-family:var(--cogs-font-mono);font-size:.8em;text-align:left;color:var(--cogs-color-text-primary);white-space:pre;overflow-x:auto;max-width:100%;margin:var(--cogs-space-6) auto}.slide.active .dimension-card{animation:fadeInUp var(--duration-normal) cubic-bezier(.4,0,.2,1) forwards}.slide.active .dimension-card:first-child{animation-delay:.08s}.slide.active .dimension-card:nth-child(2){animation-delay:.12s}.slide.active .dimension-card:nth-child(3){animation-delay:.16s}.slide.active .dimension-card:nth-child(4){animation-delay:.2s}.slide.active .dimension-card:nth-child(5){animation-delay:.24s}@media (max-width:900px){.dimension-grid,.iso-grid{grid-template-columns:repeat(2,1fr);justify-content:center}.four-columns,.three-columns,.two-columns{grid-template-columns:1fr}}@media (max-width:600px){.domain-grid,.funnel-grid,.pattern-grid{grid-template-columns:1fr}.funnel-cell{border-radius:0}.funnel-cell:first-child{border-radius:var(--cogs-radius-md) var(--cogs-radius-md) 0 0}.funnel-cell:last-child{border-radius:0 0 var(--cogs-radius-md) var(--cogs-radius-md)}}.table-wrapper{overflow-x:auto;margin:var(--cogs-space-4) 0}.table-container{overflow-x:auto;max-height:400px;overflow-y:auto}.gh-table{width:100%;border-collapse:collapse;font-size:.9em}.gh-table td,.gh-table th{padding:var(--cogs-space-3) var(--cogs-space-4);text-align:left;border-bottom:1px solid var(--cogs-border-color-medium)}.gh-table th{background:var(--cogs-color-bg-card);color:var(--cogs-color-brand-primary);font-weight:500;position:sticky;top:0}.gh-table td{background:var(--cogs-color-bg-base)}.gh-table tbody tr:hover td{background:var(--cogs-color-bg-elevated)}.step-table{width:100%;border-collapse:collapse;font-size:.9em}.step-table td,.step-table th{padding:var(--cogs-space-3) var(--cogs-space-4);text-align:left;border-bottom:1px solid var(--cogs-border-color-medium)}.step-table th{background:var(--cogs-color-bg-card);color:var(--cogs-color-brand-primary);font-weight:500}.step-table td:first-child{font-weight:700;color:var(--cogs-color-brand-primary);width:30px}.draci-table{width:100%;border-collapse:collapse;font-size:.9em}.draci-table td,.draci-table th{padding:var(--cogs-space-3) var(--cogs-space-4);text-align:left;border-bottom:1px solid var(--cogs-border-color-medium)}.draci-table th{background:var(--cogs-color-bg-card);color:var(--cogs-color-brand-primary);font-weight:500}.draci-table td:first-child{font-weight:700;color:var(--cogs-color-brand-primary);font-size:var(--cogs-font-xl)}.status-table{width:100%;border-collapse:collapse;font-size:.9em}.status-table td,.status-table th{padding:var(--cogs-space-3) var(--cogs-space-4);text-align:left;border-bottom:1px solid var(--cogs-border-color-medium)}.status-table th{background:var(--cogs-color-bg-card);color:var(--cogs-color-brand-primary);font-weight:500}.status-indicator{display:inline-block;width:var(--cogs-space-3);height:var(--cogs-space-3);border-radius:50%;margin-right:var(--cogs-space-2)}.status-indicator.success{background:var(--cogs-color-feature-success)}.status-indicator.warning{background:var(--cogs-color-feature-warning)}.status-indicator.error{background:var(--cogs-color-feature-error)}.status-indicator.info{background:var(--cogs-color-brand-primary)}.history-box{background:var(--cogs-color-bg-card);border-left:var(--cogs-space-2) solid var(--cogs-color-brand-primary);padding:var(--cogs-space-6);margin:var(--cogs-space-6) auto;max-width:700px;border-radius:0 var(--cogs-radius-md) var(--cogs-radius-md) 0}.history-box li{margin-bottom:var(--cogs-space-2)}.history-box li,.quote-box{color:var(--cogs-color-text-primary)}.quote-box{font-style:italic;font-size:var(--cogs-font-2xl);padding-left:var(--cogs-space-6);margin:var(--cogs-space-9) auto;max-width:700px}.highlight-box,.quote-box{border-left:var(--cogs-space-2) solid var(--cogs-color-brand-primary)}.highlight-box{background:var(--cogs-color-bg-elevated);padding:var(--cogs-space-6);margin:var(--cogs-space-6) 0;border-radius:0 var(--cogs-radius-md) var(--cogs-radius-md) 0}.nav-footer{display:flex;justify-content:space-between;margin-top:var(--cogs-space-9)}.nav-footer a{color:var(--cogs-color-brand-primary);text-decoration:none;padding:var(--cogs-space-3) var(--cogs-space-6);background:var(--cogs-color-bg-card);border-radius:var(--cogs-radius-md);transition:background var(--duration-normal)}.nav-footer a:hover{background:var(--cogs-color-bg-elevated)}.slide.active .gh-table{animation:fadeIn var(--duration-slow) cubic-bezier(.4,0,.2,1) var(--duration-fast) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--shiki-color-text:var(--cogs-color-text-primary);--shiki-color-background:var(--cogs-color-text-inverse);--shiki-token-constant:var(--cogs-color-brand-primary);--shiki-token-string:var(--cogs-color-brand-primary-bright);--shiki-token-string-expression:var(--cogs-color-brand-primary-bright);--shiki-token-comment:var(--cogs-color-text-dim);--shiki-token-keyword:var(--cogs-color-feature-error);--shiki-token-parameter:var(--cogs-color-text-secondary);--shiki-token-function:var(--cogs-color-brand-secondary);--shiki-token-punctuation:var(--cogs-color-text-secondary);--shiki-token-link:var(--cogs-color-brand-primary)}.shiki{border-radius:var(--cogs-radius-lg);font-size:.8rem;line-height:1.5;overflow-x:auto}.shiki,.shiki code{font-family:var(--cogs-font-mono)}.stream-tool-bash .shiki,.stream-tool-preview .shiki{margin:0;border-radius:var(--cogs-radius-sm)}.stream-markdown .shiki{margin:.5em 0}.stream-code-with-lines{display:flex;overflow-x:auto;border-radius:var(--cogs-radius-sm);background:var(--cogs-color-text-inverse);font-family:var(--cogs-font-mono);font-size:.8rem;line-height:1.5}.stream-code-line-nums{flex-shrink:0;padding:var(--cogs-space-3) var(--cogs-space-3);text-align:right;color:var(--cogs-color-text-muted);border-right:1px solid var(--cogs-color-brand-primary-dim);-webkit-user-select:none;user-select:none;background:rgba(var(--cogs-color-brand-primary-rgb),.04)}.stream-code-line-num{min-width:2.5em}.stream-code-content{flex:1 1;min-width:0;overflow-x:auto}.stream-code-with-lines .shiki{margin:0;border-radius:0;padding:var(--cogs-space-3)}.stream-mermaid{text-align:center;padding:var(--cogs-space-5);background:var(--cogs-color-text-inverse);border-radius:var(--cogs-radius-lg);margin:.5em 0}.stream-mermaid svg{max-width:100%;height:auto}.mermaid-loading{color:var(--cogs-color-text-muted);font-style:italic;font-size:.8rem}.code-block{background:var(--cogs-color-text-inverse);border:1px solid var(--cogs-color-brand-primary-dim);border-radius:var(--cogs-radius-lg);font-family:var(--cogs-font-mono);overflow:hidden;margin:var(--cogs-space-5) 0;text-align:left}.code-block-header{display:flex;align-items:center;justify-content:space-between;background:rgba(var(--cogs-color-brand-primary-rgb),.08);border-bottom:1px solid var(--cogs-color-brand-primary-dim);padding:var(--cogs-space-3) var(--cogs-space-5);font-size:var(--cogs-text-2xs)}.code-block-filename{color:var(--cogs-color-brand-primary);font-weight:var(--cogs-font-weight-medium)}.code-block-lang{font-size:var(--cogs-text-xs);text-transform:uppercase;letter-spacing:.05em}.code-block-copy,.code-block-lang{color:var(--cogs-color-text-muted)}.code-block-copy{background:transparent;border:1px solid var(--cogs-color-brand-primary-dim);border-radius:var(--cogs-radius-sm);padding:var(--cogs-space-1) var(--cogs-space-2);font-size:var(--cogs-text-3xs);cursor:pointer;transition:all var(--duration-fast)}.code-block-copy:hover{background:rgba(var(--cogs-color-brand-primary-rgb),.1);color:var(--cogs-color-brand-primary);border-color:var(--cogs-color-brand-primary)}.code-block-copy.copied{color:var(--status-success);border-color:var(--status-success)}.code-block pre{margin:0;padding:var(--cogs-space-5);overflow-x:auto;font-size:var(--cogs-text-md);line-height:1.6}.code-block code{font-family:var(--cogs-font-mono);background:transparent}.code-block.with-lines pre{padding-left:0}.code-block .line-numbers{display:inline-block;width:var(--cogs-space-10);padding-right:var(--cogs-space-5);text-align:right;color:var(--cogs-color-text-muted);border-right:1px solid var(--cogs-color-brand-primary-dim);margin-right:var(--cogs-space-5);-webkit-user-select:none;user-select:none}.code-block .highlight-line{background:rgba(var(--cogs-color-brand-primary-rgb),.1);display:block;margin:0 calc(-1 * var(--cogs-space-5));padding:0 var(--cogs-space-5)}.code-block .token.cdata,.code-block .token.comment,.code-block .token.doctype,.code-block .token.prolog{color:var(--cogs-color-text-dim)}.code-block .token.punctuation{color:var(--cogs-color-text-secondary)}.code-block .token.boolean,.code-block .token.constant,.code-block .token.deleted,.code-block .token.number,.code-block .token.property,.code-block .token.symbol,.code-block .token.tag{color:var(--cogs-color-brand-primary)}.code-block .token.attr-name,.code-block .token.builtin,.code-block .token.char,.code-block .token.inserted,.code-block .token.selector,.code-block .token.string{color:var(--cogs-color-brand-primary-bright)}.code-block .token.entity,.code-block .token.operator,.code-block .token.url,.language-css .code-block .token.string,.style .code-block .token.string{color:var(--cogs-color-brand-secondary)}.code-block .token.atrule,.code-block .token.attr-value,.code-block .token.keyword{color:var(--cogs-color-feature-error)}.code-block .token.class-name,.code-block .token.function{color:var(--cogs-color-brand-secondary)}.code-block .token.important,.code-block .token.regex,.code-block .token.variable{color:var(--cogs-color-feature-warning)}.inline-code{font-family:var(--cogs-font-mono);font-size:.85em;color:var(--cogs-color-text-secondary);background:rgba(255,255,255,.06);border:none;border-bottom:1px solid rgba(255,255,255,.1);border-radius:2px;padding:.1em .3em}.code-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--cogs-space-5)}.code-compare .code-block{margin:0}.code-compare-label{font-size:var(--cogs-text-xs);color:var(--cogs-color-text-muted);margin-bottom:var(--cogs-space-3);text-transform:uppercase;letter-spacing:.05em}@media (max-width:900px){.code-compare{grid-template-columns:1fr}.code-block pre{font-size:var(--cogs-text-xs)}}