:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--text-xs: .65rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 4rem;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.6;--leading-loose: 1.8;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-wider: .12em;--tracking-widest: .22em;--ease-ui: cubic-bezier(.16, 1, .3, 1);--duration-fast: .1s;--duration-base: .16s;--duration-slow: .3s;--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--z-canvas: 1;--z-content: 3}[data-theme=dark],:root{color-scheme:dark;--color-canvas: #03060e;--color-surface-1: #061226;--color-surface-2: #0a1d3a;--color-surface-3: #112240;--color-elevated: #142845;--color-text-primary: #dcecff;--color-text-secondary: #aebfd6;--color-text-muted: #7f93b0;--color-text-faint: #4a6080;--color-text-inverse: #03060e;--color-accent: #4fd6ff;--color-accent-hover: #82e4ff;--color-accent-subtle: rgba(79, 214, 255, .12);--color-accent-border: rgba(79, 214, 255, .25);--color-border: #142845;--color-border-strong: #1e3a5f;--color-divider: rgba(255, 255, 255, .06);--color-success: #4caf82;--color-success-subtle: rgba(76, 175, 130, .12);--color-warning: #f5c97a;--color-warning-subtle: rgba(245, 201, 122, .12);--color-error: #f07070;--color-error-subtle: rgba(240, 112, 112, .12);--color-info: #4fd6ff;--color-info-subtle: rgba(79, 214, 255, .12);--color-neutral: #7f93b0;--color-neutral-subtle: rgba(127, 147, 176, .12);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 16px rgba(0,0,0,.6);--shadow-lg: 0 8px 32px rgba(0,0,0,.7);--shadow-glow: 0 0 24px rgba(79,214,255,.15);--canvas-bg-0: #03060e;--canvas-bg-1: #061226;--canvas-node-r: 180;--canvas-node-g: 232;--canvas-node-b: 255;--canvas-line-r: 79;--canvas-line-g: 174;--canvas-line-b: 235;--canvas-focus-r: 150;--canvas-focus-g: 224;--canvas-focus-b: 255;--canvas-haze-r: 20;--canvas-haze-g: 60;--canvas-haze-b: 120}[data-theme=light]{color-scheme:light;--color-canvas: #f8fafc;--color-surface-1: #ffffff;--color-surface-2: #f0f4f8;--color-surface-3: #e4ecf4;--color-elevated: #ffffff;--color-text-primary: #0d1b2e;--color-text-secondary: #2e4a6a;--color-text-muted: #5a7898;--color-text-faint: #9ab0c8;--color-text-inverse: #ffffff;--color-accent: #0a7ec2;--color-accent-hover: #0660a0;--color-accent-subtle: rgba(10, 126, 194, .08);--color-accent-border: rgba(10, 126, 194, .2);--color-border: #d0dce8;--color-border-strong: #a8bcd0;--color-divider: rgba(0, 0, 0, .06);--color-success: #2e7d52;--color-success-subtle: rgba(46, 125, 82, .08);--color-warning: #8a6000;--color-warning-subtle: rgba(138, 96, 0, .08);--color-error: #b83030;--color-error-subtle: rgba(184, 48, 48, .08);--color-info: #0a7ec2;--color-info-subtle: rgba(10, 126, 194, .08);--color-neutral: #5a7898;--color-neutral-subtle: rgba(90, 120, 152, .08);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-glow: 0 0 24px rgba(10,126,194,.12);--canvas-bg-0: #e8f2fa;--canvas-bg-1: #f0f6fc;--canvas-node-r: 10;--canvas-node-g: 126;--canvas-node-b: 194;--canvas-line-r: 10;--canvas-line-g: 100;--canvas-line-b: 160;--canvas-focus-r: 10;--canvas-focus-g: 126;--canvas-focus-b: 194;--canvas-haze-r: 180;--canvas-haze-g: 210;--canvas-haze-b: 240}[data-theme=sunrise]{color-scheme:dark;--color-canvas: #0d0500;--color-surface-1: #1a0600;--color-surface-2: #2e1000;--color-surface-3: #3a1400;--color-elevated: #4a1c04;--color-text-primary: #fde8c0;--color-text-secondary: #d4956a;--color-text-muted: #9a5a30;--color-text-faint: #5a2e10;--color-text-inverse: #0d0500;--color-accent: #ec5c04;--color-accent-hover: #fba52b;--color-accent-subtle: rgba(236, 92, 4, .12);--color-accent-border: rgba(236, 92, 4, .28);--color-border: #3a1400;--color-border-strong: #5a2010;--color-divider: rgba(255, 255, 255, .06);--color-success: #6abf6a;--color-success-subtle: rgba(106, 191, 106, .12);--color-warning: #fbc540;--color-warning-subtle: rgba(251, 197, 64, .12);--color-error: #f07070;--color-error-subtle: rgba(240, 112, 112, .12);--color-info: #fba52b;--color-info-subtle: rgba(251, 165, 43, .12);--color-neutral: #9a5a30;--color-neutral-subtle: rgba(154, 90, 48, .12);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 16px rgba(0,0,0,.6);--shadow-lg: 0 8px 32px rgba(0,0,0,.7);--shadow-glow: 0 0 24px rgba(236,92,4,.18);--canvas-bg-0: #0d0500;--canvas-bg-1: #1a0800;--canvas-node-r: 251;--canvas-node-g: 165;--canvas-node-b: 43;--canvas-line-r: 236;--canvas-line-g: 92;--canvas-line-b: 4;--canvas-focus-r: 251;--canvas-focus-g: 197;--canvas-focus-b: 64;--canvas-haze-r: 120;--canvas-haze-g: 40;--canvas-haze-b: 0}[data-immersive=true]{--immersive-active: 1}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;height:100dvh;background:var(--color-canvas);color:var(--color-text-primary);font-family:var(--font-sans);overflow:hidden}.shes-shell{display:grid;grid-template-rows:auto 1fr;height:100%;height:100dvh}.shes-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);padding-top:max(var(--space-3),env(safe-area-inset-top));padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right));border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-canvas) 92%,transparent);z-index:var(--z-content)}.shes-header h1{font-size:var(--text-lg);font-weight:700;margin:0;letter-spacing:-.02em}.shes-header .eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.shes-canvas-wrap{position:relative;min-height:0;height:100%;width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.shes-canvas-wrap canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.shes-fallback{padding:var(--space-6);overflow:auto;height:100%}.shes-panel{position:absolute;right:var(--space-6);top:var(--space-6);width:min(320px,calc(100vw - 48px));padding:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-1) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-overlay);box-shadow:var(--shadow-md);max-height:min(50vh,420px);overflow:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.shes-panel{right:max(var(--space-4),env(safe-area-inset-right));left:max(var(--space-4),env(safe-area-inset-left));top:auto;bottom:max(var(--space-4),env(safe-area-inset-bottom));width:auto;max-height:40vh}.shes-header h1{font-size:var(--text-base)}.shes-mobile-hint{display:block;margin:0;padding:var(--space-2) var(--space-4);padding-left:max(var(--space-4),env(safe-area-inset-left));font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);text-align:center;border-bottom:1px solid var(--color-border)}}.shes-hint{position:absolute;top:max(var(--space-2),env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:var(--z-overlay);margin:0;padding:var(--space-2) var(--space-3);max-width:min(520px,calc(100vw - 32px));font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface-1) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.shes-mobile-hint{display:none}.shes-panel h2{margin:0 0 var(--space-2);font-size:var(--text-base)}.shes-panel dl{margin:0;display:grid;gap:var(--space-2)}.shes-panel dt{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.shes-panel dd{margin:0;font-size:var(--text-sm)}.state-pill{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase}.state-active{background:var(--color-accent-subtle);color:var(--color-accent)}.state-completed{background:var(--color-success-subtle);color:var(--color-success)}.state-failed,.state-repairing{background:var(--color-warning-subtle);color:var(--color-warning)}.state-blocked,.state-paused{background:var(--color-neutral-subtle);color:var(--color-neutral)}.state-planning{background:var(--color-info-subtle);color:var(--color-info)}.shes-list{display:grid;gap:var(--space-3)}.shes-list button{text-align:left;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text-primary);cursor:pointer}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}