*,:after,:before{box-sizing:border-box;margin:0;padding:0}.widget{margin:40px auto;max-width:800px}.widget-row1{align-items:flex-start;display:flex;flex-direction:row;gap:28px;margin-bottom:16px}.canvas-panel{background:#fff;border:1px solid #d4e0ec;border-radius:10px;flex:1 1 auto;min-width:0;padding:20px 20px 18px;position:relative}canvas{display:block;width:100%}.panel-insight{color:#4a6080;font-size:11px;font-weight:600;line-height:1.55;margin-top:14px;min-height:60px}.panel-insight strong{color:#00274d}.panel-insight em{color:#3870fa;font-style:normal;font-weight:600}.legend{background:hsla(0,0%,100%,.88);border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:6px 10px;position:absolute;right:14px;top:12px}.legend-item{align-items:center;color:#4a6080;display:flex;font-size:11px;gap:7px}.legend-item.ci-legend{opacity:0;transition:opacity .8s}.legend-item.ci-legend.visible{opacity:1}.legend-line{border-radius:2px;flex-shrink:0;height:3px;width:18px}.legend-band{background:rgba(53,188,177,.13);border:1.5px dashed rgba(53,188,177,.9);border-radius:3px;flex-shrink:0;height:9px;width:18px}.legend-ghost{background:#6b8cae;border-radius:2px;flex-shrink:0;height:2px;opacity:.5;width:18px}.widget-sidebar{align-items:flex-start;flex-shrink:0;gap:14px;width:160px}.stat-item,.widget-sidebar{display:flex;flex-direction:column}.stat-item{gap:2px}.stat-value{color:#00274d;font-size:20px;font-weight:700;line-height:1;transition:color .4s}.stat-value.lit{color:#3870fa}.stat-label{color:#4a6080;font-size:10px;font-weight:600;letter-spacing:.1em}.stat-divider{background:#d4e0ec;height:1px;width:100%}.widget-row2{flex-wrap:wrap;gap:10px;position:relative}.step-dots,.widget-row2{align-items:center;display:flex}.step-dots{gap:7px;margin-left:4px}.step-dot{background:#d4e0ec;border-radius:50%;cursor:pointer;flex-shrink:0;height:7px;transition:background .25s,transform .25s;width:7px}.step-dot.on{background:#35bcb1;transform:scale(1.3)}.step-dot.done{background:#00274d}.btn-add{background:#35bcb1;border:none;border-radius:999px;box-shadow:0 2px 8px rgba(53,188,177,.3);color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:11px 24px;transition:background .2s,box-shadow .2s}.btn-add:hover:not(:disabled){background:#2aa89e;box-shadow:0 2px 8px rgba(53,188,177,.4)}.btn-add:disabled{box-shadow:none;cursor:default;opacity:.35}.btn-add.complete{background:#00274d;box-shadow:none;cursor:default;opacity:1}.btn-reset{background:transparent;border:1px solid #d4e0ec;border-radius:999px;color:#4a6080;cursor:pointer;font-size:13px;padding:10px 22px;transition:color .2s,border-color .2s}.btn-reset:hover{border-color:#00274d;color:#00274d}@media (max-width:767px){.widget{padding:0}.widget-row1{flex-direction:column;gap:12px}.widget-sidebar{align-items:stretch;flex-direction:column;gap:0;width:100%}.stat-item{align-items:center;flex-direction:row;gap:8px;justify-content:flex-start;padding:10px 0}.stat-divider{height:1px;width:100%}.stat-value{font-size:18px}.stat-label{text-align:left}.panel-insight{min-height:110px}}