:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#f7f1df;background:#080808;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#d8b15f29,#0000 30rem),radial-gradient(circle at 100% 100%,#ffffff0e,#0000 28rem),#080808;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:18px 0 34px}.top-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e0e0eb8;border:1px solid #d8b15f38;border-radius:26px;justify-content:space-between;align-items:center;gap:22px;padding:14px 16px;display:flex;box-shadow:0 20px 80px #00000070}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#080808;letter-spacing:-.06em;background:linear-gradient(135deg,#d8b15f,#76551d);border-radius:16px;place-items:center;width:46px;height:46px;font-weight:950;display:grid}.brand h1{color:#f7f1df;margin:0;font-size:1.02rem}.brand p{color:#f7f1df9e;margin:3px 0 0;font-size:.86rem}.nav-status{color:#f7f1dfbf;background:#ffffff0b;border:1px solid #d8b15f33;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:.84rem;display:inline-flex}.pulse{background:#d8b15f;border-radius:999px;width:8px;height:8px;box-shadow:0 0 20px #d8b15fd9}.hero{grid-template-columns:1.1fr .75fr;align-items:center;gap:24px;padding:42px 0 26px;display:grid}.eyebrow{color:#d8b15f;text-transform:uppercase;letter-spacing:.18em;margin:0 0 12px;font-size:.72rem;font-weight:900}.hero h2{color:#f7f1df;text-shadow:0 0 30px #d8b15f1f;letter-spacing:-.075em;max-width:760px;margin:0;font-size:clamp(2.1rem,4.8vw,4.55rem);line-height:.95}.hero-text{color:#f7f1dfad;max-width:680px;margin:18px 0 0;font-size:.98rem;line-height:1.6}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-card{background:linear-gradient(145deg,#161616e6,#0a0a0ac7);border:1px solid #d8b15f2e;border-radius:22px;min-height:94px;padding:15px;box-shadow:0 24px 80px #00000047}.stat-card span{color:#f7f1df94;font-size:.78rem;display:block}.stat-card strong{color:#f7f1df;margin-top:14px;font-size:1.55rem;display:block}.agent-layout{grid-template-columns:280px 1fr;align-items:start;gap:18px;display:grid}.agent-sidebar,.agent-panel,.saved-section{background:linear-gradient(145deg,#151515e6,#080808c7);border:1px solid #d8b15f2e;box-shadow:0 24px 90px #00000052}.agent-sidebar{border-radius:28px;gap:11px;padding:14px;display:grid;position:sticky;top:18px}.sidebar-label{color:#f7f1df85;text-transform:uppercase;letter-spacing:.16em;margin:0 0 3px;font-size:.74rem;font-weight:800}.agent-tab{text-align:left;color:#f7f1dfc7;background:#ffffff0b;border:1px solid #ffffff13;border-radius:18px;width:100%;padding:14px}.agent-tab:hover,.agent-tab.active{background:#d8b15f1f;border-color:#d8b15f73}.agent-tab span{color:#f7f1df;font-weight:900;display:block}.agent-tab small{color:#f7f1df8c;margin-top:4px;display:block}.agent-panel{border-radius:32px;padding:clamp(18px,3vw,28px)}.panel-header{text-align:center}.panel-header h3,.section-heading h3{color:#f7f1df;letter-spacing:-.055em;margin:0;font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1}.panel-header p{color:#f7f1dfa6;max-width:720px;margin:10px auto 0;font-size:.96rem;line-height:1.55}textarea{resize:vertical;color:#f7f1df;background:#00000057;border:1px solid #d8b15f38;border-radius:24px;outline:none;width:100%;min-height:140px;margin-top:18px;padding:18px;line-height:1.6}textarea:focus{border-color:#d8b15fb3;box-shadow:0 0 0 4px #d8b15f14}.button-row{flex-wrap:wrap;gap:12px;margin:14px 0;display:flex}.primary-button,.secondary-button,.ghost-button{border-radius:999px;padding:12px 17px;font-weight:900}.primary-button{color:#080808;background:#d8b15f;border:none}.secondary-button{color:#f7f1df;background:#d8b15f14;border:1px solid #d8b15f40}.ghost-button{color:#f7f1dfb3;background:0 0;border:1px solid #ffffff17}.output-box{background:#00000059;border:1px solid #ffffff17;border-radius:24px;margin-top:14px;overflow:hidden}.output-header{color:#f7f1dfb8;background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;gap:18px;padding:13px 17px;display:flex}.output-header span{font-weight:900}.output-header small{color:#d8b15f}pre{white-space:pre-wrap;color:#f7f1dfc2;min-height:215px;max-height:460px;margin:0;padding:18px;line-height:1.6;overflow:auto}.saved-section{border-radius:32px;margin-top:18px;padding:clamp(18px,3vw,28px)}.section-heading{text-align:center}.empty-state{color:#f7f1df8c;text-align:center;background:#ffffff09;border:1px dashed #d8b15f3d;border-radius:22px;margin-top:16px;padding:20px}.saved-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.saved-card{background:#ffffff0b;border:1px solid #d8b15f29;border-radius:22px;padding:18px}.saved-card span{color:#d8b15f;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900}.saved-card h4{color:#f7f1df;margin:10px 0}.saved-card p{color:#f7f1df94;margin:0;line-height:1.6}@media (width<=900px){.app-shell{width:min(100% - 24px,1180px);padding:14px 0 28px}.top-nav{flex-direction:column;align-items:flex-start}.hero{grid-template-columns:1fr;gap:18px;padding:34px 0 22px}.hero h2{font-size:clamp(2rem,12vw,3.6rem)}.stats-grid{grid-template-columns:repeat(2,1fr)}.agent-layout{grid-template-columns:1fr}.agent-sidebar{position:static}.saved-grid{grid-template-columns:1fr}}@media (width<=560px){.stats-grid{grid-template-columns:1fr}.button-row{flex-direction:column}.primary-button,.secondary-button,.ghost-button{width:100%}textarea{min-height:130px}pre{min-height:200px}}