*{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:100%;height:100%;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:120px;color:#fff}.gradient-bottom{position:absolute;z-index:0;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(transparent,#000);pointer-events:none}.gradient-top{position:absolute;z-index:0;top:0;left:0;width:100%;height:120px;background:linear-gradient(rgba(0,0,0,1),transparent);pointer-events:none}.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;justify-content:center;padding:16px 20px}.summary-tab{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;text-align:center;padding:0 16px;-webkit-tap-highlight-color:transparent}.summary-emoji-item{display:flex;flex-direction:column;align-items:center;gap:8px}.summary-emoji-button{display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#fffc;border:2px solid rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;width:50px;height:50px;box-shadow:0 2px 8px #00000026;-webkit-tap-highlight-color:transparent}.summary-emoji-button.active{background:#fff;border:3px solid rgba(0,0,0,.6);box-shadow:0 4px 12px #00000040;transform:scale(1.1)}.summary-emoji-like.active{border-color:#4caf50;background:#4caf5026;box-shadow:0 4px 12px #4caf504d}.summary-emoji-dislike.active{border-color:#f44336;background:#f4433626;box-shadow:0 4px 12px #f443364d}.summary-emoji-maybe.active{border-color:#ff9800;background:#ff980026;box-shadow:0 4px 12px #ff98004d}.summary-emoji-seen.active{border-color:#2196f3;background:#2196f326;box-shadow:0 4px 12px #2196f34d}.summary-emoji-like:hover{border-color:#4caf50;background:#4caf501a}.summary-emoji-dislike:hover{border-color:#f44336;background:#f443361a}.summary-emoji-maybe:hover{border-color:#ff9800;background:#ff98001a}.summary-emoji-seen:hover{border-color:#2196f3;background:#2196f31a}.summary-emoji-icon{width:24px;height:24px;object-fit:contain}.summary-emoji-label{font-size:11px;font-weight:600;color:#000c;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}.summary-emoji-item.active .summary-emoji-label{color:#000;font-weight:700}.summary-content{flex:1;overflow-y:auto;position:relative}.summary-panel{display:none;height:100%;overflow-y:auto}.summary-panel.active{display:block}.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:8px;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:-6px;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:-9px;right:18px;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}.card-list-container{padding:20px}.card-list-container--no-padding{padding:0}.summary-grid-container{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.summary-grid-item{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#0000000d}.summary-grid-item.clickable{cursor:pointer}.grid-item__image{width:100%;height:100%;object-fit:cover}.grid-item__placeholder{width:100%;height:100%;background:#0000001a;display:flex;align-items:center;justify-content:center;font-size:12px;color:#00000080}.summary-card-item,.drawer-card-item{display:flex;gap:8px;padding:12px;border-radius:8px;background:#0000000d;margin-bottom:8px;align-items:center}.summary-card-item.clickable,.drawer-card-item.clickable{cursor:pointer}.card-item__image{width:60px;height:60px;border-radius:6px;object-fit:cover;flex-shrink:0}.card-item__placeholder{width:60px;height:60px;border-radius:6px;background:#0000001a;display:flex;align-items:center;justify-content:center;font-size:12px;color:#00000080;flex-shrink:0}.card-item__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.card-item__title{margin:0 0 2px;font-size:14px;font-weight:600;color:#000000e6;line-height:1.2;text-align:left}.card-item__price{margin:0;font-size:12px;color:#000000b3;line-height:1.2}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.drawer-overlay-visible{opacity:1;visibility:visible}.drawer{position:fixed;bottom:0;left:0;right:0;height:80%;background:#fff;border-radius:20px 20px 0 0;z-index:1000;transform:translateY(100%);transition:transform .6s cubic-bezier(.25,.46,.45,.94);box-shadow:0 -8px 32px #0003;display:flex;flex-direction:column;overflow:hidden}.drawer-open{transform:translateY(0)}.drawer-handle{width:40px;height:4px;background-color:#0003;border-radius:2px;margin:12px auto 8px;flex-shrink:0;transition:background-color .2s ease}.drawer-handle:hover{background-color:#0000004d}.drawer-emojis-container{display:flex;justify-content:center;gap:32px;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.drawer-emoji-item{display:flex;flex-direction:column;align-items:center;gap:8px}.drawer-emoji-button{display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:#fffc;border:2px solid rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;width:50px;height:50px;box-shadow:0 2px 8px #00000026;-webkit-tap-highlight-color:transparent}.drawer-emoji-button.active{background:#fff;border:3px solid rgba(0,0,0,.6);box-shadow:0 4px 12px #00000040;transform:scale(1.1)}.drawer-emoji-like.active{border-color:#4caf50;background:#4caf5026;box-shadow:0 4px 12px #4caf504d}.drawer-emoji-dislike.active{border-color:#f44336;background:#f4433626;box-shadow:0 4px 12px #f443364d}.drawer-emoji-maybe.active{border-color:#ff9800;background:#ff980026;box-shadow:0 4px 12px #ff98004d}.drawer-emoji-seen.active{border-color:#2196f3;background:#2196f326;box-shadow:0 4px 12px #2196f34d}.drawer-emoji-item.active .drawer-emoji-label{color:#000;font-weight:700}.drawer-emoji-icon{width:32px;height:32px;object-fit:contain}.drawer-emoji-label{font-size:11px;font-weight:600;color:#000c;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}.drawer-emoji-like:hover{border-color:#4caf50;background:#4caf501a}.drawer-emoji-dislike:hover{border-color:#f44336;background:#f443361a}.drawer-emoji-maybe:hover{border-color:#ff9800;background:#ff98001a}.drawer-emoji-seen:hover{border-color:#2196f3;background:#2196f31a}.drawer-content{flex:1;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.drawer-close-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:12px 24px;margin:20px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px #ff6b6b4d;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:center;min-height:48px}.drawer-close-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.drawer-close-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff6b6b4d}.drawer-close-button:focus{outline:none}.drawer-close-button:focus-visible{outline:2px solid rgba(255,107,107,.5);outline-offset:2px}.drawer-close-icon{width:16px;height:16px;filter:brightness(0) invert(1)}@media (max-width: 768px){.drawer{height:80%;border-radius:30px 30px 0 0}.drawer-content{padding:16px}.drawer-close-button{margin:16px;padding:10px 20px;font-size:14px}}@media (max-width: 480px){.drawer{height:80%;border-radius:30px 30px 0 0}.drawer-content{padding:12px}.drawer-close-button{margin:12px;font-size:14px}}.history-button{position:absolute;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease;box-shadow:16px 20px 8px #00000026,inset -4px -4px 10px #0003;left:50%;transform:translate(-50%);background-image:linear-gradient(135deg,#fff3,#0003);outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.history-button:focus{outline:none}.history-button:active{outline:none;-webkit-tap-highlight-color:transparent}.history-button:focus-visible{outline:none}.history-button img{pointer-events:none}