:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17304a;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.shell{min-height:100vh}.top-actions{display:flex;align-items:center;gap:.75rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1.5rem,calc((100vw - 960px)/2));background:#fff;border-bottom:1px solid #e0e7ef}.brand{font-size:1.05rem;font-weight:700}.brand span{margin-left:.5rem;color:#687c90;font-size:.8rem;font-weight:500}.demo-badge{padding:.45rem .7rem;border:1px solid #a65200;border-radius:6px;color:#854100;background:#fff1de;font-size:.8rem;white-space:nowrap}.content{max-width:960px;margin:0 auto;padding:3rem 1.5rem}.eyebrow{margin:0 0 .7rem;color:#475f79;font-size:.85rem;font-weight:700;letter-spacing:.12em}h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.2}.intro{margin:1rem 0 2rem;color:#51677d}.status-card{max-width:800px;margin:1.3rem 0;padding:1.7rem;border:1px solid #dae4ed;border-radius:12px;background:#fff;box-shadow:0 8px 28px #263d5410}.status-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-label{margin:0 0 .35rem;color:#61768c;font-size:.85rem}h2{margin:0;font-size:1.45rem}.status-dot{flex:none;width:.85rem;height:.85rem;border-radius:50%;background:#d98a27}.status-dot.ready{background:#18845b}.status-dot.unavailable{background:#b53f3f}.detail{margin:1.5rem 0 .5rem;line-height:1.6}.checked-at{margin:0 0 1.4rem;color:#73869a;font-size:.8rem}button{padding:.7rem 1rem;border:0;border-radius:6px;color:#fff;background:#1e4f7c;cursor:pointer}button:disabled{background:#96a8b8;cursor:wait}button:focus-visible{outline:3px solid #efa744;outline-offset:3px}.status-card form{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem;margin:1rem 0}.status-card label{display:grid;gap:.3rem;min-width:min(100%,260px);color:#334f69;font-weight:600}.status-card input{width:100%;padding:.7rem;border:1px solid #9eb0c0;border-radius:6px;font:inherit}.status-card input:focus-visible{outline:3px solid #efa744;outline-offset:2px}.status-card select{width:100%;padding:.7rem;border:1px solid #9eb0c0;border-radius:6px;background:#fff;color:inherit;font:inherit}.status-card select:focus-visible{outline:3px solid #efa744;outline-offset:2px}.trade-tabs,.trade-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.trade-tabs button{background:#e5edf4;color:#17304a}.trade-tabs button.selected{background:#1e4f7c;color:#fff}.trade-result{margin-top:1.2rem;padding:1rem 1.2rem;border:1px solid #c5d5e4;border-radius:8px;background:#f7fafd;line-height:1.55;overflow-wrap:anywhere}.trade-result h3{margin:0 0 .6rem}.text-button{background:transparent;color:#1e4f7c;text-decoration:underline}.muted,small{color:#61768c}.record-list{list-style:none;padding:0;margin:1rem 0}.record-list li{display:grid;gap:.3rem;padding:.9rem 0;border-top:1px solid #e0e7ef;overflow-wrap:anywhere}.one-time{padding:1rem;background:#edf7f3;border:1px solid #9ccdbb;border-radius:6px;overflow-wrap:anywhere}.notice{max-width:610px;margin:1.3rem 0;padding:1rem 1.2rem;border-left:4px solid #bc751d;color:#694612;background:#fff4e5;line-height:1.6}@media(max-width:540px){.content{padding-top:3rem}.brand span{display:none}}