.dd{--dd-dx:0px;--dd-dy:0px;--dd-rot:0deg;color:var(--text-primary);overflow:clip}.dd .dd-stack{width:min(322px,100%);height:318px;margin:0 auto;position:relative;container-type:inline-size}.dd .dd-back{border:1px solid var(--blush-medium);border-radius:24px;height:276px;position:absolute;box-shadow:0 8px 20px -10px #3d3d4a1f}.dd .dd-back--far{background:var(--peach-light);top:30px;left:18px;right:18px}.dd .dd-back--near{background:var(--blush-pale);top:15px;left:9px;right:9px}.dd .dd-card{box-sizing:border-box;background:var(--cream);border:1.5px solid var(--text-primary);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;height:290px;transform:translate(var(--dd-dx), var(--dd-dy)) rotate(var(--dd-rot));border-radius:24px;flex-direction:column;padding:20px 22px 18px;transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:0 0 auto;box-shadow:0 22px 46px -14px #3d3d4a33}.dd .dd-card[data-dragging]{cursor:grabbing;will-change:transform;transition:none;box-shadow:0 30px 64px -16px #3d3d4a4d}.dd .dd-card[data-thrown=keep]{transition:transform .38s ease-out;transform:translate(560px,60px)rotate(26deg)}.dd .dd-card[data-thrown=pass]{transition:transform .38s ease-out;transform:translate(-560px,60px)rotate(-26deg)}.dd .dd-top{font-family:var(--font-sans);color:var(--text-primary);justify-content:space-between;font-size:14px;display:flex}.dd .dd-dot{vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.dd .dd-dot--girl{background:var(--blush-deep-text)}.dd .dd-dot--boy{background:var(--sky-deep-text)}.dd .dd-name{font-family:var(--font-serif);font-size:64px;font-weight:400;font-size:min(64px, calc((100cqi - 47px) / (var(--dd-chars,4) * .52)));text-align:center;white-space:nowrap;margin:auto 0;line-height:1}.dd .dd-rank,.dd .dd-src{font-family:var(--font-sans);text-align:center;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.dd .dd-src{margin-top:2px}.dd .dd-stamp{background:var(--cream);font-family:var(--font-sans);opacity:0;pointer-events:none;border:2px solid;border-radius:2px;padding:2px 8px;font-size:22px;font-weight:600;position:absolute;top:24px}.dd .dd-stamp--keep{color:var(--blush-deep-text);opacity:var(--dd-keep,0);left:20px;transform:rotate(-12deg)}.dd .dd-stamp--pass{color:var(--text-primary);opacity:var(--dd-pass,0);right:20px;transform:rotate(12deg)}.dd .dd-card[data-thrown=keep] .dd-stamp--keep,.dd .dd-card[data-thrown=pass] .dd-stamp--pass{opacity:1}.dd .dd-actions{gap:12px;width:min(322px,100%);margin:20px auto 0;display:flex}.dd .dd-actions button{flex:1}.dd .dd-progress{gap:6px;width:72px;margin:16px auto 0;padding:0;list-style:none;display:flex}.dd .dd-progress li{background:var(--blush-medium);flex:1;height:2px}.dd .dd-progress li[data-on]{background:var(--text-primary)}@media (prefers-reduced-motion:reduce){.dd .dd-card,.dd .dd-card[data-thrown]{transform:translate(var(--dd-dx), var(--dd-dy));transition:opacity .2s ease-out}.dd .dd-card[data-thrown]{opacity:0}}