:root{color-scheme:light;--ink:#153e3c;--teal:#087e75;--line:#c9ddda;--muted:#59716d;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;background:#f2f7f5;color:var(--ink)}*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-underline-offset:4px}header,footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line)}header nav{display:flex;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:24px;font-weight:750}.brand img{width:36px}.brand small{font-size:13px;font-weight:500}main{max-width:1180px;margin:auto;padding:54px 24px}.eyebrow{color:var(--teal);letter-spacing:.12em;font-size:12px;font-weight:700}h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;margin:14px 0 20px}h2{font-size:28px;line-height:1.4}p,li{line-height:1.8}.intro>p:not(.eyebrow){max-width:900px}.notice{padding:14px 18px;border-left:3px solid var(--teal);background:#e0efeb;font-size:14px}.ledger-info{display:flex;gap:30px;justify-content:space-between;align-items:center;margin:34px 0 20px;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:12px}.ledger-info small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.replay{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.steps{display:flex;border-bottom:1px solid var(--line);padding:10px;gap:8px;overflow-x:auto}.steps button{flex:1;min-width:145px;text-align:left;background:#f1f6f4;color:var(--muted);border:1px solid transparent;padding:13px 14px;font-size:13px}.steps button[aria-current="step"]{border-color:var(--teal);background:#e0f2ec;color:var(--teal)}.steps b{margin-right:8px}.replay-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;padding:36px}.route-hints{padding-left:20px;font-size:13px;color:var(--muted);margin-top:32px}.ledger-panel{min-width:0;background:#f6faf8;border:1px solid var(--line);border-radius:12px;padding:24px}.ledger-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px}.ledger-panel h3{margin:0;font-size:19px}.badge{font-size:12px;background:#d9eee7;padding:6px 10px;border-radius:6px;white-space:nowrap}.ledger-meta{display:grid;grid-template-columns:80px 1fr;gap:9px;font-size:13px;margin:20px 0;overflow-wrap:anywhere}.ledger-meta dt{color:var(--muted)}.ledger-meta dd{margin:0}.fabric-line{padding:16px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}.fabric-line small{display:block;color:var(--muted);margin-top:8px}.ledger-amount{display:flex;justify-content:space-between;align-items:baseline;padding:24px 0 10px}.ledger-amount b{font-size:34px;letter-spacing:-.04em}.state-hint{padding:12px;background:#e5f1ed;color:var(--teal);font-size:13px}.replay-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 36px;border-top:1px solid var(--line)}button,.button{border:0;border-radius:7px;padding:12px 17px;background:var(--teal);color:white;font:inherit;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:#e9f1ee;color:var(--teal)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #70c5b7;outline-offset:4px}.replay-controls span{font-size:12px;color:var(--muted);white-space:nowrap}.replay-note{margin:0;padding:0 36px 24px;font-size:12px;color:var(--muted)}.account{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:56px 0;padding-top:24px;border-top:1px solid var(--line)}.account dl{display:grid;grid-template-columns:40px 1fr;gap:12px}.account dd{margin:0}code{background:#dfede7;padding:5px 10px;border-radius:5px;font-size:16px}.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.sample-profile{background:#e5efea;padding:26px;border-radius:12px}.sample-profile ul{padding-left:20px}.sample-profile small{line-height:1.7;color:var(--muted)}.pilot{border-top:1px solid var(--line);padding-top:24px}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted);border-bottom:0}
@media(max-width:760px){header{padding:18px;gap:12px}.brand{font-size:21px}.brand small{display:none}header nav{font-size:12px;gap:16px}main{padding:30px 18px}.ledger-info{align-items:flex-start;flex-direction:column;gap:20px}.replay-body{grid-template-columns:1fr;padding:24px 20px;gap:20px}.step-copy h2{font-size:24px}.route-hints{display:none}.replay-controls{padding:18px 20px;flex-wrap:wrap}.replay-controls #next{order:3;width:100%}.replay-note{padding:0 20px 20px}.account{grid-template-columns:1fr;gap:24px;margin:36px 0}.ledger-panel{padding:20px}.ledger-amount b{font-size:30px}footer{padding:24px 18px;align-items:flex-start;flex-direction:column;gap:12px}}

.skip{position:absolute;left:12px;top:-100px;background:white;padding:8px;z-index:10}.skip:focus{top:8px}