*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{touch-action:none}.ad-container{text-align:center;color:#aaa;font-size:11px;width:320px;height:480px;position:relative;overflow:hidden;background-color:#fff;touch-action:none;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #ccc}.ad-container.dynamic{width:100%;height:100%;box-shadow:none}.cards-container{position:relative;width:100%;height:100%;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;touch-action:none}.card{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#fff;box-shadow:0 2px 8px #0003;overflow:hidden;transition:transform .3s ease;cursor:pointer;transform-origin:50% 100%;will-change:transform;touch-action:none;z-index:1}.card img{width:100%;height:100%;object-fit:cover}.card-content{position:absolute;z-index:1;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(transparent,#000000b3);color:#fff}.card-name{position:absolute;left:0;bottom:20px;font-weight:700;font-size:22px;padding:0 20px;text-shadow:1px 1px 2px rgba(0,0,0,.8);width:100%;text-align:left}.card-bio{font-size:16px;margin-top:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.card-button{position:absolute;left:50%;transform:translate(-50%);bottom:40px;background-color:#ffffffe6;color:#333;border:none;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:100}.card-button:hover{background-color:#fff;transform:translate(-50%) scale(1.05)}.card-button:active{transform:translate(-50%) scale(.95)}.buttons{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;z-index:100}.cta-text{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:10px;border-radius:5px;font-size:14px;font-weight:700;text-align:center;z-index:200;opacity:0;transition:opacity .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.5);pointer-events:none;max-width:80%}.ad-logo{position:absolute;z-index:200;max-width:120px;height:auto;top:15px}.logo-position-left{left:15px}.logo-position-middle,.logo-position-center{left:50%;transform:translate(-50%)}.logo-position-right{right:15px}.side-buttons-container{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;z-index:100}.round-button{width:50px;height:50px;border-radius:50%;background-color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003;transition:transform .2s ease,background-color .2s ease}.round-button:hover{transform:scale(1.05);background-color:#fff}.button-label.side-label{margin:0 4px;font-size:10px;font-weight:700;color:#000;text-shadow:none;text-transform:uppercase}.button{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003;background-color:#fff;position:relative;transition:transform .2s ease,background-color .2s ease;outline:none;border:none;-webkit-tap-highlight-color:transparent}.button:focus,.button:active{outline:none;border:none}.button-animation{transform:scale(1.3);z-index:101}.button-like-animation{background-color:#4cd964!important}.button-dislike-animation{background-color:#ff3b30!important}.button-maybe-animation{background-color:#fc0!important}.button-seen-animation{background-color:#007aff!important}.emoji-icon{width:35px;height:35px;display:block;outline:none;pointer-events:none;position:relative;z-index:2}.button-animation{position:relative}.button-animation:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:5px solid rgba(255,255,255,.5);z-index:1}.button-like-animation:before{border-color:#ffffff80}.button-dislike-animation:before{border-color:#ffffff80}.button-maybe-animation:before{border-color:#ffffff80}.button-seen-animation:before{border-color:#ffffff80}.cta{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#ff5864;color:#fff;padding:12px 24px;font-weight:700;font-size:16px;border-radius:30px;z-index:100;cursor:pointer;box-shadow:0 2px 5px #0003}.action-text{position:absolute;top:40%;transform:translateY(-50%);font-size:32px;font-weight:700;padding:10px;border:4px solid;border-radius:10px;display:none;z-index:5}.right-text,.left-text,.up-text,.down-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;font-weight:700;text-transform:uppercase;padding:10px 20px;opacity:0;transition:opacity .2s ease;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);z-index:10;text-align:center;border-radius:10px}.no-more-cards{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:200}.no-more-cards-content{background-color:#fff;padding:40px 30px;border-radius:15px;text-align:center;max-width:250px;box-shadow:0 4px 20px #0000004d}.no-more-cards-content h2{font-size:24px;color:#333;margin-bottom:15px}.no-more-cards-content p{font-size:16px;color:#666;margin-bottom:25px;line-height:1.4}.restart-btn{background-color:#ff5864;color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.restart-btn:hover{background-color:#e64a55}.restart-btn:active{transform:scale(.95)}.side-buttons-container{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;z-index:100}.side-buttons-wrapper{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.side-button-container{display:flex;align-items:center}.side-button{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003;background-color:#ffffffe6;transition:transform .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}.side-button-left{margin-right:auto}.side-button-right{margin-left:auto}.side-button .emoji-icon{width:30px;height:30px}.side-button.button-animation{transform:scale(1.3);z-index:101}.side-button.button-like-animation{background-color:#4cd964}.side-button.button-dislike-animation{background-color:#ff3b30}.button-like-animation{background-color:#4cd964!important;transform:scale(1.3)!important}.button-dislike-animation{background-color:#ff3b30!important;transform:scale(1.3)!important}.button-maybe-animation{background-color:#fc0!important;transform:scale(1.3)!important}.button-seen-animation{background-color:#007aff!important;transform:scale(1.3)!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cards-counter{position:absolute;left:0;width:100%;text-align:left;font-size:14px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);padding:5px 5px 5px 21px;z-index:100;pointer-events:none}.summary-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;overflow:hidden}.summary-tabs{display:flex;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.summary-tab{padding:6px 20px;cursor:pointer;font-weight:500;color:#555;transition:all .3s ease;border-bottom:3px solid transparent;text-align:center;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;flex-direction:row;justify-content:center;gap:4px}.summary-tab:hover{background-color:#e9e9e9}.summary-tab.active{background-color:#fff;color:#ff3e6c;border-bottom-color:#ff3e6c}.summary-tab[data-tab=right].active{color:#4cd964;border-bottom-color:#4cd964}.summary-tab[data-tab=left].active{color:#ff3e6c;border-bottom-color:#ff3e6c}.summary-content{flex:1;overflow-y:auto;position:relative}.summary-panel{display:none;padding:20px;height:100%;overflow-y:auto}.summary-panel.active{display:block}.cards-list{display:flex;flex-direction:column;gap:15px}.summary-card-item{display:flex;border-radius:8px;background-color:#f9f9f9;overflow:hidden;box-shadow:0 1px 3px #0000001a}.summary-card-image{width:80px;height:80px;object-fit:cover}.summary-card-info{flex:1;padding:10px 15px;display:flex;flex-direction:column;justify-content:center}.summary-card-title{font-weight:600;font-size:12px;margin-bottom:5px;color:#333}.emoji-circle-bg{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;background-color:#d5d5d5;margin-bottom:5px}.summary-tab-emoji{width:24px;height:24px}.summary-tab{display:flex;flex-direction:row;align-items:center;padding:4px 10px;cursor:pointer}.video-container{width:100%;height:100%;position:relative;overflow:hidden}.card-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.volume-control{position:absolute;bottom:80px;right:15px;z-index:10}.volume-toggle{width:40px;height:40px;border-radius:50%;background-color:#00000080;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .3s ease}.volume-toggle:hover{background-color:#000000b3}.volume-toggle img{width:20px;height:20px;object-fit:contain}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.volume-toggle.muted{animation:pulse 2s infinite}.video-progress{position:absolute;bottom:0;left:0;width:0;height:3px;background-color:#fff;z-index:5;transition:width .1s linear}.contrast-mode-button{background-color:#000000b3!important;border:2px solid white!important;box-shadow:0 0 8px #ffffff80!important;color:#fff!important}.button-container .contrast-mode-button{background-color:#fffc!important;border:2px solid black!important;box-shadow:0 0 8px #00000080!important}.button-container .contrast-mode-button:hover{background-color:#fff!important}.contrast-mode-label{color:#fff!important;text-shadow:1px 1px 3px black,-1px -1px 3px black,1px -1px 3px black,-1px 1px 3px black!important;font-weight:700!important;font-size:12px!important;text-align:center!important;display:block!important;margin-top:5px!important;text-transform:uppercase}.contrast-mode .button-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px 0}.contrast-mode-like,.contrast-mode-dislike,.contrast-mode-maybe,.contrast-mode-seen{color:#fff!important;filter:brightness(1.5)!important}.contrast-mode-button:hover{transform:scale(1.1)!important}.cta-tooltip{position:absolute;top:-40px;right:-2px;background-color:#fffffff2;color:#333;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:800;text-align:center;z-index:110;box-shadow:0 2px 5px #0003;max-width:160px;width:max-content;transition:opacity .3s ease;pointer-events:none;animation:tooltipBounce 2s infinite}.cta-tooltip-arrow{position:absolute;bottom:-8px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(255,255,255,.95)}@keyframes tooltipBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.cta-tooltip{position:absolute;right:-10px;top:-55px;transform:translate(-50%);background-color:#fff;color:#0c0c0c;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;max-width:200px;text-align:center;z-index:100;opacity:1;transition:opacity .3s ease;box-shadow:0 2px 8px #0003;border:1px solid #333333}.passive-mode .cta-tooltip{top:-60px}.cta-tooltip-arrow{position:absolute;bottom:-8px;right:22px;width:16px;height:16px;background-color:#fff;border-left:1px solid transparent;border-right:1px solid #333333;border-top:1px solid #333333;transform:rotate(134deg)}@keyframes pulse{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1)}}.side-buttons-wrapper{position:relative}.side-arrows-tooltip{position:absolute;left:50%;top:-50px;transform:translate(-50%);background-color:#ffffffe6;color:#0c0c0c;padding:10px 15px;border-radius:6px;font-size:14px;font-weight:500;max-width:220px;text-align:center;z-index:100;opacity:1;transition:opacity .3s ease;box-shadow:0 2px 8px #0003;animation:pulse 2s infinite ease-in-out}.contrast-mode .side-arrows-tooltip{background-color:#000000d9;color:#fff;border:1px solid white;font-weight:600}