/* OX 팩토리 — 코인 충전 팝업 · 🎨 디자인 #1 · 2026-10-26 · 클래스 cpp-(팝업) · cpw-(계정 화면 코인 칸) · 색은 라이브 :root(--o · --x · --ink · --sub)
   대표님(10/26 저녁 T16): 「코인 50 줄이 너무 단정해서… 코인 충전하기 버튼을 두고 클릭하면 팝업 떠서 결제하기, 친구 초대하기 등등 밝고 신나게」
   그림 = 🖍 #10 포즈 joy(충전) · sorry(코인이 모자라요) — 같은 틀로 잘라 바꿔 끼워도 크기가 안 튄다
   상태 클래스도 cpp- 로 시작(cpp-on · cpp-out) — 라이브의 .on · .hide 와 겹치지 않게 */
.cpp{position:fixed;inset:0;z-index:66;overflow-y:auto;-webkit-overflow-scrolling:touch;--cpp-o:var(--o,#FF5A1F);--cpp-x:var(--x,#1C1C1E);--cpp-sub:var(--sub,#5B5F66)}
.cpp-dim{position:fixed;inset:0;background:rgba(28,28,30,.64);opacity:0;transition:opacity .25s}
.cpp.cpp-on .cpp-dim{opacity:1}
.cpp-wrap{position:relative;min-height:100%;display:grid;place-items:center;padding:16px 16px 22px;pointer-events:none}
.cpp-card{position:relative;width:min(360px,100%);margin-top:112px;background:#fff;border-radius:28px;padding:0 16px 16px;box-shadow:0 34px 70px -24px rgba(0,0,0,.55);pointer-events:auto;
 opacity:0;transform:translateY(54px) scale(.9);transition:transform .58s cubic-bezier(.2,1.35,.3,1),opacity .2s}
.cpp.cpp-on .cpp-card{opacity:1;transform:none}
.cpp.cpp-out .cpp-card{opacity:0;transform:translateY(20px) scale(.95);transition:transform .26s cubic-bezier(.5,0,.75,.2),opacity .22s}
.cpp.cpp-out .cpp-dim{opacity:0;transition-delay:.05s}
.cpp-card:focus{outline:none}

/* 위 — 따뜻한 햇살 바탕 · 로봇이 카드 위로 튀어나온다 · 뒤로 빛살이 천천히 돈다 */
.cpp-head{position:relative;margin:0 -16px;padding:104px 16px 16px;border-radius:28px 28px 0 0;text-align:center;
 background:radial-gradient(120% 90% at 50% 0%,#FFE6A3 0%,#FFF1D2 42%,#FFF8EC 70%,#fff 100%)}
.cpp-rays{position:absolute;left:50%;top:-10px;width:460px;height:460px;margin:-230px 0 0 -230px;border-radius:50%;pointer-events:none;
 -webkit-mask:radial-gradient(circle,#000 18%,rgba(0,0,0,.45) 38%,transparent 60%);mask:radial-gradient(circle,#000 18%,rgba(0,0,0,.45) 38%,transparent 60%);
 opacity:0;transform:scale(.6);transition:opacity .4s .15s,transform .7s .15s cubic-bezier(.2,1.2,.3,1)}
.cpp.cpp-on .cpp-rays{opacity:1;transform:none}
/* 10/26 대표님 「로봇 배경에 욱일기같이 원형으로 뻗어나가는 빛모양은 지우자」 → 줄 · 회전 없음, 로봇 뒤 부드러운 번짐만 */
.cpp-rays i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,206,84,.55) 0%,rgba(255,206,84,.24) 32%,rgba(255,206,84,0) 60%)}
.cpp.cpp-short .cpp-rays i{background:radial-gradient(circle,rgba(255,170,120,.42) 0%,rgba(255,170,120,.18) 32%,rgba(255,170,120,0) 60%)}

.cpp-art{position:absolute;left:50%;top:-112px;width:222px;height:209px;margin-left:-111px;pointer-events:none;
 opacity:0;transform:translateY(30px) scale(.78);transition:transform .62s .1s cubic-bezier(.25,1.55,.45,1),opacity .18s .1s}
.cpp.cpp-on .cpp-art{opacity:1;transform:none}
.cpp-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 96%}
.cpp-art::before{content:"";position:absolute;left:28%;right:28%;bottom:2px;height:14px;border-radius:50%;background:rgba(150,90,0,.16);filter:blur(3px)}
.cpp-art img{animation:cpp-hop 1.25s .9s ease-in-out infinite}                 /* 신나서 들썩 */
@keyframes cpp-hop{0%,100%{transform:none}35%{transform:translateY(-9px) rotate(-1.5deg)}55%{transform:translateY(-9px) rotate(1.5deg)}80%{transform:none}}
.cpp.cpp-short .cpp-art img{animation:cpp-shrug 2.2s .9s ease-in-out infinite}   /* 머쓱 — 고개 갸웃 */
@keyframes cpp-shrug{0%,60%,100%{transform:none}70%{transform:rotate(-3deg)}82%{transform:rotate(2deg)}}

.cpp-x{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.75);color:var(--cpp-sub);display:grid;place-items:center;cursor:pointer;z-index:2}
.cpp-x svg{width:18px;height:18px}
.cpp-x:focus{outline:none}.cpp-x:focus-visible{box-shadow:0 0 0 3px rgba(255,90,31,.45)}

