@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0b0e0c;--panel: #121514;--panel-muted: #1c201d;--ink: #e6f5ec;--muted: #a5b9ae;--accent: #00ff88;--accent-2: #ffd166;--danger: #ff5c7c;--grid: rgba(255, 255, 255, .05);--scanline: rgba(255, 255, 255, .03);--radius: 20px;--shadow: 0 30px 90px rgba(0, 0, 0, .5);--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--font-sans: "IBM Plex Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(0,255,136,.08),transparent 45%),var(--bg);color:var(--ink);font-family:var(--font-mono);line-height:1.5}body:before{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px);opacity:.25;pointer-events:none}#root{min-height:100vh}a{color:inherit}.app-shell{position:relative;z-index:1;padding:48px clamp(24px,4vw,60px) 64px;display:flex;flex-direction:column;gap:24px}.hero{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;justify-content:space-between}.hero h1{font-size:clamp(32px,5vw,54px);margin:0;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px rgba(0,255,136,.6)}.hero p{margin:0;font-family:var(--font-sans);color:var(--muted);max-width:600px}.surface{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);position:relative}.surface:before{content:"";position:absolute;inset:0;border-radius:var(--radius);background:linear-gradient(130deg,rgba(0,255,136,.12),transparent 60%);opacity:.6;pointer-events:none}.surface>*{position:relative;z-index:1}.layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(480px,1fr);gap:24px}.panel-title{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h3{margin:0;font-size:18px;letter-spacing:.12em;text-transform:uppercase}.section-heading span{font-family:var(--font-sans);color:var(--muted)}.inputs-grid{display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field input,.field select,.field textarea{font-family:var(--font-mono);font-size:16px;padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:inherit;outline:none;transition:border .12s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00ff884d}.field small{color:var(--muted);font-family:var(--font-sans)}.l2-list{display:flex;flex-direction:column;gap:16px}.l2-card{padding:16px;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}.l2-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.l2-card header input{font-size:18px}.heading-input{flex:1;font-size:18px;font-family:var(--font-mono);background:transparent;border:none;color:var(--ink);outline:none;border-bottom:1px solid transparent;padding-bottom:4px}.heading-input:focus{border-color:var(--accent)}.l2-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.btn,.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:12px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--ink);cursor:pointer;transition:transform .12s ease,border .12s ease,color .12s ease}.btn:hover,.pill:hover{transform:translateY(-1px);border-color:var(--accent)}.btn:disabled,.pill:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-accent{background:var(--accent);color:#063520;border-color:transparent;box-shadow:0 15px 40px #00ff884d}.btn-ghost{border-color:#ffffff1a;color:var(--muted)}.presets{display:flex;flex-wrap:wrap;gap:10px}.presets button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.results-grid{display:flex;flex-direction:column;gap:18px}.result-card{padding:20px;border-radius:20px;background:#00000040;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:14px}.result-card.dual{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.kpi{padding:16px;border-radius:16px;background:#00000059;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}.kpi span{font-size:11px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.kpi strong{font-size:24px}.kpi small{color:var(--muted);font-family:var(--font-sans)}.block-bar{width:100%;height:40px}.lane-strip{display:flex;gap:4px;align-items:center}.lane-block{flex:1;height:22px;border-radius:6px;background:#00ff8840}.lane-block:nth-child(odd){background:#ffd16640}.markdown-box{border-radius:16px;background:#00000059;border:1px solid rgba(255,255,255,.12);padding:16px;font-size:13px;font-family:var(--font-mono);color:var(--muted);max-height:220px;overflow:auto}.share-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.gauge{padding:12px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#00000040}.gauge h4{margin:0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.gauge-meter{margin-top:10px;height:10px;border-radius:10px;background:#ffffff1f;position:relative;overflow:hidden}.gauge-meter span{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:left center}.toast{position:fixed;bottom:32px;right:32px;padding:12px 18px;border-radius:999px;background:#000c;border:1px solid rgba(255,255,255,.12);color:var(--ink);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.metrics-strip{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.metrics-pill{flex:1;min-width:160px;padding:14px;border-radius:16px;background:#00000040;border:1px solid rgba(255,255,255,.08)}.metrics-pill span{display:block;font-size:11px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.metrics-pill strong{display:block;margin-top:6px;font-size:22px}@media(max-width:1100px){.layout{grid-template-columns:1fr}}