.cst__box{gap:28px}.cst__extra{display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:14px;background:var(--mint-soft)}.cst__extra .cx__input{background:#fff}.cst__quick{display:flex;gap:6px}.cst__quick-btn{flex:1;padding:9px 6px;white-space:nowrap;border-radius:10px;border:1px solid var(--ink-10);background:#fff;font-size:13px;font-weight:500;color:var(--ink-60);transition:border-color var(--ease),color var(--ease)}.cst__quick-btn:hover{border-color:var(--ink-20)}.cst__quick-btn.is-on{border-color:var(--teal);color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}.cst__seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#102b2b0f}.cst__seg-opt{position:relative;display:flex;justify-content:center;padding:8px 6px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ink-60);cursor:pointer;text-align:center}.cst__seg-opt input{position:absolute;inset:0;opacity:0;cursor:pointer}.cst__seg-opt.is-on{background:#fff;color:var(--teal);box-shadow:0 1px 3px #102b2b1f}.cst__hint{font-size:12.5px;line-height:1.4;color:var(--teal-dark)}.cst__hint.is-warn{color:var(--orange-dark)}.cst__sv-text{font-size:24px!important}.cst__legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--ink-60)}.cst__legend>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cst__key{width:14px;height:9px;border-radius:3px}.cst__key--a{background:#102b2b1f;border:1.5px solid var(--petrol-900)}.cst__key--b{background:var(--teal)}.cst__key--f{height:0;border-top:1.5px dashed var(--orange);border-radius:0}.cst__wrap{position:relative}.cst__svg{display:block;width:100%;height:240px;touch-action:pan-y;overflow:visible}.cst__svg .sg-a{fill:#102b2b14}.cst__svg .sg-b{fill:var(--teal);opacity:.88}.cst__svg .sg-la{fill:none;stroke:var(--petrol-900);stroke-width:1.5;vector-effect:non-scaling-stroke}.cst__svg .sg-lb{fill:none;stroke:var(--teal-dark);stroke-width:1.5;vector-effect:non-scaling-stroke}.cst__svg .sg-after{fill:#ffffff61}.cst__svg .sg-f{stroke:var(--orange);stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.cst__svg .sg-base{stroke:var(--ink-20);stroke-width:1;vector-effect:non-scaling-stroke}.cst__svg .sg-hover{stroke:var(--ink-40);stroke-width:1;vector-effect:non-scaling-stroke}.cst__marks{position:absolute;inset:0;pointer-events:none}.sg-dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 1px 4px #102b2b4d}.sg-dot--a{background:var(--petrol-900)}.sg-dot--b{background:var(--teal)}.sg-dot--o{background:var(--orange)}.sg-gap{position:absolute;transform:translate(10px,-50%);padding:4px 8px;border-radius:8px;background:var(--orange);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.cst__axis{position:relative;height:18px;font-size:12px;color:var(--ink-60)}.cst__axis span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.cst__axis span:first-child{transform:none}.cst__axis span:last-child{transform:translate(-100%)}.cst__axis small{font-size:inherit}.cst__tip{position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 8px));padding:8px 10px;border-radius:8px;background:var(--petrol-900);color:var(--on-dark);font-size:12px;line-height:1.45;white-space:nowrap;pointer-events:none;box-shadow:0 8px 20px -10px #102b2b80;z-index:2}.cst__tip b{display:block;color:#fff;font-weight:600;font-size:13px}.cst__read{font-size:14px;line-height:1.45;color:var(--teal-dark);padding:12px 14px;border-radius:10px;background:var(--mint-soft)}.cst__plan{border-top:1px solid var(--ink-10);padding-top:20px}.cst__plan summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:16px;font-weight:500;letter-spacing:-.02em}.cst__plan summary::-webkit-details-marker{display:none}.cst__plan summary svg{width:16px;height:16px;transition:transform var(--ease);flex-shrink:0}.cst__plan[open] summary svg{transform:rotate(180deg)}.cst__table-wrap{margin-top:16px;max-height:460px}@media(max-width:768px){.cst__extra{padding:14px}.cst__svg{height:190px}.cst__axis small{display:none}.cst__sv-text{font-size:18px!important}.cst__plan summary{font-size:15px}.sg-gap{font-size:11px;padding:3px 6px;transform:translate(-105%,-50%)}}