:root{--p31-void: #0A0A0F;--p31-surface: #12121A;--p31-surface2: #1C1C2A;--p31-cloud: #A1A1AA;--p31-text-primary: oklch(96% .005 240);--p31-text-secondary: oklch(80% .01 240);--p31-text-tertiary: oklch(78% .01 240);--p31-accent: #00F0FF;--p31-accent-violet: #A78BFA;--p31-accent-gold: #FBBF24;--p31-accent-green: #34D399;--p31-accent-red: #FB7185;--p31-accent-iris: #818CF8;--p31-glass-surface: oklch(100% .01 240 / .04);--p31-glass-border: oklch(100% .01 240 / .08);--p31-glass-border-hover: oklch(100% .01 240 / .15);--p31-glass-surface-hover: oklch(100% .01 240 / .06);--p31-glass-blur: blur(12px);--p31-glass-radius: 24px;--p31-glass-shadow: 0 8px 32px rgba(0,0,0,.15);--p31-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--p31-font-mono: ui-monospace, SFMono-Regular, "Fira Code", "Fira Mono", "Roboto Mono", "JetBrains Mono", Menlo, Monaco, Consolas, monospace;--p31-spacing-xs: 4px;--p31-spacing-sm: 8px;--p31-spacing-md: 16px;--p31-spacing-lg: 24px;--p31-spacing-xl: 32px;--p31-spacing-xxl: 64px;--p31-space-tiny: 2px;--p31-radius-none: 0;--p31-radius-sm: 8px;--p31-radius-md: 12px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--p31-radius-candy: 24px;--p31-h1: 51px;--p31-h2: 38px;--p31-h3: 28px;--p31-h4: 21px;--p31-body: 16px;--p31-body-sm: 14px;--p31-label: 12px;--p31-caption: 7px;--p31-duration-instant: 62.5ms;--p31-duration-fast: 125ms;--p31-duration-standard: .25s;--p31-duration-slow: .5s;--p31-duration-slower: 1s;--p31-easing-standard: cubic-bezier(.4, 0, .2, 1);--p31-easing-decelerate: cubic-bezier(0, 0, .2, 1);--p31-easing-accelerate: cubic-bezier(.4, 0, 1, 1);--p31-topbar-height: 64px;--p31-z-content: 1;--p31-z-floating: 60}html{font-family:var(--p31-font-sans);font-size:var(--p31-body);line-height:1.6;color:var(--p31-text-primary);background:var(--p31-void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;background:var(--p31-void);color:var(--p31-text-primary)}h1{font-size:var(--p31-h1);font-weight:700;line-height:1.1;letter-spacing:-.02em}h2{font-size:var(--p31-h2);font-weight:600;line-height:1.2}h3{font-size:var(--p31-h3);font-weight:600;line-height:1.3}h4{font-size:var(--p31-h4);font-weight:600;line-height:1.3}a{color:var(--p31-accent);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--p31-font-mono);font-size:13px}:root{--p31-base: 16px;--p31-bg: oklch(10% .01 240);--p31-surface: oklch(15% .015 240);--p31-surface2: oklch(22% .02 240);--p31-accent: oklch(65% .18 195);--p31-accent-alt: oklch(65% .18 285);--p31-accent-violet: oklch(65% .18 285);--p31-accent-gold: oklch(65% .18 15);--p31-accent-green: oklch(65% .18 105);--p31-accent-red: oklch(65% .18 20);--p31-accent-iris: oklch(65% .18 270);--p31-text: oklch(96% .005 240);--p31-text-secondary: oklch(80% .01 240);--p31-text-tertiary: oklch(78% .01 240);--p31-glass-bg: oklch(100% .01 240 / .04);--p31-glass-border: oklch(100% .01 240 / .08);--p31-glass-border-hover: oklch(100% .01 240 / .15);--p31-glass-shadow: 0 8px 32px rgba(0,0,0,.15);--p31-glass-blur: blur(12px);--p31-glass-bg-strong: oklch(100% .01 75 / .22);--p31-glass-bg-overlay: oklch(100% .01 75 / .1);--p31-glass-bg-light: oklch(100% .01 75 / .1);--p31-glass-border-strong: oklch(100% .01 75 / .16);--p31-glass-border-strong-hover: oklch(100% .01 75 / .25);--p31-glow-cyan: 0 0 20px rgba(0,240,255,.25);--p31-glow-neon: 0 0 6px oklch(90.5% .155 194.8), 0 0 20px oklch(90.5% .155 194.8 / .3);--p31-glow-magenta: 0 0 6px oklch(70.2% .322 328.4), 0 0 20px oklch(70.2% .322 328.4 / .3);--p31-glow-violet: 0 0 6px oklch(67% .234 309.1), 0 0 20px oklch(67% .234 309.1 / .3);--p31-glow-amber: 0 0 6px oklch(88.7% .182 95.3), 0 0 20px oklch(88.7% .182 95.3 / .3);--p31-glow-mint: 0 0 6px oklch(87.6% .228 152.5), 0 0 20px oklch(87.6% .228 152.5 / .3);--p31-glow-coral: 0 0 6px oklch(71.2% .181 22.8), 0 0 20px oklch(71.2% .181 22.8 / .3);--p31-neon: oklch(90.5% .155 194.8);--p31-neon-dim: oklch(90.5% .155 194.8 / .35);--p31-neon-faint: oklch(90.5% .155 194.8 / .08);--p31-neon-ghost: oklch(90.5% .155 194.8 / .03);--p31-neon-cyan: oklch(90.5% .155 194.8);--p31-neon-magenta: oklch(70.2% .322 328.4);--p31-neon-violet: oklch(67% .234 309.1);--p31-neon-amber: oklch(88.7% .182 95.3);--p31-neon-mint: oklch(87.6% .228 152.5);--p31-neon-coral: oklch(71.2% .181 22.8);--p31-neon-orange: oklch(75.4% .164 50.4);--p31-neon-blue: oklch(80.4% .146 219.5);--p31-neon-lavender: oklch(62% .279 290.8);--p31-neon-pink: oklch(67.4% .293 340.4);--p31-surface-s1: oklch(0% 0 0);--p31-surface-s2: oklch(4.9% 0 0);--p31-surface-s3: oklch(6.9% 0 0);--p31-surface-s4: oklch(10.5% 0 0);--p31-status-online: oklch(65% .18 105);--p31-status-offline: oklch(78% .01 240);--p31-status-warning: oklch(65% .18 15);--p31-status-error: oklch(65% .18 20);--p31-status-info: oklch(65% .18 195);--p31-scale-xs: calc(var(--p31-base) * .75);--p31-scale-sm: var(--p31-base);--p31-scale-md: calc(var(--p31-base) * 1.3333);--p31-scale-lg: calc(var(--p31-base) * 1.7777);--p31-scale-xl: calc(var(--p31-base) * 2.3703);--p31-scale-2xl: calc(var(--p31-base) * 3.1604);--p31-scale-3xl: calc(var(--p31-base) * 4.2139);--p31-scale-4xl: calc(var(--p31-base) * 5.6186);--p31-type-caption: clamp(var(--p31-scale-xs), .8vw, var(--p31-scale-sm));--p31-type-body: clamp(calc(var(--p31-base) * .95), 1vw + .5rem, var(--p31-scale-sm));--p31-type-label: var(--p31-scale-sm);--p31-type-h3: clamp(var(--p31-scale-md), 2vw, var(--p31-scale-lg));--p31-type-h2: clamp(var(--p31-scale-lg), 3.5vw, var(--p31-scale-xl));--p31-type-h1: clamp(var(--p31-scale-xl), 5.6vw, var(--p31-scale-2xl));--p31-type-display: clamp(var(--p31-scale-2xl), 7vw, var(--p31-scale-3xl));--p31-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--p31-font-mono: ui-monospace, SFMono-Regular, "Fira Code", "Fira Mono", "Roboto Mono", "JetBrains Mono", Menlo, Monaco, Consolas, monospace;--p31-font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--p31-duration-fast: .1s;--p31-duration-normal: .3s;--p31-duration-slow: .5s;--p31-easing-smooth: cubic-bezier(.4, 0, .2, 1);--p31-easing-snappy: cubic-bezier(.34, 1.56, .64, 1);--p31-easing-linear: linear;--p31-speed-factor: 1;--p31-starfield-hearth: oklch(55% .15 35);--p31-starfield-teal: oklch(60% .08 185);--p31-starfield-remembrance: oklch(95% .01 80);--p31-starfield-particle-teal: oklch(70% .12 185 / .6);--p31-starfield-particle-coral: oklch(65% .14 40 / .5);--p31-blur-subtle: 8px;--p31-blur-standard: 12px;--p31-blur-strong: 24px;--p31-space-xs: clamp(var(--p31-scale-xs), 1vw, var(--p31-scale-sm));--p31-space-sm: clamp(var(--p31-scale-sm), 1.5vw, var(--p31-scale-md));--p31-space-md: clamp(var(--p31-scale-md), 2.5vw, var(--p31-scale-lg));--p31-space-lg: clamp(var(--p31-scale-lg), 3.5vw, var(--p31-scale-xl));--p31-space-xl: clamp(var(--p31-scale-xl), 5vw, var(--p31-scale-2xl));--p31-space-2xl: clamp(var(--p31-scale-2xl), 6.5vw, var(--p31-scale-3xl));--p31-space-tiny: 2px;--p31-radius-sm: calc(var(--p31-scale-sm) / 2);--p31-radius-md: calc(var(--p31-scale-md) / 2);--p31-radius-lg: calc(var(--p31-scale-lg) / 2);--p31-radius-xl: calc(var(--p31-scale-xl) / 2);--p31-radius-full: 9999px;--p31-radius-candy: 24px;--p31-touch-min: 48px;--p31-touch-recommended: 56px;--p31-touch-large: 64px;--p31-z-starfield: 0;--p31-z-topbar: 10;--p31-z-toast: 9999;--p31-z-crisis: 99999;--p31-z-skip-link: 100;--p31-topbar-height: 64px;--p31-z-content: 1;--p31-z-floating: 60;--p31-space-3xl: 64px}:root [data-brand=p31ca]{--p31-glass-bg: oklch(14% .02 260 / .35);--p31-glass-border: oklch(100% .01 240 / .12);--p31-glass-border-hover: oklch(100% .01 240 / .25);--p31-glass-blur: blur(24px)}:root [data-brand=phosphorus31]{--p31-glass-bg: oklch(99% .01 85 / .55);--p31-glass-border: oklch(80% .02 75 / .3);--p31-glass-border-hover: oklch(70% .03 70 / .4);--p31-glass-blur: blur(16px)}:root [data-brand=willow]{--p31-glass-bg: rgba(255, 248, 240, .7);--p31-glass-border: rgba(200, 180, 160, .25);--p31-glass-blur: blur(16px);--p31-text: oklch(25% .02 80);--p31-text-secondary: oklch(55% .02 75);--p31-accent: oklch(65% .18 45);--p31-accent-alt: oklch(60% .15 200);--p31-accent-gold: oklch(72% .14 80);--p31-accent-green: oklch(70% .12 120);--p31-accent-red: oklch(62% .15 10);--p31-font-sans: "Comic Sans MS", "Chalkboard SE", cursive, sans-serif;--p31-font-display: "Comic Sans MS", "Chalkboard SE", cursive;--p31-radius-sm: 12px;--p31-radius-md: 20px;--p31-radius-lg: 28px;--p31-radius-xl: 40px;--p31-radius-full: 9999px;--p31-space-xs: .5rem;--p31-space-sm: .75rem;--p31-space-md: 1.25rem;--p31-space-lg: 2rem;--p31-space-xl: 2.5rem;--p31-space-2xl: 4rem;--p31-duration-fast: .2s;--p31-duration-normal: .4s;--p31-duration-slow: .6s;--p31-easing-smooth: cubic-bezier(.34, 1.56, .64, 1);--p31-easing-snappy: cubic-bezier(.34, 1.56, .64, 1);--p31-touch-min: 56px;--p31-touch-recommended: 64px}[data-spoons="0"],[data-spoons="1"]{--p31-speed-factor: 0;--p31-glass-blur: none}[data-spoons="2"]{--p31-speed-factor: .25;--p31-glass-blur: blur(4px)}[data-spoons="3"]{--p31-speed-factor: .5;--p31-glass-blur: blur(8px)}[data-spoons="4"]{--p31-speed-factor: .75;--p31-glass-blur: blur(12px)}[data-spoons="5"]{--p31-speed-factor: 1;--p31-glass-blur: blur(16px)}[data-spoons="2"]{--p31-speed-factor: .25;--p31-glass-blur: blur(8px)}[data-spoons="3"]{--p31-speed-factor: .5;--p31-glass-blur: blur(12px)}[data-spoons="4"]{--p31-speed-factor: .75}[data-spoons="5"]{--p31-speed-factor: 1}@media(prefers-reduced-motion:reduce){:root{--p31-speed-factor: 0}}[data-dark-mode=true]{--p31-glass-bg: rgba(30, 28, 26, .8);--p31-glass-border: rgba(80, 75, 70, .3);--p31-text: oklch(90% .01 80);--p31-text-secondary: oklch(65% .02 80)}[data-theme=light]{--p31-bg: #F8FAFC;--p31-surface: #FFFFFF;--p31-surface2: #F1F5F9;--p31-text: #0F172A;--p31-text-secondary: rgba(15,23,42,.6);--p31-text-tertiary: rgba(15,23,42,.3);--p31-glass-bg: rgba(0,0,0,.03);--p31-glass-border: rgba(0,0,0,.08);--p31-glass-border-hover: rgba(0,0,0,.15)}[data-portal=mesh]{--p31-portal-accent: var(--p31-accent);--p31-portal-glow: rgba(0, 240, 255, .08)}[data-portal=research]{--p31-portal-accent: var(--p31-accent-violet);--p31-portal-glow: rgba(167, 139, 250, .08)}[data-portal=quantum]{--p31-portal-accent: var(--p31-accent-alt);--p31-portal-glow: rgba(139, 92, 246, .08)}[data-portal=build]{--p31-portal-accent: var(--p31-accent-green);--p31-portal-glow: rgba(52, 211, 153, .08)}[data-portal=blog]{--p31-portal-accent: var(--p31-accent);--p31-portal-glow: rgba(0, 240, 255, .06)}[data-portal=passport]{--p31-portal-accent: var(--p31-accent-iris);--p31-portal-glow: rgba(139, 92, 246, .08)}[data-portal=care]{--p31-portal-accent: var(--p31-accent-gold);--p31-portal-glow: rgba(251, 191, 36, .08)}[data-portal] main,[data-portal] .portal-content{position:relative;z-index:1}.shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:relative;background:var(--p31-bg, oklch(14% .014 75))}.topbar-glass{background:var(--p31-glass-bg);backdrop-filter:var(--p31-glass-blur);-webkit-backdrop-filter:var(--p31-glass-blur);border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-candy);box-shadow:inset 0 1px color-mix(in oklch,var(--p31-text) 10%,transparent),inset 0 -1px #0000002e,var(--p31-glass-shadow)}.topbar-center-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--p31-space-tiny);width:max-content;flex-wrap:nowrap}.admin-tabs{display:flex;gap:2px;flex-wrap:wrap}.admin-tab{background:none;border:none;padding:3px 7px;border-radius:var(--p31-radius-sm);color:var(--p31-text-tertiary);cursor:pointer;font-size:11px;font-weight:600;white-space:nowrap;transition:all var(--p31-duration-fast) ease}.admin-tab:hover{color:var(--p31-text);background:var(--p31-glass-bg)}.admin-tab.active{color:var(--p31-accent);background:var(--p31-glass-bg)}.page-header{padding:var(--p31-space-lg) var(--p31-space-md);border-bottom:1px solid var(--p31-glass-border);display:flex;align-items:center;justify-content:space-between;gap:var(--p31-space-md)}.page-header__title{font-size:var(--p31-scale-xl);font-weight:700;color:var(--p31-text);line-height:1.2}.page-header__controls{display:flex;align-items:center;gap:var(--p31-space-sm)}.grid-auto-154{display:grid;grid-auto-rows:154px;gap:12px}.grid-auto-minmax{display:grid;grid-auto-rows:minmax(0,1fr);gap:12px;height:100%}.card-constrained{max-width:280px;min-width:140px;max-height:160px;min-height:100px}.card-graph-pinned{margin-top:auto;height:32px}.floating-window{position:fixed;background:var(--p31-glass-bg);backdrop-filter:var(--p31-glass-blur);-webkit-backdrop-filter:var(--p31-glass-blur);border:1px solid var(--p31-glass-border);border-radius:var(--p31-glass-radius);box-shadow:var(--p31-glass-shadow);overflow:hidden;z-index:var(--p31-z-floating)}.floating-window__header{padding:10px 14px;background:var(--p31-glass-bg-strong);border-bottom:1px solid var(--p31-glass-border);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:grab}.floating-window__header:active{cursor:grabbing}.floating-window__title{font-size:var(--p31-scale-xs);font-weight:700;color:var(--p31-text);text-transform:uppercase;letter-spacing:.06em}.floating-window__body{flex:1;overflow-y:auto;padding:var(--p31-space-sm);font-size:var(--p31-scale-xs);color:var(--p31-text-secondary);line-height:1.55;min-height:0}.glass-panel{background:var(--p31-glass-bg);backdrop-filter:var(--p31-glass-blur);-webkit-backdrop-filter:var(--p31-glass-blur);border:1px solid var(--p31-glass-border);border-radius:var(--p31-glass-radius);box-shadow:var(--p31-glass-shadow);transition:all var(--p31-duration-standard) var(--p31-easing-standard)}.glass-panel:hover{border-color:var(--p31-glass-border-hover);background:var(--p31-glass-surface-hover);transform:translateY(-2px);box-shadow:0 12px 48px #00000040}.glass-card{background:var(--p31-glass-bg);backdrop-filter:var(--p31-glass-blur);-webkit-backdrop-filter:var(--p31-glass-blur);border:1px solid var(--p31-glass-border);border-radius:var(--p31-glass-radius);padding:var(--p31-spacing-lg);box-shadow:var(--p31-glass-shadow);transition:all var(--p31-duration-standard) var(--p31-easing-standard)}.glass-card:hover{border-color:var(--p31-glass-border-hover);transform:translateY(-4px);box-shadow:0 20px 40px #06b6d41f,0 0 0 1px #06b6d426}.glass-navbar{background:var(--p31-glass-bg);backdrop-filter:var(--p31-glass-blur);-webkit-backdrop-filter:var(--p31-glass-blur);border:1px solid var(--p31-glass-border);border-radius:var(--p31-glass-radius);position:fixed;top:var(--p31-spacing-md);left:50%;transform:translate(-50%);z-index:50;padding:var(--p31-spacing-sm) var(--p31-spacing-md);width:95%;max-width:64rem}.glass-strong{background:var(--p31-glass-bg-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--p31-glass-border-strong);border-radius:var(--p31-glass-radius);box-shadow:var(--p31-glass-shadow)}.glass-subtle{background:var(--p31-glass-bg-light);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--p31-glass-border);border-radius:var(--p31-glass-radius)}@keyframes p31-sheen{0%{transform:translate(0) skew(-18deg)}60%,to{transform:translate(480%) skew(-18deg)}}@keyframes p31-glow-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in oklch,var(--p31-accent) 28%,transparent),0 0 16px color-mix(in oklch,var(--p31-accent) 18%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in oklch,var(--p31-accent) 45%,transparent),0 0 30px color-mix(in oklch,var(--p31-accent) 30%,transparent)}}@media(prefers-reduced-motion:reduce){.topbar:before,.header-drawer:before,.p31-brandmark-glyph{animation:none!important}}[data-spoons="0"] .topbar:before,[data-spoons="0"] .header-drawer:before,[data-spoons="0"] .p31-brandmark-glyph,[data-spoons="1"] .topbar:before,[data-spoons="1"] .header-drawer:before,[data-spoons="1"] .p31-brandmark-glyph{animation:none!important}.topbar{flex-shrink:0;height:var(--p31-topbar-height);margin:var(--p31-space-xs) var(--p31-space-sm) 0;padding:0 var(--p31-space-sm);background:var(--p31-glass-bg);backdrop-filter:var(--p31-glass-blur) saturate(1.4);-webkit-backdrop-filter:var(--p31-glass-blur) saturate(1.4);border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-candy);box-shadow:inset 0 1px color-mix(in oklch,var(--p31-text) 10%,transparent),inset 0 -1px #0000002e,var(--p31-glass-shadow),0 0 0 1px color-mix(in oklch,var(--p31-accent) 30%,transparent),0 0 24px color-mix(in oklch,var(--p31-accent) 22%,transparent);display:flex;align-items:center;justify-content:space-between;gap:var(--p31-space-xs);position:relative;z-index:calc(var(--p31-z-topbar) + 1);overflow:hidden;transition:border-color var(--p31-duration-fast) var(--p31-easing-standard),box-shadow var(--p31-duration-fast) var(--p31-easing-standard)}.topbar-left{display:flex;align-items:center;gap:var(--p31-space-xs);font-weight:800;font-size:var(--p31-scale-lg);color:var(--p31-accent);letter-spacing:.02em}.topbar-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--p31-space-tiny);width:max-content;flex-wrap:nowrap}.topbar-right{display:flex;align-items:center;gap:var(--p31-space-tiny)}.metric-badge{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--p31-glass-bg);border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-sm);font-size:var(--p31-scale-xs);color:var(--p31-text-secondary);white-space:nowrap}.metric-badge strong{color:var(--p31-text);font-weight:700}.metric-badge.clickable{cursor:pointer;transition:border-color var(--p31-duration-instant) ease,color var(--p31-duration-instant) ease}.metric-badge.clickable:hover{border-color:var(--p31-accent);color:var(--p31-text)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--p31-accent-green);box-shadow:0 0 8px var(--p31-accent-green)}.status-dot.offline{background:var(--p31-accent-red);box-shadow:0 0 8px var(--p31-accent-red)}.spoon-dial{display:flex;gap:3px;background:#00000073;border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-full);padding:4px 6px}.spoon-btn{width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--p31-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--p31-duration-instant) ease}.spoon-btn svg{width:15px;height:15px;fill:currentColor}.spoon-btn:hover{color:var(--p31-text);background:var(--p31-glass-bg)}.spoon-btn.active{background:var(--p31-accent);color:#000;box-shadow:0 0 12px #00a4a480;box-shadow:0 0 12px oklch(65% .18 195 / .5)}.viewport{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 var(--p31-space-xs) var(--p31-space-xs);position:relative;z-index:var(--p31-z-content)}.viewport>*{scroll-margin-top:calc(var(--p31-topbar-height) + var(--p31-space-xs))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--p31-glass-bg);backdrop-filter:var(--p31-glass-blur);-webkit-backdrop-filter:var(--p31-glass-blur);border-top:1px solid var(--p31-glass-border);display:flex;align-items:center;justify-content:space-around;z-index:var(--p31-z-topbar)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;color:var(--p31-text-tertiary);text-decoration:none;font-size:var(--p31-scale-xs);transition:color var(--p31-duration-fast) ease;min-height:48px;min-width:48px}.nav-item:hover,.nav-item.active{color:var(--p31-accent)}.nav-item svg{width:24px;height:24px;transition:transform var(--p31-duration-fast) ease}.nav-item:hover svg{transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--p31-spacing-sm) var(--p31-spacing-lg);border-radius:var(--p31-radius-md);font-weight:600;font-size:var(--p31-scale-sm);line-height:1.4;text-decoration:none;cursor:pointer;border:none;transition:all var(--p31-duration-fast) ease}.btn-primary{background:var(--p31-accent);color:var(--p31-void);box-shadow:0 4px 16px #00f0ff33}.btn-primary:hover{opacity:.8;transform:translateY(-2px);box-shadow:0 8px 24px #00f0ff4d}.btn-secondary{background:#a78bfa1a;color:var(--p31-accent-violet);border:1px solid rgba(167,139,250,.3)}.btn-secondary:hover{background:#a78bfa33;transform:translateY(-2px);box-shadow:0 4px 16px #a78bfa26}.btn-ghost{background:transparent;color:var(--p31-text-secondary);border:none}.btn-ghost:hover{color:var(--p31-text);background:var(--p31-glass-bg)}.code-block{background:var(--p31-void);font-family:var(--p31-font-mono);border:1px solid rgba(255,255,255,.1);border-radius:var(--p31-radius-md);padding:var(--p31-spacing-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--p31-radius-full);font-size:var(--p31-scale-xs);font-weight:500;white-space:nowrap}.badge-success{background:#34d39933;color:var(--p31-accent-green);border:1px solid rgba(52,211,153,.3)}.badge-warning{background:#fbbf2433;color:var(--p31-accent-gold);border:1px solid rgba(251,191,36,.3)}.badge-error{background:#fb718533;color:var(--p31-accent-red);border:1px solid rgba(251,113,133,.3)}.badge-info{background:#00f0ff1a;color:var(--p31-accent);border:1px solid rgba(0,240,255,.2)}.input{width:100%;padding:var(--p31-spacing-sm) var(--p31-spacing-md);background:#0000004d;border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-md);color:var(--p31-text);font-size:var(--p31-scale-sm);transition:border-color var(--p31-duration-fast) ease}.input:focus{outline:none;border-color:var(--p31-accent);box-shadow:0 0 0 3px #00f0ff1a}.input::placeholder{color:var(--p31-text-tertiary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-balance{text-wrap:balance}.skip-link{position:absolute;top:-100%;left:0;z-index:var(--p31-z-skip-link);padding:var(--p31-spacing-sm) var(--p31-spacing-md);background:var(--p31-accent);color:var(--p31-void);font-weight:700;text-decoration:none;border-radius:0 0 var(--p31-radius-md) 0}.skip-link:focus{top:0}.starfield-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--p31-z-starfield);pointer-events:none;overflow:hidden}.starfield-bg canvas{display:block;width:100%;height:100%}body[data-spoons="0"] *{animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}body[data-spoons="0"] .starfield-bg{display:none!important}body[data-spoons="0"] .topbar,body[data-spoons="0"] .bottom-nav,body[data-spoons="0"] .sidebar,body[data-spoons="0"] nav,body[data-spoons="0"] .decorative,body[data-spoons="0"] .anim-enter,body[data-spoons="0"] .anim-enter-active,body[data-spoons="0"] .anim-exit,body[data-spoons="0"] .anim-exit-active{display:none!important}body[data-spoons="0"] .glass-card,body[data-spoons="0"] .glass-panel,body[data-spoons="0"] .glass-strong,body[data-spoons="0"] .glass-subtle{background:var(--p31-bg)!important;border-color:var(--p31-glass-border)!important;opacity:1!important;border-radius:0!important}body[data-spoons="1"]{--p31-glass-blur: blur(0px);--p31-glass-surface: oklch(15% .015 240) !important}body[data-spoons="0"] .crisis-overlay{display:flex!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}.animate-scale-in{animation:scaleIn .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.terminal{background:#03070ee6;border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-lg, 12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--p31-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:13px;line-height:1.6;overflow:hidden}.stack-diagram{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.stack-node{padding:16px 20px;background:#06b6d40d;border:1px solid rgba(6,182,212,.12);border-radius:var(--p31-radius-md, 8px);display:flex;align-items:center;gap:12px;transition:all .3s ease}.stack-node:hover{background:#06b6d414;border-color:#06b6d440;transform:translateY(-2px)}.stack-node__icon{width:40px;height:40px;border-radius:var(--p31-radius-md, 8px);background:var(--p31-accent);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.stack-node__content{flex:1;min-width:0}.stack-node__label{font-weight:600;font-size:14px;color:var(--p31-text)}.stack-node__count{font-size:12px;color:var(--p31-text-tertiary);font-family:var(--p31-font-mono, monospace)}.trust-item{text-align:center;padding:32px 24px;border-radius:var(--p31-radius-xl, 16px);background:var(--p31-glass-bg);border:1px solid var(--p31-glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{padding:32px;background:var(--p31-glass-bg);border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-xl, 16px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;text-decoration:none;color:inherit;display:block}.feature-card:hover{transform:translateY(-4px);border-color:#06b6d440;box-shadow:0 20px 40px #06b6d41a}.feature-card__icon{width:48px;height:48px;border-radius:var(--p31-radius-md, 8px);background:linear-gradient(135deg,#06b6d426,#10b9811a);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}.feature-card__title{font-size:18px;font-weight:700;color:var(--p31-text);margin-bottom:8px}.feature-card__desc{font-size:14px;color:var(--p31-text-secondary);line-height:1.6}.topbar-glass{background:var(--p31-glass-bg);-webkit-backdrop-filter:var(--p31-glass-blur);backdrop-filter:var(--p31-glass-blur);border:1px solid var(--p31-glass-border);border-radius:var(--p31-glass-radius)}.topbar-center-absolute{position:absolute;left:50%;transform:translate(-50%)}.glass-box{background:var(--p31-glass-surface);-webkit-backdrop-filter:var(--p31-glass-blur);backdrop-filter:var(--p31-glass-blur);border:1px solid var(--p31-glass-border);box-shadow:var(--p31-glass-shadow);border-radius:var(--p31-glass-radius)}.glass-box-hover{transition:border-color var(--p31-duration-standard) var(--p31-easing-standard),background var(--p31-duration-standard) var(--p31-easing-standard),box-shadow var(--p31-duration-standard) var(--p31-easing-standard)}.glass-box-hover:hover{border-color:var(--p31-accent);background:color-mix(in srgb,var(--p31-glass-surface) 1.3,transparent);box-shadow:0 8px 32px #00000026,0 0 30px var(--p31-accent-glow, rgba(6,182,212,.15))}.crisis-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--p31-bg)}.p31-crisis-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--p31-radius-md);font-weight:600;font-size:14px;cursor:pointer;border:none;background:var(--p31-accent);color:#000}.p31-crisis-message{font-size:var(--p31-body);color:var(--p31-text);text-align:center;max-width:480px;line-height:1.6}.exit-btn{position:absolute;top:16px;right:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--p31-radius-full);background:var(--p31-glass-bg);border:1px solid var(--p31-glass-border);color:var(--p31-text);cursor:pointer;transition:all var(--p31-duration-standard) var(--p31-easing-standard)}.exit-btn:hover{border-color:var(--p31-accent);color:var(--p31-accent)}.page-header{padding:var(--p31-spacing-xl) 0;border-bottom:1px solid var(--p31-glass-border);margin-bottom:var(--p31-spacing-xl)}.page-header__title{font-size:var(--p31-h1);font-weight:700;color:var(--p31-text);margin:0}.page-header__controls{display:flex;gap:var(--p31-spacing-md);align-items:center}.floating-window{position:fixed;z-index:100;background:var(--p31-glass-bg);-webkit-backdrop-filter:var(--p31-glass-blur);backdrop-filter:var(--p31-glass-blur);border:1px solid var(--p31-glass-border);border-radius:var(--p31-glass-radius);box-shadow:var(--p31-glass-shadow);overflow:hidden}.floating-window__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--p31-glass-border)}.floating-window__title{font-size:var(--p31-body-sm);font-weight:600;color:var(--p31-text)}.floating-window__body{padding:16px;max-height:400px;overflow-y:auto}.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--p31-radius-sm);font-size:var(--p31-label);font-weight:500;background:var(--p31-glass-bg);border:1px solid var(--p31-glass-border);color:var(--p31-text-secondary);cursor:pointer;transition:all var(--p31-duration-fast) var(--p31-easing-standard)}.copy-btn:hover{border-color:var(--p31-accent);color:var(--p31-accent)}.stack-diagonal{display:flex;flex-direction:column;gap:24px}.stack-diagonal>*{position:relative}.stack-diagonal>*:not(:last-child):after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:2px;height:12px;background:var(--p31-accent);opacity:.3}.terminal{background:#03070ee6;border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-lg, 12px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--p31-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:13px;line-height:1.6;overflow:hidden}.terminal__header{padding:12px 16px;background:#ffffff08;border-bottom:1px solid var(--p31-glass-border);display:flex;gap:8px}.terminal__dot{width:12px;height:12px;border-radius:50%;background:#ffffff26}.terminal__dot:nth-child(1){background:#ff5f5699}.terminal__dot:nth-child(2){background:#ffbd2e99}.terminal__dot:nth-child(3){background:#27c93f99}.terminal__body{padding:20px;max-height:400px;overflow-y:auto;color:var(--p31-text-secondary)}.terminal__line{margin-bottom:4px}.terminal__prompt{color:var(--p31-accent)}.terminal__cmd{color:var(--p31-text)}.terminal__output{color:var(--p31-text-tertiary)}.terminal__success{color:var(--p31-status-success, #10b981)}.terminal__cursor{display:inline-block;width:8px;height:16px;background:var(--p31-accent);animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.trust-item{text-align:center;padding:32px 24px;border-radius:var(--p31-radius-xl, 16px);background:var(--p31-glass-bg);border:1px solid var(--p31-glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--p31-duration-standard) var(--p31-easing-standard)}.trust-item:hover{transform:translateY(-4px);border-color:#06b6d440}.trust-item__number{font-size:48px;font-weight:800;background:linear-gradient(135deg,var(--p31-accent),var(--p31-accent-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.trust-item__label{font-size:14px;color:var(--p31-text-secondary);font-weight:500}.section{padding-top:96px;padding-bottom:96px}@media(max-width:768px){.section{padding-top:64px;padding-bottom:64px}}.skip-link{position:absolute;top:-100%;left:0;z-index:10000;padding:8px 16px;background:var(--p31-accent);color:#000;font-weight:700;border-radius:var(--p31-radius-md, 6px)}.skip-link:focus{top:8px;left:8px}.honest-label{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--p31-radius-sm);font-size:var(--p31-label);font-weight:600;background:#fb71851a;color:var(--p31-accent-red);border:1px solid rgba(251,113,133,.2)}.tetra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.tetra-nav{display:flex;gap:8px;flex-wrap:wrap}.k4-mesh{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.k4-node{padding:20px;background:var(--p31-glass-bg);border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-md);text-align:center;transition:all var(--p31-duration-standard) var(--p31-easing-standard)}.k4-node:hover{border-color:var(--p31-accent);transform:translateY(-2px)}.k4-edge{height:2px;background:linear-gradient(90deg,var(--p31-accent),transparent);opacity:.3}.breath-circle{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--p31-accent-green),transparent);animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}.dyslexia-mode{letter-spacing:.05em!important;word-spacing:.05em!important;line-height:1.9!important;font-size:105%!important}.code-block{padding:16px 20px;background:#0000004d;border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-md);font-family:var(--p31-font-mono);font-size:13px;line-height:1.6;overflow-x:auto}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--p31-spacing-lg)}.cr-crown,.cr-rotate{animation:cr-rotate 40s linear infinite}.cr-band{animation:cr-band 12s linear infinite}.cr-core{animation:cr-core 4s ease-in-out infinite}.cr-jewel{animation:cr-jewel 24s ease-in-out infinite}.cr-b1{animation:cr-b1 3s ease-in-out infinite}.cr-b2{animation:cr-b2 4s ease-in-out infinite}.cr-b3{animation:cr-b3 5s ease-in-out infinite}.cr-c1{animation:cr-c1 2s ease-in-out infinite}.cr-c2{animation:cr-c2 2.5s ease-in-out infinite}.cr-c3{animation:cr-c3 3s ease-in-out infinite}.cr-c4{animation:cr-c4 3.5s ease-in-out infinite}.cr-c5{animation:cr-c5 4s ease-in-out infinite}.cr-c6{animation:cr-c6 4.5s ease-in-out infinite}.cr-j1{animation:cr-j1 5s ease-in-out infinite}.cr-j3{animation:cr-j3 6s ease-in-out infinite}.cr-j5{animation:cr-j5 7s ease-in-out infinite}.cr-master{transition:all var(--p31-duration-standard) var(--p31-easing-standard)}@keyframes cr-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cr-band{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes cr-core{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes cr-jewel{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes cr-b1{0%,to{opacity:.3}50%{opacity:.8}}@keyframes cr-b2{0%,to{opacity:.2}50%{opacity:.6}}@keyframes cr-b3{0%,to{opacity:.4}50%{opacity:.9}}@keyframes cr-c1{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes cr-c2{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes cr-c3{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes cr-c4{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes cr-c5{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes cr-c6{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes cr-j1{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(90deg)}}@keyframes cr-j3{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(120deg)}}@keyframes cr-j5{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.ambient-grid{background-size:40px 40px;background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%)}.title-shimmer>span:first-child{background:linear-gradient(135deg,var(--p31-accent-green),var(--p31-accent-gold),var(--p31-accent));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textShimmer 6s ease-in-out infinite}@keyframes textShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-feather:before{content:"";position:absolute;top:-10%;right:-5%;bottom:-10%;left:-5%;z-index:-1;background:radial-gradient(120% 100% at 50% 30%,rgba(16,185,129,.05) 0%,transparent 55%),radial-gradient(130% 120% at 50% 35%,rgba(245,247,250,.6) 0%,rgba(245,247,250,.28) 45%,transparent 80%);-webkit-mask-image:radial-gradient(115% 115% at 50% 40%,#000 55%,transparent 100%);mask-image:radial-gradient(115% 115% at 50% 40%,#000 55%,transparent 100%);pointer-events:none}.organic-blob{border-radius:40% 60% 70% 30%/40% 50% 60%;animation:morph 8s ease-in-out infinite}@keyframes morph{0%{border-radius:40% 60% 70% 30%/40% 50% 60%}25%{border-radius:50%/60% 40% 70% 30%}50%{border-radius:30% 70% 40% 60%/50% 60% 40% 50%}75%{border-radius:60% 40% 30% 70%/30% 70% 50% 50%}to{border-radius:40% 60% 70% 30%/40% 50% 60%}}@keyframes pulse-slow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}@keyframes orbit-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-medium{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-fast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-orbit-slow{animation:orbit-slow 8s linear infinite}.animate-orbit-medium{animation:orbit-medium 6s linear infinite}.animate-orbit-fast{animation:orbit-fast 4s linear infinite}.a2-data-card{background:var(--p31-glass-bg);border:1px solid var(--p31-glass-border);border-radius:var(--p31-glass-radius);padding:var(--p31-spacing-lg);-webkit-backdrop-filter:var(--p31-glass-blur);backdrop-filter:var(--p31-glass-blur)}.a2-data-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--p31-spacing-md)}.a2-data-card-title{font-size:var(--p31-h3);font-weight:600;color:var(--p31-text)}.a2-data-card-subtitle{font-size:var(--p31-body-sm);color:var(--p31-text-secondary);margin-top:4px}.a2-data-card-body{margin-bottom:var(--p31-spacing-md)}.a2-data-card-metrics{display:flex;gap:var(--p31-spacing-lg);margin-bottom:var(--p31-spacing-md)}.a2-data-card-metric{flex:1}.a2-data-card-metric-value{font-size:var(--p31-h2);font-weight:700;color:var(--p31-accent);line-height:1}.a2-data-card-metric-label{font-size:var(--p31-label);color:var(--p31-text-secondary);margin-top:4px}.a2-data-card-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--p31-radius-full);font-size:var(--p31-label);font-weight:600}.a2-data-card-actions{display:flex;gap:var(--p31-spacing-sm);margin-top:var(--p31-spacing-md)}.a2-data-card-action{padding:8px 16px;border-radius:var(--p31-radius-sm);font-size:var(--p31-body-sm);font-weight:500;cursor:pointer;border:none;transition:all var(--p31-duration-fast) var(--p31-easing-standard)}.a2-data-card-action--primary{background:var(--p31-accent);color:#000}.a2-data-card-action--danger{background:transparent;border:1px solid var(--p31-accent-red);color:var(--p31-accent-red)}.a2-data-card-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--p31-radius-sm);background:transparent;border:none;color:var(--p31-text-secondary);cursor:pointer;transition:all var(--p31-duration-fast) var(--p31-easing-standard)}.a2-data-card-close:hover{background:var(--p31-glass-bg);color:var(--p31-text)}.a2-data-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--p31-spacing-md)}.admin-tabs{display:flex;gap:var(--p31-spacing-sm);border-bottom:1px solid var(--p31-glass-border);margin-bottom:var(--p31-spacing-lg)}.admin-tab{padding:10px 16px;font-size:var(--p31-body-sm);font-weight:500;color:var(--p31-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--p31-duration-fast) var(--p31-easing-standard)}.admin-tab:hover{color:var(--p31-text);border-bottom-color:var(--p31-glass-border)}.admin-tab[aria-selected=true]{color:var(--p31-accent);border-bottom-color:var(--p31-accent)}.resonance-pulse{position:relative}.resonance-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;animation:resonance 2s ease-out infinite;pointer-events:none}@keyframes resonance{0%{box-shadow:0 0 #06b6d466}to{box-shadow:0 0 0 20px #06b6d400}}.sic-gauge{position:relative;width:120px;height:60px;overflow:hidden}.sic-gauge:before{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:conic-gradient(from 180deg at 50% 100%,var(--p31-accent-green) 0deg,var(--p31-accent-gold) 120deg,var(--p31-accent-red) 240deg,transparent 240deg);mask-image:radial-gradient(circle at 50% 100%,transparent 40%,black 40%);-webkit-mask-image:radial-gradient(circle at 50% 100%,transparent 40%,black 40%)}.card-constrained{max-width:640px;margin:0 auto}.card-graph-pinned{position:sticky;top:var(--p31-spacing-lg)}.preview{padding:var(--p31-spacing-xl);border:1px dashed var(--p31-glass-border);border-radius:var(--p31-glass-radius);background:#ffffff05}.preview-label{font-size:var(--p31-label);font-weight:600;color:var(--p31-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--p31-spacing-md)}.preview-section{margin-bottom:var(--p31-spacing-xl)}.uppercase{text-transform:uppercase}.rounded{border-radius:var(--p31-radius-md)}.group{position:relative}.pointer-events-none{pointer-events:none}.outline-none{outline:none}.pt-2{padding-top:8px}.pt-4{padding-top:16px}.pt-8{padding-top:32px}.pt-32{padding-top:128px}.pb-20{padding-bottom:80px}.pb-24{padding-bottom:96px}.-mt-10{margin-top:-40px}.-inset-1{top:-4px;right:-4px;bottom:-4px;left:-4px}.-translate-x-1/2{--tw-translate-x: -50%;transform:translate(-50%)}.-translate-y-1-2{--tw-translate-y: -50%;transform:translateY(-50%)}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.compact{--p31-card-padding: 16px}.medium{--p31-card-padding: 24px}.expanded{--p31-card-padding: 32px}.regular{--p31-card-padding: 24px}@media(min-width:768px){.sidebar{display:block!important;width:240px}.sidebar-hidden-tablet{display:none!important}.tetra-grid{grid-template-columns:repeat(2,1fr)}.main-content{padding-left:256px}body[data-spoons="2"] .glass-panel,body[data-spoons="2"] .glass-card{-webkit-backdrop-filter:var(--p31-glass-blur);backdrop-filter:var(--p31-glass-blur)}}@media(min-width:1024px){.sidebar{width:280px}.tetra-grid{grid-template-columns:repeat(4,1fr)}.main-content{padding-left:296px}.desktop-only{display:block}.mobile-only{display:none}}@media(min-width:1440px){.sidebar{width:320px}.main-content{padding-left:336px}.tetra-grid{gap:var(--p31-space-xl)}}@media(min-width:768px){.bottom-nav{display:none!important}.side-nav{display:block!important}}@media(prefers-reduced-motion:reduce){.glass-panel,.glass-card,.glass-strong{transition:none!important;animation:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important}}[data-spoons="0"] *,[data-spoons="0"] *:before,[data-spoons="0"] *:after,[data-spoons="1"] *,[data-spoons="1"] *:before,[data-spoons="1"] *:after{animation-duration:0s!important;transition-duration:0s!important}[data-spoons="2"] *,[data-spoons="2"] *:before,[data-spoons="2"] *:after{transition-duration:var(--p31-duration-slow)!important}[data-spoons="4"] *,[data-spoons="4"] *:before,[data-spoons="4"] *:after{transition-duration:var(--p31-duration-instant)!important}[data-spoons="5"] *,[data-spoons="5"] *:before,[data-spoons="5"] *:after{transition-duration:var(--p31-duration-instant)!important}.glass-panel,.glass-card{transition:all var(--p31-duration-standard) var(--p31-easing-standard)}.btn-primary,.btn-secondary,.btn-ghost{transition:all var(--p31-duration-fast) ease}.text-h1{font-size:var(--p31-h1);font-weight:700;line-height:1.1;letter-spacing:-.02em}.text-h2{font-size:var(--p31-h2);font-weight:600;line-height:1.2}.text-h3{font-size:var(--p31-h3);font-weight:600;line-height:1.3}.text-h4{font-size:var(--p31-h4);font-weight:600;line-height:1.3}.text-body{font-size:var(--p31-body);font-weight:400;line-height:1.6}.text-body-sm{font-size:14px;font-weight:400;line-height:1.5}.text-label{font-size:var(--p31-label);font-weight:500;line-height:1;letter-spacing:.05em;text-transform:uppercase}.text-caption{font-size:var(--p31-caption);font-weight:400;line-height:1.4}.text-code{font-family:var(--p31-font-mono);font-size:13px;line-height:1.6}.text-muted{color:var(--p31-text-secondary)}.text-dim{color:var(--p31-text-tertiary)}.text-accent{color:var(--p31-accent)}.text-violet{color:var(--p31-accent-violet)}.text-gold{color:var(--p31-accent-gold)}.text-green{color:var(--p31-accent-green)}.text-red{color:var(--p31-accent-red)}.section-strip{display:none}@media(min-width:768px){.section-strip{display:flex;flex-wrap:wrap;gap:6px;padding:12px max(24px,calc((100% - 1152px)/2)) 0;width:100%}}.section-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;min-height:40px;border-radius:9999px;border:1px solid var(--p31-glass-border);background:var(--p31-glass-bg);backdrop-filter:var(--p31-glass-blur);-webkit-backdrop-filter:var(--p31-glass-blur);color:var(--p31-text-secondary);font-size:12px;cursor:pointer;transition:all var(--p31-duration-fast) ease}.section-tab:hover{color:var(--p31-text);border-color:var(--p31-glass-border-strong)}.section-tab.is-active{color:var(--p31-accent);border-color:var(--p31-accent);box-shadow:inset 0 0 12px color-mix(in srgb,var(--p31-accent) 10%,transparent),0 0 12px color-mix(in srgb,var(--p31-accent) 8%,transparent)}.section-tab:focus-visible{outline:2px solid var(--p31-accent);outline-offset:2px}[data-spoons="0"] .section-tab,[data-spoons="1"] .section-tab{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--p31-surface)!important;box-shadow:none!important;transition:none!important}.cmdk-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--p31-radius-full);border:1px solid var(--p31-glass-border);background:var(--p31-glass-bg);color:var(--p31-text-secondary);cursor:pointer;transition:all var(--p31-duration-instant) var(--p31-ease-kuramoto)}.cmdk-trigger:hover{color:var(--p31-text);border-color:var(--p31-glass-border-strong)}.cmdk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--p31-z-topbar, 80) + 40);display:flex;align-items:flex-start;justify-content:center;padding:min(14vh,120px) 16px 16px;background:color-mix(in srgb,var(--p31-bg) 60%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cmdk-panel{width:100%;max-width:560px;border-radius:var(--p31-radius-lg, 16px);background:var(--p31-surface);border:1px solid var(--p31-glass-border-strong, var(--p31-glass-border));box-shadow:var(--p31-glass-shadow, 0 24px 64px rgba(0,0,0,.4));overflow:hidden;animation:panel-in var(--p31-duration-fast, 172ms) var(--p31-ease-kuramoto)}.cmdk-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--p31-glass-border);color:var(--p31-text-secondary)}.cmdk-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--p31-text);font-size:15px}.cmdk-kbd{font-family:Fira Code,monospace;font-size:10px;color:var(--p31-text-tertiary);border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-sm, 4px);padding:2px 6px;text-transform:lowercase}.cmdk-list{list-style:none;margin:0;padding:8px;max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.cmdk-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--p31-radius-md, 8px);background:transparent;border:none;color:var(--p31-text-secondary);cursor:pointer;text-align:left;font-size:14px}.cmdk-item.is-active{background:var(--p31-accent);color:var(--p31-void)}.cmdk-label{font-weight:600;flex:1}.cmdk-path{font-family:Fira Code,monospace;font-size:11px;opacity:.7}.cmdk-empty{padding:14px;color:var(--p31-text-tertiary);font-size:13px;text-align:center}@keyframes panel-in{0%{opacity:0;transform:translateY(-4px)}}.chameleon{position:relative}.chameleon-trigger{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;min-height:36px;border-radius:var(--p31-radius-full);border:1px solid var(--p31-glass-border);background:var(--p31-glass-bg);color:var(--p31-text-secondary);cursor:pointer;transition:all var(--p31-duration-instant) var(--p31-ease-kuramoto),border-color var(--p31-duration-instant) var(--p31-ease-kuramoto)}.chameleon-trigger:hover{color:var(--p31-text);border-color:var(--p31-glass-border-hover, var(--p31-accent))}.chameleon-dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 8px currentColor}.chameleon-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--p31-z-dropdown, 100);width:232px;padding:var(--p31-space-sm);display:flex;flex-direction:column;gap:var(--p31-space-xs);background:var(--p31-surface);border:1px solid var(--p31-glass-border-strong, var(--p31-glass-border));border-radius:var(--p31-radius-lg);box-shadow:var(--p31-glass-shadow, 0 8px 32px rgba(0,0,0,.15));animation:panel-in var(--p31-duration-fast) var(--p31-ease-kuramoto)}.chameleon-row{display:flex;align-items:center;gap:var(--p31-space-tiny)}.world-dot{flex:1;height:30px;border-radius:var(--p31-radius-md);border:2px solid transparent;cursor:pointer;transition:transform var(--p31-duration-instant) var(--p31-ease-kuramoto),border-color var(--p31-duration-instant) var(--p31-ease-kuramoto)}.world-dot:hover{transform:translateY(-2px)}.world-dot.is-active{border-color:var(--p31-text)}.chameleon-seg .seg{flex:1;padding:5px 0;font-size:12px;background:transparent;color:var(--p31-text-secondary);border:1px solid var(--p31-glass-border);border-radius:var(--p31-radius-sm);cursor:pointer}.chameleon-seg .seg.is-active{background:var(--p31-accent);border-color:var(--p31-accent);color:var(--p31-void);font-weight:600}.chameleon-toggles{justify-content:space-between}.toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--p31-text-secondary);cursor:pointer}.toggle input{accent-color:var(--p31-accent)}.chameleon-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--p31-text-tertiary);margin-top:2px}.chameleon-brands{flex-wrap:wrap}.brand-chip{padding:5px 9px;font-size:11px;font-family:Fira Code,monospace;border-radius:var(--p31-radius-sm);border:1px solid var(--p31-glass-border);background:transparent;color:var(--p31-text-secondary);cursor:pointer;transition:all var(--p31-duration-instant) var(--p31-ease-kuramoto)}.brand-chip:hover{color:var(--p31-text);border-color:var(--p31-glass-border-strong)}.brand-chip.is-active{background:var(--p31-accent);border-color:var(--p31-accent);color:var(--p31-void);font-weight:700}.hero-eyebrow{display:block;font-family:Fira Code,monospace;font-size:11px;color:var(--p31-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--p31-space-3, 12px)}.page-header-route{padding:calc(var(--p31-space-7, 48px)) 0 var(--p31-space-6, 36px)}.page-header-route h1{font-size:clamp(30px,4.5vw,44px);line-height:1.05;font-weight:800;letter-spacing:-.025em;margin:0 0 14px;max-width:20ch;background:linear-gradient(120deg,var(--p31-text) 45%,var(--p31-accent) 110%);-webkit-background-clip:text;background-clip:text;color:transparent}.page-lede{font-size:17px;line-height:1.55;color:var(--p31-text-secondary);max-width:60ch;margin:0}.page-actions{display:flex;flex-wrap:wrap;gap:var(--p31-space-3, 12px);margin-top:var(--p31-space-5, 32px)}[data-container]{container-type:inline-size}[data-container-adaptive]{--p31-container-font: clamp(.75rem, 1.2cqi + .5rem, 1.25rem);--p31-container-padding: clamp(.5rem, 1cqi, 1.5rem);--p31-container-gap: clamp(.25rem, .8cqi, 1rem)}[data-container-grid]{display:grid;container-type:inline-size;gap:var(--p31-container-gap, .75rem);grid-template-columns:repeat(2,1fr)}@container (max-width: 400px){[data-container-grid]{grid-template-columns:1fr}}@container (min-width: 800px){[data-container-grid]{grid-template-columns:repeat(3,1fr)}}@container (max-width: 360px){[data-container-adaptive] .leaderboard-entry{font-size:.75rem;gap:4px}[data-container-adaptive] .leaderboard-rank{width:16px}}.chat-shell{display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0;position:relative}.chat-shell-header{flex-shrink:0;min-width:0}.chat-shell-body{flex:1 1 0;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.chat-shell-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;pointer-events:none;visibility:hidden}.chat-shell-drawer--open{pointer-events:auto;visibility:visible}.chat-shell-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .2s ease}.chat-shell-drawer--open .chat-shell-drawer-backdrop{opacity:1}.chat-shell-drawer-panel{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--p31-surface, Canvas);transform:translateY(100%);transition:transform .2s ease}.chat-shell-drawer--open .chat-shell-drawer-panel{transform:translateY(0)}.chat-shell-drawer-head{flex-shrink:0;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--p31-space-xs, .25rem);padding:var(--p31-space-xs, .25rem) var(--p31-space-sm, .5rem);border-bottom:1px solid var(--p31-glass-border, currentColor);background:var(--p31-surface, Canvas)}.chat-shell-drawer-title{font-weight:700;font-size:var(--p31-scale-sm, 1rem);color:var(--p31-text, CanvasText)}.chat-shell-drawer-body{flex:1 1 0;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}@container (min-width: 900px){.chat-shell-drawer{display:none}}:root{font-family:var(--p31-font-sans, system-ui, sans-serif);color-scheme:light dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:var(--p31-bg, Canvas);color:var(--p31-text, CanvasText);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100dvh;min-height:0;padding:var(--p31-space-md, 1rem);gap:var(--p31-space-md, 1rem)}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 60% at 15% 0%,oklch(69% .14 45 / .06),transparent 70%),radial-gradient(ellipse 60% 50% at 85% 100%,oklch(72% .16 285 / .05),transparent 70%),radial-gradient(circle at 50% 50%,transparent 0%,oklch(0% 0 0 / .35) 100%)}.app-brand{display:inline-flex;align-items:center;gap:var(--p31-space-xs, .25rem);font-family:var(--p31-font-sans, system-ui, sans-serif);font-weight:500;font-size:15px;color:var(--p31-text, CanvasText);letter-spacing:.01em;min-width:0}.app-brand__mark{flex-shrink:0;color:var(--p31-accent, CanvasText)}.app-brand__name{font-weight:600;white-space:nowrap}.app-brand__sep{color:var(--p31-text-tertiary, CanvasText);margin:0 2px}.app-brand__ctx{color:var(--p31-text-secondary, CanvasText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.topbar-actions{display:flex;align-items:center;gap:var(--p31-space-tiny, 2px);min-width:0}.topbar-actions .topbar-action{color:var(--p31-text-secondary, CanvasText)}.topbar-actions .topbar-action:hover{color:var(--p31-text, CanvasText)}.topbar-divider{width:1px;height:20px;background:var(--p31-glass-border, currentColor);margin:0 var(--p31-space-xs, .25rem);flex-shrink:0}.spoon-dial-frame{display:inline-flex;align-items:center;justify-content:center;background:var(--p31-surface, Canvas);border:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-full, 9999px);padding:2px var(--p31-space-sm, .5rem);min-height:32px}.spoon-dial-wrap :global(.spoon-dial){gap:3px}.sandbox-page{position:relative;flex:1 1 0;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;color:var(--p31-text, CanvasText)}.sandbox-page--popout{position:static;min-height:0}.sandbox-popout-header{display:flex;align-items:center;justify-content:space-between;gap:var(--p31-space-xs, .25rem);flex-shrink:0;padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent));backdrop-filter:blur(var(--p31-glass-blur, 0px));-webkit-backdrop-filter:blur(var(--p31-glass-blur, 0px));border-bottom:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-lg, .75rem) var(--p31-radius-lg, .75rem) 0 0;flex-wrap:wrap;min-width:0}.sandbox-popout-actions{display:flex;align-items:center;gap:var(--p31-space-tiny, 2px);flex-wrap:wrap;min-width:0}.surface-split--resizable{display:grid;grid-template-columns:minmax(300px,var(--split-a, 1fr)) 4px minmax(340px,var(--split-b, 1fr));grid-template-rows:1fr;gap:var(--p31-space-md, 1rem);flex:1;min-height:0;padding:var(--p31-space-md, 1rem)}.surface-split--resizable[data-artifact=closed]{grid-template-columns:1fr 0 0}.surface-split-handle{cursor:col-resize;background:var(--p31-glass-border, currentColor);min-width:4px;width:4px;transition:background var(--p31-duration-instant, 0s);touch-action:none;flex-shrink:0}.surface-split-handle:hover,.surface-split-handle:active{background:var(--p31-accent, CanvasText)}.chat-sidebar{width:var(--p31-chat-sidebar-width, 16rem);min-width:var(--p31-chat-sidebar-width, 16rem);display:flex;flex-direction:column;border-right:1px solid var(--p31-glass-border, currentColor);background:var(--p31-surface, Canvas);border-radius:var(--p31-radius-lg, .75rem) 0 0 var(--p31-radius-lg, .75rem);overflow-y:hidden;min-height:0;position:relative;scrollbar-width:thin;scrollbar-color:var(--p31-glass-border, currentColor) transparent}.chat-sidebar-header{flex-shrink:0;display:flex;align-items:center;min-height:40px;padding:0 var(--p31-space-sm, .5rem);border-bottom:1px solid var(--p31-glass-border, currentColor);background:var(--p31-surface, Canvas)}.chat-sidebar-header h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--p31-text-tertiary, CanvasText);margin:0}.chat-sidebar-new{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:8px 8px 4px;padding:9px 10px;min-height:38px;background:var(--p31-glass-bg-strong, transparent);border:1px solid var(--p31-glass-border, currentColor);border-radius:10px;color:var(--p31-text, CanvasText);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease}.chat-sidebar-new:hover{background:var(--p31-surface2, Canvas);border-color:var(--p31-glass-border-hover, currentColor)}.chat-sidebar-search-wrap{position:relative;display:flex;align-items:center;margin:0 8px 4px}.chat-sidebar-search-icon{position:absolute;left:8px;color:var(--p31-text-tertiary, CanvasText);pointer-events:none}.chat-sidebar-search{width:100%;min-height:34px;padding:0 8px 0 28px;background:var(--p31-glass-bg, transparent);border:1px solid var(--p31-glass-border, currentColor);border-radius:8px;color:var(--p31-text, CanvasText);font-size:12px;outline:none;transition:border-color .12s ease}.chat-sidebar-search:focus-visible{border-color:var(--p31-accent, CanvasText)}.chat-sidebar-search::placeholder{color:var(--p31-text-tertiary, CanvasText)}.chat-thread-list{flex:1 1 0;min-height:0;overflow-y:auto;padding:0 8px 8px;scrollbar-width:thin;scrollbar-color:var(--p31-glass-border, currentColor) transparent}.chat-thread-group{display:flex;flex-direction:column;gap:2px}.chat-thread-group-label{padding:12px 4px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--p31-text-tertiary, CanvasText);opacity:.7}.chat-thread-item{position:relative;display:flex;flex-direction:column;gap:3px;padding:8px 10px 8px 14px;border-radius:8px;cursor:pointer;min-height:56px;outline:0;transition:background .12s ease}.chat-thread-item:hover{background:var(--p31-glass-bg, transparent)}.chat-thread-item--active{background:var(--p31-surface2, Canvas)}.chat-thread-item--active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--p31-accent, CanvasText)}.chat-thread-item:focus-visible{outline:2px solid var(--p31-accent, CanvasText);outline-offset:1px}.chat-thread-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-thread-item-title{font-size:13px;font-weight:500;color:var(--p31-text, CanvasText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:48px}.chat-thread-item--unread .chat-thread-item-title{font-weight:600}.chat-thread-item-preview{font-size:12px;color:var(--p31-text-tertiary, CanvasText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:48px}.chat-thread-item-status{position:absolute;top:10px;left:6px;width:8px;height:8px;border-radius:50%;visibility:hidden}.chat-thread-item--streaming .chat-thread-item-status{visibility:visible;background:var(--p31-accent, CanvasText);animation:p31-status-pulse 1.2s ease-in-out infinite}.chat-thread-item--unread .chat-thread-item-status{visibility:visible;background:var(--p31-accent-alt, var(--p31-accent, CanvasText))}.chat-thread-item-time{position:absolute;top:10px;right:10px;font-size:11px;color:var(--p31-text-tertiary, CanvasText);pointer-events:none}.chat-thread-item-delete{position:absolute;bottom:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:0;border-radius:6px;color:var(--p31-text-tertiary, CanvasText);cursor:pointer;opacity:0;flex-shrink:0;transition:opacity .12s ease,color .12s ease,background .12s ease}.chat-thread-item:hover .chat-thread-item-delete,.chat-thread-item:focus-within .chat-thread-item-delete{opacity:1}.chat-thread-item-delete:hover{color:var(--p31-status-error, CanvasText);background:var(--p31-glass-bg, transparent)}.chat-sidebar-empty{padding:16px 8px;color:var(--p31-text-tertiary, CanvasText);font-size:12px;text-align:center}.chat-sidebar-resize{position:absolute;top:0;right:0;bottom:0;width:5px;cursor:col-resize;touch-action:none}.chat-sidebar-resize:after{content:"";position:absolute;top:0;bottom:0;right:2px;width:1px;background:var(--p31-glass-border, currentColor);opacity:0;transition:opacity .12s ease}.chat-sidebar-resize:hover:after,.chat-sidebar-resize:active:after{opacity:1;background:var(--p31-accent, CanvasText)}@keyframes p31-status-pulse{0%,to{opacity:1}50%{opacity:.35}}.chat-pane{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.chat-pane--empty{align-items:center;justify-content:center}.chat-messages{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--p31-space-sm, .5rem);padding:var(--p31-space-md, 1rem);padding-bottom:40px}.chat-empty-prompt{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:30rem;margin:0 auto;width:100%;padding:var(--p31-space-md, 1rem) var(--p31-space-md, 1rem) var(--p31-space-sm, .5rem);gap:var(--p31-space-sm, .5rem)}.chat-empty-hero__mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--p31-radius-lg, .75rem);color:var(--p31-accent, CanvasText);background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent));border:1px solid var(--p31-glass-border, currentColor);box-shadow:0 0 24px color-mix(in oklch,var(--p31-accent, CanvasText) 22%,transparent);margin-bottom:var(--p31-space-sm, .5rem);flex-shrink:0}.chat-empty-hero__title{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--p31-text, CanvasText);margin:0}.chat-empty-hero__sub{font-size:14px;line-height:1.6;color:var(--p31-text-secondary, CanvasText);margin:0;max-width:26rem;flex-shrink:0}.chat-empty-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--p31-space-sm, .5rem);width:100%;margin-top:var(--p31-space-md, 1rem);flex-shrink:0}.chat-empty-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:12px;background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-lg, .75rem);color:var(--p31-text, CanvasText);cursor:pointer;transition:border-color var(--p31-duration-instant, 0s),transform var(--p31-duration-instant, 0s),background var(--p31-duration-instant, 0s);min-height:0}.chat-empty-card:hover{border-color:var(--p31-glass-border-hover, currentColor);background:var(--p31-glass-bg, transparent)}.chat-empty-card:active{transform:translateY(1px)}.chat-empty-card__icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--p31-radius-md, .5rem);color:var(--p31-accent, CanvasText);background:var(--p31-surface, Canvas);border:1px solid var(--p31-glass-border, currentColor);flex-shrink:0}.chat-empty-card__title{font-size:13px;font-weight:600;color:var(--p31-text, CanvasText)}.chat-empty-card__desc{font-size:12px;line-height:1.45;color:var(--p31-text-tertiary, CanvasText)}.chat-msg{display:flex;flex-direction:column;max-width:100%;min-width:0}.chat-msg--user{align-items:flex-end}.chat-msg--assistant{align-items:flex-start;flex-direction:row;gap:8px}.chat-msg--assistant:before{content:"";flex-shrink:0;width:6px;height:6px;margin-top:13px;border-radius:var(--p31-radius-full, 9999px);background:var(--p31-accent, CanvasText)}.chat-msg--assistant .chat-msg-content{max-width:70ch;padding:4px 0;font-size:15px;line-height:1.65;color:var(--p31-text, CanvasText)}.chat-msg-content{max-width:70ch;font-size:15px;line-height:1.65;color:var(--p31-text, CanvasText);min-width:0}.chat-msg--user .chat-msg-bubble{max-width:75%;padding:10px 14px;background:var(--p31-surface2, oklch(22% .02 240));border:1px solid var(--p31-glass-border, currentColor);border-radius:18px 18px 4px;font-size:15px;line-height:1.5}.chat-msg--assistant .chat-msg-bubble{display:none}.chat-msg-time{font-size:11px;color:var(--p31-text-tertiary, CanvasText);margin-top:2px;padding:0 var(--p31-space-tiny, 2px);opacity:0;transition:opacity .15s ease}.chat-msg:hover .chat-msg-time,.chat-msg:focus-within .chat-msg-time{opacity:1}.streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--p31-accent, CanvasText);margin-left:1px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.chat-composer{display:flex;flex-direction:column;align-items:stretch;gap:var(--p31-space-sm, .5rem);width:100%;max-width:720px;margin:0 auto;box-sizing:border-box;flex:0 0 auto;min-height:0;padding:12px 16px max(16px,env(safe-area-inset-bottom,16px));background:linear-gradient(to top,var(--p31-bg, Canvas) 60%,transparent)}.chat-composer-panel{display:flex;flex-direction:column;gap:var(--p31-space-xs, .25rem);min-height:0;padding:12px 14px;background:var(--p31-surface, Canvas);border:1px solid var(--p31-glass-border, currentColor);border-radius:16px;box-shadow:0 4px 24px #00000059,0 1px #ffffff0a inset}.chat-composer-panel--solid{background:var(--p31-surface, Canvas);border-color:var(--p31-glass-border, currentColor);backdrop-filter:none;-webkit-backdrop-filter:none}.chat-composer-input{width:100%;min-height:44px;max-height:200px;flex:1 1 auto;padding:6px 0;background:transparent;border:none;border-radius:0;box-shadow:none;color:var(--p31-text, CanvasText);font-size:15px;line-height:1.5;font-family:var(--p31-font-sans, system-ui, sans-serif);resize:none;outline:none;overflow-y:auto;transition:background var(--p31-duration-instant, 0s);min-width:0}.chat-composer-input::placeholder{color:var(--p31-text-tertiary, CanvasText)}.jump-to-bottom{position:sticky;bottom:var(--p31-space-sm, .5rem);align-self:center;padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent));border:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-full, 9999px);color:var(--p31-text, CanvasText);font-size:var(--p31-scale-xs, .75rem);cursor:pointer;box-shadow:var(--p31-glass-shadow, none);z-index:5;min-height:32px;min-width:32px}.composer-agent-selector{flex-shrink:0;min-width:0}.chat-composer-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--p31-space-xs, .25rem);padding-top:8px;border-top:1px solid var(--p31-glass-border, currentColor);margin-top:8px;min-width:0}.chat-composer-actions .chat-composer-send,.chat-composer-actions .chat-composer-stop{margin-left:auto;border-radius:var(--p31-radius-full, 9999px);min-height:40px;min-width:40px;padding:0 var(--p31-space-sm, .5rem);display:inline-flex;align-items:center;justify-content:center}.chat-composer-send,.chat-composer-stop{flex-shrink:0;min-height:44px;min-width:44px}.chat-generation-status{display:inline-flex;align-items:center;gap:var(--p31-space-tiny, 2px);font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-tertiary, CanvasText);letter-spacing:.02em;flex-wrap:wrap}.chat-generation-status .status-dot{width:8px;height:8px;border-radius:var(--p31-radius-full, 9999px);background:var(--p31-status-info, CanvasText);animation:p31-status-pulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes p31-status-pulse{0%,to{opacity:1}50%{opacity:.4}}.suggestion-chip{display:inline-flex;align-items:center;gap:var(--p31-space-tiny, 2px);padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent));border:1px solid var(--p31-accent, CanvasText);border-radius:var(--p31-radius-full, 9999px);font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text, CanvasText);cursor:pointer;transition:all var(--p31-duration-instant, 0s) ease;flex-shrink:0;flex-wrap:wrap;min-width:0}.suggestion-chip:hover{background:var(--p31-accent, CanvasText);color:var(--p31-void, Canvas)}.suggestion-chip code{font-family:var(--p31-font-mono, ui-monospace, monospace);background:var(--p31-glass-bg, transparent);padding:1px 4px;border-radius:var(--p31-radius-sm, .25rem)}.suggestion-chip-dismiss{background:none;border:none;color:var(--p31-text-tertiary, CanvasText);cursor:pointer;font-size:14px;padding:0 4px;flex-shrink:0}.suggestion-chip-dismiss:hover{color:var(--p31-text, CanvasText)}.agent-selector{position:relative;flex-shrink:0;min-width:0}.agent-selector-trigger{display:flex;align-items:center;gap:var(--p31-space-tiny, 2px);padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);background:var(--p31-glass-bg, transparent);border:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-full, 9999px);color:var(--p31-text, CanvasText);font-size:var(--p31-scale-xs, .75rem);cursor:pointer;min-height:36px;transition:border-color var(--p31-duration-instant, 0s);flex-shrink:0;min-width:0}.agent-selector-trigger:hover{border-color:var(--p31-accent, CanvasText)}.agent-selector-trigger .chevron{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;overflow:hidden;flex-shrink:0}.agent-selector-popover{position:absolute;bottom:calc(100% + 4px);left:0;min-width:220px;background:var(--p31-surface2, Canvas);border:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-lg, .75rem);box-shadow:var(--p31-glass-shadow, none);overflow:hidden;z-index:var(--p31-z-dropdown, 100);animation:fadeIn var(--p31-duration-instant, 0s) ease;flex-wrap:nowrap;min-width:0}.agent-selector-option{display:flex;align-items:center;gap:var(--p31-space-tiny, 2px);padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);cursor:pointer;font-size:var(--p31-scale-sm, 1rem);color:var(--p31-text-secondary, CanvasText);transition:background var(--p31-duration-instant, 0s);min-width:0}.agent-selector-option:hover{background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent))}.agent-selector-option--active{color:var(--p31-accent, CanvasText)}.agent-selector-option-name{font-weight:600}.agent-selector-option-desc{font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-tertiary, CanvasText)}.tool-chip{background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent));border:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-md, .5rem);padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);font-size:var(--p31-scale-xs, .75rem);cursor:pointer;transition:border-color var(--p31-duration-instant, 0s);margin-bottom:var(--p31-space-tiny, 2px);max-width:100%;min-width:0}.tool-chip:hover{border-color:var(--p31-accent, CanvasText)}.tool-chip--pending{border-color:var(--p31-status-warning, CanvasText)}.tool-chip--running{border-color:var(--p31-accent, CanvasText)}.tool-chip--done{border-color:var(--p31-status-online, CanvasText)}.tool-chip--error{border-color:var(--p31-status-error, CanvasText)}.tool-chip-header{display:flex;align-items:center;gap:var(--p31-space-tiny, 2px);min-width:0}.tool-chip-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;overflow:hidden}.tool-chip-name{font-family:var(--p31-font-mono, ui-monospace, monospace);font-weight:600;color:var(--p31-accent, CanvasText);min-width:0;overflow:hidden;text-overflow:ellipsis}.tool-chip-args{color:var(--p31-text-secondary, CanvasText);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tool-chip-duration{font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-tertiary, CanvasText);flex-shrink:0}.tool-chip-chevron{flex-shrink:0;color:var(--p31-text-tertiary, CanvasText);transition:transform var(--p31-duration-instant, 0s)}.tool-chip--expanded .tool-chip-chevron{transform:rotate(180deg)}.tool-chip-body{display:none;margin-top:var(--p31-space-tiny, 2px);padding-top:var(--p31-space-tiny, 2px);border-top:1px solid var(--p31-glass-border, currentColor);flex-wrap:wrap;min-width:0}.tool-chip--expanded .tool-chip-body{display:block}.tool-chip-result{font-family:var(--p31-font-mono, ui-monospace, monospace);font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-secondary, CanvasText);max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;min-width:0}.artifact-pane{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--p31-surface, Canvas);border-left:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-lg, .75rem);min-width:0}.glass-card-title{display:flex;align-items:center;gap:var(--p31-space-xs, .25rem);flex-shrink:0;min-width:0}.glass-card-title .artifact-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;overflow:hidden;flex-shrink:0}.artifact-tabs{display:flex;border-bottom:1px solid var(--p31-glass-border, currentColor);flex-shrink:0;flex-wrap:wrap;min-width:0}.artifact-tab{flex:1;padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);font-size:var(--p31-scale-xs, .75rem);font-weight:600;text-align:center;background:transparent;border:none;color:var(--p31-text-tertiary, CanvasText);cursor:pointer;min-height:36px;transition:color var(--p31-duration-instant, 0s);min-width:0}.artifact-tab:hover{color:var(--p31-text, CanvasText)}.artifact-tab--active{color:var(--p31-accent, CanvasText);border-bottom:2px solid var(--p31-accent, CanvasText)}.artifact-body{flex:1;min-height:0;overflow:hidden;min-width:0}.artifact-preview-tab{display:flex;flex-direction:column;height:100%;min-width:0}.artifact-preview-wrapper{position:relative;width:100%;height:100%;min-width:0}.artifact-body-iframe{width:100%;height:100%;border:none;background:transparent}.p31-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--p31-glass-bg, transparent);backdrop-filter:blur(var(--p31-glass-blur, 0px));-webkit-backdrop-filter:blur(var(--p31-glass-blur, 0px));z-index:10;animation:fadeIn .2s ease}.p31-loader{padding:var(--p31-space-sm, .5rem) var(--p31-space-lg, 1.5rem);background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent));border-radius:var(--p31-radius-full, 9999px);color:var(--p31-text, CanvasText);font-weight:600;font-size:var(--p31-scale-sm, 1rem);border:1px solid var(--p31-glass-border, currentColor)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.p31-error-overlay{position:absolute;left:var(--p31-space-xs, .25rem);right:var(--p31-space-xs, .25rem);bottom:var(--p31-space-xs, .25rem);display:flex;align-items:center;gap:var(--p31-space-tiny, 2px);padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent));border:1px solid var(--p31-status-error, CanvasText);border-radius:var(--p31-radius-md, .5rem);color:CanvasText;font-size:var(--p31-scale-xs, .75rem);z-index:8;flex-wrap:wrap;min-width:0}.p31-error-dismiss{margin-left:auto;background:none;border:none;color:var(--p31-text-tertiary, CanvasText);cursor:pointer;font-size:14px;padding:0 4px;flex-shrink:0}.p31-error-dismiss:hover{color:var(--p31-text, CanvasText)}.artifact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--p31-space-xs, .25rem);padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);border-bottom:1px solid var(--p31-glass-border, currentColor);flex-shrink:0;flex-wrap:wrap;min-width:0}.toolbar-group{display:flex;align-items:center;gap:var(--p31-space-tiny, 2px);flex-wrap:wrap;min-width:0}.toolbar-seg{display:inline-flex;align-items:center;gap:4px;padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);min-height:28px;background:transparent;border:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-md, .5rem);color:var(--p31-text-tertiary, CanvasText);font-size:var(--p31-scale-xs, .75rem);cursor:pointer;transition:all var(--p31-duration-instant, 0s) ease;flex-shrink:0;min-width:0}.toolbar-seg:hover{color:var(--p31-text, CanvasText);border-color:var(--p31-glass-border-hover, currentColor)}.toolbar-seg--active{color:var(--p31-accent, CanvasText);border-color:var(--p31-accent, CanvasText);background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent))}.artifact-body-code{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--p31-surface, Canvas);border-radius:0 0 var(--p31-radius-sm, .25rem) var(--p31-radius-sm, .25rem);min-width:0}.code-line-numbers{position:absolute;top:0;left:0;bottom:0;width:48px;overflow:hidden;padding:var(--p31-space-sm, .5rem) var(--p31-space-tiny, 2px) 0 var(--p31-space-sm, .5rem);display:flex;flex-direction:column;align-items:flex-end;font-family:var(--p31-font-mono, ui-monospace, monospace);font-size:var(--p31-scale-sm, 1rem);line-height:1.6;color:var(--p31-text-tertiary, CanvasText);background:color-mix(in oklab,var(--p31-surface, Canvas) 96%,var(--p31-text, CanvasText));border-right:1px solid var(--p31-glass-border, currentColor);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:3}.code-line-numbers span{line-height:1.6}.code-highlight-layer,.code-input-layer{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:var(--p31-space-sm, .5rem);padding-left:calc(var(--p31-space-sm, .5rem) + 48px);font-family:var(--p31-font-mono, ui-monospace, monospace);font-size:var(--p31-scale-sm, 1rem);line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow:auto;-moz-tab-size:2;tab-size:2;min-width:0}.code-highlight-layer{pointer-events:none;z-index:1;color:var(--p31-text-secondary, CanvasText)}.code-highlight-layer .syn-tag{color:var(--p31-accent, CanvasText)}.code-highlight-layer .syn-attr{color:var(--p31-accent-gold, CanvasText)}.code-highlight-layer .syn-str{color:var(--p31-accent-green, CanvasText)}.code-input-layer{z-index:2;background:transparent;color:transparent;caret-color:var(--p31-text, CanvasText);border:none;outline:none;resize:none}.code-input-layer:focus{background:transparent;box-shadow:none}.artifact-body-diff{width:100%;height:100%;overflow:auto;padding:var(--p31-space-xs, .25rem);font-family:var(--p31-font-mono, ui-monospace, monospace);font-size:var(--p31-scale-xs, .75rem);min-width:0}.diff-line--added{color:var(--p31-status-online, CanvasText)}.diff-line--removed{color:var(--p31-status-error, CanvasText)}.artifact-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);border-top:1px solid var(--p31-glass-border, currentColor);background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent));font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-tertiary, CanvasText);flex-shrink:0;gap:var(--p31-space-tiny, 2px);flex-wrap:wrap;min-width:0}.artifact-footer-strip{display:flex;align-items:center;gap:var(--p31-space-xs, .25rem);flex-wrap:wrap;min-width:0}.monitor-status{display:inline-flex;align-items:center;gap:var(--p31-space-tiny, 2px);font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-tertiary, CanvasText)}.monitor-status .status-dot{width:8px;height:8px;border-radius:var(--p31-radius-full, 9999px);background:var(--p31-status-info, CanvasText);animation:p31-status-pulse 1.2s ease-in-out infinite;flex-shrink:0}.artifact-footer-versions{display:flex;align-items:center;gap:var(--p31-space-xs, .25rem);flex-wrap:wrap;min-width:0}.artifact-footer-versions input[type=range]{width:120px;height:4px;background:var(--p31-glass-border, currentColor);border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:var(--p31-accent, CanvasText);cursor:pointer}.artifact-footer-versions input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--p31-accent, CanvasText);cursor:pointer;border:2px solid var(--p31-surface, Canvas);box-shadow:0 0 8px #d3704066}.artifact-footer-versions input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--p31-accent, CanvasText);cursor:pointer;border:2px solid var(--p31-surface, Canvas)}.artifact-footer-actions{display:flex;align-items:center;gap:var(--p31-space-tiny, 2px);flex-wrap:wrap;min-width:0}.console-panel{flex-shrink:0;height:180px;display:flex;flex-direction:column;border-top:1px solid var(--p31-glass-border, currentColor);background:var(--p31-surface, Canvas);font-family:var(--p31-font-mono, ui-monospace, monospace);font-size:var(--p31-scale-xs, .75rem);min-width:0}.console-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);border-bottom:1px solid var(--p31-glass-border, currentColor);color:var(--p31-text-tertiary, CanvasText);flex-shrink:0;flex-wrap:wrap;min-width:0}.console-clear{padding:2px 8px;font-size:var(--p31-scale-xs, .75rem);min-height:24px}.console-panel-body{flex:1;min-height:0;overflow:auto;padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem)}.console-empty{color:var(--p31-text-tertiary, CanvasText);font-style:italic}.console-line{display:flex;gap:var(--p31-space-tiny, 2px);padding:1px 0;white-space:pre-wrap;word-break:break-all;flex-wrap:wrap;min-width:0}.console-line-type{flex-shrink:0;color:var(--p31-text-tertiary, CanvasText);font-weight:600}.console-line--warn .console-line-type,.console-line--warn{color:var(--p31-status-warning, CanvasText)}.console-line--error .console-line-type,.console-line--error{color:var(--p31-status-error, CanvasText)}.inspector-panel{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;min-width:0}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);border-bottom:1px solid var(--p31-glass-border, currentColor);font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-tertiary, CanvasText);flex-shrink:0;flex-wrap:wrap;min-width:0}.inspector-hint{font-style:italic}.inspector-tree{flex:1;min-height:0;overflow:auto;padding:var(--p31-space-tiny, 2px);font-family:var(--p31-font-mono, ui-monospace, monospace);font-size:var(--p31-scale-xs, .75rem);min-width:0}.inspector-row{display:flex;align-items:center;min-width:0}.inspector-toggle{width:18px;height:22px;flex-shrink:0;background:none;border:none;color:var(--p31-text-tertiary, CanvasText);cursor:pointer;font-size:10px;padding:0}.inspector-toggle--leaf{visibility:hidden}.inspector-tag{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--p31-text-secondary, CanvasText);cursor:pointer;padding:1px 6px;border-radius:var(--p31-radius-sm, .25rem);font-family:inherit;font-size:inherit;transition:background var(--p31-duration-instant, 0s);min-width:0}.inspector-tag:hover{background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent));color:var(--p31-text, CanvasText)}.inspector-tag-name{color:var(--p31-accent, CanvasText)}.inspector-tag-id{color:var(--p31-accent-gold, CanvasText)}.inspector-tag-class{color:var(--p31-accent-green, CanvasText)}.inspector-tag-ellipsis{color:var(--p31-text-tertiary, CanvasText)}.inspector-tag-text{color:var(--p31-text-tertiary, CanvasText);font-style:italic;margin-left:var(--p31-space-tiny, 2px);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--p31-space-md, 1rem);padding:var(--p31-space-lg, 1.5rem) var(--p31-space-md, 1rem);border-bottom:1px solid var(--p31-glass-border, currentColor);flex-wrap:wrap;min-width:0}.page-header__left{display:flex;align-items:center;gap:var(--p31-space-xs, .25rem);min-width:0}.page-header__icon{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;overflow:hidden;flex-shrink:0}.page-header__title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.page-header__title-row{display:flex;align-items:center;gap:var(--p31-space-tiny, 2px);min-width:0}.page-header__title{font-size:var(--p31-scale-xl, 2rem);font-weight:700;color:var(--p31-text, CanvasText);line-height:1.2;margin:0;min-width:0}.page-header__info-btn{background:none;border:0;color:var(--p31-text-tertiary, CanvasText);cursor:pointer;font-size:14px;padding:4px 6px;min-height:28px;min-width:28px;border-radius:var(--p31-radius-sm, .25rem);transition:color var(--p31-duration-instant, 0s),background var(--p31-duration-instant, 0s);flex-shrink:0}.page-header__info-btn:hover{color:var(--p31-text, CanvasText);background:var(--p31-glass-bg, transparent)}.info-icon{font-size:14px;line-height:1}.page-header__desc{color:var(--p31-text-secondary, CanvasText);margin:0}.page-header__controls{display:flex;align-items:center;gap:var(--p31-space-sm, .5rem);flex-wrap:wrap;min-width:0}.md-body{font-size:var(--p31-scale-sm, 1rem);line-height:1.6;color:var(--p31-text, CanvasText);word-break:break-word}.md-code{background:var(--p31-glass-bg-strong, var(--p31-glass-bg, transparent));padding:1px 5px;border-radius:4px;font-family:var(--p31-font-mono, ui-monospace, monospace);font-size:.92em}.md-pre{background:var(--p31-glass-bg, transparent);border-radius:10px;padding:10px;overflow-x:auto}.md-pre code{font-family:var(--p31-font-mono, ui-monospace, monospace);font-size:.92em}.md-ul{margin:6px 0;padding-left:20px}.md-li{margin:2px 0}.md-p{margin:4px 0;line-height:1.5}.md-h{margin:8px 0 4px}@media(prefers-reduced-transparency:reduce){.artifact-pane,.p31-loading-overlay,.chat-sidebar,.chat-sidebar-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--p31-surface, Canvas)}}.chat-pane-wrap{display:flex;flex:1;min-height:0;overflow:hidden;min-width:0}.icon-flex{display:inline-flex;align-items:center;gap:var(--p31-space-sm, .5rem);flex-shrink:0}.chat-msg-text{white-space:pre-wrap;word-break:break-word}.chat-msg-thinking{color:var(--p31-text-tertiary, CanvasText);font-style:italic}.streaming-text{white-space:pre-wrap;word-break:break-word}.chat-msg-tools{display:flex;flex-direction:column;gap:var(--p31-space-tiny, 2px);margin-top:var(--p31-space-tiny, 2px);min-width:0}.surface-split--col{flex-direction:column;min-height:0}.surface-split-handle--visible{display:block}.surface-split-handle--hidden{display:none}.artifact-pane-wrap{flex:1;min-height:0;overflow:hidden;min-width:0}.artifact-pane--centered{align-items:center;justify-content:center;padding:var(--p31-space-sm, .5rem)}.artifact-empty-title{margin-top:var(--p31-space-tiny, 2px)}.artifact-pane-title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-pane-live-link{color:var(--p31-accent, CanvasText);font-size:var(--p31-scale-xs, .75rem);text-decoration:none;flex-shrink:0}.artifact-pane-live-link:hover{text-decoration:underline}.artifact-preview-wrapper--mobile{max-width:375px;margin:0 auto}.artifact-preview-wrapper--tablet{max-width:768px;margin:0 auto}.toolbar-hint{font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-tertiary, CanvasText);flex-shrink:0}.diff-hint{color:var(--p31-text-tertiary, CanvasText);padding:var(--p31-space-sm, .5rem)}.diff-line--same{color:var(--p31-text-secondary, CanvasText)}.tool-chip-meta{margin-bottom:var(--p31-space-tiny, 2px);font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-tertiary, CanvasText)}.tool-chip-result-gap{margin-top:var(--p31-space-tiny, 2px)}.tool-chip-result--error{color:var(--p31-status-error, CanvasText)}.agent-option-text{text-align:left;min-width:0}.tool-timeline{max-width:840px;margin:0 auto;width:100%}.tool-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:var(--p31-space-sm, .5rem);font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-secondary, CanvasText);letter-spacing:.02em;text-transform:uppercase}.tool-timeline-progress{color:var(--p31-text-tertiary, CanvasText)}.tool-timeline-steps{display:flex;flex-direction:column;gap:var(--p31-space-tiny, 2px);margin-top:var(--p31-space-xs, .25rem)}.tool-step{border:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-sm, .375rem);padding:var(--p31-space-tiny, 2px) var(--p31-space-xs, .25rem);font-size:var(--p31-scale-xs, .75rem)}.tool-step--pending{opacity:.6}.tool-step--running{border-color:var(--p31-accent, CanvasText)}.tool-step--blocked{border-color:var(--p31-status-warn, CanvasText)}.tool-step--error{border-color:var(--p31-status-error, CanvasText)}.tool-step--has-issues.tool-step--done{border-color:var(--p31-status-warn, CanvasText)}.tool-step-row{display:flex;align-items:center;gap:var(--p31-space-xs, .25rem);min-width:0}.tool-step-indicator{width:8px;height:8px;border-radius:var(--p31-radius-full, 9999px);background:var(--p31-text-tertiary, CanvasText);flex-shrink:0}.tool-step-indicator--spin{background:var(--p31-accent, CanvasText);animation:p31-status-pulse 1.2s ease-in-out infinite}.tool-step-name{font-weight:600;color:var(--p31-text, CanvasText)}.tool-step-status{color:var(--p31-text-tertiary, CanvasText);margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-step-action{display:flex;align-items:center;gap:var(--p31-space-xs, .25rem);margin-top:var(--p31-space-xs, .25rem)}.tool-step-issues{display:flex;flex-direction:column;gap:var(--p31-space-tiny, 2px);margin-top:var(--p31-space-xs, .25rem)}.tool-step-issue{border-radius:var(--p31-radius-sm, .375rem);padding:var(--p31-space-xs, .25rem);background:var(--p31-surface, Canvas);min-width:0}.tool-step-issue-line{display:flex;align-items:center;gap:var(--p31-space-xs, .25rem);min-width:0}.issue-badge{width:16px;height:16px;border-radius:var(--p31-radius-full, 9999px);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}.issue-badge--error{background:var(--p31-status-error, CanvasText);color:var(--p31-on-status, Canvas)}.issue-badge--warning{background:var(--p31-status-warn, CanvasText);color:var(--p31-on-status, Canvas)}.issue-message{color:var(--p31-text, CanvasText);min-width:0;overflow:hidden;text-overflow:ellipsis}.tool-step-issue-suggestion{font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-secondary, CanvasText);margin-top:var(--p31-space-tiny, 2px);padding-left:calc(16px + var(--p31-space-xs, .25rem))}.clarify-gate{max-width:840px;margin:0 auto;width:100%}.clarify-gate-panel{background:var(--p31-surface, Canvas);border:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-md, .5rem);padding:var(--p31-space-sm, .5rem)}.clarify-gate-head{display:flex;flex-direction:column;gap:var(--p31-space-tiny, 2px)}.clarify-gate-title{font-size:var(--p31-scale-sm, .875rem);font-weight:600;color:var(--p31-text, CanvasText)}.clarify-gate-prompt{font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-tertiary, CanvasText)}.clarify-gate-questions{display:flex;flex-direction:column;gap:var(--p31-space-sm, .5rem);margin-top:var(--p31-space-sm, .5rem)}.clarify-question-label{font-size:var(--p31-scale-xs, .75rem);color:var(--p31-text-secondary, CanvasText);display:block;margin-bottom:var(--p31-space-tiny, 2px)}.clarify-options{display:flex;flex-wrap:wrap;gap:var(--p31-space-xs, .25rem)}.clarify-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--p31-space-tiny, 2px) var(--p31-space-sm, .5rem);background:transparent;border:1px solid var(--p31-glass-border, currentColor);border-radius:var(--p31-radius-sm, .375rem);color:var(--p31-text, CanvasText);cursor:pointer;min-height:44px;min-width:44px;font-size:var(--p31-scale-xs, .75rem)}.clarify-option--selected{border-color:var(--p31-accent, CanvasText)}.clarify-option-label{font-weight:600}.clarify-option-hint{font-size:.7rem;color:var(--p31-text-tertiary, CanvasText)}.clarify-gate-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--p31-space-xs, .25rem);margin-top:var(--p31-space-sm, .5rem)}.tool-step-issue .btn,.tool-step-action .btn,.clarify-gate-actions .btn{min-height:32px;min-width:32px}.chat-mobile-layout{flex:1 1 0;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:var(--p31-space-md, 1rem)}.chat-sidebar-backdrop{display:none}@container (max-width: 639px){.chat-pane-wrap{position:relative;overflow:visible}.chat-sidebar{position:fixed;top:calc(var(--p31-topbar-height, 56px) + var(--p31-space-sm, .5rem));left:0;bottom:var(--p31-space-sm, .5rem);width:min(16rem,80vw);min-width:0;border-right:1px solid var(--p31-glass-border, currentColor);border-radius:0 var(--p31-radius-lg, .75rem) var(--p31-radius-lg, .75rem) 0;box-shadow:var(--p31-glass-shadow, none);z-index:60;animation:chat-sidebar-slide-in .18s ease}.chat-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000073}}@keyframes chat-sidebar-slide-in{0%{transform:translate(-105%)}to{transform:translate(0)}}.topbar-action{min-height:36px;min-width:36px;white-space:nowrap}.topbar-action--icon{border-color:transparent;background:transparent;border-radius:var(--p31-radius-md, .5rem);display:inline-flex;align-items:center;justify-content:center}.topbar-action--icon:hover{background:var(--p31-glass-bg, transparent);border-color:var(--p31-glass-border-hover, currentColor)}@media(pointer:coarse){.toolbar-seg,.agent-selector-trigger,.artifact-tab,.jump-to-bottom,.chat-thread-item-delete,.chat-empty-chip,.page-header__info-btn,.topbar-action,.tool-chip,.suggestion-chip{min-height:44px;min-width:44px}.chat-thread-item,.chat-thread-item:focus-within .chat-thread-item-delete{opacity:1}.chat-thread-item-delete{opacity:1}}