:root{color-scheme:dark;--bg: #0b0e13;--bg-elev: #141a22;--bg-sunken: #0d1117;--line: #222b36;--line-soft: #1b232d;--fg: #e8ecf2;--fg-dim: #98a3b3;--fg-faint: #667284;--accent: #3b82f6;--accent-hi: #60a5fa;--accent-deep: #1d4ed8;--ok: #34d399;--ok-bg: #0f2a20;--ok-line: #1d5040;--err: #f87171;--err-bg: #2c1618;--err-line: #5b2a2d;--radius: 14px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 400px at 50% -180px,rgba(59,130,246,.13),transparent 70%),radial-gradient(600px 300px at 88% 8%,rgba(52,211,153,.05),transparent 70%);background-attachment:fixed}.wrap{max-width:780px;margin:0 auto;padding:40px 18px 80px;animation:page-in .5s var(--ease) both}.lang{display:flex;justify-content:flex-end;gap:3px;margin-bottom:-14px;animation:page-in .5s var(--ease) both}.lang-btn{margin-top:0;width:auto;padding:5px 11px;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--fg-faint);background:transparent;border:1px solid transparent;border-radius:7px;box-shadow:none}.lang-btn:hover:not(:disabled){color:var(--fg-dim);background:rgba(255,255,255,.04);filter:none;box-shadow:none}.lang-btn.is-on{color:var(--fg);background:var(--bg-elev);border-color:var(--line)}.head{margin-bottom:26px}.logo{display:block;height:30px;width:auto;margin:0 auto 22px;filter:drop-shadow(0 3px 14px rgba(225,37,27,.28));animation:logo-in .65s var(--ease) both}h1{font-size:25px;font-weight:650;letter-spacing:-.02em;margin:0 0 6px;background:linear-gradient(180deg,#fff,#a9b6c8);-webkit-background-clip:text;background-clip:text;color:transparent}p.sub{color:var(--fg-dim);margin:0;font-size:13.5px;max-width:62ch}.steps{display:flex;align-items:center;gap:6px;list-style:none;margin:24px 0 20px;padding:0}.step{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--fg-faint);transition:color .35s var(--ease)}.step .dot{width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--bg-elev);font-size:11.5px;font-weight:600;transition:all .35s var(--ease)}.steps .bar{width:34px;height:1px;flex:none;background:var(--line);transition:background .45s var(--ease)}.step.is-active{color:var(--fg)}.step.is-active .dot{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 4px #3b82f629}.step.is-done{color:var(--fg-dim)}.step.is-done .dot{border-color:var(--ok-line);background:var(--ok-bg);color:var(--ok)}.step.is-done .dot:after{content:"\2713"}.step.is-done .dot span{display:none}.step.is-done+.bar{background:var(--ok-line)}.card{position:relative;background:linear-gradient(180deg,var(--bg-elev),#11161d);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:14px;box-shadow:0 1px #ffffff08 inset,0 8px 26px -18px #000000e6;transition:border-color .3s var(--ease),box-shadow .3s var(--ease);animation:card-in .5s var(--ease) both}.card:focus-within{border-color:#2f3b4a;box-shadow:0 1px #ffffff0a inset,0 10px 34px -18px #000000f2}.card h2{font-size:11.5px;margin:0 0 14px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600}label{display:block;font-size:11.5px;color:var(--fg-dim);margin:12px 0 5px;font-weight:500}input,select{width:100%;padding:11px 13px;background:var(--bg-sunken);border:1px solid #26303c;border-radius:9px;color:var(--fg);font-size:14px;font-family:inherit;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}input::placeholder{color:var(--fg-faint)}input:hover,select:hover{border-color:#303c4a}input:focus,select:focus{outline:none;border-color:var(--accent);background:#0a0f16;box-shadow:0 0 0 3.5px #3b82f629}select{cursor:pointer}button{position:relative;margin-top:18px;width:100%;padding:12px;border:0;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(180deg,var(--accent-hi),var(--accent));box-shadow:0 1px #ffffff2e inset,0 6px 18px -8px #3b82f699;transition:transform .16s var(--ease),box-shadow .25s var(--ease),filter .2s var(--ease)}button:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 1px #fff3 inset,0 10px 24px -8px #3b82f6b8}button:active:not(:disabled){transform:translateY(1px) scale(.995)}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg),0 0 0 5.5px var(--accent)}button:disabled{opacity:.62;cursor:not-allowed}button.secondary{background:#263141;box-shadow:none}.spin{display:inline-block;width:13px;height:13px;margin-right:8px;vertical-align:-2px;border:2px solid rgba(255,255,255,.32);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}.msg{padding:11px 13px;border-radius:9px;font-size:12.5px;margin-top:13px;display:none;overflow-wrap:anywhere;line-height:1.5}.msg.err,.msg.ok{display:block;animation:msg-in .34s var(--ease) both}.msg.err{background:var(--err-bg);border:1px solid var(--err-line);color:var(--err)}.msg.detail{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.55;user-select:text;max-height:46vh;overflow:auto}.msg.ok{background:var(--ok-bg);border:1px solid var(--ok-line);color:var(--ok)}.hidden{display:none}table{width:100%;border-collapse:collapse;margin-top:10px}tr{animation:row-in .42s var(--ease) both}td{padding:11px 9px;border-bottom:1px solid var(--line-soft);vertical-align:top;font-size:13px}tr:last-child td{border-bottom:0}tr:hover td{background:rgba(255,255,255,.022)}td.k{white-space:nowrap;width:232px}td.k .fld{color:var(--fg);font-weight:600}td.k .ph{color:var(--fg-faint);font-size:11px;margin-top:3px}td.v{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;color:#cfe0f5;font-size:12.5px}.copy{float:right;margin-left:10px;padding:4px 9px;font-size:11px;font-weight:600;font-family:system-ui,sans-serif;color:var(--fg-dim);background:#212a35;border:1px solid var(--line);border-radius:7px;cursor:pointer;user-select:none;transition:all .18s var(--ease)}.copy:hover{background:#2b3644;color:var(--fg);border-color:#35414f}.copy.is-copied{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok);animation:pop .34s var(--ease)}.ctx{display:flex;align-items:center;gap:12px;padding:11px 13px;margin-bottom:14px;background:var(--bg-sunken);border:1px solid var(--line);border-radius:10px}.ctx-txt{min-width:0;flex:1}.ctx-l{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-faint);font-weight:600}.ctx-v{display:block;font-size:13.5px;color:var(--fg);font-weight:600;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctx-btn{margin-top:0;width:auto;flex:none;padding:8px 13px;font-size:12px;font-weight:600;background:#263141;color:var(--fg-dim);box-shadow:none;border:1px solid var(--line)}.ctx-btn:hover:not(:disabled){background:#2e3a4b;color:var(--fg);filter:none;box-shadow:none}.stale{display:none;padding:11px 13px;margin-bottom:14px;border-radius:9px;font-size:12.5px;line-height:1.5;background:#2b2313;border:1px solid #574317;color:#f5c464;animation:msg-in .3s var(--ease) both}.stale b{color:#ffd98a}#step3.is-stale .stale{display:block}#step3.is-stale table,#step3.is-stale details{opacity:.42;filter:saturate(.4);transition:opacity .3s var(--ease),filter .3s var(--ease)}select.is-pulsing{animation:pulse 1.1s var(--ease) 2}.note{font-size:12px;color:var(--fg-dim);margin-top:12px;padding-left:11px;border-left:2px solid var(--line);line-height:1.55}.note b{color:#c4cede;font-weight:600}details{margin-top:14px}summary{cursor:pointer;color:var(--fg-faint);font-size:12px;transition:color .2s var(--ease)}summary:hover{color:var(--fg-dim)}pre{background:var(--bg-sunken);border:1px solid var(--line);border-radius:9px;padding:13px;overflow:auto;font-size:11.5px;margin-top:10px;color:#b9c6d8;animation:msg-in .3s var(--ease) both}code{background:#1a222c;border:1px solid var(--line-soft);padding:1px 5px;border-radius:5px;font-size:.92em}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes logo-in{0%{opacity:0;transform:translateY(-7px) scale(.97);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes msg-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes row-in{0%{opacity:0;transform:translate(-9px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f600;border-color:#26303c}50%{box-shadow:0 0 0 5px #3b82f638;border-color:var(--accent)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.16)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 560px){.wrap{padding:26px 14px 60px}td.k{width:auto;white-space:normal}.step .lbl{display:none}.steps .bar{width:22px}}
