/* 테스트 사이트에서만 worker가 붙임. (디자인 시안 A·B·C는 10/20 마스터가 지금 색이 낫다고 해서 뺌) */
/* 움직임(테스트): 누르면 살짝 눌리고, 색·배경은 부드럽게 바뀜. 숫자·그래프 움직임은 motion.js */
@media (prefers-reduced-motion:no-preference){
  button,.btn,.chip,a{transition:transform .12s ease,background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}
  button:active,.btn:active,.chip:active{transform:scale(.96)}
  tr{transition:background-color .15s ease}}

/* 그래프 세로선·말풍선, 불러오는 중 뼈대, 완료 ✓ (motion.js) */
#pa-line{position:fixed;width:1px;background:var(--ink,#888);opacity:0;pointer-events:none;z-index:9997;transition:opacity .15s,left .08s}
#pa-tip{position:fixed;z-index:9998;pointer-events:none;opacity:0;transition:opacity .15s;background:rgba(24,23,28,.92);color:#fff;border-radius:10px;padding:8px 11px;
  font:500 12px/1.5 -apple-system,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.25);display:grid;max-width:260px;backdrop-filter:blur(8px)}
#pa-tip b{font-size:11px;color:#bdb8c6;font-weight:600;margin-bottom:2px}
.pa-skel{color:transparent!important;border-radius:6px;display:inline-block;min-width:90px;background:linear-gradient(90deg,var(--sunk,#eee) 25%,var(--line,#ddd) 50%,var(--sunk,#eee) 75%);background-size:200% 100%;animation:pa-sh 1.2s linear infinite}
@keyframes pa-sh{from{background-position:200% 0}to{background-position:-200% 0}}
.pa-done{position:fixed;z-index:9996;pointer-events:none;overflow:hidden;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:10px;transform-origin:50% 0;
  background:color-mix(in srgb,var(--ok,#2f7d4f) 16%,var(--surface,#fff));color:var(--ink,#111);font:600 13px/1.3 -apple-system,sans-serif}
.pa-done svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--ok,#2f7d4f);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pa-done circle{stroke-dasharray:63;stroke-dashoffset:63;animation:pa-ck .45s ease-out forwards}.pa-done path{stroke-dasharray:16;stroke-dashoffset:16;animation:pa-ck .3s .35s ease-out forwards}
@keyframes pa-ck{to{stroke-dashoffset:0}}