:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101112;--panel:#181a1c;--panel-strong:#202327;--text:#f2efe7;--muted:#b6b0a4;--line:#34373b;--accent:#f4c95d;--accent-2:#7ed7c1;--danger:#ff8a80}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 10%, #7ed7c129, transparent 30rem), radial-gradient(circle at 80% 0%, #f4c95d21, transparent 28rem), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.nav{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:18px;padding:18px clamp(18px,4vw,56px);display:flex}.brand{letter-spacing:0;font-size:22px;font-weight:800}.nav small{color:var(--muted)}.nav-actions{align-items:center;gap:14px;display:flex}.github-link{border:1px solid var(--line);min-height:34px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-weight:700;text-decoration:none;display:inline-flex}.github-link:hover{border-color:var(--accent-2)}.main{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:42px;width:min(1120px,100vw - 36px);margin:0 auto;padding:42px 0;display:grid}.hero h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(42px,7vw,82px);line-height:.98}.hero p{max-width:650px;color:var(--muted);margin:24px 0 0;font-size:20px;line-height:1.55}.privacy-strip{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.privacy-strip span{border:1px solid var(--line);color:#ddd8cb;background:#ffffff0a;border-radius:6px;padding:8px 10px;font-size:14px}.panel{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);border-radius:8px;padding:22px;box-shadow:0 24px 90px #00000047}.panel h2{margin:0 0 18px;font-size:20px}.steps{gap:12px;margin-bottom:18px;display:grid}.step{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;display:grid}.step-number{width:30px;height:30px;color:var(--accent-2);background:#7ed7c124;border-radius:6px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.step strong,.step span{display:block}.step strong{font-size:14px}.step span{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.45}.step code,.notes code,.result-note code{color:#f8f2df;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.field{gap:8px;margin-bottom:14px;display:grid}.field label{color:var(--muted);font-size:14px}.field input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#111315;border-radius:6px;outline:none;padding:0 12px}.field input:focus{border-color:var(--accent-2)}.primary{background:var(--accent);color:#15120a;cursor:pointer;border:0;border-radius:6px;width:100%;min-height:46px;font-weight:800}.primary:disabled{cursor:wait;opacity:.65}.result{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;margin-top:18px;padding:16px}.result-title{color:var(--muted);margin-bottom:8px}.copy-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.command-row{align-items:stretch;margin-top:12px}.install-row{margin-top:0}.panel-divider{background:var(--line);height:1px;margin:20px 0}.code{letter-spacing:0;color:var(--accent-2);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:28px;font-weight:800}.command{color:#f8f2df;background:#0b0c0d;border-radius:6px;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.copy-button{border:1px solid var(--line);min-height:38px;color:var(--text);cursor:pointer;white-space:nowrap;background:#121416;border-radius:6px;padding:0 12px}.copy-button:hover{border-color:var(--accent-2)}.error{color:var(--danger);margin-top:12px}.notes{color:var(--muted);margin-top:18px;font-size:13px;line-height:1.5}.notes.compact{margin-top:10px}.result-note{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.5}@media (max-width:860px){.nav{align-items:flex-start}.nav-actions{flex-direction:column;align-items:flex-end;gap:8px}.main{grid-template-columns:1fr;align-items:start}.hero h1{font-size:44px}.copy-row{grid-template-columns:1fr}.copy-button{width:100%}}