.cat-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cat-card:hover{transform:translateY(-3px)}.step-line:after{content:"";position:absolute;top:50%;left:100%;width:2rem;height:1px;background:#ffffff14}details[open]>summary .acc-chevron,details[open]>summary .chevron{transform:rotate(180deg)}.acc-chevron,.chevron{transition:transform .2s ease}details[open]>p,details[open]>div:not(summary){animation:fadeUp .25s cubic-bezier(.22,1,.36,1) both}.avatar-radio:checked+div{border-color:var(--page-accent);background:color-mix(in srgb,var(--page-accent) 10%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--page-accent) 20%,transparent);transform:scale(1.1)}.cat-btn:checked+label{border-color:var(--page-accent);background:var(--page-glow2)}.question-item:hover{border-color:var(--page-border);background:var(--page-glow2)}@keyframes formShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.form-shake{animation:formShake .45s cubic-bezier(.36,.07,.19,.97) both}.host-avatar-radio:checked+div{border-color:var(--page-accent);background:color-mix(in srgb,var(--page-accent) 12%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--page-accent) 20%,transparent);transform:scale(1.12)}#hostAvatarList::-webkit-scrollbar{display:none}#hostAvatarList{-ms-overflow-style:none;scrollbar-width:none}@keyframes botThinkDot{0%,80%,to{opacity:.2}40%{opacity:1}}.dot-1{animation:botThinkDot 1.2s 0s infinite}.dot-2{animation:botThinkDot 1.2s .2s infinite}.dot-3{animation:botThinkDot 1.2s .4s infinite}@keyframes checkmarkPop{0%{transform:scale(0) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.answer-btn.selected:after{content:"✓";position:absolute;top:.5rem;right:.75rem;font-size:.8125rem;font-weight:900;line-height:1;color:#fb7185;animation:checkmarkPop .22s cubic-bezier(.34,1.56,.64,1) both;pointer-events:none}.answer-btn.matched:after{color:#34d399}@keyframes questionFadeOut{to{opacity:0;transform:translateY(-6px)}}@keyframes questionFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.q-fade-out{animation:questionFadeOut .18s ease forwards;pointer-events:none}.q-fade-in{animation:questionFadeIn .28s cubic-bezier(.22,1,.36,1) both}@keyframes countPop{0%{transform:scale(.3);opacity:0}65%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}.count-pop{animation:countPop .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes flashReveal{0%{opacity:.7}to{opacity:0}}.flash-reveal{animation:flashReveal .32s ease-out forwards}@keyframes reactionFloat{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-120px) scale(.7);opacity:0}}.reaction-float{animation:reactionFloat 1.1s cubic-bezier(.22,1,.36,1) forwards}@keyframes matchBurst{0%{transform:scale(.4);opacity:0}65%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}.match-burst{animation:matchBurst .5s cubic-bezier(.34,1.56,.64,1) both}.split-cards-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0 8px}.split-cards-vs{display:flex;align-items:center;justify-content:center;width:28px;flex-shrink:0}.split-cards-vs span{font-size:.55rem;font-weight:900;letter-spacing:.12em;color:var(--text-muted);opacity:.45;writing-mode:vertical-rl;text-orientation:upright}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.split-card-entry{animation:cardSlideUp .38s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--card-delay, 0ms)}.flip-card{perspective:1000px;display:grid;min-height:10rem}.flip-card-inner{position:relative;display:grid;width:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.645,.045,.355,1)}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;gap:.25rem;min-width:0;overflow:hidden;position:relative}.flip-card-front{background:var(--bg-elevated);border:1.5px solid var(--border-soft)}.flip-card-front.host-front{border-color:#fb718573;background:linear-gradient(160deg,var(--bg-elevated) 40%,rgba(251,113,133,.1) 100%);box-shadow:inset 0 0 0 0 transparent}.flip-card-front.host-front:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fb7185b3,#fb71854d);border-radius:1rem 1rem 0 0}.flip-card-front.partner-front{border-color:#c084fc73;background:linear-gradient(160deg,var(--bg-elevated) 40%,rgba(192,132,252,.1) 100%)}.flip-card-front.partner-front:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c084fcb3,#c084fc4d);border-radius:1rem 1rem 0 0}.card-you-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:.48rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;border-radius:9999px;white-space:nowrap;pointer-events:none}.host-front .card-you-badge{background:#fb718526;color:#fb7185;border:1px solid rgba(251,113,133,.35)}.partner-front .card-you-badge{background:#c084fc26;color:#c084fc;border:1px solid rgba(192,132,252,.35)}.flip-card-front .card-avatar{font-size:2rem;line-height:1}.flip-card-front .card-name{font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;opacity:.4;margin-top:.25rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flip-card-front .card-name-you{opacity:.65}.flip-card-front.is-you{box-shadow:0 4px 18px #0000000f}.flip-card-back{transform:rotateY(180deg);line-height:1.3}.host-back:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fb7185cc,#fb71854d);border-radius:1rem 1rem 0 0}.partner-back:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c084fccc,#c084fc4d);border-radius:1rem 1rem 0 0}.flip-card-back .card-back-header{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin-bottom:.5rem}.flip-card-back .card-back-avatar{font-size:1.4rem;line-height:1}.flip-card-back .card-label{font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-back .card-label-you{color:#fb7185e6!important}.partner-back .card-label-you{color:#c084fce6!important}.flip-card-back .card-answer{font-size:1rem;font-weight:800;overflow-wrap:anywhere;word-break:break-word;line-height:1.3}@media(max-width:480px){.split-cards-grid{grid-template-columns:1fr;gap:8px 0}.split-cards-vs{writing-mode:horizontal-tb;width:auto;height:20px}.split-cards-vs span{writing-mode:horizontal-tb;text-orientation:mixed}#revealCards .flip-card{min-height:7rem}}.host-back{background:#fb718517;border:2px solid rgba(251,113,133,.3)}.host-back .card-label{color:#fb7185a6}.host-back .card-back-avatar{opacity:.85}.host-back .card-answer{color:#fb7185}.partner-back{background:#c084fc17;border:2px solid rgba(192,132,252,.3)}.partner-back .card-label{color:#c084fca6}.partner-back .card-back-avatar{opacity:.85}.partner-back .card-answer{color:#c084fc}.matched-back{background:#34d39914!important;border:1.5px solid rgba(52,211,153,.25)!important;box-shadow:0 0 0 4px #34d39914,0 8px 28px #34d3991f!important}.matched-back .card-answer{color:#34d399!important}@keyframes waitingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.waiting-dots:after{content:"";animation:waitingDots 1.6s steps(1,end) infinite}.reveal-overlay{background-color:#f8fafcf0;background-image:linear-gradient(150deg,rgba(244,63,94,.09) 0%,transparent 45%,rgba(147,51,234,.08) 100%)}.dark .reveal-overlay{background-color:#0a0a0ff0;background-image:linear-gradient(150deg,rgba(244,63,94,.13) 0%,transparent 45%,rgba(147,51,234,.11) 100%)}@keyframes tooltipPop{0%{opacity:0;transform:translate(-50%) scale(.5) translateY(4px)}60%{opacity:1;transform:translate(-50%) scale(1.15) translateY(-2px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@keyframes tooltipFade{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-6px)}}.emoji-tooltip{position:absolute;left:50%;transform:translate(-50%)}.emoji-tooltip.pop-in{animation:tooltipPop .3s cubic-bezier(.34,1.56,.64,1) both}.emoji-tooltip.fade-out{animation:tooltipFade .35s ease forwards}.answer-btn.selected{border-color:var(--accent-1)!important;background:color-mix(in srgb,var(--accent-1) 10%,var(--bg-elevated))!important;color:var(--text-primary)!important;opacity:1!important;box-shadow:0 0 0 3px var(--glow-soft),0 4px 16px #0000001f;transform:scale(1.025)}.flip-card-inner.instant-flip{transition:none!important}@keyframes chatIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes chatOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.92) translateY(12px)}}#chatPanel.chat-open{animation:chatIn .22s cubic-bezier(.34,1.56,.64,1) both}#chatPanel.chat-close{animation:chatOut .18s ease-in both}@keyframes chatPulse{0%{transform:scale(1)}15%{transform:scale(1.22) rotate(-12deg);box-shadow:0 0 0 4px #f43f5e66,0 8px 24px #f43f5e4d}30%{transform:scale(.92) rotate(8deg);box-shadow:0 0 0 8px #f43f5e33,0 4px 12px #f43f5e33}45%{transform:scale(1.1) rotate(-4deg);box-shadow:0 0 0 12px #f43f5e1a,0 6px 18px #f43f5e40}60%{transform:scale(.97) rotate(2deg);box-shadow:0 0 0 16px #f43f5e00,0 4px 16px #00000038}to{transform:scale(1) rotate(0);box-shadow:0 4px 16px #00000038}}.chat-fab-pulse{animation:chatPulse .9s cubic-bezier(.34,1.56,.64,1) 1!important}@keyframes chatUnreadGlow{0%,to{box-shadow:0 4px 16px #00000038,0 0 #f43f5e66}50%{box-shadow:0 4px 22px #f43f5e66,0 0 0 10px #f43f5e00}}@keyframes chatUnreadWiggle{0%,80%,to{transform:scale(1) rotate(0)}83%{transform:scale(1.1) rotate(-8deg)}86%{transform:scale(1.1) rotate(8deg)}89%{transform:scale(1.1) rotate(-6deg)}92%{transform:scale(1.1) rotate(4deg)}95%{transform:scale(1.1) rotate(0)}}#chatBtn.has-unread{animation:chatUnreadGlow 2s infinite ease-in-out,chatUnreadWiggle 3.5s infinite ease-in-out;background:linear-gradient(135deg,#f43f5e,#db2777)!important}@keyframes chatBubbleIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}.chat-bubble-wrap{animation:chatBubbleIn .16s ease both}.chat-bubble-wrap{display:flex;flex-direction:column;max-width:82%;word-break:break-word}.chat-bubble-mine{align-self:flex-end;align-items:flex-end}.chat-bubble-theirs{align-self:flex-start;align-items:flex-start}.chat-bubble-text{padding:8px 12px;font-size:13px;line-height:1.5;border-radius:14px;position:relative;transition:opacity .15s}.chat-bubble-mine .chat-bubble-text{background:var(--accent-1);color:#fff}.chat-bubble-theirs .chat-bubble-text{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-soft)}.chat-bubble-mine.bubble-first .chat-bubble-text{border-radius:14px 14px 4px}.chat-bubble-mine.bubble-mid .chat-bubble-text{border-radius:14px 4px 4px 14px}.chat-bubble-mine.bubble-last .chat-bubble-text{border-radius:14px 4px 14px 14px}.chat-bubble-mine.bubble-solo .chat-bubble-text{border-radius:14px 14px 3px}.chat-bubble-theirs.bubble-first .chat-bubble-text{border-radius:14px 14px 14px 4px}.chat-bubble-theirs.bubble-mid .chat-bubble-text{border-radius:4px 14px 14px 4px}.chat-bubble-theirs.bubble-last .chat-bubble-text{border-radius:4px 14px 14px}.chat-bubble-theirs.bubble-solo .chat-bubble-text{border-radius:14px 14px 14px 3px}.chat-bubble-wrap.chat-failed .chat-bubble-text{opacity:.6}.chat-bubble-wrap.chat-failed:after{content:attr(data-retry);display:block;font-size:9px;color:#f87171d9;font-weight:700;margin-top:2px;cursor:pointer;text-align:right}.chat-meta{display:flex;align-items:center;gap:4px;margin-top:2px}.chat-time{font-size:9px;color:var(--text-muted);opacity:.6}.chat-tick{font-size:10px;color:var(--text-muted);transition:color .2s}.chat-tick.sending{opacity:.4}.chat-tick.seen{color:var(--accent-1)}.chat-seen-txt{font-size:9px;color:var(--text-muted);opacity:.55}.chat-emoji-btn{background:none;border:none;cursor:pointer;font-size:17px;padding:4px 5px;border-radius:8px;line-height:1;transition:transform .12s,background .12s,opacity .15s}.chat-emoji-btn:hover{transform:scale(1.3);background:var(--bg-hover)}.chat-emoji-btn:active{transform:scale(.9)}.chat-emoji-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}#chatInput:focus{border-color:var(--accent-1)!important;box-shadow:0 0 0 2px #e11d482e}#chatMessages::-webkit-scrollbar{width:3px}#chatMessages::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:2px}@keyframes pillPop{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}#chatScrollPill{animation:pillPop .18s ease both}@keyframes badgePop{0%{transform:scale(0);opacity:0}55%{transform:scale(1.4) rotate(-15deg)}75%{transform:scale(.9) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.badge-pop{animation:badgePop .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes chatHintPop{0%{opacity:0;transform:scale(.8) translateY(8px)}70%{opacity:1;transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-hint-pop{animation:chatHintPop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes chatHintFade{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(4px)}}.chat-hint-fade{animation:chatHintFade .25s ease forwards}@keyframes cardMergeLeft{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(55px) scale(.9);opacity:0}}@keyframes cardMergeRight{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-55px) scale(.9);opacity:0}}.merge-left{animation:cardMergeLeft .35s cubic-bezier(.25,1,.5,1) forwards}.merge-right{animation:cardMergeRight .35s cubic-bezier(.25,1,.5,1) forwards}.flip-card-front.unified-front{border-color:#34d39959;background:linear-gradient(145deg,var(--bg-elevated),rgba(52,211,153,.05))}@keyframes statusDotPulse{0%,to{transform:scale(1);box-shadow:0 0 #10b98180}50%{transform:scale(1.15);box-shadow:0 0 6px 3px #10b98100}}.status-dot-active{animation:statusDotPulse 2s infinite ease-in-out}#chatEmptyState{text-align:center;padding:24px 12px;color:var(--text-muted);-webkit-user-select:none;user-select:none}#chatEmptyState .empty-emoji{font-size:28px;display:block;margin-bottom:8px}#chatEmptyState p{font-size:12px;line-height:1.5}.results-bg{background-color:var(--bg-primary);background-image:linear-gradient(150deg,rgba(244,63,94,.04) 0%,transparent 50%,rgba(147,51,234,.035) 100%)}.results-blob-top{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:700px;height:400px;border-radius:50%;pointer-events:none}.results-blob-left{position:absolute;top:30%;left:-80px;width:360px;height:360px;border-radius:50%;pointer-events:none}.results-blob-right{position:absolute;top:55%;right:-80px;width:400px;height:360px;border-radius:50%;pointer-events:none}@keyframes iconBounceIn{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.25) rotate(5deg);opacity:1}80%{transform:scale(.92) rotate(-3deg)}to{transform:scale(1) rotate(0);opacity:1}}.icon-bounce-in{animation:iconBounceIn .7s cubic-bezier(.34,1.56,.64,1) .1s both;display:inline-block}@keyframes statPop{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-card-1{animation:statPop .4s cubic-bezier(.22,1,.36,1) .35s both}.stat-card-2{animation:statPop .4s cubic-bezier(.22,1,.36,1) .48s both}.stat-card-3{animation:statPop .4s cubic-bezier(.22,1,.36,1) .61s both}@keyframes scorePop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.score-pop{animation:scorePop .6s cubic-bezier(.34,1.56,.64,1) .5s both;display:inline-block}@keyframes hostSlideIn{0%{opacity:0;transform:translate(-50px) scale(.88)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes partnerSlideIn{0%{opacity:0;transform:translate(50px) scale(.88)}to{opacity:1;transform:translate(0) scale(1)}}.avatar-host{animation:hostSlideIn .65s cubic-bezier(.34,1.56,.64,1) .25s both}.avatar-partner{animation:partnerSlideIn .65s cubic-bezier(.34,1.56,.64,1) .5s both}.answer-row{transition:background .15s}.answer-row:hover{background:#ffffff08}@keyframes borderGlow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 3px #f43f5e26}}.talk-card{animation:borderGlow 3s ease-in-out 1.5s infinite}#confetti{z-index:0}@keyframes shimmerSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmerSweep 1.6s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}30%{transform:scale(1.18)}60%{transform:scale(.95)}}.animate-heartbeat{animation:heartbeat 1.8s ease-in-out infinite}.pulse-line-l{height:1px;background:linear-gradient(to left,var(--accent),transparent);opacity:.5}.pulse-line-r{height:1px;background:linear-gradient(to right,var(--accent),transparent);opacity:.5}@keyframes bounceSm{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-once{animation:bounceSm .3s ease-out}.avatar-radio:checked+div{border-color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 12%,transparent);box-shadow:0 0 0 3px var(--glow-soft);transform:scale(1.1)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.dark-input:focus{border-color:var(--accent-1);background:var(--bg-hover);box-shadow:0 0 0 3px #e11d4859;outline:none}
