.dc{z-index:1200;box-sizing:border-box;background:#fff;grid-template-rows:1fr 1fr;gap:14px;padding:14px;font-family:Inter,-apple-system,sans-serif;animation:.45s both dc-in;display:grid;position:fixed;inset:0}@keyframes dc-in{0%{opacity:0}}.dc-half{cursor:pointer;border:0;border-radius:36px;place-items:center;transition:transform .35s cubic-bezier(.3,1.35,.5,1),filter .3s,opacity .4s;display:grid}.dc-up{background:linear-gradient(#2d8cff,#1877f2)}.dc-down{background:linear-gradient(#ff4d86,#ff2d6f)}.dc-half:hover{filter:brightness(1.05);transform:scale(.985)}.dc-half:active{transform:scale(.97)}.dc-key{background:#fff;border-radius:14px;place-items:center;width:112px;height:84px;display:grid;box-shadow:0 2px #0000001f,0 14px 30px -12px #00000059,inset 0 -3px #00000014}.dc-key svg{fill:#1d2433;width:40px;height:40px}.dc-q{color:#1a2136;letter-spacing:-.4px;text-align:center;white-space:nowrap;background:#fff;border-radius:999px;justify-items:center;gap:6px;margin:0;padding:14px 26px;font:800 clamp(18px,2.6vw,26px)/1.2 Inter,sans-serif;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 12px 40px -14px #0006}.dc-q em{font-style:normal}.dc-q em:first-child{color:#1877f2}.dc-q em:last-child{color:#ff2d6f}.dc-q small{color:#596077;letter-spacing:0;white-space:normal;font:600 14px/1.3 Inter,sans-serif}.dc-skip{color:#1a2136;cursor:pointer;background:#fffc;border:0;border-radius:999px;padding:6px 12px;font:600 13px/1 Inter,sans-serif;position:absolute;top:26px;right:28px}.dc-picked.dc-up .dc-down,.dc-picked.dc-down .dc-up{opacity:.18;filter:grayscale()}.dc-picked .dc-half{pointer-events:none}.dc-picked{animation:.45s both dc-in,.6s 1.9s forwards dc-out}@keyframes dc-out{to{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.dc,.dc-half{transition:none;animation:none}}.dc-flip{color:#fff;cursor:pointer;pointer-events:auto;background:#1877f2;border:0;border-radius:18px;height:36px;margin-top:10px;padding:0 18px;font:800 14px/1 Inter,sans-serif;box-shadow:0 10px 24px -14px #0006}:root[data-theme=dark] .dc{background-color:#28345d}:root[data-theme=dark] .dc-up{background-image:linear-gradient(#2d8cff,#1877f2)}:root[data-theme=dark] .dc-down{background-image:linear-gradient(#ff4d86,#ff2d6f)}:root[data-theme=dark] .dc-key{background-color:#28345d;box-shadow:0 2px #06091332,0 14px 30px -12px #0609138e,inset 0 -3px #f4f5fb14}:root[data-theme=dark] .dc-key svg{fill:#dee3f4}:root[data-theme=dark] .dc-q{color:#dee3f4;background-color:#28345d;box-shadow:0 12px 40px -14px #060913a3}:root[data-theme=dark] .dc-q em:first-child{color:#81b5f8}:root[data-theme=dark] .dc-q em:last-child{color:#ff7aa4}:root[data-theme=dark] .dc-q small{color:#b7bed5}:root[data-theme=dark] .dc-skip{color:#dee3f4;background-color:#28345dcc}:root[data-theme=dark] .dc-flip{color:#fff;background-color:#1877f2;box-shadow:0 10px 24px -14px #060913a3}