:root{color-scheme:dark;--bg:#090e0d;--surface:#101816;--surface2:#151f1c;--line:#27352f;--text:#f2f7f3;--muted:#98aaa0;--green:#b9f27c;--mint:#7de0bd;--blue:#92b9ff;--danger:#ff8585;--amber:#f2c878;--shadow:0 24px 72px #0008;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 60% 45% at 82% -10%,#203b2e80,transparent 65%),var(--bg);color:var(--text);font:15px/1.65 'DM Sans',Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:11px;align-items:center;font:700 15px Manrope,sans-serif;letter-spacing:-.3px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--green),var(--mint));color:#102019;display:grid;place-items:center;font-size:17px;box-shadow:0 0 28px #b9f27c38}.navlinks{display:flex;gap:25px;align-items:center;color:var(--muted);font-size:13px}.navlinks a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:#ffffff06;color:var(--text);font-weight:600;transition:.2s ease;white-space:nowrap}.button:hover{transform:translateY(-2px);border-color:#b9f27c77;background:#b9f27c0d}.button.primary{background:var(--green);color:#152019;border-color:var(--green)}.button.primary:hover{background:#c9ff8c;box-shadow:0 10px 32px #b9f27c22}.button.small{padding:8px 12px;font-size:13px}.hero{padding:88px 0 76px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;min-height:600px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.pulse{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green);animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 4px var(--green)}}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(40px,5.2vw,67px)/1.06 Manrope,sans-serif;letter-spacing:-.055em;margin:22px 0}.hero h1 span{color:var(--green)}.lead{font-size:18px;color:#c0cdc5;max-width:560px;line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 19px}.fine{font-size:12px;color:var(--muted)}.hero-card{border:1px solid #ffffff17;border-radius:24px;background:linear-gradient(150deg,#15201c,#0e1412);box-shadow:var(--shadow);padding:22px;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:perspective(1200px) rotateY(-1deg) translateY(-8px)}}.window-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:23px}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;background:#45564d;border-radius:50%}.state-list{display:grid;gap:10px}.state-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:13px 14px;border:1px solid #ffffff0d;border-radius:13px;background:#ffffff04}.state-name{font-weight:600}.state-meta{font-size:12px;color:var(--muted)}.tag{padding:5px 9px;border-radius:100px;background:#b9f27c14;color:var(--green);font-size:11px;font-weight:700}.tag.idle{color:var(--mint);background:#7de0bd14}.tag.warn{color:var(--amber);background:#f2c87814}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mini-metric{padding:13px;border:1px solid #ffffff0d;border-radius:13px}.mini-metric span{display:block;color:var(--muted);font-size:11px}.mini-metric strong{font:700 20px Manrope;display:block;margin-top:4px}.section{padding:74px 0}.section-head{max-width:650px;margin-bottom:30px}.section-head h2{font:700 clamp(28px,3.5vw,42px)/1.15 Manrope;letter-spacing:-.04em;margin:12px 0}.section-head p{color:var(--muted);font-size:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{border:1px solid #ffffff14;border-radius:var(--radius);background:linear-gradient(145deg,#131d19,#0e1412);padding:23px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#b9f27c55}.card-number{font:700 12px Manrope;color:var(--green);letter-spacing:.08em}.card h3{font:650 18px Manrope;margin:18px 0 8px}.card p{color:var(--muted);margin:0}.icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#b9f27c13;color:var(--green);font-size:18px}.model-card{display:flex;gap:15px;align-items:flex-start}.model-card h3{margin:2px 0 4px}.model-card small{color:var(--muted)}.model-card p{font-size:13px;margin-top:6px}.code-card{overflow:hidden;border:1px solid #ffffff17;border-radius:18px;background:#0b100f;box-shadow:var(--shadow)}.code-head{padding:13px 17px;border-bottom:1px solid #ffffff10;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.code-card pre{margin:0;padding:20px;overflow:auto;color:#c8e3d2;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.copy{border:0;background:transparent;color:var(--green);font-size:12px}.notice{border:1px solid #f2c8783d;background:#f2c8780b;border-radius:14px;padding:17px;color:#d9c99f;font-size:13px}.endpoint{display:grid;grid-template-columns:76px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff10;font:13px ui-monospace,monospace}.method{color:var(--mint);font-weight:700}.muted{color:var(--muted)}.footer{border-top:1px solid #ffffff12;padding:28px 0 40px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.app-shell{padding:28px 0 60px}.app-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0}.app-head h1{font-size:32px;margin:0 0 5px;letter-spacing:-.04em}.app-head p{margin:0;color:var(--muted)}.panel{border:1px solid #ffffff14;border-radius:18px;background:linear-gradient(145deg,#131c19,#0e1412);padding:22px;margin:16px 0}.panel h2{font:650 18px Manrope;margin:0 0 18px}.toolbar,.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tabs{display:flex;gap:7px;border-bottom:1px solid #ffffff14;margin:24px 0}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:12px 14px}.tabs button.active{border-color:var(--green);color:var(--green)}.field{display:grid;gap:6px;flex:1 1 180px}.field label{font-size:12px;color:var(--muted)}input,textarea{width:100%;border:1px solid #ffffff18;border-radius:10px;background:#0b100f;color:var(--text);padding:11px 12px}textarea{min-height:125px;resize:vertical;font:12px/1.5 ui-monospace,monospace}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{border:1px solid #ffffff12;border-radius:14px;padding:17px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font:700 25px Manrope;margin-top:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px;border-bottom:1px solid #ffffff10;vertical-align:middle}th{color:var(--muted);font-weight:500;font-size:12px}td{font-size:13px}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px}.status i{width:7px;height:7px;background:var(--green);border-radius:50%}.status.warn i{background:var(--amber)}.status.bad i{background:var(--danger)}.status.idle i{background:var(--mint)}.error{color:var(--danger);min-height:20px}.empty{padding:24px;color:var(--muted);text-align:center}.balance{font:700 40px Manrope;color:var(--green);letter-spacing:-.04em}.hidden{display:none!important}.toast{position:fixed;right:22px;bottom:22px;background:#1b2822;border:1px solid #b9f27c55;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);animation:toast .25s ease}@keyframes toast{from{opacity:0;transform:translateY(8px)}}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s,transform .55s}[data-reveal].shown{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px;padding:62px 0}.hero-card{transform:none;animation:none}.grid-3{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.navlinks{gap:12px}.navlinks a:not(.button){display:none}}@media(max-width:520px){.wrap{width:min(100% - 28px,1180px)}.topbar{height:66px}.hero{min-height:auto;padding:48px 0}.lead{font-size:16px}.hero h1{font-size:42px}.section{padding:52px 0}.stats{grid-template-columns:1fr 1fr}.app-head{align-items:flex-start;flex-direction:column}.panel{padding:16px}.state-row{grid-template-columns:1fr auto}.state-meta{display:none}.endpoint{grid-template-columns:58px 1fr}.endpoint span:last-child{display:none}}

/* Shared light theme for the website and both workspaces. */
:root{color-scheme:light;--bg:#f6f8fc;--surface:#fff;--surface2:#eef2ff;--line:#e1e6ef;--text:#202b40;--muted:#6c7890;--green:#4566de;--mint:#27866d;--danger:#c94343;--amber:#a56a15;--shadow:0 18px 55px #243b6510;--fg:#202b40;--dim:#6c7890}
body{background:var(--bg);color:var(--text);font:15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
h1,h2,h3,.brand,.balance,.stat strong,.mini-metric strong{font-family:inherit;color:var(--text)}
.hero-card,.card,.panel,.code-card,section#auth,#content>section{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px}
.hero-card{transform:none;animation:none}.lead{color:var(--muted)}.button.primary{background:var(--green);color:white}.button.primary:hover{background:#3656cb}.notice{color:#7b622e;background:#fff8e9;border-color:#f0ddb1}.code-card pre{color:var(--text)}.topbar,.footer,th,td,.tabs,.endpoint,.metric,.mini-metric,.state-row{border-color:var(--line)}.brand-mark{color:white;background:#4566de;box-shadow:none}.state-row{background:#f8faff}.window-head .dots{display:none}
button,.button{border:1px solid var(--line);background:white;color:var(--text);border-radius:10px;padding:10px 16px;transition:background .15s,transform .15s}button:hover,button.active{color:var(--green);border-color:#aebbf2;background:#f1f4ff}input,textarea,select{background:#fff;color:var(--text);border:1px solid #d9e0ec;border-radius:10px;padding:11px 13px;max-width:100%}input{width:auto;flex:1;min-width:160px}select{width:100%}main.wrap{padding-top:24px}main.wrap header{align-items:center;border-color:var(--line)}main.wrap header h1{font-size:24px;margin:0}#auth{max-width:650px;margin:60px auto;padding:32px}#auth h2{font-size:26px}#auth small{display:block;margin-top:18px;color:var(--muted)}#content>section{padding:26px;margin:20px 0}#content h2{font-size:20px}.metric{border-radius:12px;background:#f8faff}.metric strong{color:var(--text)}nav{gap:8px}footer{color:var(--muted)}.installer{max-width:850px;margin:30px auto 70px}.installer h1{font-size:38px;letter-spacing:-1px}.installer label{display:block;margin-bottom:8px;font-weight:600}.installer .field{margin-bottom:20px}.installer input{width:100%}.install-actions{display:flex;gap:10px;flex-wrap:wrap}.installer pre{white-space:pre-wrap;word-break:break-word}.installer .panel{margin-top:20px}.tag{background:#edf1ff}.tag.idle{background:#eaf6ef}.ok{color:#27866d}.bad,#error{color:var(--danger)}
#content form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}#content form .field{flex:1 1 200px;font-size:13px;font-weight:500}#content form .field input{width:100%;min-width:0}#content form .field:has(textarea){flex-basis:100%}#content form button{margin-bottom:20px}#auth form{display:flex;flex-wrap:wrap;gap:12px}#auth form button{background:var(--green);color:white}#workspace>nav{display:flex;flex-wrap:wrap;margin:24px 0}#workspace footer{margin-top:32px}#content td button,#content td a{padding:6px 10px;margin:3px;font-size:12px}#content .metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}#content .metric{padding:18px}#content .metric strong{display:block;font-size:27px}main.wrap header{display:flex;justify-content:space-between;padding-bottom:20px}#error{min-height:24px}#content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6fb;border-radius:10px;padding:16px}body>main>footer{margin:30px 0}#content table{white-space:normal}#auth input{max-width:100%}[hidden]{display:none!important}
@media(max-width:600px){.grid-2{grid-template-columns:1fr}.installer h1{font-size:32px}.installer button{white-space:normal;width:100%;word-break:break-word}.installer .panel{padding:18px}.installer .install-actions{display:grid}main.wrap header h1{font-size:20px}.hero{padding-top:35px}}
.key-dialog{width:min(540px,calc(100% - 32px));padding:28px;border:1px solid var(--line);border-radius:20px;background:white;color:var(--text);box-shadow:0 24px 90px #182b5030}.key-dialog::backdrop{background:#17243b66;backdrop-filter:blur(3px)}.key-dialog h2{margin:0 0 10px;font-size:24px}.key-dialog p{color:var(--muted)}.key-dialog input{width:100%;font:14px/1.6 ui-monospace,monospace;min-width:0}.key-dialog .install-actions{margin-top:18px}.key-dialog .fine{min-height:20px;margin:8px 0}.key-create button:disabled{opacity:.6;cursor:wait}#content form.key-create{align-items:center}#content form.key-create button{margin-bottom:0}#content form.key-create .field{margin:0}