:root{font-family:system-ui,sans-serif;color:#1a1a1a;background:#f5f6f8}body{margin:0}header{background:#10312b;color:#fff;padding:.6rem 1.2rem;display:flex;gap:1.4rem;align-items:center}header a{color:#cfe3df;text-decoration:none}header a.active{color:#fff;font-weight:600}main{max-width:60rem;margin:1.2rem auto;padding:0 1rem}.card{background:#fff;border-radius:8px;padding:1rem 1.2rem;margin-bottom:1rem;box-shadow:0 1px 3px #00000014}.hint{color:#5a6b68;font-size:.85rem;margin:.25rem 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:.875rem;line-height:1.25;padding:.45rem .9rem;border-radius:6px;border:1px solid #10312b;background:#fff;color:#10312b;text-decoration:none;cursor:pointer}.btn-primary{background:#10312b;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.banner{padding:.6rem .9rem;border-radius:6px;background:#e5f0ee;margin-bottom:1rem}.banner-error{background:#fbe6e6}.dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.4rem}.dot-on{background:#1d8a4f}.dot-off{background:#c23c3c}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid #e3e6e8}pre.log{background:#10221f;color:#cfe3df;padding:.8rem;border-radius:6px;font-size:.78rem;overflow-x:auto;max-height:18rem}input{padding:.45rem .6rem;border:1px solid #b8c2c0;border-radius:6px}dialog{border:none;border-radius:8px;padding:1.2rem;box-shadow:0 8px 40px #0000004d}dialog[open]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:10;width:min(30rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow-y:auto}.card h3{font-size:.95rem;margin:1.1rem 0 0}hr.soft{border:none;border-top:1px solid #e3e6e8;margin:1.1rem 0 .9rem}ol.flow{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}ol.flow li{flex:1 1 11rem;min-width:11rem;position:relative;background:#f1f5f4;border:1px solid #dde5e3;border-radius:8px;padding:.7rem .8rem .8rem}ol.flow li:not(:last-child):after{content:"→";position:absolute;right:-.55rem;top:50%;transform:translateY(-50%);color:#7d938f;font-size:1rem}ol.flow .flow-num{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:#10312b;color:#fff;font-size:.8rem;margin-right:.4rem}ol.flow strong{font-size:.92rem}ol.flow .flow-text{display:block;margin-top:.35rem;font-size:.83rem;line-height:1.45;color:#3c4b49}.stream{position:relative;line-height:0}.stream img{width:100%;border-radius:6px}.stream canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:6px}details.explainer{background:#fff;border-radius:8px;padding:.7rem 1.2rem;margin-bottom:1rem;box-shadow:0 1px 3px #00000014}details.explainer summary{cursor:pointer;font-weight:600}details.explainer p{color:#3c4b49;font-size:.9rem;line-height:1.5;margin:.7rem 0 0}