:root{--bg: #fbfaf7;--surface: #ffffff;--surface-2: #f4f2ec;--ink: #141414;--ink-2: #5f5c55;--ink-3: #918d84;--line: #e8e4da;--line-strong: #d7d1c3;--gold: #d1a83a;--gold-hi: #efd680;--gold-lo: #b08a1f;--gold-ink: #8a6a14;--gold-soft: #fbf4dc;--gold-line: #ecd98f;--on-gold: #1a1400;--good: #1e7a4c;--good-soft: #e7f4ec;--warn: #9a6b00;--warn-soft: #fbf1d9;--bad: #b42323;--bad-soft: #fbe9e9;--radius: 12px;--radius-sm: 8px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #0a0a0a;--surface: #141414;--surface-2: #1d1d1d;--ink: #f6f3ec;--ink-2: #aba69b;--ink-3: #78746b;--line: #262626;--line-strong: #3a3a3a;--gold: #d9b544;--gold-hi: #f2dc86;--gold-lo: #b48d1f;--gold-ink: #e6c96a;--gold-soft: #26200e;--gold-line: #4a3d14;--on-gold: #1a1400;--good: #4cc38a;--good-soft: #0f2419;--warn: #e0b03a;--warn-soft: #2a2110;--bad: #ff6b6b;--bad-soft: #2b1414}}*{box-sizing:border-box}html,body{height:100%}#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 480px at 8% -8%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 70%);z-index:0}#root{position:relative;z-index:1}a{color:var(--gold-ink);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:flex;flex-direction:column}.wrap{width:100%;max-width:780px;margin:0 auto;padding:0 18px}.wrap-wide{max-width:1180px}.masthead{background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.masthead:after{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi),var(--gold-lo))}.masthead-inner{display:flex;align-items:center;gap:12px;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;font-size:17px;color:var(--ink)}.brand:hover{text-decoration:none}.brand-name{display:flex;flex-direction:column;line-height:1.05}.brand-name small{font-size:9.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink)}.masthead-tag{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}h1,h2,h3{margin:0;letter-spacing:-.025em;font-weight:800;line-height:1.2}h1{font-size:30px}h2{font-size:20px}h3{font-size:15px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}.muted{color:var(--ink-2)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 1px 2px #1414140a}.card+.card{margin-top:14px}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.card-head h2{flex:1;min-width:0}.card-head svg{color:var(--gold-ink)}.banner{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);padding:22px;display:flex;gap:18px;align-items:center;position:relative;overflow:hidden;box-shadow:0 1px 2px #1414140a}.banner:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--tone, var(--gold))}.banner-icon{width:46px;height:46px;border-radius:12px;background:var(--tone-soft, var(--gold-soft));color:var(--tone-ink, var(--gold-ink));display:grid;place-items:center;flex-shrink:0}.banner-body{flex:1;min-width:0}.banner-body h1{font-size:22px}.tone-run,.tone-done{--tone: var(--gold);--tone-soft: var(--gold-soft);--tone-ink: var(--gold-ink)}.tone-warn{--tone: var(--warn);--tone-soft: var(--warn-soft);--tone-ink: var(--warn)}.tone-bad{--tone: var(--bad);--tone-soft: var(--bad-soft);--tone-ink: var(--bad)}.meter{height:10px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,var(--gold-lo),var(--gold),var(--gold-hi));border-radius:99px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.meter-fill.live{background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 8px,transparent 8px 16px),linear-gradient(90deg,var(--gold-lo),var(--gold),var(--gold-hi));animation:slide .9s linear infinite}@keyframes slide{to{background-position:22px 0,0 0}}.meter-lg{height:14px}.progress-hero{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:10px 0 12px}.pct-big{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:54px;font-weight:800;line-height:1;letter-spacing:-.04em}.pct-big small{font-size:26px;font-weight:700;color:var(--ink-3);margin-left:2px}.pct-big.is-done{color:var(--gold-ink)}.pct-big.is-done small{color:var(--gold-ink);opacity:.7}.progress-copy{font-size:15px;color:var(--ink-2)}.progress-copy strong{color:var(--ink);font-size:15px}.stats-flat{margin-top:16px;border-radius:0;border-width:1px 0 0}.stats-flat .stat{padding:12px 14px 4px 0}.stats-flat .stat-value{font-size:18px}.stat-unit{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink-3)}.progress-note{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--gold-soft);color:var(--ink-2);font-size:13.5px}.progress-note svg{color:var(--gold-ink);flex-shrink:0;margin-top:2px}.live-pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 10px 4px 8px;border-radius:99px;border:1px solid var(--line);background:var(--surface-2);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);flex-shrink:0}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);animation:pulse 1.6s ease-out infinite}.chip .live-dot{background:var(--gold-ink);animation-name:pulse-gold}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--good) 45%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes pulse-gold{0%{box-shadow:0 0 color-mix(in srgb,var(--gold) 55%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.spin{animation:spin .7s linear infinite}@media (prefers-reduced-motion: reduce){.meter-fill.live{animation:none}.meter-fill{transition:none}.live-dot{animation:none}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stat{background:var(--surface);padding:14px 16px}.stat-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.stat-value{font-family:var(--mono);font-size:20px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}.steps{list-style:none;margin:0;padding:0}.step{display:flex;gap:14px;padding-bottom:18px;position:relative}.step:last-child{padding-bottom:0}.step:not(:last-child):before{content:"";position:absolute;left:13px;top:30px;bottom:4px;width:2px;background:var(--line)}.step-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--line-strong);background:var(--surface);color:var(--ink-3);display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0;z-index:1}.step.done .step-dot{background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));border-color:var(--gold-lo);color:var(--on-gold)}.step.active .step-dot{border-color:var(--gold);color:var(--gold-ink);box-shadow:0 0 0 4px var(--gold-soft)}.step.done:not(:last-child):before{background:var(--gold)}.step-title{font-weight:700}.step.todo .step-title{color:var(--ink-3)}.step-note{font-size:13px;color:var(--ink-2)}.field{display:block;margin-bottom:14px}.label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:inherit;font-size:15px;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.input.mono{font-family:var(--mono)}.input::placeholder{color:var(--ink-3)}.hint{font-size:12.5px;color:var(--ink-2);margin-top:5px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 14px}.check{display:flex;align-items:flex-start;gap:9px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input{margin-top:3px;accent-color:var(--gold-lo)}.input-wrap{position:relative;display:block}.input-wrap .input{padding-right:44px}.input-btn{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:var(--ink-3);display:grid;place-items:center;cursor:pointer}.input-btn:hover{background:var(--surface-2);color:var(--ink)}.form-section{display:flex;gap:14px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.form-section:last-of-type{border-bottom:0}.form-step{width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));color:var(--on-gold);display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0;margin-top:-2px}.form-section-body{flex:1;min-width:0}.form-section-body h3{margin-bottom:10px}.form-section-body .between h3{margin-bottom:0}.codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.code-slot{position:relative;display:block}.code-slot .input{padding-left:34px}.code-slot.filled .input{border-color:var(--gold-line);background:var(--gold-soft)}.code-n{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;color:var(--ink-3);font-family:var(--mono);pointer-events:none}.code-slot.filled .code-n{color:var(--gold-ink)}.guide{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);font-size:13.5px}.guide summary{cursor:pointer;padding:10px 14px;font-weight:700;color:var(--gold-ink);list-style:none;display:flex;align-items:center;gap:8px}.guide summary::-webkit-details-marker{display:none}.guide summary:before{content:"+";font-weight:800;width:12px}.guide[open] summary:before{content:"–"}.guide ol{margin:0;padding:0 16px 12px 34px}.guide li{margin-bottom:6px}.guide li:last-child{margin-bottom:0}.guide .hint{padding:0 16px 12px;margin:0}.trust{display:flex;gap:7px;align-items:flex-start}.trust svg{flex-shrink:0;margin-top:1px;color:var(--gold-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--surface-2);color:var(--ink);font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;transition:filter .12s,background .12s,border-color .12s,transform 80ms}.btn:hover:not(:disabled){filter:brightness(.97)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 45%,var(--gold-lo) 100%);color:var(--on-gold);border-color:var(--gold-lo);box-shadow:0 1px #00000014,inset 0 1px #ffffff59}.btn-primary:hover:not(:disabled){filter:brightness(1.04)}.btn-ghost{background:transparent;border-color:var(--line-strong)}.btn-danger{background:var(--bad);color:#fff}.btn-block{width:100%}.btn-sm{padding:7px 12px;font-size:13px}.btn-lg{padding:14px 20px;font-size:16px}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.note{border:1px solid var(--line);border-left:3px solid var(--tone, var(--gold));background:var(--tone-soft, var(--gold-soft));border-radius:var(--radius-sm);padding:13px 15px;font-size:14px}.note h3{margin-bottom:4px}.note ol,.note ul{margin:8px 0 0;padding-left:20px}.note li{margin-bottom:5px}.note li:last-child{margin-bottom:0}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.chip-good{background:var(--good-soft);color:var(--good);border-color:transparent}.chip-warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.chip-bad{background:var(--bad-soft);color:var(--bad);border-color:transparent}.chip-run{background:var(--gold-soft);color:var(--gold-ink);border-color:transparent}.copybar{display:flex;align-items:center;gap:8px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);padding:9px 9px 9px 13px;background:var(--surface-2)}.copybar code{flex:1;min-width:0;font-family:var(--mono);font-size:13px;overflow-wrap:anywhere}.tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.tip{display:flex;gap:12px;align-items:flex-start}.tip-icon{width:34px;height:34px;border-radius:9px;background:var(--gold-soft);color:var(--gold-ink);display:grid;place-items:center;flex-shrink:0}.tip-title{display:block;font-weight:700}.tip-note{display:block;font-size:13px;color:var(--ink-2)}.freshness{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 8px;margin-top:18px;font-size:12.5px;color:var(--ink-2)}.freshness-sep{color:var(--ink-3)}.freshness-btn{padding:4px 10px;font-size:12px;margin-left:2px}.spinner{width:18px;height:18px;border:2px solid var(--line-strong);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-page{flex:1;display:grid;place-items:center;padding:60px 18px}.footer{margin-top:auto;padding:26px 0;text-align:center;font-size:12.5px;color:var(--ink-3);border-top:1px solid var(--line)}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{display:flex;flex-direction:column;gap:8px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.section{padding:26px 0}.shot{width:100%;border-radius:var(--radius-sm);border:1px solid var(--line);display:block}@media (max-width: 560px){h1{font-size:24px}.card{padding:16px}.banner{padding:17px;gap:14px}.banner-icon{width:40px;height:40px}.banner-body h1{font-size:19px}.live-pill{position:absolute;top:10px;right:10px}.banner:has(.live-pill) .banner-body{padding-top:14px}.pct-big{font-size:44px}.stats-flat{grid-template-columns:1fr 1fr}.form-section{gap:10px}.codes{grid-template-columns:1fr 1fr}.freshness .mono{overflow-wrap:anywhere}}