.round-motion{width:100%;max-width:400px;justify-self:center;margin:0}
.motion-window{padding:18px;background:#fffbf2;border-radius:24px;box-shadow:0 12px 50px #503e2110;overflow:hidden;color:var(--ink);text-align:left}
.motion-lounge{width:150px;height:87px;margin:0 auto 12px;background:url('assets/lounge-tables.png') 0 0/200% 200%}
.motion-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.motion-avatar{width:38px;height:38px;border-radius:50%;background:#f5ead7 url('assets/lounge-tables.png') 32.675% 7.463%/698.182% 465.455%}
.motion-header small{font-size:10px;display:block}.motion-header b{font-size:13px;display:block}.motion-dot{width:6px;height:6px;border-radius:50%;background:#658463;margin-left:auto}
.motion-stage{min-height:238px;padding:18px 12px;background:#f4eee0;border-radius:16px;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .5s,transform .65s cubic-bezier(.2,.8,.2,1.15);text-align:center}
.motion-open .motion-stage{opacity:1;transform:none}
.motion-label{font-size:11px;color:var(--red);font-weight:600}.motion-stage h4{font:700 19px/1.5 Pretendard,sans-serif;margin:8px 0 14px;letter-spacing:-.02em}
.motion-facts{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:14px 12px;margin:16px 0 0}
.motion-facts>div{opacity:0;transform:translateY(5px);transition:opacity .4s,transform .4s;transition-delay:.2s}.motion-facts>div:nth-child(2){transition-delay:.35s}.motion-facts>div:nth-child(3){transition-delay:.5s}.motion-facts>div:nth-child(4){transition-delay:.65s}.motion-facts>div:nth-child(5){transition-delay:.8s}.motion-facts>div:nth-child(6){transition-delay:.95s}
.motion-open .motion-facts>div{opacity:1;transform:none}.motion-facts dt{font-size:10px;opacity:.65}.motion-facts dd{font-size:13px;margin:4px 0 0}
.motion-chat{min-height:116px;padding-top:14px;display:flex;flex-direction:column;gap:8px}.flow-steps .motion-chat p{font-size:12px;line-height:1.6;padding:9px 12px;border-radius:14px;max-width:93%;background:#ede6d6}.motion-chat p:empty{visibility:hidden}.flow-steps .motion-chat .motion-reply{align-self:flex-end;background:var(--ink);color:#fffaf0}
.motion-composer{display:flex;align-items:center;justify-content:space-between;font-size:10px;opacity:.7;padding-top:10px}.motion-composer span{font-size:20px}
.round-motion figcaption{font-size:10px;margin-top:14px;text-align:center;line-height:1.6}.motion-controls{display:flex;justify-content:center;gap:18px;margin-top:8px}.motion-controls button{font:12px Pretendard,sans-serif;padding:10px 4px;background:none;border:0;color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:4px}.motion-controls button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.motion-photo{position:relative;overflow:hidden;background:linear-gradient(145deg,#e3dbc7,#bac5b4);height:130px;width:160px;border-radius:60px 60px 14px 14px;margin:auto;clip-path:inset(0 0 100%);transition:clip-path 1.1s ease .5s}.motion-open .motion-photo{clip-path:inset(0)}.motion-person i{position:absolute;width:48px;height:58px;background:#626e60;border-radius:50%;left:56px;top:19px;filter:blur(9px)}.motion-person b{position:absolute;width:120px;height:100px;background:#7a8877;border-radius:50% 50% 0 0;left:20px;top:74px}.motion-photo>span{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:10px;color:white}.flow-steps .motion-caption{font-size:10px;margin-top:9px}
.motion-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.motion-options>div{padding:15px 6px;border:1px solid #34534330;border-radius:14px;font-size:12px;transition:background .5s,color .5s,transform .5s}.motion-options small{display:block;font-size:11px;margin-bottom:8px}.motion-options span{display:block;font-size:9px;margin-top:9px;opacity:0}.motion-selected .motion-options>div:first-child{background:var(--ink);color:#fffaf0;transform:translateY(-3px)}.motion-selected .motion-options span{opacity:1}.flow-steps .motion-match{font-size:12px;margin-top:18px;opacity:0;transition:opacity .5s}.motion-selected .motion-match{opacity:1}
.motion-photo{width:176px;height:176px;border-radius:18px}
.motion-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.round-motion .motion-controls{display:none}
.motion-photo>span{bottom:0;padding:18px 0 8px;background:linear-gradient(transparent,rgba(0,0,0,.55));font-weight:600}
@media(max-width:620px){.round-motion{margin:20px auto}.motion-window{padding:16px}.motion-stage{min-height:230px}}
@media(prefers-reduced-motion:reduce){.round-motion *{transition:none!important;animation:none!important}}