:root{--bg-sand:#fbefe3;--bg-mist:#f4eae1;--bg-ink:#2c2520;--bg-dusk:#40352e;--clay:#a83805;--terracotta:#c8460a;--sage:#c8460a;--gold:#d4a843;--bg-dark:var(--bg-mist);--bg-darker:var(--bg-sand);--bg-gradient:linear-gradient(135deg, var(--bg-sand) 0%, var(--bg-mist) 100%);--coral:var(--terracotta);--coral-hover:var(--clay);--coral-glow:#c8460a1f;--cyan:var(--sage);--cyan-hover:#a83805;--cyan-glow:#c8460a1f;--violet:var(--bg-dusk);--violet-hover:var(--bg-ink);--violet-glow:#483e361a;--glass-card:#ffffffc2;--glass-card-hover:#ffffffeb;--glass-border:#2c262114;--glass-border-hover:#2c262129;--text-primary:var(--bg-ink);--text-secondary:#4d3f37;--text-muted:#8e7d70;--shadow-glow:0 8px 32px 0 #2c26210a;--font-display:"Plus Jakarta Sans", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-brand:"Telma", "Times New Roman", Times, serif;--font-sans:var(--font-body);--transition-smooth:all .35s cubic-bezier(.25, .8, .25, 1);--transition-elastic:all .5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-darker);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--glass-border-hover)}.glass-panel{background:var(--glass-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glow);transition:var(--transition-smooth);border-radius:20px}.glass-panel:hover{border-color:var(--glass-border-hover)}.glass-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);background:#0f172a05;border-radius:12px;outline:none;padding:12px 16px;font-size:.95rem}.glass-input:focus{border-color:var(--cyan);background:#0f172a0a;box-shadow:0 0 0 2.5px #0ea5e926}.text-glow-coral{text-shadow:0 1px 2px #ff4d7926}.text-glow-cyan{text-shadow:0 1px 2px #0ea5e926}.gradient-text{background:linear-gradient(135deg, var(--cyan) 0%, #a855f7 50%, var(--coral) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font-display);cursor:pointer;transition:var(--transition-elastic);border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-coral{background:var(--coral);color:#fff;box-shadow:0 4px 15px var(--coral-glow)}.btn-coral:hover{background:var(--coral-hover);box-shadow:0 6px 20px var(--coral-glow);transform:translateY(-2px)}.btn-coral:active{transform:translateY(0)}.btn-cyan{background:var(--cyan);color:#fff;box-shadow:0 4px 15px var(--cyan-glow)}.btn-cyan:hover{background:var(--cyan-hover);box-shadow:0 6px 20px var(--cyan-glow);transform:translateY(-2px)}.btn-cyan:active{transform:translateY(0)}.btn-glass{border:1px solid var(--glass-border);color:var(--text-primary);background:#0f172a08}.btn-glass:hover{border-color:var(--glass-border-hover);background:#0f172a0f;transform:translateY(-2px)}.tag-pill{cursor:pointer;border:1px solid var(--glass-border);transition:var(--transition-smooth);color:var(--text-secondary);background:#0f172a05;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:500}.tag-pill.active{border-color:var(--cyan);color:var(--cyan);background:#0ea5e91a;box-shadow:0 0 10px #0ea5e933}.app-layout{grid-template-columns:320px 1fr 340px;gap:16px;max-width:1600px;height:calc(100vh - 70px);margin:0 auto;padding:16px;display:grid;overflow:hidden}@media (width<=1100px){.app-layout{grid-template-columns:300px 1fr}.app-layout-right{display:none}}@media (width<=768px){.app-layout{grid-template-columns:1fr}.app-layout-left{display:none}}.deck-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.swipe-card{cursor:grab;transform-origin:50% 100%;-webkit-user-select:none;user-select:none;width:100%;max-width:440px;height:600px;box-shadow:var(--shadow-glow);border-radius:24px;transition:transform .5s,opacity .5s;position:absolute;overflow:hidden auto}.swipe-card:active{cursor:grabbing}.swipe-left-anim{opacity:0!important;transform:translate(-150%,50px)rotate(-30deg)!important}.swipe-right-anim{opacity:0!important;transform:translate(150%,50px)rotate(30deg)!important}.nav-link{color:var(--text-secondary);transition:var(--transition-smooth);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover,.nav-link.active{color:var(--cyan)}.hinge-prompt-box{border-left:4px solid var(--coral);transition:var(--transition-smooth);background:linear-gradient(135deg,#e8824f0f 0%,#fffc 100%);border-top:1px solid #e8824f1a;border-bottom:1px solid #1a141014;border-right:1px solid #1a14100f;border-radius:16px;margin:24px 0;padding:18px 24px 18px 36px;position:relative;overflow:hidden;box-shadow:0 6px 20px #1a141008}.hinge-prompt-box:before{content:"“";color:#e8824f40;font-family:Georgia,serif;font-size:2.5rem;line-height:1;position:absolute;top:10px;left:12px}.hinge-prompt-box:hover{background:linear-gradient(135deg,#e8824f17 0%,#ffffffe6 100%);transform:translateY(-2px)translate(2px);box-shadow:0 10px 25px #e8824f14}.hinge-prompt-q{color:var(--clay);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;font-family:var(--font-body);margin-bottom:8px}.hinge-prompt-a{font-family:var(--font-body);color:var(--text-primary);font-size:1.05rem;font-weight:600;line-height:1.6}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.chat-skeleton-bubble{background:linear-gradient(90deg,#7a8c6e0a 25%,#7a8c6e1f 50%,#7a8c6e0a 75%) 0 0/200% 100%;border:1px solid #7a8c6e0f;border-radius:16px;height:52px;margin-bottom:12px;animation:1.6s ease-in-out infinite shimmer}.chat-skeleton-bubble.me{background:linear-gradient(90deg,#e8824f0f 25%,#e8824f29 50%,#e8824f0f 75%) 0 0/200% 100%;border-color:#e8824f14;border-bottom-right-radius:4px;align-self:flex-end}.chat-skeleton-bubble.other{border-bottom-left-radius:4px;align-self:flex-start}.audio-player-glass{border:1px solid var(--glass-border);background:#0f172a05;border-radius:16px;align-items:center;gap:12px;margin:16px 0;padding:12px 16px;display:flex}.audio-btn{background:var(--cyan-glow);border:1px solid var(--cyan);width:40px;height:40px;color:var(--cyan);cursor:pointer;transition:var(--transition-elastic);border-radius:50%;justify-content:center;align-items:center;display:flex}.audio-btn:hover{background:var(--cyan);color:#04070f;transform:scale(1.08)}@keyframes pulse-glow{0%{box-shadow:0 0 #00f2fe66}70%{box-shadow:0 0 0 10px #00f2fe00}to{box-shadow:0 0 #00f2fe00}}.pulse-dot{background-color:var(--cyan);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow}.welcome-gradient-bg{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#00f2fe1f 0%,#8a3ffc14 50%,#0000 100%);width:500px;height:500px;position:absolute;top:-10%;left:20%}.welcome-gradient-bg-2{filter:blur(100px);z-index:0;pointer-events:none;background:radial-gradient(circle,#ff4d791f 0%,#080d1a00 60%,#0000 100%);width:600px;height:600px;position:absolute;bottom:-10%;right:10%}.floating-skip-btn{transition:var(--transition-elastic)!important}.floating-skip-btn:hover{color:#ef4444!important;background:#ef444440!important;border-color:#ef4444!important;transform:translateY(-50%)scale(1.1)!important}.floating-like-btn{transition:var(--transition-elastic)!important}.floating-like-btn:hover{background:var(--coral-hover)!important;box-shadow:0 10px 30px var(--coral-glow)!important;transform:translateY(-50%)scale(1.1)!important}.liker-card-hover{transition:var(--transition-elastic)!important}.liker-card-hover:hover{transform:translateY(-4px)scale(1.02);border-color:var(--cyan)!important;box-shadow:0 8px 24px #0ea5e926!important}@media (width<=768px){.mobile-hide{display:none!important}.voya-mobile-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--glass-border);z-index:1000;background:#f5efe0f0;justify-content:space-around;align-items:center;height:65px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000d;display:flex!important}.voya-nav-notification-badge{min-width:15px;height:15px;position:absolute;top:3px;right:calc(50% - 18px);color:#fff!important;z-index:100!important;font-size:.68rem!important;font-weight:700!important;font-family:var(--font-body)!important;background-color:#ef4444!important;border:1.5px solid #f5efe0f0!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;padding:0 4px!important;display:flex!important;box-shadow:0 0 6px #ef444499!important}.voya-mobile-nav-item{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex}.voya-mobile-nav-item.active{color:var(--coral)}.voya-mobile-nav-item i{font-size:1.15rem}.app-layout{grid-template-columns:1fr!important;gap:0!important;height:calc(100dvh - 78px)!important;padding:8px!important}.app-layout.has-mobile-nav{height:calc(100dvh - 135px)!important;padding-bottom:0!important}.swipe-card{max-width:100%!important;height:100%!important}.card-deck-wrapper{width:calc(100% - 64px)!important;max-width:100%!important;height:calc(100dvh - 185px)!important;margin:0 auto!important}.swipe-card [style*="height: 240px"]{height:160px!important}.floating-skip-btn,.floating-like-btn{z-index:100!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;font-size:1.25rem!important;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s!important;display:flex!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;box-shadow:0 4px 15px #00000026!important}.floating-skip-btn:active,.floating-like-btn:active{transform:translateY(-50%)scale(.9)!important}.floating-skip-btn{color:#ef4444!important;background:#fff!important;border:1.5px solid #ef44444d!important;left:-20px!important}.floating-like-btn{background:var(--terracotta)!important;color:#fff!important;right:-20px!important;box-shadow:0 4px 15px #c8460a59!important}.deck-mobile-actions,.liker-mobile-actions{display:none!important}.mobile-action-buttons{z-index:100;justify-content:center;align-items:center;gap:32px;width:100%;margin-top:16px;margin-bottom:8px;display:flex!important}.mobile-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:1.6rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s,box-shadow .2s;display:flex;box-shadow:0 8px 20px #2c262126}.mobile-btn:active{transform:scale(.92)!important}.mobile-btn-skip{color:#ef4444;background:#fff;border:1.5px solid #ef44444d}.mobile-btn-like{background:var(--terracotta);color:#fff;box-shadow:0 8px 24px #c8460a59}.glass-panel{border-radius:16px!important;padding:14px!important}.swipe-card-body{padding:20px 16px!important}.swipe-card-body p{color:var(--text-secondary)!important;margin-bottom:20px!important;font-size:.9rem!important;line-height:1.65!important}.swipe-card-body .glass-panel{border:1.5px solid var(--glass-border)!important;background:#ffffff05!important;border-radius:18px!important;margin-bottom:20px!important;padding:16px!important}.swipe-card-body h5{letter-spacing:.06em!important;margin-bottom:12px!important;font-size:.76rem!important}.swipe-card-body [style*="display: grid"]{gap:12px 10px!important;font-size:.78rem!important}.swipe-card-body [style*="font-size: 0.88rem"]{font-size:.88rem!important;font-weight:750!important}.swipe-card-body [style*="margin-top: 16px"]{margin-top:14px!important;padding-top:10px!important}.swipe-card-body [style*="font-size: 0.68rem"]{color:var(--terracotta)!important;background:#c8460a0f!important;border:1.5px solid #c8460a26!important;border-radius:100px!important;padding:4px 10px!important;font-size:.68rem!important}.audio-player-glass{border:1px solid var(--glass-border)!important;background:#ffffff05!important;border-radius:14px!important;margin:14px 0!important;padding:10px 12px!important}.hinge-prompt-box{border:1px solid var(--glass-border)!important;background:#ffffff05!important;border-radius:16px!important;margin-bottom:20px!important;padding:16px!important}.hinge-prompt-q{letter-spacing:.04em!important;color:var(--text-muted)!important;text-transform:uppercase!important;margin-bottom:6px!important;font-size:.72rem!important}.hinge-prompt-a{color:var(--text-primary)!important;font-size:.9rem!important;font-weight:500!important;line-height:1.55!important}}.voya-mobile-nav{display:none}.voya-filter-bar{border:1px solid var(--glass-border);z-index:10;width:100%;transition:var(--transition-smooth);background:#ffffffb8;border-radius:20px;flex-direction:column;padding:14px 20px;display:flex}.voya-filter-header{display:none}.voya-filter-content{grid-template-columns:.9fr 1.1fr 1.1fr 1.1fr 1.1fr auto;align-items:flex-end;gap:12px;width:100%;display:grid}@media (width<=768px){.voya-filter-bar{border-radius:16px!important;padding:10px 14px!important}.voya-filter-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;padding:2px 4px;display:flex!important}.voya-filter-header-left{color:var(--text-primary);align-items:center;gap:8px;display:flex}.voya-filter-header-left i{color:var(--coral);font-size:.9rem}.voya-filter-header-left span{font-size:.85rem;font-weight:700;font-family:var(--font-display)}.voya-filter-badge{background:var(--coral);color:#fff;border-radius:10px;margin-left:2px;padding:2px 7px;font-size:.65rem;font-weight:700}.voya-filter-chevron{color:var(--text-muted);font-size:.75rem;transition:transform .3s}.voya-filter-bar.collapsed .voya-filter-content{display:none!important}.voya-filter-bar.expanded .voya-filter-content{border-top:1px solid var(--glass-border);margin-top:10px;padding-top:10px;grid-template-columns:1fr 1fr!important;gap:8px!important;display:grid!important}.voya-filter-bar.expanded .voya-filter-chevron{transform:rotate(180deg)}.voya-filter-bar .voya-filter-content button{border-radius:12px!important;grid-column:span 2!important;width:100%!important;height:40px!important;margin-top:4px!important;padding:0 16px!important}.voya-filter-btn-text{display:inline!important}}.voya-filter-btn-text{display:none}.voya-chat-bubble{max-width:75%;font-size:.9rem;line-height:1.5;font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:16px;padding:12px 16px;box-shadow:0 3px 10px #0f172a05}.voya-chat-bubble.me{background:var(--cyan);color:#fff;border:none;border-radius:16px 16px 0}.voya-chat-bubble.other{color:var(--text-primary);border:1px solid var(--glass-border);background:#0f172a0a;border-radius:16px 16px 16px 0}.voya-chat-bubble.ai{color:var(--text-primary);border:1px solid var(--glass-border);white-space:pre-wrap;background:#fff;border-radius:18px 18px 18px 0;font-size:.9rem;line-height:1.6;box-shadow:0 4px 12px #0f172a08}.voya-chat-bubble.me.ai{background:var(--terracotta);color:#fff;border:none;border-radius:18px 18px 0}.voya-chat-bubble.me.coral{background:var(--coral)}@media (width<=768px){.voya-chat-bubble{max-width:88%!important;padding:10px 14px!important;font-size:.85rem!important}}.voya-thinking-container{align-self:flex-start;max-width:85%;animation:.4s cubic-bezier(.16,1,.3,1) slideUpFade}.voya-thinking-bubble{flex-direction:column;gap:10px;display:flex;background:var(--glass-card)!important;border:1px solid var(--glass-border)!important;border-radius:18px 18px 18px 0!important;padding:14px 18px!important;box-shadow:0 4px 16px #1a14100d!important}.voya-thinking-header{align-items:center;gap:10px;display:flex}.voya-thinking-glow-icon{color:var(--terracotta);font-size:1rem;animation:2.2s ease-in-out infinite floatMagic,1.5s ease-in-out infinite glowPulse}.voya-thinking-status{color:var(--text-secondary);font-size:.85rem;font-weight:500;font-family:var(--font-sans);animation:2.2s ease-in-out infinite textChangePulse}.voya-thinking-dots{gap:5px;padding-left:2px;display:flex}.voya-thinking-dot{background:var(--terracotta);opacity:.35;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite both bounceDot}.voya-thinking-dot:first-child{animation-delay:-.32s}.voya-thinking-dot:nth-child(2){background:var(--cyan);animation-delay:-.16s}.voya-thinking-dot:nth-child(3){background:var(--gold)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceDot{0%,80%,to{opacity:.35;transform:scale(.6)}40%{opacity:.95;transform:scale(1.15)}}@keyframes floatMagic{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(8deg)}}@keyframes glowPulse{0%,to{text-shadow:0 0 2px #e8824f1a;color:var(--terracotta)}50%{text-shadow:0 0 10px #7a8c6e99;color:var(--cyan)}}@keyframes textChangePulse{0%,to{opacity:.9}50%{opacity:.65}}@keyframes voyaSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes voyaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes voyaPulseRed{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.group-title-clickable{transition:color .2s,opacity .2s}.group-title-clickable:hover{opacity:.85;color:var(--cyan)!important}.liker-detail-container{background:var(--mist-card);border:1px solid var(--glass-border);height:100%;box-shadow:var(--shadow-crisp);border-radius:24px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.liker-detail-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}@media (width<=768px){.liker-detail-container.glass-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;gap:20px!important;height:100%!important;padding:0!important;display:flex!important}.liker-detail-header{background:var(--glass-card)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--shadow-glow)!important;box-sizing:border-box!important;border-bottom:none!important;border-radius:16px!important;justify-content:space-between!important;align-items:center!important;height:42px!important;margin-bottom:0!important;padding:10px 14px!important;display:flex!important}.voya-ai-workspace.glass-panel{border-bottom:none!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;padding-bottom:6px!important;padding-left:8px!important;padding-right:8px!important}.voya-ai-form{padding-top:10px!important;padding-bottom:2px!important}}.voya-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.voya-image-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.voya-modal-box{text-align:center;border-radius:24px;width:100%;max-width:460px;padding:32px}.voya-modal-box.success{max-width:440px}.voya-modal-box .modal-btn-row{justify-content:center;gap:12px;display:flex}.stepper-controls{border-top:1px solid var(--glass-border);justify-content:space-between;margin-top:40px;padding-top:24px;display:flex}.profile-setup-card{border-radius:24px;padding:40px}@media (width<=768px){.voya-form-grid,.voya-image-grid{grid-template-columns:1fr!important;gap:12px!important}.voya-modal-box{border-radius:20px!important;max-height:85vh!important;margin:10px!important;padding:24px 16px!important;overflow-y:auto!important}.voya-modal-box h3{font-size:1.3rem!important}.voya-modal-box p{margin-bottom:20px!important;font-size:.85rem!important;line-height:1.5!important}.voya-modal-box button{padding:10px 16px!important;font-size:.85rem!important}.voya-modal-box .modal-btn-row{flex-direction:column!important;gap:10px!important}.voya-modal-box .modal-btn-row button{flex:none!important;width:100%!important}.profile-setup-card{border-radius:20px!important;padding:24px 16px!important}.voya-toast{width:auto!important;max-width:none!important;top:20px!important;left:16px!important;right:16px!important}.stepper-controls{flex-direction:column-reverse!important;gap:12px!important}.stepper-controls button{text-align:center!important;justify-content:center!important;width:100%!important}.voya-otp-input{letter-spacing:4px!important;padding:10px!important;font-size:1.4rem!important}.mobile-hide-text{display:none!important}}