.cpp-t{position:relative;margin:0;font-size:21px;font-weight:850;letter-spacing:-.035em;color:var(--cpp-x);word-break:keep-all}
.cpp-n{position:relative;display:inline-flex;align-items:center;gap:9px;margin-top:6px;font-size:42px;font-weight:900;letter-spacing:-.04em;line-height:1.1;color:var(--cpp-x);font-variant-numeric:tabular-nums}
.cpp-n>i{width:36px;height:36px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#FFF1A8,#F2B527 55%,#B87A06);box-shadow:inset 0 0 0 2px rgba(150,95,0,.4),0 3px 0 rgba(150,95,0,.25)}
.cpp.cpp-on .cpp-n>i{animation:cpp-flip .9s .45s cubic-bezier(.3,1.3,.5,1)}
@keyframes cpp-flip{0%{transform:rotateY(0)}100%{transform:rotateY(720deg)}}
.cpp-need{display:inline-block;margin-left:2px;padding:3px 9px;border-radius:99px;background:#FFE3D9;color:#C7400F;font-size:14px;font-weight:800;letter-spacing:-.01em;vertical-align:middle}
.cpp-sub{position:relative;margin:6px 0 2px;font-size:16.5px;font-weight:700;letter-spacing:-.02em;color:var(--cpp-sub);word-break:keep-all}   /* 10/26 T17 「결제는 곧 열려요」 아래 한 줄 */

/* 방법 카드 — 두툼한 게임 단추(아래 테두리가 두껍고, 누르면 눌린다) */
.cpp-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.cpp-m{position:relative;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 12px 10px 11px;
 border:2px solid #EEE6D8;border-bottom-width:5px;border-radius:19px;background:#fff;color:var(--cpp-x);font:inherit;text-align:left;cursor:pointer;overflow:hidden;
 opacity:0;transform:translateY(12px);transition:opacity .22s,transform .42s cubic-bezier(.25,1.45,.45,1),border-width .08s,margin .08s}
.cpp.cpp-on .cpp-m{opacity:1;transform:none;transition-delay:calc(.32s + var(--i,0) * .07s),calc(.32s + var(--i,0) * .07s),0s,0s}
.cpp-m:active{border-bottom-width:2px;margin-top:3px}
.cpp-m:focus{outline:none}.cpp-m:focus-visible{box-shadow:0 0 0 3px rgba(255,90,31,.4)}
.cpp-ic{width:46px;height:46px;border-radius:15px;display:grid;place-items:center}
.cpp-ic svg{width:25px;height:25px}
.cpp-l{min-width:0;font-size:17.5px;font-weight:850;letter-spacing:-.03em;line-height:1.2;word-break:keep-all}
.cpp-l small{display:block;margin-top:3px;font-size:12.5px;font-weight:600;letter-spacing:-.01em;color:#9A9286}
.cpp-c{display:inline-flex;align-items:center;gap:5px;padding:5px 11px 5px 6px;border-radius:99px;background:#FFF0BD;color:#8A5300;font-size:17px;font-weight:900;letter-spacing:-.02em;white-space:nowrap}
.cpp-c i{width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF1A8,#F2B527 55%,#B87A06);box-shadow:inset 0 0 0 1.5px rgba(150,95,0,.4)}
.cpp-go{font-size:26px;font-weight:600;line-height:1;padding:0 4px 3px}

/* 종류별 색 */
.cpp-pay .cpp-ic{background:#FFE9DE;color:var(--cpp-o)}
.cpp-inv .cpp-ic{background:#FFE4DA;color:var(--cpp-o)}
.cpp-shr .cpp-ic{background:#FFF1BF;color:#C98500}
.cpp-day .cpp-ic{background:#E1EEFF;color:#2F7BEA}
.cpp-sig .cpp-ic{background:#FFE9DE;color:var(--cpp-o)}
/* 첫 번째 누르는 카드 = 주황(결제가 있으면 결제, 없으면 친구 초대) — 반짝이가 지나간다 */
.cpp-m.cpp-main{background:var(--cpp-o);border-color:#D9440F;color:#fff}
.cpp-m.cpp-main .cpp-ic{background:rgba(255,255,255,.2);color:#fff}
.cpp-m.cpp-main .cpp-c{background:rgba(255,255,255,.22);color:#fff}
.cpp-m.cpp-main .cpp-l small{color:rgba(255,255,255,.8)}
.cpp-m.cpp-main::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:28%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);animation:cpp-shine 3.2s 1.3s ease-in-out infinite}
@keyframes cpp-shine{0%{left:-40%}28%,100%{left:125%}}
/* 매일 오기 = 누르는 칸이 아니라 표시 */
.cpp-m.cpp-info{cursor:default;border-style:dashed;border-bottom-width:2px;background:#FCFBF8}
.cpp-m.cpp-info:active{margin-top:0}
.cpp-m.cpp-info .cpp-c{background:#EAF2FF;color:#1F5FBF}
.cpp-cls{display:block;width:100%;min-height:52px;margin:0;border:0;border-radius:16px;background:#F4F1EB;color:var(--cpp-x);font:inherit;font-size:16.5px;font-weight:800;letter-spacing:-.02em;cursor:pointer}
.cpp-cls:active{background:#ECE7DE}.cpp-cls:focus{outline:none}.cpp-cls:focus-visible{box-shadow:0 0 0 3px rgba(255,90,31,.35)}
.cpp-m.cpp-done .cpp-l{color:#1E9E5A}

/* 꽃가루 — 로고의 O · X 와 금화가 로봇 뒤에서 터져 떨어진다 */
.cpp-cf{position:absolute;left:50%;top:-30px;width:0;height:0;z-index:3;pointer-events:none}
.cpp-cf b{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity}
.cpp-cf .o{width:15px;height:15px;margin:-7.5px;border:4px solid var(--cpp-o);border-radius:50%}
.cpp-cf .x{width:14px;height:14px;margin:-7px}
.cpp-cf .x::before,.cpp-cf .x::after{content:"";position:absolute;left:5.5px;top:-1px;width:3.5px;height:16px;border-radius:2px;background:var(--c,#1C1C1E);transform:rotate(45deg)}
.cpp-cf .x::after{transform:rotate(-45deg)}
.cpp-cf .g{width:14px;height:14px;margin:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF1A8,#F2B527 55%,#B87A06)}
.cpp-cf .r{width:8px;height:14px;margin:-7px -4px;border-radius:2px;background:var(--c,#FFC93C)}
.cpp.cpp-on .cpp-cf b{animation:cpp-boom var(--t,1.6s) var(--d,.25s) cubic-bezier(.15,.6,.4,1) forwards}
@keyframes cpp-boom{
 0%{opacity:1;transform:translate(0,0) scale(.3) rotate(0)}
 28%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(1) rotate(calc(var(--r) * .3))}
 100%{opacity:0;transform:translate(calc(var(--dx) * 1.25),calc(var(--dy) + var(--fall,280px))) scale(.9) rotate(var(--r))}}

/* 계정 화면의 코인 칸 — 숫자를 크게 + 주황 「코인 충전하기」 */
.cpw{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 6px;padding:14px 12px 14px 16px;border-radius:20px;
 background:linear-gradient(120deg,#FFF3CF 0%,#FFE9D9 100%);border:1.5px solid #FFDDB5}
.cpw-n{display:flex;align-items:center;gap:8px;min-width:0;font-size:32px;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--x,#1C1C1E);font-variant-numeric:tabular-nums}
.cpw-n i{width:28px;height:28px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#FFF1A8,#F2B527 55%,#B87A06);box-shadow:inset 0 0 0 2px rgba(150,95,0,.4),0 2px 0 rgba(150,95,0,.22)}
.cpw-n small{font-size:15px;font-weight:700;color:#8A6A3C;letter-spacing:-.01em;margin-left:-2px;align-self:flex-end;padding-bottom:3px}
.cpw-go{position:relative;flex:none;height:50px;padding:0 18px;border:0;border-radius:15px;background:var(--o,#FF5A1F);color:#fff;font:inherit;font-size:16.5px;font-weight:850;letter-spacing:-.02em;
 box-shadow:0 4px 0 #C8420F;cursor:pointer;overflow:hidden;transition:transform .08s,box-shadow .08s}
.cpw-go:active{transform:translateY(3px);box-shadow:0 1px 0 #C8420F}
.cpw-go::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);animation:cpp-shine 3.6s 1s ease-in-out infinite}
.cpw-go:focus{outline:none}.cpw-go:focus-visible{box-shadow:0 4px 0 #C8420F,0 0 0 3px rgba(255,90,31,.4)}

@media (min-width:861px){.cpp-card{width:392px;margin-top:124px}.cpp-head{padding-top:112px}.cpp-art{width:240px;height:226px;margin-left:-120px;top:-124px}}
@media (max-height:700px){.cpp-card{margin-top:88px}.cpp-head{padding-top:78px}.cpp-art{width:176px;height:166px;margin-left:-88px;top:-88px}.cpp-n{font-size:36px}.cpp-m{min-height:60px}}
@media (prefers-reduced-motion:reduce){
 .cpp *,.cpp{animation:none!important;transition-duration:.12s!important;transition-delay:0s!important}
 .cpp-card,.cpp.cpp-on .cpp-card,.cpp.cpp-out .cpp-card,.cpp-art,.cpp.cpp-on .cpp-art,.cpp-rays,.cpp-m{transform:none!important}
 .cpp-cf{display:none}
 .cpw-go::after{animation:none}
}

/* ── 코인 상점(대표님 10/26 18:25 「듣도보도못한 ui」) — 충전 팝업과 같은 껍데기(cpp-) · 상점만의 부품은 cps-
   묶음은 한 줄씩(휴대폰 390 에서 스크롤 없이 5묶음) · 입력 칸 없음(모자란 칸이 있을 때만 cps-ask 한 단계) */
.cpp.cpp-shop .cpp-card{width:min(380px,100%);margin-top:66px}
.cpp.cpp-shop .cpp-head{padding:62px 16px 0}
.cpp.cpp-shop .cpp-art{width:136px;height:128px;margin-left:-68px;top:-66px}
.cpp.cpp-shop .cpp-art img{animation:cpp-hop 1.6s .9s ease-in-out infinite}
.cpp.cpp-shop .cpp-rays{width:360px;height:360px;margin:-180px 0 0 -180px}
.cpp.cpp-shop .cpp-cf{top:-10px}
.cps-top{display:flex;align-items:center;justify-content:center;gap:10px}
.cps-now{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 5px;border-radius:99px;background:#fff;border:1.5px solid #F2E3C6;font-size:16px;font-weight:850;color:var(--cpp-x);font-variant-numeric:tabular-nums}
.cps-now i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF1A8,#F2B527 55%,#B87A06);box-shadow:inset 0 0 0 1.5px rgba(150,95,0,.4)}

.cps-pm{display:flex;gap:4px;margin:12px 0 0;padding:4px;border-radius:15px;background:#F3EEE6}
.cps-pm button{flex:1;height:40px;border:0;border-radius:11px;background:none;font:inherit;font-size:15px;font-weight:750;letter-spacing:-.02em;color:var(--cpp-sub);cursor:pointer}
.cps-pm button.cps-on{background:#fff;color:var(--cpp-x);font-weight:850;box-shadow:0 1px 3px rgba(0,0,0,.12)}

.cps-list{display:flex;flex-direction:column;gap:10px;margin-top:12px;transition:opacity .2s}
.cps-pk{position:relative;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;width:100%;min-height:62px;padding:7px 8px;
 border:2px solid #EEE6D8;border-bottom-width:5px;border-radius:18px;background:#fff;color:var(--cpp-x);font:inherit;text-align:left;cursor:pointer;
 opacity:0;transform:translateY(10px);transition:opacity .22s,transform .4s cubic-bezier(.25,1.45,.45,1),border-width .08s,margin .08s}
.cpp.cpp-on .cps-pk{opacity:1;transform:none;transition-delay:calc(.25s + var(--i,0) * .06s),calc(.25s + var(--i,0) * .06s),0s,0s}
.cps-pk:active{border-bottom-width:2px;margin-top:3px}
.cps-pk:focus{outline:none}.cps-pk:focus-visible{box-shadow:0 0 0 3px rgba(255,90,31,.4)}
.cps-pile{width:44px;height:44px;border-radius:15px;background:#FFF3CC;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;padding-top:2px}
.cps-pile span{display:flex;margin-top:-5px}
.cps-pile span:last-child{margin-top:0}
.cps-pile i{width:15px;height:15px;margin:0 -1.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF1A8,#F2B527 55%,#B87A06);box-shadow:inset 0 0 0 1.2px rgba(150,95,0,.45),0 1px 1px rgba(0,0,0,.18)}
.cps-mid{min-width:0}
.cps-n{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 2px;font-size:21px;font-weight:900;letter-spacing:-.035em;line-height:1.15;font-variant-numeric:tabular-nums}
.cps-n small{font-size:13.5px;font-weight:750;color:#6B6258}
.cps-hot,.cps-best{margin-top:5px}
.cps-tag{position:absolute;left:62px;top:-11px;font-style:normal;padding:1px 9px;box-shadow:0 2px 6px -2px rgba(0,0,0,.3);border-radius:99px;background:var(--cpp-o);color:#fff;font-size:11.5px;font-weight:850;letter-spacing:-.01em;line-height:1.5}
.cps-best .cps-tag{background:var(--cpp-x);color:#FFD84D}
.cps-s{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;margin-top:3px;font-size:12.5px;font-weight:600;color:#9A9286}
.cps-bn{padding:1px 7px;border-radius:99px;background:#FFE4D6;color:#C7400F;font-weight:850}
.cps-pr{min-width:90px;height:42px;padding:0 12px;border-radius:13px;background:var(--cpp-x);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:850;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.cps-pk.cps-best{background:linear-gradient(120deg,#FFF6D8,#FFECDC);border-color:#F4C35A;border-bottom-color:#E2A42C}
.cps-pk.cps-best .cps-pile{background:#FFE7A0}
.cps-pk.cps-best .cps-pr{background:var(--cpp-o);box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}
.cps-pk.cps-hot{border-color:#FFD2BD;border-bottom-color:#FFB896}
.cpp.cps-busy .cps-pk{pointer-events:none;opacity:.5}
.cpp.cps-busy .cps-pk.cps-picked{opacity:1}

/* 모자란 칸만 — 작은 한 단계(묶음 목록 자리에 들어온다) */
.cps-ask{display:none;margin-top:12px}
.cpp.cps-asking .cps-ask{display:block;animation:cps-in .3s cubic-bezier(.25,1.3,.45,1)}
.cpp.cps-asking .cps-list,.cpp.cps-asking .cps-pm,.cpp.cps-asking .cps-agree{display:none}
@keyframes cps-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.cps-back{display:flex;align-items:center;gap:8px;width:100%;height:48px;padding:0 4px;border:0;background:none;font:inherit;color:var(--cpp-x);cursor:pointer;text-align:left}
.cps-back span{font-size:28px;font-weight:500;line-height:1;margin-top:-3px;color:var(--cpp-sub)}
.cps-back b{font-size:17px;font-weight:850;letter-spacing:-.03em}
.cps-f input{display:block;width:100%;height:54px;margin-top:8px;padding:0 15px;border:2px solid #EEE6D8;border-radius:15px;background:#fff;font:inherit;font-size:16.5px;color:var(--cpp-x)}
.cps-f input:focus{outline:none;border-color:var(--cpp-o)}
.cps-f input.cps-bad{border-color:#E5484D;background:#FFF6F6}
.cps-ok{width:100%;height:58px;margin-top:12px;border:0;border-radius:17px;background:var(--cpp-o);color:#fff;font:inherit;font-size:18px;font-weight:850;letter-spacing:-.02em;box-shadow:0 4px 0 #C8420F;cursor:pointer}
.cps-ok:active{transform:translateY(3px);box-shadow:0 1px 0 #C8420F}

.cps-agree{display:flex;gap:9px;align-items:flex-start;margin:12px 4px 0;font-size:13px;line-height:1.5;color:var(--cpp-sub);cursor:pointer}
.cps-agree input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--cpp-o)}
.cps-agree a{color:var(--cpp-x);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.cps-agree.cps-need{color:#C7400F;animation:cps-shake .42s}
.cps-agree.cps-need input{outline:2.5px solid #FF8A5C;outline-offset:1px;border-radius:4px}
@keyframes cps-shake{20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(2px)}}
.cps-say{margin:8px 0 0;text-align:center;font-size:14.5px;font-weight:800;color:#C7400F}
.cps-say:empty{display:none}
.cps-pg{margin:10px 0 0;text-align:center;font-size:12px;color:#A39C91}

@media (min-width:861px){.cpp.cpp-shop .cpp-card{width:420px;margin-top:80px}.cpp.cpp-shop .cpp-art{width:160px;height:150px;margin-left:-80px;top:-80px}.cpp.cpp-shop .cpp-head{padding-top:76px}.cps-pk{min-height:66px}}
@media (max-height:760px){.cpp.cpp-shop .cpp-card{margin-top:52px}.cpp.cpp-shop .cpp-head{padding-top:48px}.cpp.cpp-shop .cpp-art{width:106px;height:100px;margin-left:-53px;top:-52px}.cps-pk{min-height:56px}.cps-list{gap:8px}.cps-pm{margin-top:10px}}
@media (prefers-reduced-motion:reduce){.cps-pk,.cpp.cpp-on .cps-pk{transform:none!important}.cps-agree.cps-need,.cpp.cps-asking .cps-ask{animation:none}}