body:before,body:after{content:"";filter:blur(120px);z-index:0;pointer-events:none;border-radius:50%;width:480px;height:480px;position:fixed}body:before{opacity:.18;background:#ff7a59;top:-120px;left:-160px}body:after{opacity:.22;background:#7c5ce0;bottom:-140px;right:-160px}:root{--bg-1:#1b1023;--bg-2:#2e1a3a;--card-bg:#fff9f2;--ink:#2a1f2d;--ink-muted:#8a7a8f;--coral:#ff7a59;--coral-dim:#4a2e28;--violet:#7c5ce0;--violet-dim:#33285a;--slate:#8890a0;--gold:#f2b84b;--text-main:#f5efe6;--font-display:"Fredoka", sans-serif;--font-body:"Inter", sans-serif}:root[data-theme=light]{--bg-1:#fdf6ee;--bg-2:#ffe3cf;--text-main:#2a1f2d}:root[data-theme=light] .hint,:root[data-theme=light] footer,:root[data-theme=light] .stats-bar{color:#2a1f2d80}:root[data-theme=light] .action-btn,:root[data-theme=light] .header-icon{color:var(--ink);background:#0000000f;border-color:#00000014}:root[data-theme=light] .action-btn.pass{color:var(--slate)}:root[data-theme=light] .action-btn.super{color:#a97a1f}:root[data-theme=light] .action-btn.like{color:var(--coral)}:root[data-theme=light] .action-btn.undo{color:#a97a1f}:root[data-theme=light] .chat-messages,:root[data-theme=light] .matches-list,:root[data-theme=light] .matches-empty{color:var(--ink)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:radial-gradient(circle at 20% 15%, var(--bg-2), var(--bg-1) 65%);color:var(--text-main);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}a{color:inherit}button{cursor:pointer;background:0 0;border:none;font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.app-shell{z-index:1;flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}header{justify-content:space-between;align-items:center;width:100%;max-width:460px;padding:22px 20px 6px;display:flex}.logo{font-family:var(--font-display);align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.logo .mark{background:linear-gradient(135deg, var(--coral), var(--violet));border-radius:50%;width:26px;height:26px}.header-actions{align-items:center;gap:10px;display:flex}.header-icon{background:#ffffff14;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex;position:relative}.badge{background:var(--coral);color:#fff;border-radius:100px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}main{flex-direction:column;flex:1;align-items:center;width:100%;max-width:460px;padding:10px 20px 40px;display:flex}.stack-wrap{aspect-ratio:3/4.3;width:100%;max-width:340px;margin:14px auto 26px;position:relative}.card{background:var(--card-bg);touch-action:none;will-change:transform;border-radius:22px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 50px -18px #0000008c}.card .avatar-frame{background:#efe6d8;flex:1;position:relative}.card .avatar-frame svg{width:100%;height:100%;display:block}.stamp{font-family:var(--font-display);letter-spacing:.04em;pointer-events:none;z-index:2;border:4px solid;border-radius:10px;padding:6px 18px;font-size:30px;font-weight:700;position:absolute;top:22px}.stamp.like{color:var(--coral);border-color:var(--coral);left:22px;transform:rotate(-18deg)}.stamp.nope{color:var(--slate);border-color:var(--slate);right:22px;transform:rotate(18deg)}.card-info{background:linear-gradient(#0000,#0000000f);padding:16px 18px 18px}.card-name{font-family:var(--font-display);color:var(--ink);align-items:baseline;gap:8px;font-size:22px;font-weight:600;display:flex}.card-name .age{font-family:var(--font-body);color:var(--ink-muted);font-size:16px;font-weight:500}.card-bio{color:var(--ink-muted);margin-top:4px;font-size:13.5px}.card-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.card-tag{color:var(--violet);background:#7c5ce01a;border-radius:100px;padding:4px 10px;font-size:11.5px;font-weight:600}.empty-state{text-align:center;color:var(--ink-muted);background:var(--card-bg);z-index:5;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex;position:absolute;inset:0}.empty-emoji{font-size:40px}.empty-state h3{font-family:var(--font-display);color:var(--ink);font-size:19px;font-weight:600}.empty-state p{max-width:26ch;font-size:13.5px}.reset-btn{background:var(--violet);color:#fff;border-radius:100px;margin-top:6px;padding:10px 20px;font-size:13.5px;font-weight:600}.action-row{justify-content:center;align-items:center;gap:14px;display:flex}.action-btn{background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;transition:transform .15s,background .15s;display:flex}.action-btn:hover{transform:translateY(-2px)scale(1.05)}.action-btn.pass{color:var(--slate)}.action-btn.pass:hover{background:#8890a02e}.action-btn.super{width:46px;height:46px;color:var(--gold);font-size:17px}.action-btn.super:hover{background:#f2b84b2e}.action-btn.like{color:var(--coral)}.action-btn.like:hover{background:#ff7a592e}.action-btn.undo{width:42px;height:42px;color:var(--gold);order:-1;font-size:16px}.action-btn.undo:hover:not(:disabled){background:#f2b84b2e}.action-btn.undo:disabled{color:#f5efe633;cursor:not-allowed}.stats-bar{color:#f5efe68c;align-items:center;gap:6px;margin-top:14px;font-size:12px;display:flex}.stats-bar .dot{opacity:.4}.hint{color:#f5efe673;text-align:center;margin-top:10px;font-size:12.5px}.match-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0f0814e0;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.match-card{text-align:center;max-width:340px;padding:30px}.match-title{font-family:var(--font-display);background:linear-gradient(120deg, var(--coral), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:700;animation:.5s cubic-bezier(.2,.9,.3,1.3) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.match-avatars{justify-content:center;align-items:center;height:100px;margin:22px 0;display:flex;position:relative}.match-avatars svg{border:4px solid var(--bg-1);background:#efe6d8;border-radius:50%;width:92px;height:92px}.match-avatars svg:first-child{margin-right:-22px;transform:rotate(-6deg)}.match-avatars svg:last-child{margin-left:-22px;transform:rotate(6deg)}.match-sub{color:#f5efe6b3;margin-bottom:26px;font-size:14px}.match-actions{flex-direction:column;gap:10px;display:flex}.match-btn{border-radius:100px;padding:14px;font-size:14.5px;font-weight:600}.match-btn.primary{background:linear-gradient(120deg, var(--coral), var(--gold));color:#26160f}.match-btn.secondary{color:#f5efe6b3;background:0 0;border:1px solid #ffffff26}#confettiCanvas{pointer-events:none;z-index:101;position:fixed;inset:0}footer{text-align:center;color:#f5efe64d;width:100%;max-width:460px;padding:0 20px 30px;font-size:11px}.filter-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f0814b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.filter-panel{background:var(--bg-2);border-radius:22px 22px 0 0;width:100%;max-width:460px;padding:24px 22px 30px;animation:.25s forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.filter-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.filter-header h3{font-family:var(--font-display);font-size:19px;font-weight:600}.filter-close{background:#ffffff14;border-radius:50%;width:32px;height:32px;font-size:14px}.filter-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-tag{color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;padding:8px 14px;font-size:13px}.filter-tag.active{background:var(--violet);border-color:var(--violet);color:#fff}.detail-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0f0814d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.detail-card{background:var(--card-bg);border-radius:22px;width:100%;max-width:340px;animation:.3s forwards popIn;position:relative;overflow:hidden}.detail-close{color:#fff;z-index:2;background:#00000059;border-radius:50%;width:32px;height:32px;font-size:13px;position:absolute;top:14px;right:14px}.detail-avatar{aspect-ratio:1;background:#efe6d8}.detail-avatar svg{width:100%;height:100%;display:block}.detail-body{padding:18px 20px 22px}.detail-bio{color:var(--ink-muted);margin:8px 0 12px;font-size:14px}.matches-screen{width:100%;max-width:460px;padding:22px 20px 40px}.matches-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.matches-header h2{font-family:var(--font-display);font-size:24px;font-weight:700}.chat-back{background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.matches-empty{color:#f5efe680;text-align:center;padding:40px 20px;font-size:14px}.matches-list{flex-direction:column;gap:4px;display:flex}.match-row{text-align:left;border-radius:14px;align-items:center;gap:14px;padding:12px;transition:background .15s;display:flex}.match-row:hover{background:#ffffff0d}.match-row-avatar{background:#efe6d8;border-radius:50%;flex-shrink:0;width:54px;height:54px;overflow:hidden}.match-row-avatar svg{width:100%;height:100%;display:block}.match-row-name{font-family:var(--font-display);font-size:16px;font-weight:600}.match-row-preview{color:#f5efe680;margin-top:2px;font-size:12.5px}.chat-thread{flex-direction:column;width:100%;max-width:460px;height:100vh;padding:22px 20px 20px;display:flex}.chat-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.chat-avatar{background:#efe6d8;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.chat-avatar svg{width:100%;height:100%;display:block}.chat-name{font-family:var(--font-display);font-size:17px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:6px 2px 16px;display:flex;overflow-y:auto}.chat-bubble{border-radius:16px;max-width:75%;padding:10px 14px;font-size:14px;line-height:1.4}.chat-bubble.them{color:var(--text-main);background:#ffffff14;border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.me{background:linear-gradient(120deg, var(--coral), var(--gold));color:#26160f;border-bottom-right-radius:4px;align-self:flex-end}.chat-input-row{align-items:center;gap:10px;display:flex}.chat-input{color:var(--text-main);font-size:14px;font-family:var(--font-body);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;flex:1;padding:12px 16px}.chat-send{background:var(--coral);color:#26160f;border-radius:100px;padding:12px 18px;font-size:13.5px;font-weight:600}@media (width<=380px){.stack-wrap{max-width:290px}}