:root,[data-theme=dark]{--color-phosphor-green:#3ecf8e;--color-mint-pulse:#00c573;--color-forest-depth:#1f4b37;--color-midnight-emerald:#006239;--color-snow:#fafafa;--color-silver-mist:#b4b4b4;--color-smoke:#898989;--color-graphite:#4d4d4d;--color-slate:#393939;--color-charcoal:#2e2e2e;--color-ash:#242424;--color-obsidian:#121212;--bg-page:#121212;--bg-header:#121212;--bg-card:#141414;--bg-card-hover:#191919;--bg-surface:#181818;--bg-surface-elevated:#222;--bg-canvas:#0d0d0d;--border-subtle:#242424;--border-card:#282828;--border-card-hover:#3ecf8e73;--text-primary:#fafafa;--text-secondary:#b4b4b4;--text-muted:#898989;--card-shadow:0 16px 32px -12px #000000bf;--card-shadow-hover:0 20px 40px -12px #000000d9, 0 0 24px #3ecf8e14;--grid-line:#4d4d4d24;--toast-bg:#141414;--clock-bg:#181818;--btn-nav-bg:#181818;--btn-nav-border:#2e2e2e;--btn-primary-text:#0d0d0d;--font-plus-jakarta-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-circular:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-source-code-pro:"Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-caption:12px;--leading-caption:1.5;--tracking-caption:-.084px;--text-body-sm:14px;--leading-body-sm:1.43;--tracking-body-sm:-.098px;--text-body:16px;--leading-body:1.5;--tracking-body:-.112px;--text-subheading:18px;--leading-subheading:1.38;--tracking-subheading:-.126px;--text-heading-sm:24px;--leading-heading-sm:1.33;--tracking-heading-sm:-.168px;--text-heading:36px;--leading-heading:1.2;--tracking-heading:-.252px;--text-display:72px;--leading-display:1;--tracking-display:-.504px;--spacing-8:8px;--spacing-16:16px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--spacing-80:80px;--spacing-96:96px;--spacing-112:112px;--spacing-128:128px;--spacing-224:224px;--page-max-width:1200px;--card-padding:24px;--radius-tags:9999px;--radius-buttons:9999px;--radius-cards:16px;--radius-inputs:8px;--min-touch-size:44px}[data-theme=light],html.light-mode{--color-phosphor-green:#059669;--color-mint-pulse:#10b981;--color-forest-depth:#047857;--color-midnight-emerald:#065f46;--color-snow:#0f172a;--color-silver-mist:#334155;--color-smoke:#64748b;--color-graphite:#94a3b8;--color-slate:#cbd5e1;--color-charcoal:#e2e8f0;--color-ash:#f1f5f9;--color-obsidian:#f8fafc;--bg-page:#f8fafc;--bg-header:#fffffff5;--bg-card:#fff;--bg-card-hover:#fff;--bg-surface:#f1f5f9;--bg-surface-elevated:#e2e8f0;--bg-canvas:#f1f5f9;--border-subtle:#e2e8f0;--border-card:#e2e8f0;--border-card-hover:#05966973;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--card-shadow:0 4px 16px -2px #0f172a0d, 0 2px 6px -1px #0f172a08;--card-shadow-hover:0 16px 32px -6px #0f172a1a, 0 0 20px #05966914;--grid-line:#94a3b838;--toast-bg:#fff;--clock-bg:#fff;--btn-nav-bg:#fff;--btn-nav-border:#cbd5e1;--btn-primary-text:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-obsidian);min-height:100%;color:var(--color-snow);font-family:var(--font-circular);font-weight:var(--font-weight-regular);letter-spacing:-.007em;line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;transition:background-color .25s,color .25s;overflow-x:hidden}body.bg-dark{background-color:var(--color-obsidian)}:focus-visible{outline:2px solid var(--color-phosphor-green);outline-offset:2px}.skip-to-content{background-color:var(--color-phosphor-green);color:var(--color-obsidian);border-radius:var(--radius-buttons);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);z-index:1000;padding:8px 16px;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:20px}.skip-to-content:focus{top:16px}.app-container{background-color:var(--color-obsidian);flex-direction:column;min-height:100vh;display:flex}.main-content{max-width:var(--page-max-width);flex:1;width:100%;margin:0 auto;padding:40px 24px}.visible-mobile-only{display:none}@media (width<=768px){.main-content{padding:24px 16px}.hidden-mobile{display:none!important}.visible-mobile-only{display:flex!important}}.font-mono{font-family:var(--font-source-code-pro);letter-spacing:.1em}.text-snow{color:var(--color-snow)}.text-silver{color:var(--color-silver-mist)}.text-smoke{color:var(--color-smoke)}.text-phosphor{color:var(--color-phosphor-green)}.text-mint{color:var(--color-mint-pulse)}.btn-pill-primary{justify-content:center;align-items:center;gap:var(--spacing-8);background-color:var(--color-phosphor-green);min-height:40px;color:var(--btn-primary-text,#0d0d0d);font-family:var(--font-circular);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);letter-spacing:-.007em;line-height:var(--leading-body-sm);border:1px solid var(--color-phosphor-green);border-radius:var(--radius-buttons);cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 18px;text-decoration:none;transition:border-color .15s,background-color .15s;display:inline-flex}.btn-pill-primary:hover:not(:disabled){background-color:var(--color-mint-pulse);border-color:var(--color-forest-depth)}.btn-pill-primary:active:not(:disabled){transform:scale(.98)}.btn-pill-primary:disabled{opacity:.45;cursor:not-allowed}.btn-pill-ghost{justify-content:center;align-items:center;gap:var(--spacing-8);min-height:38px;color:var(--color-snow);font-family:var(--font-circular);font-size:var(--text-body-sm);font-weight:var(--font-weight-regular);letter-spacing:-.007em;border:1px solid var(--color-slate);border-radius:var(--radius-buttons);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;padding:8px 16px;text-decoration:none;transition:border-color .15s,background-color .15s;display:inline-flex}.btn-pill-ghost:hover:not(:disabled){border-color:var(--color-graphite);background-color:#ffffff0a}.btn-pill-ghost:active:not(:disabled){transform:scale(.98)}.pill-badge{background-color:var(--color-ash);border:1px solid var(--color-charcoal);border-radius:var(--radius-tags);font-size:var(--text-caption);color:var(--color-silver-mist);letter-spacing:-.007em;line-height:var(--leading-caption);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.pill-badge-green{color:var(--color-phosphor-green);background-color:#3ecf8e14;border-color:#3ecf8e40}.status-caret{border-radius:var(--radius-tags);background-color:var(--color-phosphor-green);width:6px;height:6px;display:inline-block}.status-caret.idle{background-color:var(--color-graphite)}.form-group{gap:var(--spacing-8);margin-bottom:var(--spacing-16);text-align:left;flex-direction:column;display:flex}.form-label{font-size:var(--text-body-sm);font-weight:var(--font-weight-regular);color:var(--color-silver-mist);letter-spacing:-.007em;display:block}.form-input{background-color:var(--color-obsidian);border:1px solid var(--color-slate);border-radius:var(--radius-inputs);width:100%;min-height:40px;color:var(--color-snow);font-family:var(--font-circular);font-size:16px;font-weight:var(--font-weight-regular);letter-spacing:-.007em;outline:none;padding:8px 12px;transition:border-color .15s}@media (width>=768px){.form-input{font-size:var(--text-body-sm)}}.form-input::placeholder{color:var(--color-smoke)}.form-input:focus{border-color:var(--color-phosphor-green);box-shadow:none}.supabase-card{background-color:var(--color-obsidian);border:1px solid var(--color-charcoal);border-radius:var(--radius-cards);padding:var(--card-padding);box-shadow:none;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.supabase-card-interactive{cursor:pointer}.supabase-card-interactive:hover{border-color:var(--color-graphite)}.supabase-card-interactive:focus-visible{border-color:var(--color-phosphor-green);outline:2px solid var(--color-phosphor-green);outline-offset:2px}.square-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}@media (width<=1024px) and (width>=769px){.square-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width<=768px){.square-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#3ecf8e66 transparent;flex-direction:row;gap:14px;margin-bottom:20px;margin-left:-16px;margin-right:-16px;padding:6px 16px 14px;scroll-padding:0 16px;display:flex;overflow:auto hidden}.square-grid::-webkit-scrollbar{height:4px}.square-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:9999px;margin:0 16px}.square-grid::-webkit-scrollbar-thumb{background:var(--color-phosphor-green);border-radius:9999px}}.square-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-cards);box-shadow:var(--card-shadow);aspect-ratio:1;flex-direction:column;justify-content:space-between;min-width:0;padding:22px;transition:border-color .2s,transform .2s,box-shadow .2s,background-color .25s;display:flex;position:relative;overflow:hidden}@media (width<=1024px){.square-card{aspect-ratio:auto;min-height:380px;padding:20px}}@media (width<=768px){.square-card{scroll-snap-align:start;aspect-ratio:auto;border-radius:14px;flex:0 0 84%;min-width:275px;max-width:320px;min-height:345px;padding:16px}}.mobile-scroll-hint{font-size:11px;font-family:var(--font-source-code-pro);color:var(--color-smoke);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:14px;display:none}@media (width<=768px){.mobile-scroll-hint{display:flex}}.square-card-interactive{cursor:pointer}.square-card-interactive:hover{border-color:var(--border-card-hover);box-shadow:var(--card-shadow-hover)}.square-card-interactive:focus-visible{border-color:var(--color-phosphor-green);outline:2px solid var(--color-phosphor-green);outline-offset:2px}.square-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#3ecf8e59,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:15%;right:15%}.square-card:hover:before{opacity:1}.terminal-cmd-pill{background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-tags);font-family:var(--font-source-code-pro);letter-spacing:.1em;color:var(--color-silver-mist);align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:12px;transition:background-color .25s,border-color .25s;display:inline-flex}.wireframe-canvas{background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:10px;justify-content:center;align-items:center;transition:background-color .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.blueprint-grid{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:20px 20px}.btn-theme-toggle{border-radius:var(--radius-buttons);background-color:var(--btn-nav-bg);border:1px solid var(--btn-nav-border);min-height:36px;color:var(--color-snow);font-family:var(--font-circular);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.btn-theme-toggle:hover{border-color:var(--color-phosphor-green);color:var(--color-phosphor-green);box-shadow:0 0 12px #3ecf8e26}.btn-theme-toggle:active{transform:scale(.96)}@media (width<=640px){.btn-theme-toggle{height:34px;min-height:34px;padding:6px 10px}.btn-theme-toggle span.toggle-label{display:none}}@keyframes wireframe-pulse{0%{opacity:.9;transform:scale(1)}50%{opacity:.3;transform:scale(1.6)}to{opacity:.9;transform:scale(1)}}.node-pulse{animation:2.5s ease-in-out infinite wireframe-pulse}.modal-overlay{z-index:999;background-color:#121212d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-obsidian);border:1px solid var(--color-charcoal);border-radius:var(--radius-cards);width:100%;max-width:680px;max-height:90vh;box-shadow:none;position:relative;overflow-y:auto}@keyframes emergency-glow{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 8px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.emergency-pulse-dot{background-color:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite emergency-glow;display:inline-block}.btn-emergency-nav{border-radius:var(--radius-buttons);color:#f87171;font-family:var(--font-circular);cursor:pointer;background-color:#ef44441f;border:1px solid #ef444459;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-emergency-nav:hover{color:#fff;background-color:#ef444433;border-color:#ef444499;box-shadow:0 0 16px #ef444440}.emergency-quick-banner{border-radius:var(--radius-cards);background:linear-gradient(135deg,#181818f2 0%,#23121299 100%);border:1px solid #ef444440;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 8px 24px -8px #0009}.emergency-quick-banner:hover{border-color:#ef444473}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}