:root{--dsc-bg:#000;--dsc-pink:#cf4185;--dsc-pink-glow:#cf418559;--dsc-purple:#8b5cf6;--dsc-purple-glow:#8b5cf666;--dsc-green:#10b981;--dsc-green-glow:#10b98166;--dsc-border:#ffffff0f;--dsc-text:#fff;--dsc-muted:#8e8e93;--dsc-card-bg:#0d0d0e;--dsc-gold:linear-gradient(135deg,gold,orange);--font-main:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}.discover-container{background-color:var(--dsc-bg);width:100%;height:100dvh;color:var(--dsc-text);font-family:var(--font-main);flex-direction:column;display:flex;position:relative;overflow:hidden}@media screen and (max-width:1024px){.main-content-wrapper:has(.discover-container){height:100dvh;overflow:hidden;padding-bottom:0!important}}.discover-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--dsc-border);background:#09090be6;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.discover-header h1{background:linear-gradient(135deg,#fff 40%,var(--dsc-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.4rem;font-weight:800}.premium-gold-btn{background:var(--dsc-gold);border-radius:50px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:800;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;box-shadow:0 4px 12px #ffd70033;color:#000!important;text-decoration:none!important}.premium-gold-btn:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 6px 20px #ffd70066;text-decoration:none!important}.premium-gold-btn svg{flex-shrink:0}.discover-swipe-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:440px;margin:0 auto;padding:16px 20px 24px;display:flex;position:relative}.cards-deck-container{aspect-ratio:9/16;perspective:1000px;width:100%;max-height:70vh;position:relative}.swipe-card{background:var(--dsc-card-bg);border:1px solid var(--dsc-border);cursor:grab;touch-action:none;border-radius:24px;width:100%;height:100%;position:absolute;overflow:hidden;box-shadow:0 10px 30px #0006}.swipe-card:active{cursor:grabbing}.card-media-wrapper{background:#09090b;width:100%;height:100%;position:absolute;top:0;left:0}.card-media{object-fit:cover;pointer-events:none;width:100%;height:100%}.card-media-wrapper:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#00000080 60%,#000000f2 100%);height:50%;position:absolute;bottom:0;left:0;right:0}.card-info-overlay{z-index:2;color:#fff;pointer-events:none;padding:24px 20px;position:absolute;bottom:0;left:0;right:0}.profile-title{align-items:center;gap:8px;margin-bottom:8px;display:flex}.profile-title h2{text-shadow:0 2px 8px #0009;margin:0;font-size:1.8rem;font-weight:800}.profile-title .age{color:#ffffffe6;font-size:1.6rem;font-weight:500}.verif-badge{color:#10b981;text-shadow:0 1px 4px #0006;justify-content:center;align-items:center;display:inline-flex}.work-location{color:#ffffffd9;text-shadow:0 1px 3px #0009;gap:12px;margin-bottom:12px;font-size:.82rem;display:flex}.work-location div{align-items:center;gap:4px;display:flex}.bio-quote{color:#ffffffbf;text-shadow:0 1px 3px #0009;margin:0 0 14px;font-size:.9rem;font-style:italic;line-height:1.45}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:50px;padding:4px 10px;font-size:.72rem;font-weight:600}.card-floating-badge{z-index:5;border-radius:50px;align-items:center;gap:4px;padding:5px 10px;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:14px;box-shadow:0 4px 12px #0006}.online-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0009;border:1px solid #ffffff14;left:14px}.online-indicator{background:#10b981;border-radius:50%;width:7px;height:7px}.match-stat-badge{background:var(--dsc-pink);color:#fff;left:14px}.premium-badge{background:var(--dsc-gold);color:#000;left:14px}.info-detail-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;right:14px;box-shadow:0 4px 10px #0000004d}.stamp{text-transform:uppercase;letter-spacing:2px;z-index:10;border:4px solid;border-radius:8px;padding:6px 16px;font-size:1.8rem;font-weight:900;position:absolute;top:40px;transform:rotate(-12deg)}.stamp.like{border-color:var(--dsc-green);color:var(--dsc-green);box-shadow:0 0 15px var(--dsc-green-glow);right:30px}.stamp.nope{border-color:var(--dsc-pink);color:var(--dsc-pink);box-shadow:0 0 15px var(--dsc-pink-glow);left:30px;transform:rotate(12deg)}.stamp.super{border-color:var(--dsc-purple);color:var(--dsc-purple);box-shadow:0 0 15px var(--dsc-purple-glow);bottom:120px;left:50%;transform:translate(-50%)rotate(0)}.discover-actions-bar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:380px;margin-top:20px;display:flex}.btn-circle{cursor:pointer;background:var(--dsc-card-bg);border:none;border:1px solid var(--dsc-border);color:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 16px #0000004d}.btn-circle:hover{transform:scale(1.08)}.btn-circle:active{transform:scale(.95)}.btn-sm{width:44px;height:44px}.btn-lg{width:58px;height:58px}.btn-rewind{color:#eab308;border-color:#eab3084d}.btn-rewind:hover{box-shadow:0 0 12px #eab30833}.btn-pass{color:#ef4444;border-color:#ef44444d;font-size:24px}.btn-pass:hover{box-shadow:0 0 15px #ef444440}.btn-superlike{color:#a855f7;border-color:#a855f74d}.btn-superlike:hover{box-shadow:0 0 15px #a855f740}.btn-like{color:#ec4899;border-color:#ec48994d}.btn-like:hover{box-shadow:0 0 18px #ec48994d}.btn-chat{color:#6366f1;border-color:#6366f14d}.btn-chat:hover{box-shadow:0 0 12px #6366f133}.deck-empty-state{text-align:center;height:100%;color:var(--dsc-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.deck-empty-icon{margin-bottom:12px;font-size:3rem}.deck-empty-state h3{color:#fff;margin:0 0 8px;font-size:1.3rem}.deck-empty-state p{margin:0 0 24px;font-size:.88rem;line-height:1.4}.recycle-btn{background:var(--dsc-gold);color:#000;cursor:pointer;border:none;border-radius:50px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:transform .2s;box-shadow:0 4px 15px #ffd7004d}.recycle-btn:active{transform:scale(.95)}.match-modal-backdrop{z-index:2000;background:#000;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.match-modal-content{text-align:center;z-index:10;flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex;position:relative}.confetti-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.match-neon-title{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #ff007f,0 0 30px #ff007f,0 0 40px #ff007f;margin:0 0 40px;font-family:Great Vibes,Playball,Pacifico,cursive,sans-serif;font-size:3.5rem;animation:1.5s ease-in-out infinite alternate neon-glow}@keyframes neon-glow{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #ff007f,0 0 20px #ff007f}to{text-shadow:0 0 7px #fff,0 0 15px #ff007f,0 0 25px #ff007f,0 0 35px #ff007f,0 0 50px #ff007f}}.match-avatars-stage{justify-content:center;align-items:center;width:100%;height:160px;margin-bottom:40px;display:flex;position:relative}.match-circle-frame{border:4px solid var(--dsc-pink);width:120px;height:120px;box-shadow:0 0 25px var(--dsc-pink-glow);border-radius:50%;position:absolute;overflow:hidden}.match-circle-frame.left-avatar{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards slide-left-in;left:calc(50% - 130px)}.match-circle-frame.right-avatar{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards slide-right-in;right:calc(50% - 130px)}.match-circle-frame img{object-fit:cover;width:100%;height:100%}.match-center-heart{z-index:5;background:var(--dsc-pink);width:50px;height:50px;box-shadow:0 0 20px var(--dsc-pink-glow);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;animation:.6s cubic-bezier(.175,.885,.32,1.275) .8s both heart-pop,1.4s 1.4s infinite heart-beat;display:flex;position:absolute}@keyframes slide-left-in{0%{opacity:0;transform:translate(-150px)scale(.5)}to{opacity:1;transform:translate(45px)scale(1)}}@keyframes slide-right-in{0%{opacity:0;transform:translate(150px)scale(.5)}to{opacity:1;transform:translate(-45px)scale(1)}}@keyframes heart-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.match-subtitle{color:#fff;margin-bottom:8px;font-size:1.15rem}.match-tagline{color:var(--dsc-muted);margin-bottom:32px;padding:0 24px;font-size:.9rem;line-height:1.4}.match-action-btns{flex-direction:column;gap:12px;width:100%;padding:0 24px;display:flex}.match-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#be185d);border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #ec489959}.match-primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ec489980}.match-secondary-btn{color:#fff;border:1px solid var(--dsc-border);cursor:pointer;background:0 0;border-radius:50px;width:100%;padding:14px;font-size:.95rem;font-weight:600;transition:background .2s}.match-secondary-btn:hover{background:#ffffff0d}.discover-skeleton-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.discover-skeleton-card{aspect-ratio:9/16;background:var(--dsc-card-bg);border:1px solid var(--dsc-border);border-radius:24px;width:100%;max-height:70vh;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.skeleton-image-placeholder{background:#111112;width:100%;height:100%}.skeleton-info-overlay{z-index:2;background:linear-gradient(#0000 0%,#0006 30%,#000000f2 100%);flex-direction:column;gap:12px;padding:24px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.skeleton-bar{background:#ffffff14;border-radius:4px}.skeleton-bar.title-bar{width:60%;height:24px}.skeleton-bar.subtitle-bar{width:40%;height:16px}.skeleton-tags-row{gap:8px;display:flex}.skeleton-tag{background:#ffffff14;border-radius:50px;width:60px;height:20px}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 20%,#ffffff14 60%,#0000 100%);animation:1.6s infinite shimmer-load;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer-load{to{transform:translate(100%)}}.skeleton-loading-text{color:var(--dsc-muted);letter-spacing:.5px;margin-top:20px;font-size:.95rem;font-weight:500}@media (max-width:767px){.discover-swipe-wrapper{max-width:100%;height:calc(100dvh - 60px - 86px - env(safe-area-inset-bottom,0px));flex:none;justify-content:space-between;padding:10px 14px}.cards-deck-container{aspect-ratio:auto;flex:1;width:100%;min-height:0;max-height:none}.swipe-card{border-radius:20px}.profile-title h2{font-size:1.6rem}.discover-actions-bar{margin-top:10px;padding:0 10px}.btn-lg{width:52px;height:52px}.btn-sm{width:40px;height:40px}}@media (min-width:768px){.discover-swipe-wrapper{background:#ffffff05;border:1px solid #ffffff0a;border-radius:32px;flex-direction:row;align-items:center;gap:40px;max-width:800px;margin-top:40px;margin-bottom:40px;padding:40px;box-shadow:0 30px 60px #0009}.cards-deck-container{aspect-ratio:auto;width:380px;height:580px;max-height:none}.discover-actions-bar{flex-direction:column;gap:16px;width:80px;height:380px;margin-top:0}.btn-circle{box-shadow:0 8px 24px #00000080}}.discover-login-required-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:360px;padding:40px 30px;animation:.6s ease-out both discoverFadeInUp;display:flex;box-shadow:0 20px 40px #00000080}.lock-icon-wrapper{background:#cf41851a;border:1px solid #cf418540;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;animation:2s ease-in-out infinite pulseGlow;display:flex}.lock-crown-icon{color:var(--dsc-pink)}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 #cf418533}50%{transform:scale(1.05);box-shadow:0 0 20px 6px #cf418566}}@keyframes discoverFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.discover-login-required-card h2{background:linear-gradient(135deg,#fff 60%,var(--dsc-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:1.6rem;font-weight:800}.discover-login-required-card p{color:var(--dsc-muted);margin-bottom:30px;font-size:.92rem;line-height:1.5}.discover-login-btn{background:linear-gradient(135deg,var(--dsc-pink),#ff7eb3);color:#fff;cursor:pointer;border:none;border-radius:50px;width:100%;padding:14px 28px;font-size:.95rem;font-weight:700;transition:all .3s;box-shadow:0 8px 20px #cf418559}.discover-login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #cf41858c}.discover-login-btn:active{transform:translateY(0)}