:root{--bg-dark:#12030f;--bg-card:#1f081b;--bg-card-hover:#2a0b25;--primary:#e0218a;--primary-rgb:224,33,138;--primary-hover:#ff3a9f;--secondary:#ff5ebf;--text-white:#fcf4fa;--text-muted:#ab92a4;--border-color:#310c29;--glass-bg:rgba(31, 8, 27, 0.75);--glass-border:rgba(255, 94, 191, 0.15);--success:#2ec4b6;--error:#e63946;--transition-smooth:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);--shadow-neon:0 0 15px rgba(224, 33, 138, 0.35);--shadow-neon-strong:0 0 25px rgba(224, 33, 138, 0.6)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-y:scroll;scrollbar-gutter:stable}
body{background-color:var(--bg-dark);color:var(--text-white);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}
h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}
a{color:var(--secondary);text-decoration:none;transition:var(--transition-smooth)}
a:hover{color:#fff;text-shadow:0 0 8px rgba(255,94,191,.6)}
input,select,textarea{font-family:inherit;font-size:.95rem}
.bg-glow{position:fixed;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.35;pointer-events:none;animation:pulse-glow 10s infinite alternate ease-in-out}
.bg-glow-1{width:45vw;height:45vw;background:radial-gradient(circle,rgba(224,33,138,.6) 0,rgba(224,33,138,0) 70%);top:-10vw;right:-10vw}
.bg-glow-2{width:55vw;height:55vw;background:radial-gradient(circle,rgba(255,94,191,.4) 0,rgba(255,94,191,0) 70%);bottom:-15vw;left:-15vw;animation-delay:-5s}
@keyframes pulse-glow{
0%{transform:scale(1) translate(0,0);opacity:.3}
100%{transform:scale(1.15) translate(3vw,-2vw);opacity:.45}
}
.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}
.app-header{background:rgba(18,3,15,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;height:80px}
.header-content{max-width:1200px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}
.logo-area{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none}
.mobile-bottom-nav{display:none}
.logo-icon{width:45px;height:45px}
.st-logo{width:100%;height:100%;display:block}
.logo-text{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#fff 30%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em}
.beta-badge{font-family:Outfit,sans-serif;font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ff5ebf!important;-webkit-text-fill-color:#ff5ebf!important;background:rgba(255,94,191,.18);border:1px solid rgba(255,94,191,.65);padding:2px 5px;border-radius:6px;vertical-align:super;margin-left:.35rem;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 10px rgba(255,94,191,.4)}
.beta-badge.env-test{color:#facc15!important;-webkit-text-fill-color:#facc15!important;background:rgba(250,204,21,.18);border-color:rgba(250,204,21,.75);box-shadow:0 0 10px rgba(250,204,21,.45)}
body.env-test::after{content:"";position:fixed;inset:0;border:2px solid rgba(250,204,21,.55);pointer-events:none;z-index:9999}
.nav-list{display:flex;align-items:center;gap:1.5rem;list-style:none}
.nav-link{font-size:.95rem;font-weight:500;color:var(--text-white);padding:.5rem 1rem;border-radius:8px;transition:var(--transition-smooth);position:relative}
.nav-link.active,.nav-link:hover{color:var(--secondary)}
.nav-link.active::after{content:'';position:absolute;bottom:-4px;left:1rem;right:1rem;height:2px;background-color:var(--secondary);box-shadow:0 0 8px var(--secondary);border-radius:2px}
.badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:26px!important;height:26px!important;min-width:26px!important;border-radius:50%!important;background:var(--primary)!important;color:#fff!important;font-weight:800!important;font-size:.82rem!important;box-shadow:0 0 12px rgba(224,33,138,.7)!important;line-height:1!important;padding:0!important;box-sizing:border-box!important;font-variant-numeric:tabular-nums!important;user-select:none!important;vertical-align:middle!important}
.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;color:#fff!important;font-weight:600;box-shadow:var(--shadow-neon)}
.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0,#fff 150%);box-shadow:var(--shadow-neon-strong);transform:translateY(-2px)}
.btn-flame{background:linear-gradient(135deg,#f30 0,#f70 100%)!important;color:#fff!important;border:1px solid rgba(255,140,0,.7)!important;box-shadow:0 4px 16px rgba(255,69,0,.55)!important;font-weight:700!important;transition:var(--transition-smooth)!important}
.btn-flame:hover{background:linear-gradient(135deg,#f40 0,#f80 100%)!important;box-shadow:0 6px 22px rgba(255,69,0,.75)!important;transform:translateY(-2px)!important;color:#fff!important}
.btn-secondary{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--text-white)!important}
.btn-secondary:hover{background:rgba(255,255,255,.12);border-color:var(--secondary);transform:translateY(-2px)}
.btn-logout{color:var(--text-muted)!important;font-size:.9rem}
.btn-logout:hover{color:var(--error)!important}
.mobile-nav-toggle{display:none;background:0 0;border:none;cursor:pointer;flex-direction:column;gap:6px;width:30px}
.mobile-nav-toggle .bar{height:2px;width:100%;background-color:var(--text-white);border-radius:2px;transition:var(--transition-smooth)}
.app-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:1.5rem 2rem;position:relative}
.app-view{display:none;animation:fadeIn .4s ease-out forwards}
.app-view.active-view{display:block!important}
select option{background-color:#240c21!important;color:#fff!important;padding:.5rem!important}
select option:disabled{color:#888!important}
@keyframes fadeIn{
from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);text-align:center;border:none;text-shadow:0 1px 3px rgba(0,0,0,.65)}
.carousel-arrow{padding:0!important}
.btn-delete-photo{position:absolute!important;top:-6px!important;right:-6px!important;width:22px!important;height:22px!important;min-width:22px!important;padding:0!important;border-radius:50%!important;background:#f36!important;color:#fff!important;font-size:11px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 5px rgba(0,0,0,.5)!important;border:1.5px solid #fff!important;cursor:pointer!important;line-height:1!important;text-shadow:none!important}
.btn-lg{padding:.9rem 2.2rem;font-size:1.05rem;border-radius:12px}
.btn-sm{padding:.4rem 1rem;font-size:.85rem;border-radius:8px}
.btn-block{display:flex;width:100%}
.btn-flame:active,.btn-logout:active,.btn-outline-ad:active,.btn-primary:active,.btn-secondary:active,.btn:active,button:active{transform:translateY(1px) scale(.97)!important;box-shadow:0 2px 8px rgba(0,0,0,.4)!important;filter:brightness(.92);transition:transform 80ms ease-out,filter 80ms ease-out,box-shadow 80ms ease-out!important}
.btn-outline-ad{background:0 0;border:1px solid var(--secondary);color:var(--secondary);font-weight:500}
.btn-outline-ad:hover{background:var(--secondary);color:var(--bg-dark)}
.form-group{margin-bottom:1.25rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.45rem;color:var(--text-white);text-transform:uppercase;letter-spacing:.05em}
input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;background:rgba(18,3,15,.6);border:1px solid var(--border-color);border-radius:10px;padding:.75rem 1rem;color:var(--text-white);transition:var(--transition-smooth)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--secondary);box-shadow:0 0 10px rgba(255,94,191,.2);background:rgba(31,8,27,.9)}
.form-tip{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.35rem}
.checkbox-group{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem}
.checkbox-group input[type=checkbox]{margin-top:.25rem;accent-color:var(--primary)}
.checkbox-group label{font-size:.85rem;text-transform:none;font-weight:400;letter-spacing:0;color:var(--text-muted);cursor:pointer}
.phone-input-wrapper{display:flex;align-items:center;background:rgba(18,3,15,.6);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:var(--transition-smooth)}
.phone-input-wrapper:focus-within{border-color:var(--secondary);box-shadow:0 0 10px rgba(255,94,191,.2)}
.phone-prefix{padding:.75rem 1rem;background:rgba(255,255,255,.03);color:var(--text-muted);border-right:1px solid var(--border-color);font-weight:600}
.phone-input-wrapper input{border:none;background:0 0;flex:1;padding:.75rem 1rem}
.phone-input-wrapper input:focus{box-shadow:none;background:0 0}
.alert-box{padding:.75rem 1rem;border-radius:8px;margin-bottom:1.25rem;font-size:.9rem;font-weight:500}
.error-alert{background:rgba(230,57,70,.15);border:1px solid var(--error);color:#ff949b}
.success-alert{background:rgba(46,196,182,.15);border:1px solid var(--success);color:#a8fff6}
.hidden{display:none!important;pointer-events:none!important}
.checkbox-grid,.date-prefs-grid,.interests-grid{transition:all .3s ease}
.max-selected .tag-checkbox-wrapper:not(:has(input:checked)) input[type=checkbox],.max-selected input[type=checkbox]:not(:checked),input[type=checkbox]:disabled:not(:checked){opacity:.3!important;filter:grayscale(1) brightness(.4)!important;cursor:not-allowed!important;accent-color:#555555!important}
.max-selected .interest-checkbox-label:not(.checked),.max-selected .tag-checkbox-wrapper:not(:has(input:checked)) label,.max-selected label:not(.checked):not(:has(input:checked)){opacity:.35!important;color:#71717a!important;filter:grayscale(1)!important;cursor:not-allowed!important;transition:all .25s ease}
.max-selected .interest-checkbox-label.checked,.max-selected label.checked,.max-selected label:has(input:checked){opacity:1!important;filter:none!important;border-color:#ff5ebf!important;box-shadow:0 0 14px rgba(255,94,191,.5)!important;transition:all .25s ease}
.inspect-cat-pill{flex:1;text-align:center;justify-content:center;font-size:.73rem!important;padding:.35rem .2rem!important;border-radius:8px!important;font-weight:600!important;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:var(--text-muted);transition:all .2s ease!important}
.inspect-cat-pill:hover{background:rgba(255,255,255,.08);color:#fff}
.inspect-cat-pill.active{background:rgba(34,197,94,.22)!important;border-color:#22c55e!important;color:#fff!important;box-shadow:0 0 14px rgba(34,197,94,.5)!important;font-weight:700!important}
.glow-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:2.25rem;box-shadow:0 8px 32px rgba(0,0,0,.4);transition:var(--transition-smooth)}
.glow-card:hover{border-color:rgba(255,94,191,.3)}
.icon-sm{width:16px;height:16px;display:inline-block;vertical-align:middle}
.hero-section{display:grid;grid-template-columns:1.2fr 0.8fr;gap:4rem;align-items:center;padding:2rem 0 1rem}
.hero-content h1{font-size:3.8rem;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 40%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:600px}
.hero-actions{display:flex;gap:1.25rem;margin-bottom:1.25rem}
.badge-pill{display:inline-block;padding:.4rem 1rem;background:rgba(224,33,138,.12);border:1px solid rgba(224,33,138,.3);color:var(--secondary);font-weight:600;font-size:.85rem;border-radius:30px;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}
.hero-stats{display:flex;gap:3rem;border-top:1px solid var(--border-color);padding-top:2rem}
.stat-item{display:flex;flex-direction:column}
.stat-num{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;color:var(--secondary);line-height:1.1}
.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;margin-top:.25rem;letter-spacing:.03em}
.hero-visual{display:flex;flex-direction:column;align-items:center;justify-content:center}
.visual-card-wrapper{display:flex;align-items:center;gap:1rem;position:relative}
.hero-nav-arrow{background:rgba(255,255,255,.08);border:1.5px solid var(--glass-border);color:var(--text-white);width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%!important;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);user-select:none;z-index:10;flex-shrink:0;box-shadow:0 4px 15px rgba(0,0,0,.3);padding:0}
.hero-nav-arrow:hover{background:var(--primary);border-color:var(--secondary);box-shadow:var(--shadow-neon);transform:scale(1.12);color:#fff}
.hero-nav-arrow svg{display:block}
.visual-card{width:320px;min-width:320px;max-width:320px;height:440px;min-height:440px;max-height:440px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;position:relative;overflow:hidden;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;cursor:pointer;border-radius:16px;border:2px solid #ff5ebf;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 12px rgba(255,94,191,.3);transition:all .3s ease}
.visual-card:hover{border-color:#ff5ebf!important;box-shadow:0 12px 35px rgba(0,0,0,.6),0 0 25px rgba(255,94,191,.8),0 0 50px rgba(255,94,191,.4)!important;transform:translateY(-2px)}
.visual-profile{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}
.visual-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;box-shadow:0 0 10px rgba(224,33,138,.5);overflow:hidden}
.visual-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.visual-info h3{font-size:1.25rem;color:#fff}
.location-pin{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}
.visual-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;height:28px;overflow:hidden}
.visual-tags span{font-size:.75rem;padding:.2rem .6rem;background:rgba(255,255,255,.08);border-radius:30px;color:var(--text-white);border:1px solid rgba(255,255,255,.05)}
.visual-flirt{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;border-radius:10px;background:rgba(224,33,138,.15);border:1px solid rgba(224,33,138,.4);color:var(--secondary);font-size:.9rem;font-weight:600;transition:var(--transition-smooth)}
.visual-card:hover .visual-flirt{background:var(--primary);color:#fff;box-shadow:var(--shadow-neon)}
.visual-heart{font-size:1rem}
.promise-section{text-align:center;margin:1.5rem 0 3rem}
.promise-section h2{font-size:2.2rem;margin-bottom:1rem}
.promise-section>p{color:var(--text-muted);max-width:800px;margin:0 auto 3rem;font-size:1.1rem}
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.promise-card{background:rgba(255,255,255,.02);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:var(--transition-smooth)}
.promise-card:hover{background:rgba(255,255,255,.04);transform:translateY(-4px);border-color:var(--glass-border)}
.promise-icon{font-size:2.2rem;margin-bottom:1.25rem}
.promise-card h3{font-size:1.3rem;margin-bottom:.75rem}
.promise-card p{color:var(--text-muted);font-size:.92rem}
.auth-card-container{display:flex;justify-content:center;align-items:center;padding:3rem 0}
.auth-card{width:100%;max-width:520px}
.auth-card h2{font-size:2.2rem;text-align:center;margin-bottom:.5rem}
.auth-subtitle{color:var(--text-muted);text-align:center;margin-bottom:2rem}
.auth-footer{text-align:center;margin-top:1.5rem;font-size:.95rem;color:var(--text-muted)}
.search-layout{display:grid;grid-template-columns:300px 1fr;gap:2.5rem}
.filter-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.75rem;margin-bottom:1.5rem}
.filter-card h3{font-size:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}
.range-inputs{display:flex;align-items:center;gap:.5rem}
.range-inputs input{text-align:center}
.range-inputs span{color:var(--text-muted);font-size:.9rem}
.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}
.results-count{font-size:.95rem;color:var(--text-muted)}
.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}
@media (max-width:576px){
.profiles-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}
}
.profile-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;height:385px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:0;transition:transform .3s cubic-bezier(.165, .84, .44, 1),box-shadow .3s ease,border-color .3s ease;box-shadow:0 8px 25px rgba(0,0,0,.4);cursor:pointer}
@media (max-width:576px){
.profile-card{height:310px;border-radius:16px}
}
.profile-card:hover{transform:translateY(-6px) scale(1.025);border-color:rgba(255,94,191,.55);box-shadow:0 14px 35px rgba(224,33,138,.35)}
.profile-card-photo{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}
.profile-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
.profile-card:hover .profile-card-photo img{transform:scale(1.07)}
.profile-card-gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:65%;background:linear-gradient(to top,rgba(15,3,16,.98) 0,rgba(15,3,16,.75) 45%,rgba(15,3,16,0) 100%);z-index:2;pointer-events:none}
.profile-card-info{position:relative;z-index:3;padding:1.25rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}
@media (max-width:576px){
.profile-card-info{padding:.9rem .85rem;gap:.2rem}
}
.profile-card-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem}
.profile-card-name{font-size:1.25rem;font-weight:800;color:#fff;font-family:Outfit,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.85);line-height:1.2}
@media (max-width:576px){
.profile-card-name{font-size:1.05rem}
}
.online-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;flex-shrink:0}
.profile-card .location-pin{font-size:.85rem;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:.3rem;font-weight:500}
@media (max-width:576px){
.profile-card .location-pin{font-size:.78rem}
}
.profile-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem;max-height:28px;overflow:hidden}
.profile-card-tags span{font-size:.72rem;padding:.2rem .6rem;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:20px;color:#fff;white-space:nowrap;font-weight:500}
.chat-layout{display:grid;grid-template-columns:320px 1fr;gap:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;height:calc(100vh - 140px);max-height:820px;min-height:520px;box-shadow:0 10px 40px rgba(0,0,0,.4)}
.chat-sidebar{border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden;background:rgba(18,3,15,.4)}
.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}
.chat-list{flex:1 1 0%;min-height:0;max-height:100%;overflow-y:auto!important}
.chat-item{display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.5rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.02);transition:var(--transition-smooth)}
.chat-item:hover{background:rgba(255,255,255,.03)}
.chat-item.active{background:rgba(224,33,138,.08);border-left:3px solid var(--secondary)}
.chat-item-avatar{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:1px solid var(--border-color)}
.chat-item-details{flex:1;min-width:0}
.chat-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}
.chat-item-name{font-weight:600;font-size:.95rem;color:#fff}
.chat-item-time{font-size:.75rem;color:var(--text-muted)}
.chat-item-preview{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35!important;padding-top:2px!important}
.chat-item.unread .chat-item-preview{color:var(--text-white);font-weight:600}
.chat-item.unread .chat-item-name::after{content:'';display:inline-block;width:8px;height:8px;background-color:var(--secondary);border-radius:50%;margin-left:.5rem;box-shadow:0 0 6px var(--secondary)}
.chat-pane{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;color:var(--text-muted)}
.placeholder-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5;animation:float 4s infinite ease-in-out}
@keyframes float{
0%{transform:translateY(0)}
50%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
.chat-placeholder h2{color:#fff;margin-bottom:.5rem}
.chat-active{display:grid;grid-template-rows:auto 1fr auto;height:100%;max-height:100%;overflow:visible;position:relative}
.chat-header{padding:1.1rem 1.5rem;border-bottom:1px solid rgba(255,94,191,.2);background:rgba(30,6,28,.95);position:relative!important;z-index:100!important;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;overflow:visible!important}
.chat-header-profile{display:flex;align-items:center;gap:.75rem}
.chat-header-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.chat-header-name{font-weight:700;font-family:Outfit,sans-serif;font-size:1.1rem}
#chat-avatar-click,#chat-name-clickable{cursor:pointer;transition:transform .2s ease,opacity .2s ease}
#chat-name-clickable span,#chat-name-clickable svg{transition:all .2s ease}
#chat-name-clickable:hover{opacity:.95;transform:translateY(-1px)}
#chat-name-clickable:hover span{color:var(--secondary)!important;text-shadow:0 0 10px rgba(255,94,191,.6)}
#chat-name-clickable:hover svg{stroke:#ffffff!important;transform:scale(1.18);filter:drop-shadow(0 0 10px rgba(255, 94, 191, .9))!important}
#chat-avatar-click:hover{transform:scale(1.08);box-shadow:0 0 15px rgba(255,94,191,.6)}
.chat-messages{flex:1 1 auto;min-height:0;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(180deg,rgba(48,18,42,.9) 0,rgba(32,10,28,.9) 100%);border-bottom:1px solid var(--border-color)}
.msg-wrapper{display:flex;flex-direction:column;max-width:70%;position:relative!important;overflow:visible!important}
.msg-wrapper.received{align-self:flex-start}
.msg-wrapper.sent{align-self:flex-end}
.msg-bubble,.msg-text{font-family:'Comic Neue',cursive,sans-serif!important;font-weight:700!important;padding:.85rem 1.2rem;border-radius:18px;font-size:.98rem;line-height:1.45;letter-spacing:.01em;box-shadow:0 4px 12px rgba(0,0,0,.35);position:relative;word-break:break-word}
.msg-bubble img{max-width:100%!important;width:auto!important;height:auto!important;max-height:280px!important;border-radius:12px;display:block;margin-bottom:.35rem;object-fit:cover}
.received .msg-bubble{border-top-left-radius:4px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px}
.sent .msg-bubble{border-top-left-radius:20px;border-top-right-radius:4px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.received.gender-male .msg-bubble{background-color:#e0f2fe;color:#082f49;border:2px solid #0ea5e9;box-shadow:3px 4px 0 #0284c7}
.sent.gender-male .msg-bubble{background-color:#bae6fd;color:#0c4a6e;border:2px solid #0284c7;box-shadow:3px 4px 0 #0369a1}
.received.gender-female .msg-bubble{background-color:#fdf2f8;color:#831843;border:2px solid #ec4899;box-shadow:3px 4px 0 #db2777}
.sent.gender-female .msg-bubble{background-color:#fbcfe8;color:#831843;border:2px solid #db2777;box-shadow:3px 4px 0 #be185d}
.received.gender-both .msg-bubble{background-color:#fef3c7;color:#78350f;border:2px solid #f59e0b;box-shadow:3px 4px 0 #d97706}
.sent.gender-both .msg-bubble{background-color:#fde68a;color:#78350f;border:2px solid #d97706;box-shadow:3px 4px 0 #b45309}
@keyframes emberFloatUp{
0%{transform:translateY(0) scale(1) rotate(0);opacity:1}
25%{opacity:1}
65%{opacity:.8}
100%{transform:translateY(-260px) scale(.1) rotate(120deg);opacity:0}
}
@keyframes kipinaPulsePop{
0%{transform:scale(.7) translateY(18px);box-shadow:0 0 0 rgba(255,102,0,0)}
25%{transform:scale(1.22) translateY(-6px);box-shadow:0 0 55px rgba(255,102,0,.95),0 0 30px rgba(255,0,128,.9)}
100%{transform:scale(1) translateY(0);box-shadow:0 6px 20px rgba(255,102,0,.6)}
}
.flirt-bubble,.msg-bubble.flirt-bubble,.msg-bubble.msg-flirt-bubble,.msg-flirt-bubble{background:linear-gradient(135deg,#f30 0,#f70 55%,#ff0080 100%)!important;color:#fff!important;border:1.5px solid #ffea00!important;box-shadow:0 4px 22px rgba(255,80,0,.75),0 0 14px rgba(255,234,0,.6)!important;font-weight:700!important;position:relative;overflow:visible!important;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.msg-bubble.flirt-bubble.animate-burst,.msg-bubble.msg-flirt-bubble.animate-burst{animation:kipinaPulsePop .85s cubic-bezier(.175,.885,.32,1.275) forwards!important}
.kipina-ember-particle{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#fff366 0,#f50 60%,rgba(255,0,128,0) 100%);box-shadow:0 0 12px #f70,0 0 5px #ffea00;z-index:99999!important}
@keyframes infernoGradientFlow{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes infernoBorderPulse{
0%{border-color:#ffea00;box-shadow:0 0 14px #ffea00,0 0 28px rgba(255,102,0,.95),0 0 50px rgba(255,0,128,.8),inset 0 0 10px rgba(255,234,0,.6)}
50%{border-color:#f30;box-shadow:0 0 22px #f30,0 0 40px #fa0,0 0 65px rgba(255,0,128,.9),inset 0 0 14px rgba(255,51,0,.8)}
100%{border-color:#ff0080;box-shadow:0 0 16px #ff0080,0 0 32px rgba(255,119,0,.9),0 0 55px rgba(255,234,0,.85),inset 0 0 12px rgba(255,0,128,.7)}
}
@keyframes flameEmojiFlicker{
0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 4px #ffea00)}
50%{transform:scale(1.22) rotate(-8deg);filter:drop-shadow(0 0 10px #ff3300)}
100%{transform:scale(1.1) rotate(6deg);filter:drop-shadow(0 0 8px #ff0080)}
}
@keyframes kipinaGoldBorderGlow{
0%{border-color:#ffea00;box-shadow:inset 0 0 8px rgba(255,80,0,.4)}
50%{border-color:gold;box-shadow:inset 0 0 12px rgba(255,51,0,.6)}
100%{border-color:#fa0;box-shadow:inset 0 0 10px rgba(255,80,0,.5)}
}
.btn-kipina-extinguish{min-width:42px!important;width:42px!important;height:42px!important;border:none!important;color:#38bdf8!important;position:relative!important;background:0 0!important;cursor:pointer!important;padding:0!important;z-index:1!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;border-radius:50%!important;transition:transform .2s ease!important;flex-shrink:0!important;overflow:visible!important}
.btn-kipina-extinguish:hover{transform:scale(1.12)!important}
.btn-kipina-extinguish span{display:flex!important;width:100%!important;height:100%!important;justify-content:center!important;align-items:center!important;position:relative!important;z-index:11!important;background:rgba(10,22,40,.92)!important;border-radius:50%!important;color:#38bdf8!important;box-shadow:inset 0 0 8px rgba(56,189,248,.4)!important;transition:background .3s ease,box-shadow .3s ease!important}
.btn-kipina-extinguish:hover span{background:#092247!important;box-shadow:0 0 16px rgba(0,229,255,.8),inset 0 0 12px rgba(56,189,248,.6)!important}
.btn-kipina-extinguish:hover .dots,.btn-kipina-extinguish:hover .voltage-svg{opacity:1!important}
.btn-kipina-extinguish .voltage-svg{display:block!important;position:absolute!important;top:-8px!important;left:-8px!important;width:calc(100% + 16px)!important;height:calc(100% + 16px)!important;pointer-events:none!important;opacity:0;transition:opacity .4s ease .1s!important;z-index:10!important}
.btn-kipina-extinguish .voltage-svg circle,.btn-kipina-extinguish .voltage-svg path{fill:none!important;stroke-width:4!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:70 213!important;transform-origin:50% 50%!important;filter:drop-shadow(0 0 8px #00e5ff)!important}
.btn-kipina-extinguish .voltage-svg circle.line-1,.btn-kipina-extinguish .voltage-svg path.line-1{stroke:#00f2fe!important;stroke-dashoffset:0!important;animation:voltage-spin-1 1.4s linear infinite!important}
.btn-kipina-extinguish .voltage-svg circle.line-2,.btn-kipina-extinguish .voltage-svg path.line-2{stroke:#38bdf8!important;stroke-dashoffset:140!important;animation:voltage-spin-2 1.8s linear infinite!important}
.btn-kipina-extinguish .dots{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;opacity:0;transition:opacity .3s ease .3s!important;z-index:12!important}
.btn-kipina-extinguish .dots .dot{width:6px!important;height:6px!important;background:#e0f2fe!important;border-radius:50%!important;position:absolute!important;opacity:0;box-shadow:0 0 8px #00e5ff!important}
.btn-kipina-extinguish .dots .dot-1{top:-2px;left:15%;animation:icy-fly-up 2.8s linear infinite!important}
.btn-kipina-extinguish .dots .dot-2{top:-2px;left:55%;animation:icy-fly-up 2.8s linear infinite .4s!important}
.btn-kipina-extinguish .dots .dot-3{top:-2px;left:85%;animation:icy-fly-up 2.8s linear infinite .9s!important}
.btn-kipina-extinguish .dots .dot-4{bottom:-2px;left:30%;animation:icy-fly-down 2.8s linear infinite 2.2s!important}
.btn-kipina-extinguish .dots .dot-5{bottom:-2px;left:70%;animation:icy-fly-down 2.8s linear infinite 1.3s!important}
@keyframes voltage-spin-1{
0%{stroke-dashoffset:0;transform:rotate(0)}
100%{stroke-dashoffset:-283;transform:rotate(360deg)}
}
@keyframes voltage-spin-2{
0%{stroke-dashoffset:140;transform:rotate(360deg)}
100%{stroke-dashoffset:-143;transform:rotate(0)}
}
@keyframes icy-fly-up{
0%{opacity:0;transform:translateY(0) scale(.3)}
8%{opacity:1;transform:translateY(-12px) scale(.8)}
100%,15%{opacity:0;transform:translateY(-24px) scale(.3)}
}
@keyframes icy-fly-down{
0%{opacity:0;transform:translateY(0) scale(.3)}
8%{opacity:1;transform:translateY(12px) scale(.8)}
100%,15%{opacity:0;transform:translateY(24px) scale(.3)}
}
.btn-kipina-extinguish:after,.btn-kipina-extinguish:before{content:''!important;position:absolute!important;left:-2px!important;top:-2px!important;border-radius:50%!important;background:linear-gradient(45deg,#0284c7,#38bdf8,#06b6d4,#00f2fe,#38bdf8,#0284c7,#38bdf8)!important;background-size:400%!important;width:calc(100% + 4px)!important;height:calc(100% + 4px)!important;z-index:-1!important;animation:move_142 10s linear infinite!important}
.btn-kipina-extinguish:after{filter:blur(14px)!important;opacity:.85!important}
.msg-meta{font-size:.7rem;color:var(--text-muted);margin-top:.25rem;padding:0 .25rem}
.sent .msg-meta{text-align:right}
.msg-receipt{display:inline-block;margin-left:4px;font-size:.68rem;color:rgba(255,255,255,.35);letter-spacing:-1px;vertical-align:middle;transition:color .3s ease}
.msg-receipt-seen{color:#4ecdc4}
@keyframes msgSlideInLeft{
from{opacity:0;transform:translateX(-18px) scale(.95)}
to{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes msgSlideInRight{
from{opacity:0;transform:translateX(18px) scale(.95)}
to{opacity:1;transform:translateX(0) scale(1)}
}
.msg-wrapper.msg-animate-in.received{animation:msgSlideInLeft .28s cubic-bezier(.22,1,.36,1) both}
.msg-wrapper.msg-animate-in.sent{animation:msgSlideInRight .28s cubic-bezier(.22,1,.36,1) both}
.msg-wrapper.msg-stagger{animation-fill-mode:both}
@keyframes chatFadeOut{
from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(8px)}
}
@keyframes chatFadeIn{
from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:translateY(0)}
}
#chat-messages-container.chat-switching-out{animation:chatFadeOut .15s ease-out forwards;pointer-events:none}
#chat-messages-container.chat-switching-in{animation:chatFadeIn .2s cubic-bezier(.22,1,.36,1) forwards}
@keyframes headerSlideIn{
from{opacity:0;transform:translateX(-10px)}
to{opacity:1;transform:translateX(0)}
}
.chat-header.chat-header-transition{animation:headerSlideIn .22s cubic-bezier(.22,1,.36,1) forwards}
.chat-input-area{flex-shrink:0;padding:1rem 1.25rem;border-top:2px solid var(--secondary);display:flex;align-items:center;gap:.75rem;background:#190516;box-shadow:0 -6px 20px rgba(0,0,0,.6);z-index:10}
.chat-input-area input{flex:1;background:rgba(255,255,255,.08);border:1.5px solid var(--secondary);color:#fff;padding:.8rem 1.2rem;border-radius:30px;font-size:1rem}
.chat-input-area input:focus{border-color:#ff5ebf;box-shadow:0 0 12px rgba(224,33,138,.4);outline:0}
.profile-layout{display:grid;grid-template-columns:1fr 340px;gap:2.5rem}
.profile-card-edit{padding:2.25rem}
.profile-avatar-select{display:flex;align-items:center;gap:2rem;background:rgba(255,255,255,.025);border:1px solid var(--glass-border);padding:1.5rem;border-radius:16px;margin-bottom:2rem}
.current-avatar-preview{width:165px;height:165px;flex-shrink:0;border-radius:50%;background:var(--bg-dark);border:3.5px solid #ff5ebf;font-size:5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(255,94,191,.55);transition:var(--transition-smooth);overflow:hidden!important}
#profile-avatar-preview .gender-avatar-badge{background:0 0!important;border-color:transparent!important;box-shadow:none!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
#profile-avatar-preview .gender-avatar-badge svg{width:45%!important;height:45%!important}
.profile-photos-grid{display:flex;gap:.95rem;margin-top:.65rem;flex-wrap:wrap;align-items:center}
.profile-photo-thumb{width:84px;height:84px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:var(--transition-smooth);position:relative;box-shadow:0 4px 15px rgba(0,0,0,.4)}
.profile-photo-thumb:hover{border-color:#ff5ebf;transform:scale(1.04)}
.profile-photo-thumb.active-photo{border:3px solid #ff5ebf!important;box-shadow:0 0 18px rgba(255,94,191,.75),0 0 30px rgba(255,51,102,.35)!important}
.profile-photo-wrapper{position:relative;display:inline-block}
.profile-photo-wrapper .photo-delete-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--error);color:#fff;border:none;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.9;transition:opacity .2s;z-index:2}
.profile-photo-wrapper:hover .photo-delete-btn{opacity:1}
textarea{resize:vertical}
.interests-tags-input{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;background:rgba(18,3,15,.4);padding:1rem;border-radius:10px;border:1px solid var(--border-color)}
.profile-accordion-header{cursor:pointer!important;display:flex;align-items:center;justify-content:space-between;user-select:none;padding:.45rem .65rem;margin-bottom:.45rem;border-radius:8px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);transition:all .2s ease-in-out}
.profile-accordion-header:hover{background:rgba(255,94,191,.08);border-color:rgba(255,94,191,.3);box-shadow:0 0 12px rgba(255,94,191,.15)}
.profile-accordion-header:hover span{color:#fff!important}
.profile-accordion-header:hover .accordion-icon{transform:scale(1.25);color:var(--secondary)!important}
.accordion-icon{transition:transform .25s cubic-bezier(.4, 0, .2, 1),color .2s ease;display:inline-block}
.accordion-container-animated{overflow:hidden;transition:max-height .3s cubic-bezier(.4, 0, .2, 1),opacity .25s ease-in-out,padding .25s ease-in-out,margin .25s ease-in-out;max-height:800px;opacity:1}
.accordion-container-animated.collapsed{max-height:0!important;opacity:0!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;border:none!important;pointer-events:none!important}
.tag-checkbox-wrapper{display:flex;align-items:center;gap:.5rem}
.tag-checkbox-wrapper input[type=checkbox]{accent-color:var(--primary);width:18px!important;height:18px!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;display:inline-block!important;flex-shrink:0!important}
.tag-checkbox-wrapper label{text-transform:none;font-size:.85rem;margin-bottom:0;color:rgba(255,255,255,.85)!important;font-weight:500;cursor:pointer!important;user-select:none}
.tag-checkbox-wrapper input[type=checkbox]:checked+label{color:#fff!important;font-weight:700}
.profile-side-card{display:flex;flex-direction:column;gap:1.5rem}
.stat-card{padding:1.75rem}
.stat-card h3{font-size:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}
.stat-list{display:flex;flex-direction:column;gap:1.25rem}
.profile-stat-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(18,3,15,.4);border-radius:10px;border:1px solid var(--border-color)}
.p-stat-val{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;color:var(--secondary)}
.p-stat-lbl{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}
.support-layout{display:grid;grid-template-columns:1.2fr 0.8fr;gap:2.5rem}
.support-form-card{padding:2.25rem}
.support-faq-card{padding:2.25rem}
.faq-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}
.faq-item{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:rgba(18,3,15,.3)}
.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:0 0;border:none;color:#fff;font-weight:600;text-align:left;cursor:pointer;font-family:inherit}
.faq-trigger:hover{background:rgba(255,255,255,.02)}
.faq-arrow{font-size:.75rem;color:var(--text-muted);transition:transform .2s ease}
.faq-item.active .faq-arrow{transform:rotate(180deg)}
.faq-content{max-height:0;overflow:hidden;transition:max-height .25s cubic-bezier(0, 1, 0, 1);padding:0 1.25rem;color:var(--text-muted);font-size:.9rem;border-top:0 solid var(--border-color)}
.faq-item.active .faq-content{max-height:200px;padding:.5rem 1.25rem 1.25rem;border-top-width:1px}
.ad-container{background:rgba(255,255,255,.01);border:1px dashed rgba(255,94,191,.15);border-radius:12px;position:relative;overflow:hidden;transition:var(--transition-smooth)}
.ad-container:hover{background:rgba(255,255,255,.02);border-color:rgba(255,94,191,.3)}
.ad-label{position:absolute;top:0;left:0;background:rgba(255,255,255,.06);color:var(--text-muted);font-size:.6rem;font-weight:700;padding:.15rem .5rem;border-bottom-right-radius:6px;letter-spacing:.05em;text-transform:uppercase}
.ad-banner-top{margin:3rem 0;padding:1.25rem 2.5rem}
.ad-content-wrapper{display:flex;align-items:center;gap:1.5rem}
.ad-image-mock{width:50px;height:50px;border-radius:8px;background:rgba(255,255,255,.04);font-size:2rem;display:flex;align-items:center;justify-content:center}
.ad-text-mock{flex:1}
.ad-text-mock h4{font-size:1.05rem;margin-bottom:.15rem;color:#fff}
.ad-text-mock p{font-size:.85rem;color:var(--text-muted)}
.ad-sidebar{padding:2.25rem 1.5rem 1.5rem;text-align:center}
.ad-content-vertical{display:flex;flex-direction:column;align-items:center;gap:.75rem}
.ad-graphic-mock{font-size:3rem;height:70px;display:flex;align-items:center}
.ad-sidebar h4{font-size:1.1rem;color:#fff}
.ad-sidebar p{font-size:.82rem;color:var(--text-muted);margin-bottom:.5rem}
.ad-chat-sidebar{margin:1.5rem;padding:1.25rem 1rem;background:rgba(0,0,0,.2)}
.ad-content-mini{font-size:.8rem;line-height:1.4;color:var(--text-muted)}
.ad-content-mini strong{color:#fff}
.ad-profile-side{margin-top:1rem;padding:2rem 1.5rem 1.5rem;text-align:center}
.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(18,3,15,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem;overflow-y:auto;animation:fadeIn .25s ease-out}
.modal-card{width:100%;max-width:460px;max-height:88vh;max-height:88dvh;position:relative;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,.6),var(--shadow-neon);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth}
.modal-card h2,.modal-card h3,.modal-card p{overflow-wrap:anywhere}
.profile-details-card{padding:1.5rem 1.5rem 0 1.5rem!important}
.modal-close-btn{position:sticky;top:.75rem;right:.75rem;align-self:flex-end;margin-left:auto;margin-bottom:-44px;width:40px;height:40px;border-radius:50%;background:rgba(18,3,15,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.35);color:#fff;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease;z-index:100!important;box-shadow:0 4px 15px rgba(0,0,0,.6),0 0 12px rgba(255,94,191,.3)}
.modal-close-btn:active,.modal-close-btn:hover{background:rgba(224,33,138,.3);border-color:var(--secondary);color:#fff;transform:scale(1.1);box-shadow:0 0 18px rgba(255,94,191,.6)}
@media (max-width:768px){
.modal-close-btn{top:.75rem;right:.75rem;width:42px;height:42px;font-size:1.6rem}
}
.sms-code-inputs{display:flex;justify-content:space-between;gap:.75rem;margin:2rem 0}
.sms-digit{width:60px;height:65px;font-size:2.2rem;font-family:Outfit,sans-serif;font-weight:700;text-align:center;border:2px solid var(--border-color);border-radius:12px;background:rgba(18,3,15,.5);color:var(--secondary);transition:var(--transition-smooth)}
.sms-digit:focus{border-color:var(--secondary);box-shadow:var(--shadow-neon);background:rgba(31,8,27,.8);outline:0}
.sms-timer{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:1rem}
.admin-tab-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;height:40px!important;padding:0 1.15rem!important;font-size:.88rem!important;font-weight:600!important;border-radius:12px!important;white-space:nowrap!important;box-sizing:border-box!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.admin-tab-btn .badge{font-size:.72rem!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;margin-left:.2rem!important}
.admin-tab-btn .badge.hidden{display:none!important}
.profile-details-card{max-width:580px;padding:2.5rem}
.modal-carousel-container{width:100%;height:300px;border-radius:16px;background:var(--bg-dark);position:relative;overflow:hidden;margin-bottom:1.5rem;border:1px solid var(--border-color);box-shadow:0 8px 25px rgba(0,0,0,.4)}
.modal-carousel-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
@keyframes carouselImageFade{
from{opacity:0;transform:scale(.97)}
to{opacity:1;transform:scale(1)}
}
.carousel-slide-img{width:100%;height:100%;object-fit:contain!important;animation:carouselImageFade .3s cubic-bezier(.215,.61,.355,1) forwards}
.modal-carousel-fallback{font-size:5rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:radial-gradient(circle,rgba(224,33,138,.2) 0,rgba(18,3,15,.9) 80%)}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%)!important;width:44px;height:44px;border-radius:50%;background:rgba(18,3,15,.78);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100!important;pointer-events:auto!important;animation:none!important;transition:transform .15s cubic-bezier(.4, 0, .2, 1),border-color .2s ease,box-shadow .2s ease,background .2s ease!important}
.carousel-arrow *{pointer-events:none!important}
.carousel-arrow:hover{background:rgba(224,33,138,.35)!important;border-color:#ff5ebf!important;box-shadow:0 0 16px rgba(255,94,191,.85),0 0 28px rgba(224,33,138,.6)!important;transform:translateY(-50%) scale(1.08)!important}
.carousel-arrow:active{transform:translateY(-50%) scale(.88)!important;box-shadow:0 0 6px rgba(255,94,191,.4)!important;background:rgba(224,33,138,.5)!important}
.carousel-arrow.prev{left:14px}
.carousel-arrow.next{right:14px}
.carousel-dots-bar{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:rgba(18,3,15,.6);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.15);z-index:5}
.carousel-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:var(--transition-smooth)}
.carousel-dot.active{background:var(--primary);box-shadow:var(--shadow-neon);width:22px;border-radius:6px}
.modal-profile-header{display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.25rem}
.modal-profile-title h2{font-size:1.8rem;line-height:1.2}
.modal-profile-body{margin-bottom:2rem}
.modal-info-row{margin-bottom:.5rem;font-size:.95rem}
.modal-info-row strong{color:var(--text-muted);font-weight:500}
.modal-bio-section{margin-top:1.25rem}
.modal-bio-section h3,.modal-first-date-section h3,.modal-interests-section h3{font-size:1rem;text-transform:uppercase;color:var(--secondary);letter-spacing:.05em;margin-bottom:.5rem}
.modal-bio-section p{color:var(--text-white);font-size:.95rem;overflow-wrap:anywhere;white-space:pre-wrap}
.modal-interests-section{margin-top:1.25rem}
.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}
.tags-list span{font-size:.8rem;padding:.25rem .75rem;background:rgba(255,255,255,.05);border-radius:30px;border:1px solid var(--border-color);color:var(--text-muted)}
.modal-profile-footer{position:sticky;bottom:0;background:rgba(22,5,20,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1.5px solid rgba(255,94,191,.25);padding:.85rem 1.25rem 1rem 1.25rem;margin:1.5rem -1.5rem 0 -1.5rem;z-index:90;box-shadow:0 -8px 25px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:.5rem;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.modal-profile-footer button{flex:1}
.toast-hub{position:fixed;bottom:80px;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:99999999;max-width:320px;pointer-events:none}
@keyframes slideInRight{
from{transform:translateX(120%);opacity:0}
to{transform:translateX(0);opacity:1}
}
.toast{background:var(--bg-card);border:1px solid var(--glass-border);border-left:4px solid var(--secondary);border-radius:8px;padding:1rem 1.25rem;color:var(--text-white);box-shadow:0 8px 24px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:.25rem;animation:slideIn .3s cubic-bezier(.25,.8,.25,1) forwards;position:relative;overflow:hidden}
.toast-sms-simulate{border-left-color:#ffd166}
@keyframes slideIn{
from{transform:translateX(120%);opacity:0}
to{transform:translateX(0);opacity:1}
}
.toast-header{font-weight:700;font-size:.9rem;color:var(--secondary)}
.toast-sms-simulate .toast-header{color:#ffd166}
.toast-body{font-size:.85rem;line-height:1.4}
.toast-body code{background:rgba(255,255,255,.1);padding:.1rem .3rem;border-radius:4px;font-weight:700;color:#fff}
.flirt-alert-bar{background:linear-gradient(90deg,rgba(224,33,138,.15) 0,rgba(255,94,191,.02) 100%);border:1px solid var(--glass-border);border-radius:12px;padding:.75rem 1.25rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;animation:pulse-border 2s infinite alternate ease-in-out}
@keyframes pulse-border{
0%{border-color:rgba(255,94,191,.1)}
100%{border-color:rgba(255,94,191,.4)}
}
.flirt-alert-text{font-weight:600;font-size:.9rem;color:var(--secondary)}
.app-footer-bar{background:rgba(18,3,15,.9);border-top:1px solid var(--border-color);padding:1.5rem 0;margin-top:5rem}
.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--text-muted);font-size:.85rem}
.footer-links{display:flex;gap:1.5rem}
.footer-links a{color:var(--text-muted)}
.footer-links a:hover{color:var(--secondary)}
@media (max-width:992px){
.hero-section{grid-template-columns:1fr;gap:3rem;text-align:center}
.hero-subtitle{margin-left:auto;margin-right:auto}
.hero-actions{justify-content:center}
.hero-stats{justify-content:center}
.hero-visual{margin-top:1rem}
#btn-chat-back-mobile{display:inline-flex!important}
.promise-grid{grid-template-columns:1fr;gap:1.5rem;max-width:500px;margin:0 auto}
.search-layout{grid-template-columns:1fr}
.profile-layout{grid-template-columns:1fr}
.app-main{padding-bottom:85px!important}
.modal-overlay{padding:1rem 1rem calc(20px + env(safe-area-inset-bottom)) 1rem!important;overflow-y:auto!important;align-items:flex-start!important;z-index:20000!important}
.modal-card,.profile-details-card{max-height:calc(100vh - 40px)!important;overflow-y:auto!important;padding:1.25rem 1.25rem 1.75rem 1.25rem!important;margin-top:.25rem!important;margin-bottom:20px!important}
.modal-carousel-container{height:220px!important;margin-bottom:1rem!important}
.modal-profile-footer{display:flex!important;flex-direction:column!important;gap:.75rem!important;width:100%!important;padding:.85rem 0 .85rem 0!important;position:sticky!important;bottom:-1px!important;background:rgba(22,4,19,.98)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;z-index:10!important;margin-top:1rem!important;border-top:1px solid var(--glass-border)}
.modal-profile-footer .btn,.modal-profile-footer button{flex:1!important;height:48px!important;min-height:48px!important;font-size:1rem!important;font-weight:700!important;border-radius:25px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.support-layout{grid-template-columns:1fr}
.chat-layout{grid-template-columns:1fr;max-height:none;height:calc(100vh - 160px)}
.chat-pane{display:none}
.chat-layout.thread-active .chat-sidebar{display:none}
.chat-layout.thread-active .chat-pane{display:flex}
.mobile-bottom-nav{display:flex!important;justify-content:space-around;align-items:center;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:rgba(18,3,15,.96)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-top:1px solid var(--glass-border)!important;z-index:9999!important;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom))!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;will-change:transform}
.chat-header{padding:.6rem .75rem!important;gap:.5rem!important;overflow:visible!important;position:relative!important;z-index:100!important}
.chat-header-profile{gap:.4rem!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
.chat-header-name{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
.chat-header-name span{font-size:.95rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.chat-header-actions{gap:.35rem!important;flex-shrink:0!important}
.chat-header-actions .btn{padding:0!important;width:36px!important;height:36px!important;min-width:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}
.chat-header-actions .btn .btn-text{display:none!important}
.chat-header-actions .btn .app-neon-icon{margin:0!important}
}
#chat-options-dropdown{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;z-index:999999!important;box-shadow:0 15px 40px rgba(0,0,0,.8),0 0 25px rgba(255,94,191,.25)!important}
#chat-options-dropdown button:hover{background:rgba(255,94,191,.15)!important}
#chat-options-dropdown .btn-text{display:inline!important}
@media (max-width:768px){
.header-content{padding:0 1.25rem}
.main-nav{display:none;position:absolute;top:80px;left:0;width:100%;z-index:200;background:rgba(31,8,27,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.main-nav.active{display:block}
.nav-list{flex-direction:column;align-items:stretch;gap:.75rem}
.nav-link{display:block;text-align:center;padding:.85rem;font-size:1.05rem}
.nav-link.active::after{display:none}
.mobile-nav-toggle{display:flex}
.chat-header-actions .btn{padding:.35rem;font-size:0}
.chat-header-actions .btn svg{margin-right:0!important;width:16px;height:16px}
.mob-nav-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 0;color:var(--text-muted);text-decoration:none!important;outline:0!important;border:none!important;box-shadow:none!important;background:0 0!important;transition:color .2s ease,transform .2s ease}
.mob-nav-link:active,.mob-nav-link:focus,.mob-nav-link:focus-visible{outline:0!important;border:none!important;box-shadow:none!important;background:0 0!important}
.mob-nav-link.active{color:var(--secondary)!important;outline:0!important;border:none!important;box-shadow:none!important;background:0 0!important}
.mob-nav-icon{font-size:1.4rem;margin-bottom:.2rem}
.mob-nav-label{font-size:.7rem;font-weight:500}
.form-grid{grid-template-columns:1fr;gap:0}
.app-main{padding:1.25rem 1rem 6.5rem 1rem}
.app-footer-bar{padding-bottom:5rem}
#view-home,.hero-content,.hero-section{max-width:100%!important;box-sizing:border-box!important}
.hero-section{grid-template-columns:1fr!important;gap:1.5rem!important;padding:.5rem 0 2rem!important;text-align:center;width:100%!important;box-sizing:border-box!important}
.hero-content{display:flex;flex-direction:column;align-items:center;width:100%!important;box-sizing:border-box!important;padding:0 .5rem!important}
.hero-content h1{font-size:clamp(1.5rem, 6.5vw, 2.1rem)!important;line-height:1.22!important;margin-bottom:1rem!important;word-break:break-word!important;overflow-wrap:break-word!important;max-width:100%!important;padding:0!important}
.hero-subtitle{font-size:.95rem!important;line-height:1.45!important;margin-bottom:1.5rem!important;max-width:100%!important;padding:0 .25rem!important}
.hero-actions{flex-direction:column;gap:.75rem;width:100%;max-width:300px;margin:0 auto 1.5rem auto}
.hero-actions .btn{width:100%}
.hero-visual{width:100%!important;max-width:100%!important;margin:0 auto;box-sizing:border-box!important}
.visual-card-wrapper{position:relative!important;width:100%!important;max-width:280px!important;margin:0 auto!important;justify-content:center!important}
.visual-card{width:100%!important;max-width:100%!important;min-width:0!important;height:380px!important;min-height:380px!important;box-sizing:border-box!important}
.hero-nav-arrow.prev-arrow{position:absolute!important;left:-10px!important;top:50%!important;transform:translateY(-50%)!important;z-index:15!important}
.hero-nav-arrow.next-arrow{position:absolute!important;right:-10px!important;top:50%!important;transform:translateY(-50%)!important;z-index:15!important}
.promise-section{margin:1.5rem 0 2rem 0!important}
.promise-grid{grid-template-columns:1fr!important;gap:1.25rem!important}
.sms-digit{width:48px;height:55px;font-size:1.8rem}
input,select,textarea{font-size:16px}
.toast-hub{left:1rem;right:1rem;top:15px!important;bottom:auto!important;max-width:none;z-index:9999999!important}
.modal-card{padding:1.5rem}
}
@media (max-width:480px){
.hero-content h1{font-size:2rem}
.visual-card-wrapper{gap:.4rem}
.visual-card{max-width:240px;height:350px;padding:1rem}
.visual-avatar{width:38px;height:38px;font-size:1.1rem}
.visual-info h3{font-size:1.1rem}
.hero-nav-arrow{width:34px;height:34px;font-size:.95rem}
.profiles-grid{grid-template-columns:1fr}
.modal-overlay{padding:1rem}
.modal-profile-header{flex-direction:column;text-align:center;gap:.75rem}
}
.admin-tab-btn{position:relative;transition:var(--transition-smooth);border:1px solid var(--glass-border);opacity:.75}
.admin-tab-btn:hover{opacity:1;border-color:rgba(255,51,102,.4)}
.admin-tab-btn.active{opacity:1;background:linear-gradient(135deg,rgba(255,51,102,.35) 0,rgba(224,33,138,.45) 100%)!important;color:#fff!important;border:1.5px solid #f36!important;box-shadow:0 0 15px rgba(255,51,102,.45),inset 0 0 10px rgba(255,51,102,.2)!important;font-weight:700!important}
.admin-tab-btn.active::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:28px;height:3px;background:#f36;border-radius:4px;box-shadow:0 0 8px #f36}
.admin-neon-icon{width:1.1rem;height:1.1rem;vertical-align:middle;display:inline-block;stroke:#ff5ebf;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px rgba(255, 94, 191, .5));margin-right:.4rem;transition:all .3s ease}
.admin-tab-btn.active .admin-neon-icon,.admin-tab-btn:hover .admin-neon-icon{stroke:#ffffff;filter:drop-shadow(0 0 3px rgba(255, 94, 191, .75))}
.app-neon-icon{width:1.15rem;height:1.15rem;vertical-align:middle;display:inline-block;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px currentColor);transition:transform .2s ease;pointer-events:none}
.btn .app-neon-icon,.nav-link .app-neon-icon,.tab-btn .app-neon-icon,.tag-badge .app-neon-icon{margin-right:.45rem}
.btn:hover .app-neon-icon{transform:scale(1.1)}
.age-chip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:var(--text-muted);border-radius:16px;padding:.35rem .7rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:36px;display:inline-flex;align-items:center;justify-content:center;user-select:none;touch-action:manipulation}
.age-chip.active,.age-chip:hover{background:rgba(255,94,191,.2);border-color:#ff5ebf;color:#fff;box-shadow:0 0 10px rgba(255,94,191,.35)}
.age-range-label-badge{font-size:.85rem;font-weight:700;color:#ff5ebf;background:rgba(255,94,191,.12);border:1px solid rgba(255,94,191,.35);padding:.2rem .65rem;border-radius:12px;box-shadow:0 0 10px rgba(255,94,191,.2)}
.dual-range-track-wrapper{position:relative;width:100%;height:28px;display:flex;align-items:center}
.dual-range-track{position:absolute;width:100%;height:4px;background:rgba(255,255,255,.25);border:1px solid rgba(255,94,191,.35);border-radius:2px;top:50%;transform:translateY(-50%);box-shadow:0 0 8px rgba(255,94,191,.25)}
.dual-range-active-track{position:absolute;height:4px;background:linear-gradient(90deg,#f39 0,#ff5ebf 100%);border-radius:2px;top:50%;transform:translateY(-50%);box-shadow:0 0 10px rgba(255,94,191,.8);pointer-events:none}
.dual-range-input{position:absolute;width:100%;top:50%;transform:translateY(-50%);background:0 0!important;pointer-events:none;-webkit-appearance:none;appearance:none;margin:0;height:28px;outline:0!important;border:none!important}
.dual-range-input::-webkit-slider-runnable-track{background:0 0!important;border:none!important;height:28px}
.dual-range-input::-moz-range-track{background:0 0!important;border:none!important;height:28px}
.dual-range-min{z-index:4}
.dual-range-max{z-index:3}
.dual-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff!important;border:2.5px solid #ff5ebf!important;box-shadow:0 0 12px rgba(255,94,191,.85),0 2px 6px rgba(0,0,0,.5)!important;cursor:pointer;pointer-events:auto;margin-top:4px;transition:transform .15s ease,box-shadow .15s ease}
.dual-range-input::-webkit-slider-thumb:active,.dual-range-input::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 0 16px #ff5ebf,0 2px 8px rgba(0,0,0,.6)!important;background:#fff!important;border-color:#ff5ebf!important}
.dual-range-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff!important;border:2.5px solid #ff5ebf!important;box-shadow:0 0 12px rgba(255,94,191,.85),0 2px 6px rgba(0,0,0,.5)!important;cursor:pointer;pointer-events:auto;transition:transform .15s ease,box-shadow .15s ease}
.dual-range-input::-moz-range-thumb:active,.dual-range-input::-moz-range-thumb:hover{transform:scale(1.18);box-shadow:0 0 16px #ff5ebf,0 2px 8px rgba(0,0,0,.6)!important;background:#fff!important;border-color:#ff5ebf!important}
@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.custom-tooltip-trigger .custom-tooltip-box{visibility:hidden;opacity:0;width:max-content;max-width:220px;background:rgba(15,23,42,.96);border:1px solid #00e5ff;color:#fff;font-size:.75rem;font-weight:600;text-align:center;padding:6px 12px;border-radius:8px;position:absolute;bottom:125%;left:50%;transform:translateX(-50%) translateY(4px);box-shadow:0 0 15px rgba(0,229,255,.35),0 10px 25px rgba(0,0,0,.7);transition:opacity .15s ease-out,transform .15s ease-out,visibility .15s ease-out;pointer-events:none;z-index:999}
.custom-tooltip-trigger:active .custom-tooltip-box,.custom-tooltip-trigger:focus .custom-tooltip-box,.custom-tooltip-trigger:hover .custom-tooltip-box{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0)}
#btn-close-profile-modal:hover,.modal-close-btn:hover{transform:scale(1.15) rotate(90deg)!important;background:rgba(239,68,68,.6)!important;border-color:#f44!important;box-shadow:0 0 20px rgba(239,68,68,.8)!important}
.profile-details-card{position:relative!important}
#btn-close-profile-modal{position:absolute!important;top:12px!important;right:12px!important;z-index:100!important;margin:0!important}
.modal-carousel-container{min-height:220px!important;aspect-ratio:16/9!important;position:relative!important;overflow:hidden!important;border-radius:16px!important;margin-bottom:1rem!important}
#carousel-next,#carousel-prev{top:calc(50% + 10px)!important;width:42px!important;height:42px!important;z-index:20!important}
#carousel-next{right:12px!important}
#carousel-prev{left:12px!important}
.admin-card,.admin-table-wrapper,.admin-users-table-container,.table-responsive{overflow:visible!important}
.action-menu,.dropdown-menu,div[id^=action-menu-]{z-index:999999!important;box-shadow:0 10px 30px rgba(0,0,0,.8)!important}
@media print{
body,html{position:static!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important}
body>:not(#user-report-modal){display:none!important;height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
#app-container,#logout-modal,#toast-hub,.admin-panel,.mobile-bottom-nav,.modal-overlay:not(#user-report-modal),.navbar,footer,header,nav{display:none!important;height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
body *{visibility:hidden}
#user-report-modal,#user-report-modal *{visibility:visible;color:#000!important}
#user-report-modal{display:block!important;position:relative!important;top:0!important;left:0!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;page-break-before:avoid!important;break-before:avoid!important;background:#fff!important;color:#000!important;box-shadow:none!important;border:none!important}
#user-report-modal .modal-content{display:block!important;position:static!important;max-width:100%!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;page-break-before:avoid!important;break-before:avoid!important;background:#fff!important;color:#000!important;border:none!important;box-shadow:none!important}
#user-report-modal-body,#user-report-modal-body div[style*=max-height],#user-report-modal-body div[style*=overflow]{display:block!important;position:static!important;max-height:none!important;height:auto!important;overflow:visible!important;color:#000!important}
#btn-close-report-modal,.report-header-buttons{display:none!important}
}
.btn-kipina-reply{--color:#ffffff;min-width:165px;height:42px;border:none!important;color:var(--color)!important;position:relative!important;font-weight:800!important;font-size:.92rem!important;font-family:Outfit,sans-serif!important;transition:transform .2s ease!important;background:0 0!important;cursor:pointer!important;text-decoration:none!important;user-select:none!important;padding:0!important;z-index:1!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;border-radius:25px!important}
.btn-kipina-reply:hover{transform:scale(1.04)!important}
.btn-kipina-reply span{display:flex!important;width:100%!important;height:100%!important;padding:0 1.2rem!important;justify-content:center!important;align-items:center!important;position:relative!important;z-index:11!important;background:rgba(22,9,26,.88)!important;border-radius:23px!important;gap:.45rem!important;white-space:nowrap!important;color:#fff!important;text-shadow:0 1px 6px rgba(255,100,0,.6)!important;box-shadow:none!important;border:none!important}
.btn-kipina-reply .flame-emoji-flicker{display:inline-block!important;background:0 0!important;background-color:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;font-size:1.3rem!important;filter:drop-shadow(0 0 6px rgba(255, 80, 0, .8))!important;animation:flameDancingSway 1.4s infinite ease-in-out!important;transform-origin:center bottom!important}
@keyframes flameDancingSway{
0%{transform:translateY(4px) rotate(0) scale(1)}
25%{transform:translateY(2.5px) rotate(8deg) scale(1.08)}
50%{transform:translateY(5px) rotate(-7deg) scale(.96)}
75%{transform:translateY(2px) rotate(9deg) scale(1.1)}
100%{transform:translateY(4px) rotate(0) scale(1)}
}
.btn-flame,.btn-flirt-action,.flirt-bubble,.msg-flirt-bubble{text-shadow:0 1px 4px rgba(0,0,0,.95),0 2px 8px rgba(0,0,0,.75)!important}
.btn-flame span:first-child,.flirt-alert-bar span:first-child,.flirt-bubble span:first-child,.flirt-emoji-contrast,.msg-flirt-bubble span:first-child{filter:drop-shadow(0 2px 6px rgba(0, 0, 0, .95)) drop-shadow(0 0 10px rgba(0, 0, 0, .85))!important;display:inline-block!important}
@keyframes smoothFlameFlow{
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes flameAuraPulse{
0%{filter:blur(14px);opacity:.85}
50%{filter:blur(20px);opacity:1}
100%{filter:blur(14px);opacity:.85}
}
.btn-kipina-reply:before{content:''!important;position:absolute!important;left:-2px!important;top:-2px!important;border-radius:27px!important;background:linear-gradient(90deg,red,#f50,#fa0,#f05,#f30,red,#f50,#fa0)!important;background-size:400% 100%!important;width:calc(100% + 4px)!important;height:calc(100% + 4px)!important;z-index:-1!important;animation:smoothFlameFlow 5s linear infinite!important}
.btn-kipina-reply:after{content:''!important;position:absolute!important;left:-3px!important;top:-3px!important;border-radius:28px!important;background:linear-gradient(90deg,red,#f50,#fa0,#f05,#f30,red,#f50,#fa0)!important;background-size:400% 100%!important;width:calc(100% + 6px)!important;height:calc(100% + 6px)!important;z-index:-2!important;animation:smoothFlameFlow 5s linear infinite,flameAuraPulse 2.5s ease-in-out infinite!important}
.btn:disabled,button:disabled,button[disabled]{pointer-events:none!important;opacity:.35!important;cursor:not-allowed!important;box-shadow:none!important;filter:grayscale(.4)!important}
.btn-kipina-reply:disabled{pointer-events:none!important;opacity:.5!important;color:#7e7e7e!important}
.btn-kipina-reply:disabled:after,.btn-kipina-reply:disabled:before{background:#444!important;animation:none!important;filter:none!important}
.btn-toggle-fav{transition:transform .2s cubic-bezier(.175, .885, .32, 1.275),background .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.btn-toggle-fav:hover{transform:scale(1.15)!important;border-color:#eab308!important}
.btn-toggle-fav:active{transform:scale(.72) rotate(-18deg)!important;box-shadow:0 0 22px rgba(234,179,8,.95),0 0 8px rgba(255,255,255,.8)!important}
@keyframes flameAuraPulse{
0%{box-shadow:0 0 12px rgba(255,51,102,.75),0 0 25px rgba(255,123,0,.55),inset 0 0 15px rgba(255,51,102,.35);border-color:rgba(255,123,0,.85)}
50%{box-shadow:0 0 22px rgba(255,153,0,.95),0 0 45px rgba(255,0,85,.85),inset 0 0 22px rgba(255,123,0,.5);border-color:#f36}
100%{box-shadow:0 0 12px rgba(255,51,102,.75),0 0 25px rgba(255,123,0,.55),inset 0 0 15px rgba(255,51,102,.35);border-color:rgba(255,123,0,.85)}
}
@keyframes roaringFlameFlicker{
0%{transform:scale(.95) rotate(-5deg)}
50%{transform:scale(1.2) rotate(6deg) translateY(1px)}
100%{transform:scale(1.05) rotate(-2deg)}
}
.chat-item.flaming-flirt-thread{position:relative!important;animation:flameAuraPulse 2s infinite ease-in-out!important;background:linear-gradient(135deg,rgba(255,51,102,.18),rgba(255,123,0,.12))!important;border:1.5px solid #ff7b00!important;border-radius:14px!important;overflow:visible!important}
.roaring-flame-icon{display:inline-block!important;font-size:1.05rem!important;background:0 0!important;background-color:transparent!important;box-shadow:none!important;border:none!important;outline:0!important;filter:none!important;text-shadow:none!important;animation:roaringFlameFlicker .8s infinite alternate ease-in-out!important;vertical-align:-2px!important;line-height:1.2!important;margin-right:3px!important;transform-origin:center bottom!important;overflow:visible!important}
.chat-item.blocked-thread{background:rgba(248,113,113,.06)!important;border:1px solid rgba(248,113,113,.22)!important;border-left:3px solid rgba(248,113,113,.85)!important;border-radius:10px!important;animation:none!important;opacity:.72}
.chat-item.blocked-thread:hover{background:rgba(248,113,113,.1)!important;opacity:.9}
.chat-item.blocked-thread .chat-item-avatar{filter:grayscale(1);opacity:.5}
.chat-item.blocked-thread .chat-item-name{color:rgba(255,255,255,.72)}
.chat-item.restricted-thread{opacity:.68}
.chat-item.restricted-thread:hover{opacity:.9}
.chat-input-area{position:relative}
#chat-char-counter{position:absolute;right:1.4rem;top:-.35rem;transform:translateY(-100%);font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted);background:rgba(25,5,22,.92);border:1px solid var(--border-color);border-radius:999px;padding:.15rem .6rem;pointer-events:none;z-index:11}
#chat-char-counter.at-limit{color:#ffd7e6;border-color:rgba(248,113,113,.55);background:rgba(248,113,113,.22)}
.nav-list{gap:.3rem}
.nav-list .nav-link:not(.btn-primary):not(.btn-secondary){padding:.85rem 1.15rem}
.nav-list .nav-link:not(.btn-primary):not(.btn-secondary)::before{content:'';position:absolute;top:-.15rem;bottom:-.15rem;left:.05rem;right:.05rem;border:1px solid rgba(255,94,191,.3);border-radius:5px;transform:skewX(-18deg);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;pointer-events:none;z-index:-1;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02) 45%,rgba(255,94,191,.05));backdrop-filter:blur(6px) saturate(130%);-webkit-backdrop-filter:blur(6px) saturate(130%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -6px 12px rgba(255,94,191,.05)}
.nav-list .nav-link:not(.btn-primary):not(.btn-secondary):hover::before{border-color:rgba(255,94,191,.85);background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,94,191,.1) 55%,rgba(255,94,191,.14));box-shadow:0 0 12px rgba(255,94,191,.35),inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 12px rgba(255,94,191,.14)}
.nav-list .nav-link.active:not(.btn-primary):not(.btn-secondary)::before{border-color:var(--secondary);background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,94,191,.14) 55%,rgba(255,94,191,.18));box-shadow:0 0 14px rgba(255,94,191,.5),inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 14px rgba(255,94,191,.18)}
.nav-list .btn-logout::before{border-color:rgba(255,255,255,.16)}
.nav-list .btn-logout:hover::before{border-color:rgba(255,94,191,.6);box-shadow:0 0 10px rgba(255,94,191,.25)}
.nav-list .nav-link.active:not(.btn-primary):not(.btn-secondary)::after{transform:skewX(-18deg)}
@media (max-width:1024px){
.nav-list{gap:.25rem}
.nav-list .nav-link:not(.btn-primary):not(.btn-secondary){padding:.85rem .85rem}
}
@media (max-width:768px){
.nav-list{gap:.75rem}
.nav-list .nav-link:not(.btn-primary):not(.btn-secondary){padding:.5rem 1rem}
.nav-list .nav-link:not(.btn-primary):not(.btn-secondary)::before{display:none}
.nav-list .nav-link.active:not(.btn-primary):not(.btn-secondary)::after{transform:none}
}
.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"]){position:relative;overflow:visible;border-radius:0!important;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.55)!important;transition:filter .2s ease,transform .18s ease,background .2s ease}
#modal-kipina-badge,#modal-looking-intent,#search-kipina-badge,.btn-sm:not(.nav-link):not(.btn-delete-photo):not(.btn-toggle-fav):not([style*="border-radius: 50%"]),.card-intent-badge{border-radius:0!important;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
#modal-kipina-badge,#modal-looking-intent,#search-kipina-badge,.card-intent-badge{position:relative!important}
#modal-kipina-badge::after,#modal-kipina-badge::before,#modal-looking-intent::after,#modal-looking-intent::before,#search-kipina-badge::after,#search-kipina-badge::before,.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"])::after,.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"])::before,.card-intent-badge::after,.card-intent-badge::before{content:none;display:none}
.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"]):active{transform:translateY(1px) scale(.985)!important;box-shadow:inset 0 3px 10px rgba(0,0,0,.55),inset 0 -1px 0 rgba(255,255,255,.08)!important;filter:brightness(.88)!important;transition:transform 60ms ease-out,filter 60ms ease-out,box-shadow 60ms ease-out!important}
.btn-primary:not(.nav-link):not(.btn-cta-magenta){background:linear-gradient(115deg,#011f26 0,#06697d 48%,#0bb3cf 100%);border:none}
.btn-primary:not(.nav-link):not(.btn-cta-magenta):hover{background:linear-gradient(115deg,#022b35 0,#0885a0 48%,#16d3f0 100%)}
.btn-secondary:not(.nav-link){background:linear-gradient(160deg,rgba(11,179,207,.14),rgba(1,12,15,.62));border:1px solid rgba(0,229,255,.28)}
.btn-secondary:not(.nav-link):hover{background:linear-gradient(160deg,rgba(22,211,240,.22),rgba(1,12,15,.55));border-color:rgba(0,229,255,.7)}
.btn-cta-magenta{background:linear-gradient(90deg,#a3007a 0,#d900a8 55%,#ff1ad1 100%)!important;border:none!important}
.btn-cta-magenta:hover{background:linear-gradient(90deg,#b8008b 0,#e0b 55%,#ff45db 100%)!important}
.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"]){filter:drop-shadow(0 0 6px rgba(0, 229, 255, .32))}
.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"]):hover{filter:drop-shadow(0 0 12px rgba(0, 229, 255, .55));transform:translateY(-1px)}
.btn-flame:not(.btn-kipina-reply){filter:drop-shadow(0 0 6px rgba(255, 122, 26, .35))}
.btn-flame:not(.btn-kipina-reply):hover{filter:drop-shadow(0 0 12px rgba(255, 122, 26, .6))}
.btn-cta-magenta{filter:drop-shadow(0 0 8px rgba(217, 0, 168, .5))!important}
.btn-cta-magenta:hover{filter:drop-shadow(0 0 14px rgba(217, 0, 168, .75))!important}
.btn:focus:not(:focus-visible){outline:0!important}
.btn:focus-visible{outline:2px solid rgba(125,249,255,.9);outline-offset:3px}
.btn:disabled,.btn[disabled]{filter:grayscale(.5) brightness(.75)!important;opacity:.55;cursor:not-allowed;transform:none!important}
.search-tab-btn.active{filter:drop-shadow(0 0 10px rgba(0, 229, 255, .6))!important}
.btn-toggle-fav{border-radius:50%!important;clip-path:none!important}
.btn-toggle-fav::after,.btn-toggle-fav::before{display:none!important}
:root{--hud-edge:drop-shadow(1px 0 0 #4fe9ff) drop-shadow(-1px 0 0 #4fe9ff) drop-shadow(0 1px 0 #4fe9ff) drop-shadow(0 -1px 0 #4fe9ff);--hud-edge-warm:drop-shadow(1px 0 0 #ffa53d) drop-shadow(-1px 0 0 #ffa53d) drop-shadow(0 1px 0 #ffa53d) drop-shadow(0 -1px 0 #ffa53d);--hud-edge-magenta:drop-shadow(1px 0 0 #ff45db) drop-shadow(-1px 0 0 #ff45db) drop-shadow(0 1px 0 #ff45db) drop-shadow(0 -1px 0 #ff45db)}
.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"]){filter:var(--hud-edge) drop-shadow(0 0 6px rgba(0, 229, 255, .32))}
.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"]):hover{filter:var(--hud-edge) drop-shadow(0 0 12px rgba(0, 229, 255, .55))}
.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"]):active{filter:var(--hud-edge) brightness(.88)!important}
.btn-secondary:not(.nav-link){border:none}
.btn-flame:not(.btn-kipina-reply){filter:var(--hud-edge-warm) drop-shadow(0 0 6px rgba(255, 122, 26, .35))}
.btn-flame:not(.btn-kipina-reply):hover{filter:var(--hud-edge-warm) drop-shadow(0 0 12px rgba(255, 122, 26, .6))}
.btn-cta-magenta{filter:var(--hud-edge-magenta) drop-shadow(0 0 8px rgba(217, 0, 168, .5))!important}
.btn-cta-magenta:hover{filter:var(--hud-edge-magenta) drop-shadow(0 0 14px rgba(217, 0, 168, .75))!important}
.btn:disabled,.btn[disabled]{filter:var(--hud-edge) grayscale(.5) brightness(.75)!important}
.search-tab-btn.active{filter:var(--hud-edge) drop-shadow(0 0 10px rgba(0, 229, 255, .6))!important}
.carousel-arrow,.modal-close-btn{isolation:isolate;border:none!important;box-shadow:none!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.carousel-arrow::before,.modal-close-btn::before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:2px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));opacity:.75;transition:opacity .2s ease,filter .2s ease;pointer-events:none;z-index:-1}
.carousel-arrow::before{background:conic-gradient(from 210deg,rgba(0,229,255,0) 0,#4fe9ff 22%,rgba(0,229,255,.15) 48%,#4fe9ff 74%,rgba(0,229,255,0) 100%);filter:drop-shadow(0 0 5px rgba(0, 229, 255, .7))}
.modal-close-btn::before{background:conic-gradient(from 210deg,rgba(255,69,219,0) 0,#ff45db 22%,rgba(255,69,219,.15) 48%,#ff6b6b 74%,rgba(255,69,219,0) 100%);filter:drop-shadow(0 0 5px rgba(255, 69, 219, .7))}
.carousel-arrow{background:radial-gradient(circle at 30% 25%,rgba(0,229,255,.16),rgba(6,2,10,.86) 70%)!important;color:#d9fbff!important}
.modal-close-btn{background:radial-gradient(circle at 30% 25%,rgba(255,69,219,.2),rgba(12,2,10,.9) 70%)!important;color:#ffe6f8!important}
.carousel-arrow:hover::before,.modal-close-btn:hover::before{opacity:1}
.modal-close-btn:hover{transform:scale(1.08) rotate(90deg)!important;background:radial-gradient(circle at 30% 25%,rgba(255,69,219,.35),rgba(12,2,10,.9) 70%)!important;box-shadow:none!important}
.modal-close-btn:active{transform:scale(.92) rotate(90deg)!important}
.carousel-arrow:hover{transform:translateY(-50%) scale(1.08)!important;background:radial-gradient(circle at 30% 25%,rgba(0,229,255,.3),rgba(6,2,10,.86) 70%)!important;box-shadow:none!important}
.carousel-arrow:active{transform:translateY(-50%) scale(.9)!important}
.carousel-arrow svg{transition:transform .18s cubic-bezier(.3, .7, .3, 1)}
.carousel-arrow.prev:hover svg{transform:translateX(-3px)}
.carousel-arrow.next:hover svg{transform:translateX(3px)}
.carousel-arrow:focus-visible,.modal-close-btn:focus-visible{outline:2px solid rgba(125,249,255,.9);outline-offset:3px}
#modal-kipina-badge,#modal-looking-intent,#search-kipina-badge,.card-intent-badge{border:none!important;filter:drop-shadow(1px 0 0 currentColor) drop-shadow(-1px 0 0 currentColor) drop-shadow(0 1px 0 currentColor) drop-shadow(0 -1px 0 currentColor)}
.search-tab-btn.active{background:linear-gradient(120deg,#22d3ee 0,#06b6d4 100%)!important;color:#04222a!important;font-weight:800!important;text-shadow:none!important;filter:var(--hud-edge) drop-shadow(0 0 12px rgba(34, 211, 238, .65))!important}
.search-tab-btn.active svg{stroke:#04222a!important;fill:#04222a!important}
.search-tab-btn:not(.active){background:rgba(255,255,255,.04)!important;color:rgba(255,255,255,.62)!important;font-weight:600!important;filter:drop-shadow(1px 0 0 rgba(0, 229, 255, .4)) drop-shadow(-1px 0 0 rgba(0, 229, 255, .4)) drop-shadow(0 1px 0 rgba(0, 229, 255, .4)) drop-shadow(0 -1px 0 rgba(0, 229, 255, .4))!important}
.search-tab-btn:not(.active):hover{background:rgba(255,255,255,.09)!important;color:rgba(255,255,255,.85)!important}
.search-tab-btn.active{background:linear-gradient(160deg,rgba(11,179,207,.22),rgba(1,12,15,.62))!important;color:#fff!important;font-weight:800!important;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.55)!important;filter:var(--hud-edge) drop-shadow(0 0 12px rgba(0, 229, 255, .6))!important}
.search-tab-btn.active svg{stroke:#eab308!important;fill:#eab308!important}
#btn-add-profile-photo,#btn-header-preview-profile{background:linear-gradient(340deg,rgba(11,179,207,.14),rgba(1,12,15,.62))!important}
#btn-add-profile-photo:hover,#btn-header-preview-profile:hover{background:linear-gradient(340deg,rgba(22,211,240,.22),rgba(1,12,15,.55))!important}
.btn-muted{background:rgba(255,255,255,.05)!important;border:none!important;color:rgba(255,255,255,.6)!important;font-weight:600!important;filter:drop-shadow(1px 0 0 rgba(255, 255, 255, .22)) drop-shadow(-1px 0 0 rgba(255, 255, 255, .22)) drop-shadow(0 1px 0 rgba(255, 255, 255, .22)) drop-shadow(0 -1px 0 rgba(255, 255, 255, .22))!important}
.btn-muted:hover{background:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.85)!important}
.nav-list .nav-link.btn-primary,.nav-list .nav-link.btn-secondary{border-radius:0!important;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.55);transition:filter .2s ease,transform .18s ease,background .2s ease}
.nav-list .nav-link.btn-secondary:not(#nav-admin-link){background:linear-gradient(340deg,rgba(11,179,207,.14),rgba(1,12,15,.62))!important;border:none!important;color:#fff!important;filter:var(--hud-edge) drop-shadow(0 0 6px rgba(0, 229, 255, .32))}
.nav-list .nav-link.btn-secondary:not(#nav-admin-link):hover{background:linear-gradient(340deg,rgba(22,211,240,.22),rgba(1,12,15,.55))!important;filter:var(--hud-edge) drop-shadow(0 0 12px rgba(0, 229, 255, .55));transform:translateY(-1px)}
.nav-list .nav-link.btn-primary{background:linear-gradient(90deg,#a3007a 0,#d900a8 55%,#ff1ad1 100%)!important;border:none!important;color:#fff!important;filter:var(--hud-edge-magenta) drop-shadow(0 0 8px rgba(217, 0, 168, .5))}
.nav-list .nav-link.btn-primary:hover{background:linear-gradient(90deg,#b8008b 0,#e0b 55%,#ff45db 100%)!important;filter:var(--hud-edge-magenta) drop-shadow(0 0 14px rgba(217, 0, 168, .75));transform:translateY(-1px)}
#nav-admin-link{background:linear-gradient(340deg,rgba(255,51,102,.16),rgba(15,1,6,.62))!important;border:none!important;filter:drop-shadow(1px 0 0 #ff3366) drop-shadow(-1px 0 0 #ff3366) drop-shadow(0 1px 0 #ff3366) drop-shadow(0 -1px 0 #ff3366) drop-shadow(0 0 6px rgba(255, 51, 102, .4))}
#nav-admin-link:hover{filter:drop-shadow(1px 0 0 #ff3366) drop-shadow(-1px 0 0 #ff3366) drop-shadow(0 1px 0 #ff3366) drop-shadow(0 -1px 0 #ff3366) drop-shadow(0 0 12px rgba(255, 51, 102, .7));transform:translateY(-1px)}
.nav-list .nav-link.btn-primary:active,.nav-list .nav-link.btn-secondary:active{transform:translateY(1px) scale(.985)!important;box-shadow:inset 0 3px 10px rgba(0,0,0,.55)!important}
.admin-tab-btn{background:linear-gradient(340deg,rgba(11,179,207,.13),rgba(1,10,13,.72))!important;border:1px solid rgba(0,229,255,.22)!important;color:rgba(255,255,255,.72)!important}
.admin-tab-btn:hover{background:linear-gradient(340deg,rgba(22,211,240,.2),rgba(1,10,13,.66))!important;border-color:rgba(0,229,255,.5)!important;color:#fff!important}
.admin-tab-btn.active{background:linear-gradient(340deg,rgba(224,33,138,.3),rgba(20,1,12,.72))!important;border-color:rgba(255,94,191,.8)!important;color:#fff!important;box-shadow:0 0 14px rgba(255,94,191,.45)!important}
#modal-kipina-badge,#modal-looking-intent,#search-kipina-badge,.card-intent-badge{filter:none!important;background:currentColor!important;border:none!important;isolation:isolate}
#modal-kipina-badge::before,#modal-looking-intent::before,#search-kipina-badge::before,.card-intent-badge::before{content:"";position:absolute;inset:1.5px;background:#150a12;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);z-index:-1;pointer-events:none}
.btn-secondary:not(.nav-link):not(.btn-cta-magenta){background:linear-gradient(340deg,rgba(11,179,207,.1),rgba(6,10,14,.88))!important;border:1px solid rgba(0,229,255,.4)!important;filter:none!important}
.btn-secondary:not(.nav-link):not(.btn-cta-magenta):hover{background:linear-gradient(340deg,rgba(22,211,240,.2),rgba(6,10,14,.82))!important;border-color:rgba(0,229,255,.85)!important;filter:drop-shadow(0 0 10px rgba(0, 229, 255, .4))!important}
.admin-tab-btn{background:linear-gradient(340deg,rgba(11,179,207,.08),rgba(6,10,14,.9))!important;border:1px solid rgba(0,229,255,.28)!important;color:rgba(255,255,255,.75)!important;filter:none!important}
.admin-tab-btn:hover{background:linear-gradient(340deg,rgba(22,211,240,.16),rgba(6,10,14,.84))!important;border-color:rgba(0,229,255,.6)!important;color:#fff!important}
.admin-tab-btn.active{background:linear-gradient(340deg,rgba(224,33,138,.42),rgba(24,2,14,.9))!important;border-color:#ff5ebf!important;color:#fff!important;box-shadow:0 0 16px rgba(255,94,191,.5)!important;filter:none!important}
.search-tab-btn:not(.active){background:linear-gradient(340deg,rgba(11,179,207,.06),rgba(6,10,14,.88))!important;border:1px solid rgba(0,229,255,.28)!important;color:rgba(255,255,255,.65)!important;filter:none!important}
.search-tab-btn.active{background:linear-gradient(340deg,rgba(11,179,207,.3),rgba(6,10,14,.88))!important;border:1px solid rgba(0,229,255,.9)!important;color:#fff!important;filter:drop-shadow(0 0 12px rgba(0, 229, 255, .5))!important}
#modal-kipina-badge,#modal-looking-intent,#search-kipina-badge,.card-intent-badge{background:rgba(12,4,10,.92)!important;border:1px solid currentColor!important;filter:none!important}
#modal-kipina-badge::after,#modal-kipina-badge::before,#modal-looking-intent::after,#modal-looking-intent::before,#search-kipina-badge::after,#search-kipina-badge::before,.card-intent-badge::after,.card-intent-badge::before{display:none!important}
.btn-secondary:not(.nav-link):not(.btn-cta-magenta){border:1px solid transparent!important;background:linear-gradient(340deg,#0c2f3a 0,#060c11 100%) padding-box,linear-gradient(#2ad4f0,#0e7d94) border-box!important;filter:none!important}
.btn-secondary:not(.nav-link):not(.btn-cta-magenta):hover{background:linear-gradient(340deg,#114252 0,#081119 100%) padding-box,linear-gradient(#7df4ff,#17a8c4) border-box!important;filter:drop-shadow(0 0 10px rgba(0, 229, 255, .4))!important}
.admin-tab-btn{border:1px solid transparent!important;background:linear-gradient(340deg,#0a2029 0,#05090d 100%) padding-box,linear-gradient(#1fb8d4,#0a5e70) border-box!important;color:rgba(255,255,255,.78)!important;filter:none!important}
.admin-tab-btn:hover{background:linear-gradient(340deg,#0f3341 0,#070e13 100%) padding-box,linear-gradient(#5fe6ff,#1493ad) border-box!important;color:#fff!important}
.admin-tab-btn.active{border:1px solid transparent!important;background:linear-gradient(340deg,#4a0b32 0,#17020e 100%) padding-box,linear-gradient(#ff8ed4,#c0176f) border-box!important;color:#fff!important;box-shadow:0 0 16px rgba(255,94,191,.45)!important;filter:none!important}
.search-tab-btn:not(.active){border:1px solid transparent!important;background:linear-gradient(340deg,#0a2029 0,#05090d 100%) padding-box,linear-gradient(#1fb8d4,#0a5e70) border-box!important;color:rgba(255,255,255,.68)!important;filter:none!important}
.search-tab-btn.active{border:1px solid transparent!important;background:linear-gradient(340deg,#12586b 0,#071016 100%) padding-box,linear-gradient(#8df6ff,#22c3e0) border-box!important;color:#fff!important;filter:drop-shadow(0 0 12px rgba(0, 229, 255, .5))!important}
#modal-kipina-badge,#modal-looking-intent,#search-kipina-badge,.card-intent-badge{border:1px solid transparent!important;background:linear-gradient(#0c040a,#0c040a) padding-box,linear-gradient(currentColor,currentColor) border-box!important;filter:none!important}
.btn-secondary:not(.nav-link):not(.btn-cta-magenta){background:linear-gradient(340deg,#0c2f3a 0,#060c11 100%) padding-box,linear-gradient(#35dcf5,#35dcf5) border-box!important}
.btn-secondary:not(.nav-link):not(.btn-cta-magenta):hover{background:linear-gradient(340deg,#114252 0,#081119 100%) padding-box,linear-gradient(#8df6ff,#8df6ff) border-box!important}
.admin-tab-btn{background:linear-gradient(340deg,#0a2029 0,#05090d 100%) padding-box,linear-gradient(#2ec8e2,#2ec8e2) border-box!important}
.admin-tab-btn:hover{background:linear-gradient(340deg,#0f3341 0,#070e13 100%) padding-box,linear-gradient(#8df6ff,#8df6ff) border-box!important}
.admin-tab-btn.active{background:linear-gradient(340deg,#4a0b32 0,#17020e 100%) padding-box,linear-gradient(#ff8ed4,#ff8ed4) border-box!important}
.search-tab-btn:not(.active){background:linear-gradient(340deg,#0a2029 0,#05090d 100%) padding-box,linear-gradient(#2ec8e2,#2ec8e2) border-box!important}
.search-tab-btn.active{background:linear-gradient(340deg,#12586b 0,#071016 100%) padding-box,linear-gradient(#8df6ff,#8df6ff) border-box!important}
#modal-kipina-badge,#modal-looking-intent,#search-kipina-badge,.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"]),.card-intent-badge{border:none!important;isolation:isolate}
#modal-kipina-badge::before,#modal-looking-intent::before,#search-kipina-badge::before,.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"])::before,.card-intent-badge::before{content:""!important;display:block!important;position:absolute;inset:1.5px;z-index:-1;pointer-events:none;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px)}
#modal-kipina-badge::before,#modal-looking-intent::before,#search-kipina-badge::before,.btn-sm:not(.nav-link):not(.btn-delete-photo):not(.btn-toggle-fav):not([style*="border-radius: 50%"])::before,.card-intent-badge::before{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.btn-secondary:not(.nav-link):not(.btn-cta-magenta){background:#35dcf5!important}
.btn-secondary:not(.nav-link):not(.btn-cta-magenta)::before{background:linear-gradient(340deg,#0c2f3a 0,#060c11 100%)}
.btn-secondary:not(.nav-link):not(.btn-cta-magenta):hover{background:#8df6ff!important}
.btn-secondary:not(.nav-link):not(.btn-cta-magenta):hover::before{background:linear-gradient(340deg,#114252 0,#081119 100%)}
.btn-primary:not(.nav-link):not(.btn-cta-magenta){background:#35dcf5!important}
.btn-primary:not(.nav-link):not(.btn-cta-magenta)::before{background:linear-gradient(115deg,#011f26 0,#06697d 48%,#0bb3cf 100%)}
.btn-primary:not(.nav-link):not(.btn-cta-magenta):hover::before{background:linear-gradient(115deg,#022b35 0,#0885a0 48%,#16d3f0 100%)}
.btn-cta-magenta{background:#ff45db!important}
.btn-cta-magenta::before{background:linear-gradient(90deg,#a3007a 0,#d900a8 55%,#ff1ad1 100%)}
.btn-cta-magenta:hover::before{background:linear-gradient(90deg,#b8008b 0,#e0b 55%,#ff45db 100%)}
.btn-flame:not(.btn-kipina-reply){background:#ffb45c!important}
.btn-flame:not(.btn-kipina-reply)::before{background:linear-gradient(135deg,#f30 0,#f70 100%)}
.btn-muted{background:rgba(255,255,255,.28)!important}
.btn-muted::before{background:#14101a}
.admin-tab-btn{background:#2ec8e2!important}
.admin-tab-btn::before{background:linear-gradient(340deg,#0a2029 0,#05090d 100%)}
.admin-tab-btn:hover{background:#8df6ff!important}
.admin-tab-btn.active{background:#ff8ed4!important}
.admin-tab-btn.active::before{background:linear-gradient(340deg,#4a0b32 0,#17020e 100%)}
#btn-trigger-photo-upload{background:#35dcf5!important}
#btn-trigger-photo-upload::before{background:linear-gradient(340deg,#0c2f3a 0,#060c11 100%)}
#btn-trigger-photo-upload:hover{background:#8df6ff!important;border-color:transparent!important;transform:none!important}
#btn-trigger-photo-upload:hover::before{background:linear-gradient(340deg,#114252 0,#081119 100%)}
.search-tab-btn:not(.active){background:#2ec8e2!important}
.search-tab-btn:not(.active)::before{background:linear-gradient(340deg,#0a2029 0,#05090d 100%)}
.search-tab-btn.active{background:#8df6ff!important}
.search-tab-btn.active::before{background:linear-gradient(340deg,#12586b 0,#071016 100%)}
#modal-kipina-badge,#modal-looking-intent,#search-kipina-badge,.card-intent-badge{background:currentColor!important}
#modal-kipina-badge::before,#modal-looking-intent::before,#search-kipina-badge::before,.card-intent-badge::before{background:#0c040a}
.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"]){filter:drop-shadow(0 0 6px rgba(0, 229, 255, .28))}
.btn:not(.nav-link):not(.btn-kipina-extinguish):not(.btn-kipina-reply):not(.btn-delete-photo):not(.carousel-arrow):not(.btn-toggle-fav):not([style*="border-radius: 50%"]):hover{filter:drop-shadow(0 0 12px rgba(0, 229, 255, .5))}
.btn-cta-magenta,.btn-cta-magenta:hover{filter:drop-shadow(0 0 10px rgba(217, 0, 168, .5))!important}
.btn-flame:not(.btn-kipina-reply),.btn-flame:not(.btn-kipina-reply):hover{filter:drop-shadow(0 0 10px rgba(255, 122, 26, .45))!important}
#btn-trigger-photo-upload,#modal-kipina-badge,#modal-looking-intent,#search-kipina-badge,.admin-tab-btn,.card-intent-badge,.search-tab-btn{filter:none!important}
.hero-lead{color:var(--text-white);font-size:1.08rem;line-height:1.6;margin-bottom:1.15rem;max-width:34rem}
.hero-points{list-style:none;padding:0;margin:0 0 1.6rem 0;display:flex;flex-direction:column;gap:.5rem}
.hero-points li{position:relative;padding-left:1.75rem;color:var(--text-muted);font-size:.97rem;line-height:1.45}
.hero-points li::before{content:"";position:absolute;left:0;top:.42em;width:10px;height:6px;border-left:2px solid #35dcf5;border-bottom:2px solid #35dcf5;transform:rotate(-45deg)}
.hero-intro{margin:.55rem 0 0;max-width:52ch;font-size:.9rem;line-height:1.55;color:rgba(255,255,255,.62)}
.promise-section>p.promise-link{margin:3.5rem auto 0;max-width:800px;text-align:center;font-size:.95rem;color:var(--text-muted)}
.promise-section>p.promise-link a{color:var(--secondary);font-weight:600}
.hero-new{margin:0 0 .15rem;font-size:.92rem;font-weight:600;color:#7df4ff}
.hero-fineprint{margin:.4rem 0 0;font-size:.78rem;color:rgba(255,255,255,.42)}
.hero-chat-mock{position:relative;isolation:isolate;width:100%;max-width:360px;margin:0 auto;padding:0;background:#35dcf5;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);box-shadow:0 18px 45px rgba(0,0,0,.55)}
.hero-chat-mock::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:linear-gradient(170deg,#0d1f2a 0,#0a0710 100%);clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
.hero-chat-head{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.1rem .65rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.hero-chat-status{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}
.hero-chat-body{display:flex;flex-direction:column;gap:.55rem;padding:.35rem 1.1rem .9rem}
.hero-msg{max-width:82%;padding:.6rem .85rem;font-size:.88rem;line-height:1.4;color:#fff}
.hero-msg-name{display:block;margin-bottom:.2rem;font-size:.7rem;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.55)}
.hero-msg-out .hero-msg-name{color:rgba(255,255,255,.75)}
.hero-msg-in{align-self:flex-start;background:rgba(255,255,255,.08);border-left:2px solid rgba(0,229,255,.7)}
.hero-msg-out{align-self:flex-end;background:linear-gradient(115deg,#06697d 0,#0bb3cf 100%);border-right:2px solid rgba(234,253,255,.8)}
.hero-spark{align-self:center;margin-top:.2rem;padding:.4rem .9rem;font-size:.82rem;font-weight:700;color:#ffd9a3;background:rgba(255,122,26,.14);border:1px solid rgba(255,122,26,.55)}
.hero-spark-flame{display:inline-block;animation:heroSparkPulse 3.2s ease-in-out infinite}
@keyframes heroSparkPulse{
0%,100%,70%{transform:scale(1);filter:none}
80%{transform:scale(1.18);filter:drop-shadow(0 0 8px rgba(255, 150, 40, .9))}
}
.hero-chat-input{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1.1rem .95rem;border-top:1px solid rgba(255,255,255,.08)}
.hero-chat-placeholder{font-size:.85rem;color:rgba(255,255,255,.32)}
.hero-chat-send{font-size:.8rem;font-weight:700;color:#041b21;background:#35dcf5;padding:.35rem .9rem;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.hero-mock-note{margin:.7rem 0 0;text-align:center;font-size:.72rem;font-style:italic;color:rgba(255,255,255,.38)}
@media (prefers-reduced-motion:reduce){
.hero-spark-flame{animation:none}
}
.h1-keyword{display:block;margin-top:.35rem;font-size:.42em;font-weight:600;letter-spacing:.01em;color:var(--secondary);text-transform:none}
.nav-has-sub{position:relative;display:inline-flex;align-items:center;gap:.15rem}
.nav-sub-toggle{background:0 0;border:none;padding:.25rem;margin-left:-.2rem;color:var(--text-white);cursor:pointer;display:inline-flex;align-items:center;transition:transform .2s ease,color .2s ease}
.nav-sub-toggle:hover{color:var(--secondary)}
.nav-has-sub.sub-open .nav-sub-toggle{transform:rotate(180deg);color:var(--secondary)}
.nav-submenu{display:none;position:absolute;top:calc(100% + .5rem);left:0;min-width:15rem;list-style:none;margin:0;padding:0;z-index:300;background:#35dcf5;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);isolation:isolate}
.nav-submenu::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:#070d12;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.nav-has-sub.sub-open .nav-submenu{display:block}
.nav-submenu a{display:block;padding:.75rem 1.1rem;font-size:.92rem;font-weight:600;color:var(--text-white);text-decoration:none}
.nav-submenu a:hover{color:#7df4ff;background:rgba(0,229,255,.1)}
@media (max-width:768px){
.nav-has-sub{display:flex;flex-wrap:wrap}
.nav-submenu{position:static;width:100%;min-width:0;margin-top:.5rem}
}
.faq-page{max-width:780px;margin:0 auto;padding:2.5rem 1.5rem 4rem}
.faq-title{font-size:clamp(1.9rem, 4vw, 2.6rem);margin:0 0 .75rem;color:#fff}
.faq-lead{color:var(--text-muted);font-size:1.02rem;line-height:1.6;margin:0 0 2.25rem}
.faq-lead a{color:var(--secondary);font-weight:600}
.faq-group{font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7df4ff;margin:2.25rem 0 .85rem}
.faq-item{position:relative;isolation:isolate;background:rgba(0,229,255,.35);clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);margin-bottom:.6rem}
.faq-item::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:linear-gradient(340deg,#0c2029 0,#07070d 100%);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.faq-item summary{cursor:pointer;list-style:none;padding:.95rem 2.75rem .95rem 1.15rem;font-weight:700;font-size:1rem;color:#fff;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";position:absolute;right:1.15rem;top:50%;width:12px;height:12px;margin-top:-6px;background:linear-gradient(#7df4ff,#7df4ff) center/12px 2px no-repeat,linear-gradient(#7df4ff,#7df4ff) center/2px 12px no-repeat;transition:transform .2s ease}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{margin:0;padding:0 1.15rem 1.1rem;color:var(--text-muted);line-height:1.65;font-size:.96rem}
.faq-item strong{color:#fff}
.faq-footer{margin-top:2.75rem;text-align:center}
.faq-footer p{color:var(--text-muted);margin-bottom:.9rem}
.nav-has-sub{position:relative;display:inline-block}
.nav-list .nav-link .nav-sub-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:.4rem;padding:.15rem;vertical-align:middle;color:inherit;opacity:.75;cursor:pointer;border-radius:3px;transition:transform .2s ease,opacity .2s ease,color .2s ease}
.nav-list .nav-link .nav-sub-toggle:hover{opacity:1;color:var(--secondary)}
.nav-has-sub.sub-open .nav-sub-toggle{transform:rotate(180deg);opacity:1;color:var(--secondary)}
.nav-list .nav-link .nav-sub-toggle:focus-visible{outline:2px solid rgba(125,249,255,.9);outline-offset:2px}
.nav-has-sub.sub-open .nav-sub-toggle{color:#7df4ff}
.nav-list .nav-link .nav-sub-toggle:hover{color:#7df4ff}
@media (max-width:768px){
.profile-avatar-select{flex-direction:column!important;align-items:center!important;gap:1.25rem!important;padding:1.15rem!important}
.profile-avatar-select .avatar-upload-options{width:100%;min-width:0}
.current-avatar-preview{width:130px!important;height:130px!important;font-size:3.8rem!important}
.modal-overlay{height:100vh;height:100dvh}
.modal-card,.profile-details-card{max-height:calc(100vh - 40px)!important;max-height:calc(100dvh - 40px)!important}
.modal-overlay{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
}
@media (max-width:768px){
.modal-profile-footer{margin-left:0!important;margin-right:0!important}
}
@media (max-width:768px){
.nav-submenu{position:relative!important;top:auto!important;left:auto!important}
}
.btn[style*="border-radius: 50%"]{background:linear-gradient(340deg,#0c2f3a 0,#060c11 100%)!important;border:1px solid rgba(0,229,255,.45)!important}
.btn[style*="border-radius: 50%"]:hover{background:linear-gradient(340deg,#114252 0,#081119 100%)!important;border-color:rgba(0,229,255,.85)!important}
.send-icon{display:none}
@media (max-width:768px){
.chat-input-area{padding:.75rem .85rem!important;gap:.4rem!important}
#btn-trigger-photo-upload{margin:0 .4rem 0 0!important;width:40px!important;min-width:40px!important;height:40px!important}
#chat-message-input{padding:0 .95rem!important;font-size:16px!important}
.chat-input-area button[type=submit]{margin-left:.4rem!important;padding:0!important;width:44px!important;min-width:44px!important;height:40px!important}
.send-label{display:none}
.send-icon{display:block}
}
.btn[style*="border-radius: 50%"]:not(.nav-link):not(.btn-cta-magenta):not(.btn-toggle-fav),.btn[style*="border-radius:50%"]:not(.nav-link):not(.btn-cta-magenta):not(.btn-toggle-fav){background:linear-gradient(340deg,#0c2f3a 0,#060c11 100%)!important;border:1px solid rgba(0,229,255,.5)!important;filter:none!important}
.btn[style*="border-radius: 50%"]:not(.nav-link):not(.btn-cta-magenta):not(.btn-toggle-fav):hover,.btn[style*="border-radius:50%"]:not(.nav-link):not(.btn-cta-magenta):not(.btn-toggle-fav):hover{background:linear-gradient(340deg,#114252 0,#081119 100%)!important;border-color:rgba(0,229,255,.9)!important}
.btn[style*="border-radius: 50%"]::before,.btn[style*="border-radius:50%"]::before{display:none!important}
.chat-input-area button[type=submit]:not(.nav-link){background:linear-gradient(115deg,#06697d 0,#0bb3cf 100%)!important;color:#fff!important}
.chat-input-area button[type=submit]:not(.nav-link)::before{background:linear-gradient(115deg,#06697d 0,#0bb3cf 100%)!important}
.chat-input-area button[type=submit] .send-icon{stroke:#ffffff!important;fill:none!important;flex-shrink:0}
@media (min-width:769px){
.hero-section{grid-template-columns:minmax(0,34rem) minmax(0,23rem);gap:3rem;justify-content:center}
}
button.hero-chat-send{border:none;font-family:inherit;cursor:pointer;transition:filter .2s ease,transform .15s ease}
button.hero-chat-send:hover{filter:brightness(1.12)}
button.hero-chat-send:active{transform:translateY(1px) scale(.97)}
button.hero-chat-send:focus-visible{outline:2px solid #eafdff;outline-offset:2px}
@media (min-width:769px){
.hero-section{gap:calc(3rem + 1cm)}
}
.profiles-grid.grid-compact{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:1rem}
.profiles-grid.grid-compact .profile-card{height:275px;border-radius:16px}
.profiles-grid.grid-compact .profile-card-name{font-size:.94rem}
.profiles-grid.grid-compact .profile-card-info{padding:.75rem .85rem .85rem}
.profiles-grid.grid-compact .location-pin{font-size:.78rem}
.profiles-grid.grid-compact .card-intent-badge{font-size:.68rem!important;padding:3px 7px!important}
.profiles-grid.grid-compact .btn-toggle-fav{width:30px!important;height:30px!important;top:7px!important;right:7px!important}
#btn-grid-density{margin-left:auto;padding:.45rem .6rem!important;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
#btn-grid-density .density-icon-large{display:none}
#btn-grid-density.density-compact .density-icon-compact{display:none}
#btn-grid-density.density-compact .density-icon-large{display:block}
@media (max-width:576px){
.profiles-grid.grid-compact{grid-template-columns:repeat(3,1fr);gap:.5rem}
.profiles-grid.grid-compact .profile-card{height:200px}
.profiles-grid.grid-compact .profile-card-name{font-size:.8rem}
.profiles-grid.grid-compact .card-intent-badge,.profiles-grid.grid-compact .location-pin{display:none!important}
}
.legal-body{background:var(--bg-dark);min-height:100vh;display:flex;flex-direction:column}
.legal-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;max-width:900px;width:100%;margin:0 auto;padding:1.5rem 1.5rem 0}
.legal-home{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.01em}
.legal-nav{display:flex;gap:1.25rem;flex-wrap:wrap}
.legal-nav a{font-size:.9rem;font-weight:600;color:var(--text-muted);text-decoration:none}
.legal-nav a:hover{color:#7df4ff}
.legal-page{flex:1;max-width:900px;width:100%;margin:0 auto;padding:2.25rem 1.5rem 3.5rem;color:var(--text-white)}
.legal-page h1{font-size:clamp(2rem, 5vw, 2.8rem);margin:0 0 1.5rem;color:#fff}
.legal-page h2{font-size:1.35rem;margin:2.5rem 0 .75rem;color:#7df4ff}
.legal-page h3,.legal-page h4{font-size:1.05rem;margin:1.75rem 0 .4rem;color:#7df4ff!important}
.legal-page li,.legal-page p{color:var(--text-muted);line-height:1.7;font-size:1rem}
.legal-page p{margin:0 0 .9rem}
.legal-page strong{color:#fff}
.legal-page ol,.legal-page ul{margin:0 0 1rem;padding-left:1.4rem}
.legal-page li{margin-bottom:.4rem}
.legal-page a{color:#7df4ff}
.legal-lead{font-size:1.08rem!important;color:var(--text-white)!important;line-height:1.65;margin-bottom:2rem!important}
.legal-back{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--glass-border)}
.legal-back a{font-weight:600;text-decoration:none}
.legal-footer{border-top:1px solid var(--glass-border);padding:1.5rem;text-align:center}
.legal-footer p{margin:0;font-size:.82rem;color:rgba(255,255,255,.4)}
#btn-grid-density{background:linear-gradient(340deg,#0c2f3a 0,#060c11 100%)!important;border:1px solid rgba(0,229,255,.45)!important;color:#7fe9ff!important;filter:none!important}
#btn-grid-density:hover{background:linear-gradient(340deg,#114252 0,#081119 100%)!important;border-color:rgba(0,229,255,.9)!important;color:#d9fbff!important}
#btn-grid-density.density-compact{border-color:rgba(0,229,255,.9)!important;color:#d9fbff!important}
.legal-body .app-header{position:sticky;top:0}
.legal-body .legal-page{padding-top:2.5rem}
.legal-footer-links{margin-top:.5rem!important}
.legal-footer-links a{color:rgba(255,255,255,.55);text-decoration:none;font-weight:600}
.legal-footer-links a:hover{color:#7df4ff}
@media (min-width:769px){
.hero-section{gap:calc(3rem + 2cm)}
}
#btn-grid-density{background:#35dcf5!important;border:none!important;color:#d9fbff!important}
#btn-grid-density::before{background:linear-gradient(340deg,#0c2f3a 0,#060c11 100%)!important}
#btn-grid-density:hover{background:#8df6ff!important}
#btn-grid-density:hover::before{background:linear-gradient(340deg,#114252 0,#081119 100%)!important}
#btn-grid-density.density-compact{background:#8df6ff!important}
.guide-men{color:#7fd4ff!important;border-left:3px solid #7fd4ff;padding-left:.75rem}
.guide-women{color:#ff8ed4!important;border-left:3px solid #ff8ed4;padding-left:.75rem}
.nav-list .nav-link.has-unread{color:#ffd7a3!important;text-shadow:0 0 10px rgba(255,140,26,.75),0 0 22px rgba(255,80,0,.45);animation:kipinaUnreadGlow 2.6s ease-in-out infinite}
.nav-list .nav-link.has-unread::before{border-color:rgba(255,150,40,.85)!important;background:linear-gradient(160deg,rgba(255,150,40,.16),rgba(255,60,0,.08))!important;box-shadow:0 0 14px rgba(255,120,20,.5),inset 0 0 12px rgba(255,120,20,.18)!important;animation:kipinaUnreadFrame 2.6s ease-in-out infinite}
.nav-list .nav-link.has-unread:not(.active)::after{content:"🔥";margin-left:.4rem;font-size:.85em;line-height:1;display:inline-block;animation:kipinaUnreadFlame 1.6s ease-in-out infinite alternate}
@keyframes kipinaUnreadGlow{
0%,100%{text-shadow:0 0 8px rgba(255,140,26,.55),0 0 18px rgba(255,80,0,.3)}
50%{text-shadow:0 0 14px rgba(255,170,60,.95),0 0 30px rgba(255,90,0,.6)}
}
@keyframes kipinaUnreadFrame{
0%,100%{box-shadow:0 0 10px rgba(255,120,20,.35),inset 0 0 10px rgba(255,120,20,.12)}
50%{box-shadow:0 0 20px rgba(255,140,30,.7),inset 0 0 16px rgba(255,120,20,.25)}
}
@keyframes kipinaUnreadFlame{
from{transform:scale(1) translateY(0)}
to{transform:scale(1.14) translateY(-1px)}
}
.mob-nav-link.has-unread{color:#ffd7a3!important}
.mob-nav-link.has-unread svg{stroke:#ff9a2e!important;filter:drop-shadow(0 0 6px rgba(255, 140, 26, .85));animation:kipinaUnreadGlow 2.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
.mob-nav-link.has-unread svg,.nav-list .nav-link.has-unread,.nav-list .nav-link.has-unread::after,.nav-list .nav-link.has-unread::before{animation:none}
}
.nav-list .nav-link.btn-secondary:not(#nav-admin-link){position:relative;isolation:isolate;background:#35dcf5!important;filter:none!important}
.nav-list .nav-link.btn-secondary:not(#nav-admin-link)::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:linear-gradient(340deg,#0c2f3a 0,#060c11 100%);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.nav-list .nav-link.btn-secondary:not(#nav-admin-link):hover{background:#8df6ff!important;filter:drop-shadow(0 0 10px rgba(0, 229, 255, .45))!important}
.nav-list .nav-link.btn-secondary:not(#nav-admin-link):hover::before{background:linear-gradient(340deg,#114252 0,#081119 100%)}
.nav-list .nav-link.btn-primary,.nav-list .nav-link.btn-secondary:not(#nav-admin-link){display:inline-flex!important;align-items:center;justify-content:center;line-height:1.2}
.site-footer{border-top:1px solid var(--glass-border);background:rgba(10,2,9,.85);margin-top:4rem;padding:1.75rem 1.5rem}
.site-footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem 1.5rem}
.site-footer-brand{margin:0;font-size:.85rem;color:rgba(255,255,255,.55)}
.site-footer-links{display:flex;flex-wrap:wrap;gap:1.25rem}
.site-footer-links a{font-size:.88rem;font-weight:600;color:rgba(255,255,255,.7);text-decoration:none}
.site-footer-links a:hover{color:#7df4ff}
.site-social{display:flex;align-items:center;gap:.6rem}
.site-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:rgba(255,255,255,.72);border:1px solid var(--glass-border);background:rgba(255,255,255,.04);transition:var(--transition-smooth)}
.site-social a:hover{color:#fff;border-color:var(--secondary);background:rgba(255,94,191,.16);box-shadow:0 0 12px rgba(255,94,191,.4);transform:translateY(-2px)}
.site-social svg{display:block}
.site-footer-copy{margin:0;font-size:.78rem;color:rgba(255,255,255,.35);width:100%;border-top:1px solid rgba(255,255,255,.06);padding-top:.85rem}
@media (max-width:768px){
.site-footer{padding:1.5rem 1.25rem;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom));margin-top:2.5rem}
.site-footer-inner{flex-direction:column;align-items:center;text-align:center;gap:1rem}
.site-footer-links{flex-direction:column;align-items:center;gap:.75rem}
.site-footer-links a{font-size:.95rem;padding:.35rem 0}
.site-social{gap:.85rem}
.site-footer-copy{padding-top:1rem}
}
.site-footer{margin-top:3rem;padding:1rem 1.5rem}
.site-footer-inner{gap:.5rem 1.25rem}
.site-footer-brand{font-size:.76rem}
.site-footer-links{gap:1rem}
.site-footer-links a{font-size:.78rem}
@media (max-width:768px){
.site-footer{padding:.9rem 1rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom));margin-top:2rem}
.site-footer-inner{gap:.6rem}
.site-footer-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem}
.site-footer-links a{font-size:.82rem;padding:.2rem 0}
.site-footer-brand{font-size:.72rem}
}
@media (max-width:768px){
.site-footer{padding-bottom:calc(6.75rem + env(safe-area-inset-bottom))!important}
}
.legal-body .mobile-bottom-nav{display:none}
@media (max-width:768px){
.legal-body .mobile-bottom-nav{display:flex!important}
}
.legal-body .mobile-nav-toggle.hidden{display:none!important}
.vain-mobiilissa{display:none}
.nav-list .nav-info .nav-link:not(.btn-primary):not(.btn-secondary)::after,.nav-list .nav-info .nav-link:not(.btn-primary):not(.btn-secondary)::before{display:none}
.nav-list .nav-info .nav-link:not(.btn-primary):not(.btn-secondary){padding:.5rem .35rem;color:rgba(255,255,255,.78);background:0 0;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-list .nav-info .nav-link:not(.btn-primary):not(.btn-secondary):hover{color:#fff}
@media (max-width:768px){
.nav-list .nav-cta{order:5}
}
@media (max-width:768px){
.vain-mobiilissa:not(.hidden){display:block}
}