@layer lab{.snapwrap{position:relative}#snapStage{scroll-snap-type:x mandatory;align-items:stretch;gap:14px;height:170px;padding:16px;display:flex;overflow-x:auto}.card-s{scroll-snap-align:start;background:var(--accent-soft);border:1px solid var(--accent-line);font-family:var(--display);color:var(--accent-deep);border-radius:14px;flex:0 0 68%;justify-content:center;align-items:center;font-size:clamp(22px,6vw,30px);font-weight:600;display:flex}.card-s:nth-child(3n+2){background:#fff}.card-s.cur{outline:3px solid var(--accent);outline-offset:-3px}.portline{border-left:2px dashed var(--accent);pointer-events:none;width:0;transition:left .15s;position:absolute;top:6px;bottom:6px}.portline:after{content:"snapport";font-family:var(--mono);color:var(--accent);font-size:10px;font-weight:600;position:absolute;top:-2px;left:4px}#vstage{scroll-snap-type:y mandatory;height:280px;padding:0;overflow-y:auto}.vsec{scroll-snap-align:start;box-sizing:border-box;height:100%;font-family:var(--display);color:var(--accent-deep);border-bottom:2px dashed var(--accent-pale);justify-content:center;align-items:center;font-size:clamp(22px,6vw,30px);font-weight:600;display:flex}.vsec:nth-child(2n){background:var(--accent-soft)}.cssclr{scroll-snap-type:x mandatory;scroll-marker-group:after;gap:14px;height:150px;padding:16px;display:flex;overflow-x:auto}.citem{scroll-snap-align:center;background:var(--accent-soft);border:1px solid var(--accent-line);font-family:var(--display);color:var(--accent-deep);border-radius:14px;flex:0 0 60%;justify-content:center;align-items:center;font-size:26px;font-weight:600;display:flex}.citem::scroll-marker{content:"";border:1px solid var(--accent-line);cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;margin:0 1px}.citem::scroll-marker:target-current{background:var(--accent);border-color:var(--accent-press)}.cssclr::scroll-marker-group{justify-content:center;gap:8px;padding:10px 0 2px;display:flex}.pill{font-family:var(--mono);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.pill.ok{background:var(--accent-soft);color:var(--accent-deep)}.pill.no{color:var(--muted);background:#f1f3f5}}
