:root{--p31-void-deep: #050508;--p31-void: #0A0A0F;--p31-surface: #12121A;--p31-surface2: #1C1C2A;--p31-cloud: #A1A1AA;--p31-text-primary: #F5F5F7;--p31-text-secondary: rgba(245,245,247,.6);--p31-text-tertiary: rgba(245,245,247,.3);--p31-accent: #00F0FF;--p31-accent-violet: #A78BFA;--p31-accent-gold: #FBBF24;--p31-accent-green: #34D399;--p31-accent-red: #FB7185;--p31-accent-iris: #818CF8;--p31-glow-cyan: 0 0 20px rgba(0,240,255,.25);--p31-glow-violet: 0 0 20px rgba(167,139,250,.25);--p31-glow-gold: 0 0 20px rgba(251,191,36,.25);--p31-glow-green: 0 0 20px rgba(52,211,153,.25);--p31-glass-surface: rgba(255,255,255,.04);--p31-glass-border: rgba(255,255,255,.08);--p31-glass-border-hover: rgba(255,255,255,.15);--p31-glass-surface-hover: rgba(255,255,255,.06);--p31-glass-blur: 12px;--p31-glass-radius: 24px;--p31-glass-shadow: 0 8px 32px rgba(0,0,0,.15);--p31-blur-subtle: 8px;--p31-blur-standard: 12px;--p31-blur-strong: 24px;--p31-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--p31-font-mono: JetBrains Mono, ui-monospace, SFMono-Regular, 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-radius-none: 0;--p31-radius-sm: 8px;--p31-radius-md: 12px;--p31-radius-lg: 24px;--p31-radius-full: 9999px;--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)}*,*:before,*:after{box-sizing:border-box}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}.glass-subtle{background:#ffffff08;backdrop-filter:blur(var(--p31-blur-subtle));-webkit-backdrop-filter:blur(var(--p31-blur-subtle));border:1px solid rgba(255,255,255,.06);border-radius:var(--p31-glass-radius)}.glass-panel{background:var(--p31-glass-surface);backdrop-filter:blur(var(--p31-blur-standard));-webkit-backdrop-filter:blur(var(--p31-blur-standard));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-surface);backdrop-filter:blur(var(--p31-blur-standard));-webkit-backdrop-filter:blur(var(--p31-blur-standard));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-strong{background:#ffffff14;backdrop-filter:blur(var(--p31-blur-strong));-webkit-backdrop-filter:blur(var(--p31-blur-strong));border:1px solid rgba(255,255,255,.12);border-radius:var(--p31-glass-radius);box-shadow:0 12px 48px #0000004d}.glass-navbar{background:#ffffff0f;backdrop-filter:blur(var(--p31-blur-strong));-webkit-backdrop-filter:blur(var(--p31-blur-strong));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}.btn-primary{background:var(--p31-accent);color:var(--p31-void);font-weight:700;padding:var(--p31-spacing-sm) var(--p31-spacing-lg);border-radius:var(--p31-radius-md);border:none;cursor:pointer;transition:all var(--p31-duration-fast) ease;box-shadow:var(--p31-glow-cyan)}.btn-primary:hover{opacity:.8;transform:translateY(-2px);box-shadow:0 8px 24px #00f0ff4d}.btn-secondary{background:#a78bfa1a;color:var(--p31-accent-violet);font-weight:700;padding:var(--p31-spacing-sm) var(--p31-spacing-lg);border-radius:var(--p31-radius-md);border:1px solid rgba(167,139,250,.3);cursor:pointer;transition:all var(--p31-duration-fast) ease}.btn-secondary:hover{background:#a78bfa33;transform:translateY(-2px);box-shadow:var(--p31-glow-violet)}.btn-ghost{background:#ffffff0d;color:var(--p31-text-secondary);font-weight:700;padding:var(--p31-spacing-sm) var(--p31-spacing-lg);border-radius:var(--p31-radius-md);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all var(--p31-duration-fast) ease}.btn-ghost:hover{background:#ffffff1a;color:var(--p31-text-primary)}.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)}@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{animation-duration:.8s!important;animation-delay:.4s!important;transition-duration:.8s!important;transition-delay:.4s!important}[data-spoons="3"] *,[data-spoons="3"] *:before,[data-spoons="3"] *:after{animation-duration:.4s!important;animation-delay:.2s!important;transition-duration:.4s!important;transition-delay:.2s!important}[data-spoons="4"] *,[data-spoons="4"] *:before,[data-spoons="4"] *:after{animation-duration:.6s!important;animation-delay:.3s!important;transition-duration:.6s!important;transition-delay:.3s!important}[data-spoons="5"] *,[data-spoons="5"] *:before,[data-spoons="5"] *:after{animation-duration:.2s!important;animation-delay:.1s!important;transition-duration:.2s!important;transition-delay:.1s!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)}.glow-cyan{text-shadow:0 0 20px rgba(0,240,255,.3),0 0 40px rgba(0,240,255,.1)}.glow-violet{text-shadow:0 0 20px rgba(167,139,250,.3),0 0 40px rgba(167,139,250,.1)}.glow-gold{text-shadow:0 0 20px rgba(251,191,36,.3),0 0 40px rgba(251,191,36,.1)}.glow-green{text-shadow:0 0 20px rgba(52,211,153,.3),0 0 40px rgba(52,211,153,.1)}.font-mono-tech{font-family:var(--p31-font-mono);letter-spacing:-.02em}:root{--tetra-hdr-h: 46px;--tetra-foot-h: 128px;--tetra-gutter: var(--p31-spacing-md)}*{box-sizing:border-box}p31-crisis-overlay{display:none}[data-spoons="0"] p31-crisis-overlay{display:flex}html,body,#root{height:100%;margin:0}body{background:transparent;color:var(--p31-text-primary);font-family:var(--p31-font-sans);overflow:hidden}#root{background:var(--p31-void)}.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;padding:var(--p31-spacing-sm) var(--p31-spacing-lg);background:var(--p31-accent);color:var(--p31-void);font-weight:700;border-radius:var(--p31-radius-md)}.skip-link:focus{left:var(--p31-spacing-md);top:var(--p31-spacing-md)}.tetra-app{display:grid;height:100vh;grid-template-rows:var(--tetra-hdr-h) 1fr var(--tetra-foot-h);grid-template-columns:276px 1fr 296px;grid-template-areas:"hdr hdr hdr" "left main right" "foot foot foot"}.tetra-app{position:relative;z-index:1}.tetra-hdr{grid-area:hdr;z-index:3}.tetra-left{grid-area:left;overflow-y:auto;border-right:1px solid var(--p31-glass-border)}.tetra-main{grid-area:main;position:relative;overflow:hidden}.tetra-right{grid-area:right;overflow-y:auto;border-left:1px solid var(--p31-glass-border)}.tetra-foot{grid-area:foot}.tetra-canvas{width:100%;height:100%}.tetra-pi{padding:var(--p31-spacing-md);display:flex;flex-direction:column;gap:var(--p31-spacing-sm);height:100%}.tetra-label{font-family:var(--p31-font-mono);font-size:10px;letter-spacing:.18em;color:var(--p31-text-tertiary);text-transform:uppercase;padding:2px 0 4px}.vbtn{width:100%;text-align:left;padding:var(--p31-spacing-md);border-radius:var(--p31-radius-lg);cursor:pointer;transition:transform var(--p31-duration-fast) var(--p31-easing-standard),border-color var(--p31-duration-fast) var(--p31-easing-standard);border:1px solid var(--p31-glass-border);background:var(--p31-glass-surface);color:var(--p31-text-primary);min-height:48px}.vbtn:hover{transform:translate(2px)}.vbtn.active{transform:scale(1.01);border-color:var(--p31-glass-border-hover)}.epill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 6px;border-radius:6px;background:#ffffff06;border:1px solid var(--p31-glass-border);font-family:var(--p31-font-mono);font-size:9.5px;color:var(--p31-text-secondary)}.chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;font-family:var(--p31-font-mono);font-size:9px;font-weight:600;letter-spacing:.04em;flex-shrink:0}.trow{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:var(--p31-radius-md);font-family:var(--p31-font-mono);font-size:10px;border:1px solid transparent}.abtn{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 var(--p31-spacing-md);min-height:48px;border-radius:var(--p31-radius-md);font-family:var(--p31-font-mono);font-size:10px;letter-spacing:.04em;cursor:pointer;transition:all var(--p31-duration-fast) var(--p31-easing-standard);border:1px solid var(--p31-glass-border);background:#ffffff05;color:var(--p31-text-secondary)}.abtn:hover{background:#ffffff0d;color:var(--p31-text-primary)}.tmetric{display:flex;flex-direction:column;padding:6px 10px;border-radius:var(--p31-radius-md);background:#ffffff05;border:1px solid var(--p31-glass-border)}.tmetric .label{font-size:8px;color:var(--p31-text-tertiary);text-transform:uppercase;letter-spacing:.06em}.tmetric .value{font-size:14px;font-weight:700;font-family:var(--p31-font-mono)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}input[type=range]{width:100%;accent-color:var(--p31-accent)}.tetra-terminal{flex:1;overflow-y:auto;font-family:var(--p31-font-mono);font-size:10.5px;line-height:1.65;color:var(--p31-text-secondary)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.div{height:1px;background:var(--p31-glass-border);flex-shrink:0}@media(max-width:1200px){.tetra-app{grid-template-columns:1fr 1fr;grid-template-rows:var(--tetra-hdr-h) 1fr 1fr var(--tetra-foot-h);grid-template-areas:"hdr hdr" "left main" "right right" "foot foot"}.tetra-left{border-right:none;border-bottom:1px solid var(--p31-glass-border)}.tetra-right{border-left:none;border-top:1px solid var(--p31-glass-border)}}@media(max-width:768px){.tetra-app{grid-template-columns:1fr;grid-template-rows:var(--tetra-hdr-h) 50vh 1fr 1fr var(--tetra-foot-h);grid-template-areas:"hdr" "main" "left" "right" "foot"}.tetra-left,.tetra-right{border:none;border-bottom:1px solid var(--p31-glass-border)}}