:root{--ink-900:oklch(18% .012 250);--ink-800:oklch(22% .012 250);--ink-700:oklch(28% .012 250);--ink-500:oklch(55% .01 250);--ink-400:oklch(68% .008 250);--ink-300:oklch(82% .005 250);--ink-200:oklch(92% .004 250);--ink-100:oklch(96.5% .003 250);--accent-500:oklch(70% .19 28);--accent-600:oklch(64% .2 28);--coral-500:oklch(62% .24 18);--font-display:-apple-system, "Segoe UI", Roboto, "Inter", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-display);background:var(--ink-900);color:var(--ink-100);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;margin:0}.shell{justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex}.shell-col{width:100%;max-width:440px}.brand{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.wordmark{letter-spacing:-.02em;color:var(--ink-100);align-items:center;gap:8px;font-size:26px;font-weight:700;display:inline-flex}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-500);margin:20px 0 0;font-size:11px;font-weight:500}.card{background:var(--ink-800);border:1px solid var(--ink-700);border-radius:28px;flex-direction:column;gap:20px;padding:32px;display:flex}.step{flex-direction:column;gap:20px;display:none}.step.active{display:flex}#wd-entry{flex-direction:column;gap:20px;display:flex}.copy{color:var(--ink-300);margin:0;font-size:14px;line-height:1.5}.copy-sub{color:var(--ink-400);margin:0;font-size:13px;line-height:1.5}.copy .hl{color:var(--ink-100)}.mono{font-family:var(--font-mono);letter-spacing:0}.tnum{font-variant-numeric:tabular-nums}.field{flex-direction:column;display:flex}.field label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.field .hint{color:var(--ink-500);margin:6px 0 0;font-size:11.5px}.field .hint.err{color:var(--coral-500)}.field .hint:empty{display:none}.input{border:1px solid var(--ink-700);background:var(--ink-800);width:100%;height:40px;font-family:var(--font-display);color:var(--ink-100);border-radius:10px;outline:none;padding:0 12px;font-size:14px;transition:border-color .12s,box-shadow .12s}.pw-field{display:flex;position:relative}.pw-field .input{padding-right:44px}.pw-reveal{width:40px;height:40px;color:var(--ink-500);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:color .12s;display:inline-flex;position:absolute;top:0;right:0}.pw-reveal:hover{color:var(--ink-100)}.pw-reveal:focus-visible{color:var(--ink-100);outline:none;box-shadow:0 0 0 3px oklch(70% .19 28/.2)}.pw-reveal svg{width:16px;height:16px;display:block}.pw-rules{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.pw-rules li{color:var(--ink-500);align-items:center;gap:7px;font-size:11.5px;transition:color .12s;display:flex}.pw-rules li:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin:0 2px}.pw-rules li[data-ok=true]{color:var(--ink-100)}.pw-rules li[data-ok=true]:before{border-right:1.5px solid var(--accent-500);border-bottom:1.5px solid var(--accent-500);background:0 0;border-radius:0;width:9px;height:9px;margin:0;transform:rotate(45deg)translate(-1px,-1px)}.input.mono{font-family:var(--font-mono)}.input:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px oklch(70% .19 28/.2)}.input::placeholder{color:var(--ink-400)}.input:disabled{opacity:.6}.btn{height:44px;font-family:var(--font-display);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:0 18px;font-size:14px;font-weight:600;transition:all .12s;display:inline-flex}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px oklch(70% .19 28/.35)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-500);color:var(--ink-900)}.btn-primary:hover:not(:disabled){background:var(--accent-600)}.btn-ghost{color:var(--ink-400);background:0 0;border-radius:8px;height:28px;font-size:12px}.btn-ghost:hover:not(:disabled){background:var(--ink-800);color:var(--ink-300)}.form-error{color:var(--coral-500);margin:0;font-size:13px}.form-error:empty{display:none}.code-card{border:1px solid var(--ink-700);background:var(--ink-900);border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.code-card .code-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);font-size:11px;font-weight:600}.code-card .code-value{font-family:var(--font-mono);color:var(--ink-100);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:16px}.code-card .code-helper{color:var(--ink-500);font-size:11.5px}.ack{color:var(--ink-300);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.ack input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-500);cursor:pointer}.done{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.done .badge{background:var(--accent-500);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.done .badge svg{color:var(--ink-900)}.done .title{color:var(--ink-100);margin:0;font-size:15px;font-weight:600}.link{color:var(--ink-400);text-align:center;font-size:12.5px;text-decoration:none}.link:hover{color:var(--ink-300);text-decoration:underline}.panel{border:1px solid var(--ink-700);background:var(--ink-900);border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);margin:0;font-size:11px;font-weight:600}.stack{flex-direction:column;gap:12px;display:flex}.section-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);margin:0;font-size:11px;font-weight:600}.kvs{flex-direction:column;gap:10px;display:flex}.kv{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.kv-label{color:var(--ink-500);font-size:12.5px}.kv-value{font-family:var(--font-mono);color:var(--ink-100);text-align:right;word-break:break-word;font-size:13px}.kv-note{color:var(--ink-500);margin:0;font-size:11.5px;line-height:1.4}.chip{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink-700);color:var(--ink-300);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.chip-tier{background:var(--accent-500);color:var(--ink-900);border-color:#0000}.chip-lifetime{color:var(--accent-500);border-color:var(--accent-500);background:0 0}.chip-cancelling{color:var(--coral-500);background:0 0;border-color:oklch(62% .24 18/.5)}.chip-free{color:var(--ink-400);border-color:var(--ink-700);background:0 0}.subs{flex-direction:column;gap:10px;display:flex}.sub{border:1px solid var(--ink-700);background:var(--ink-800);border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.sub-top{align-items:center;gap:10px;display:flex}.sub-tier{color:var(--ink-200);font-size:13px;font-weight:600}.sub-meta{font-family:var(--font-mono);color:var(--ink-500);margin:0;font-size:11.5px}.sub-guide{color:var(--ink-400);margin:0;font-size:12.5px;line-height:1.5}.src-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);border:1px solid var(--ink-700);border-radius:6px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.notice{border-left:2px solid var(--ink-700);flex-direction:column;gap:6px;padding:2px 0 2px 14px;display:flex}.notice-warn{border-left-color:var(--coral-500)}.notice>strong{color:var(--ink-100);font-size:13.5px;font-weight:600}.notice .src-badge{align-self:flex-start}.notice-body{color:var(--ink-300);margin:0;font-size:13px;line-height:1.5}.danger{background:oklch(62% .24 18/.04);border:1px solid oklch(62% .24 18/.3);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.danger-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--coral-500);margin:0;font-size:11px;font-weight:600}.btn-danger{color:var(--coral-500);background:oklch(62% .24 18/.12);border-color:oklch(62% .24 18/.4)}.btn-danger:hover:not(:disabled){border-color:var(--coral-500);background:oklch(62% .24 18/.2)}.btn-secondary{color:var(--ink-300);border-color:var(--ink-700);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--ink-800);border-color:var(--ink-500)}.link-inline{text-align:left;font-size:inherit;color:var(--accent-500);display:inline}.link-inline:hover{color:var(--accent-600)}.coming-soon{color:var(--ink-500);font-style:italic}.done .badge-neutral{background:var(--ink-700)}.done .badge-neutral svg{color:var(--ink-200)}#purchase-offer{flex-direction:column;gap:10px;display:flex}.offer{border:1px solid var(--ink-700);background:var(--ink-800);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.offer-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.offer-title{color:var(--ink-100);font-size:14px;font-weight:600}.offer-price{color:var(--ink-200);font-size:14px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
