html,body{margin:0;height:100%;overflow:hidden}.cupid-match{height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;padding:16px;overflow:hidden}.carousel-row{position:relative;width:100%;display:flex;justify-content:center;-webkit-tap-highlight-color:transparent}.carousel-row{width:calc(100% + 32px);margin:0 -16px}.card-stack{position:relative;z-index:1;width:100%;max-width:340px;height:42vh;min-height:320px}@media(max-height:499px){.card-stack{min-height:200px}}@media(max-width:600px){.card-stack{width:80vw;max-width:80vw}}.swipe-card{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:#ddd;box-shadow:0 8px 28px #ff004d1a,-10px 8px 32px #0053e433,10px 8px 32px #5000ff33;touch-action:none;will-change:transform}.swipe-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none}.swipe-card-img.demo-gradient{background:linear-gradient(to top right,#c6e1ff,#dec4ff)}.card-overlay{position:absolute;inset:0;background:#fff;pointer-events:none}.swipe-card-tags{position:absolute;left:16px;display:flex;gap:10px;flex-wrap:wrap;z-index:1}.swipe-card-tags.pos-bottom{right:16px;bottom:16px}.swipe-card-tags.pos-top-left{top:16px;max-width:70%}.tag-pill{background:#38384ccc;color:#fff;font-weight:700;padding:6px 16px;border-radius:12px;font-size:17px;white-space:nowrap;transition:opacity .25s ease}.match-zone{position:relative;display:flex;align-items:center;justify-content:center;height:64px}.match-btn{white-space:nowrap;background:#000;color:#ffe14d;font-weight:800;font-size:20px;border:none;border-radius:24px;padding:18px 28px;cursor:pointer;box-shadow:0 6px 16px #00000040;opacity:1;transform:scale(1);transition:opacity .25s ease,transform .25s ease;-webkit-tap-highlight-color:transparent}.match-btn-count{letter-spacing:2px;margin-right:-6px}.match-btn.shake{animation:match-shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes match-shake{0%,to{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(1px)}}.match-btn-total{font-size:14px;opacity:.5}.match-btn-slot{position:relative;display:inline-block}.match-btn-label{display:inline-block}.match-btn:disabled{cursor:not-allowed}.heart-pop{position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%) scale(.5);filter:blur(2px);transition:opacity .3s ease,transform .3s ease,filter .3s ease;pointer-events:none;z-index:2}.heart-pop.show{opacity:1;transform:translate(-50%,-50%) scale(1.4);filter:blur(2px)}.heart-pop.hide{opacity:0;transform:translate(-50%,-50%) scale(1.4);filter:blur(4px)}.heart-pop-icon{width:38px;height:32px;display:block}.level-clear-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}.level-clear-overlay{--cupid-scale: .5;--cupid-body-w: calc(600px * var(--cupid-scale));--cupid-body-h: calc(480px * var(--cupid-scale));--cupid-wing-w: calc(280px * var(--cupid-scale));--cupid-wing-h: calc(280px * var(--cupid-scale));--cupid-wing-offset: 24px}.cupid-figure{position:relative;width:1px;height:1px}.level-clear-content{position:relative;display:flex;flex-direction:column;align-items:center}.cupid-figure-inner{position:absolute;top:0;left:0;width:var(--cupid-body-w);height:var(--cupid-body-h);transform:translate(-50%,-50%)}.cupid-body{position:absolute;top:0;left:0;width:var(--cupid-body-w);height:var(--cupid-body-h);display:block;object-fit:contain;pointer-events:none;user-select:none}.cupid-left,.cupid-right{position:absolute;top:calc(-1 * var(--cupid-wing-offset));width:var(--cupid-wing-w);height:var(--cupid-wing-h);display:block;object-fit:contain;pointer-events:none;user-select:none}.cupid-left{left:0;transform-origin:100% 100%}.cupid-right{left:var(--cupid-wing-w);transform-origin:0 100%}.level-clear-text{position:absolute;top:calc(var(--cupid-body-h) / 2);left:50%;transform:translate(-50%);white-space:nowrap;font-weight:800;color:#4a3c28}.level-clear-label{font-size:24px}.level-clear-number{font-size:36px}.level-clear-overlay.stage-enter .level-clear-content{animation:lc-enter-move .3s ease-out forwards}.level-clear-overlay.stage-enter .cupid-left{animation:lc-enter-left-rot .3s ease-out forwards}.level-clear-overlay.stage-enter .cupid-right{animation:lc-enter-right-rot .3s ease-out forwards}.level-clear-overlay.stage-hold .level-clear-content{animation:lc-hold-move 1.2s linear forwards}.level-clear-overlay.stage-hold .cupid-left{animation:lc-hold-left-rot 1.2s ease-in-out forwards}.level-clear-overlay.stage-hold .cupid-right{animation:lc-hold-right-rot 1.2s ease-in-out forwards}.level-clear-overlay.stage-exit .level-clear-content{animation:lc-exit-move .3s ease-in forwards}.level-clear-overlay.stage-exit .cupid-left{animation:lc-exit-left-rot .3s ease-in forwards}.level-clear-overlay.stage-exit .cupid-right{animation:lc-exit-right-rot .3s ease-in forwards}@keyframes lc-enter-move{0%{transform:translateY(50px)}to{transform:translateY(0)}}@keyframes lc-hold-move{0%{transform:translateY(0)}to{transform:translateY(-30px)}}@keyframes lc-exit-move{0%{transform:translateY(-30px)}to{transform:translateY(-80px)}}@keyframes lc-enter-left-rot{0%{transform:rotate(15deg)}to{transform:rotate(-30deg)}}@keyframes lc-hold-left-rot{0%{transform:rotate(-30deg)}to{transform:rotate(15deg)}}@keyframes lc-exit-left-rot{0%{transform:rotate(15deg)}to{transform:rotate(-30deg)}}@keyframes lc-enter-right-rot{0%{transform:rotate(-15deg)}to{transform:rotate(30deg)}}@keyframes lc-hold-right-rot{0%{transform:rotate(30deg)}to{transform:rotate(-15deg)}}@keyframes lc-exit-right-rot{0%{transform:rotate(-15deg)}to{transform:rotate(30deg)}}:root[data-theme=light]{--body: #375AE2;--bg-green: #9DCC51;--bg-green-high: #AADB58;--bg-green-line: #789c41;--nostril: #8797d6;--red: rgb(209, 0, 0);--text-white: #fff;--text-black: #000;--text-line: #296A00;--keyboard: rgba(255, 255, 255, .4);--keyboard-triangle: rgba(49, 97, 18, .8);--brush-color: rgba(49, 97, 18)}:root[data-theme=dark]{--body: #628EFF;--bg-green: #201c26;--bg-green-high: #36333F;--bg-green-line: #626B8E;--nostril: #2D5287;--red: rgb(233, 70, 0);--text-white: #000;--text-black: #fff;--text-line: #fff;--keyboard: rgba(255, 255, 255, .2);--keyboard-triangle: rgba(198, 206, 237, .8);--brush-color: rgba(198, 206, 237)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Coiny,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,Arial,sans-serif}html,body{height:100%;background:var(--bg-green);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.home-page{position:relative;overflow:hidden;isolation:isolate;background:#ffc2e2}.home-page:before,.home-page:after{content:"";position:absolute;inset:-30%;z-index:-1;pointer-events:none;filter:blur(60px)}.home-page:before{background:radial-gradient(circle at 20% 30%,rgba(183,171,255,.73) 0,transparent 45%),radial-gradient(circle at 80% 20%,rgba(255,206,151,.66) 0,transparent 40%);animation:home-spin-cw 24s linear infinite}.home-page:after{background:radial-gradient(circle at 70% 80%,rgba(206,166,255,.72) 0,transparent 45%),radial-gradient(circle at 25% 85%,rgba(120,255,255,.7) 0,transparent 40%);animation:home-spin-ccw 24s linear infinite}@keyframes home-spin-cw{to{transform:rotate(360deg)}}@keyframes home-spin-ccw{to{transform:rotate(-360deg)}}