body,html{height:100%;background:var(--bg);margin:0;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}.setup{max-width:760px;margin:0 auto;padding:40px 32px 80px}.setup-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}.setup-top .wm{font-family:var(--serif);font-size:26px;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}.setup-top .wm i{font-style:italic;font-size:17px;margin-inline-start:4px;background-image:linear-gradient(90deg,#2dd4b6,#6bb39a 55%,#ee7a3c);background-clip:text;-webkit-background-clip:text;color:transparent}.setup-top .skip{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);text-decoration:none}.setup-top .skip:hover{color:var(--ink)}.stepper{display:flex;gap:0;margin-bottom:44px}.step{flex:1;display:flex;flex-direction:column;gap:8px}.step .bar{height:3px;background:var(--hair);border-radius:2px;overflow:hidden}.step .bar span{display:block;height:100%;background:var(--grad);width:0;transition:width .4s}.step.done .bar span,.step.on .bar span{width:100%}.step .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.step.on .lbl{color:var(--ink)}.step.done .lbl{color:var(--teal)}.card{background:var(--paper);border:1px solid var(--hair);padding:40px 44px}@media (max-width:560px){.card{padding:32px 24px}}.card h1{font-family:var(--serif);font-weight:400;font-size:36px;letter-spacing:-.02em;margin:0 0 8px}.card .sub{color:var(--ink-2);font-size:15px;line-height:1.55;margin:0 0 32px}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:560px){.opt-grid{grid-template-columns:1fr}}.opt{border:1px solid var(--hair);padding:22px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.opt.on,.opt:hover{border-color:var(--teal)}.opt.on{background:color-mix(in oklab,var(--teal) 6%,var(--paper))}.opt.on:before{content:"●";position:absolute;top:16px;inset-inline-end:16px;color:var(--teal)}.opt .ic{font-family:var(--mono);font-size:22px;color:var(--teal)}.opt .nm{font-family:var(--serif);font-size:22px;margin:10px 0 4px;color:var(--ink)}.opt .desc{font-family:var(--mono);font-size:11px;color:var(--mut);line-height:1.55}.field{margin-bottom:18px}.field label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}.field input{width:100%;padding:13px 14px;background:var(--bg-2);border:1px solid var(--hair);color:var(--ink);font-family:var(--sans);font-size:15px;border-radius:2px}.field input:focus{outline:none;border-color:var(--teal)}.field .hint{font-family:var(--mono);font-size:10.5px;color:var(--mut);margin-top:8px;letter-spacing:.02em}.key-reveal{background:#04050d;border:1px solid var(--hair);padding:16px 18px;display:flex;align-items:center;gap:12px;margin:18px 0}.key-reveal code{flex:1;font-size:13px;word-break:break-all}.key-reveal .copy,.key-reveal code{font-family:var(--mono);color:var(--teal)}.key-reveal .copy{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border:1px solid var(--teal);background:transparent;cursor:pointer;border-radius:2px}.btn-pri:disabled{cursor:not-allowed;opacity:.65;filter:grayscale(.35)}.callout{border:1px solid var(--hair);border-radius:2px;padding:12px 14px;margin:18px 0;font-size:13px;line-height:1.55;color:var(--ink-2);background:var(--bg-2)}.callout.err{border-color:color-mix(in oklab,var(--err) 60%,var(--hair));color:#ffd5dd}.callout a{color:var(--teal);border-bottom:1px solid var(--teal)}pre.code{margin:18px 0 0;padding:18px 20px;background:#04050d;color:#c9c5bd;border:1px solid var(--hair);border-radius:2px;font-family:var(--mono);font-size:12.5px;line-height:1.7;overflow-x:auto}pre.code .k{color:var(--orange)}pre.code .s{color:var(--teal)}pre.code .c{color:var(--mut)}.nav-row{display:flex;justify-content:space-between;margin-top:32px}.btn-pri{padding:13px 24px;background:var(--teal);color:#0a0b1a;border:0;border-radius:2px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block}.btn-pri:hover{filter:brightness(1.1)}.btn-sec{padding:13px 24px;background:transparent;border:1px solid var(--hair);color:var(--ink);border-radius:2px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block}.btn-sec:hover{border-color:var(--ink)}.lang-toggle{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);background:transparent;border:1px solid var(--hair);border-radius:2px;padding:6px 12px;cursor:pointer}.lang-toggle:hover{color:var(--ink);border-color:var(--ink)}