:root{--bg:#100914;--panel:rgba(255,255,255,.08);--panel2:rgba(255,255,255,.13);--text:#fff;--muted:#cdbbd7;--pink:#ff4fd8;--violet:#8b5cf6;--green:#38e889;--danger:#ff5b7a;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,#3b164c,#100914 55%,#050307);color:var(--text);min-height:100vh}.bg-orb{position:fixed;border-radius:999px;filter:blur(60px);opacity:.45;pointer-events:none}.orb-a{width:340px;height:340px;background:#ff4fd8;top:-90px;left:-80px}.orb-b{width:360px;height:360px;background:#6d5dfc;right:-120px;bottom:80px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,54px);backdrop-filter:blur(18px);background:rgba(8,4,13,.62);border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:#fff;font-weight:900;font-size:28px;letter-spacing:-1px}.brand span{text-shadow:0 0 22px var(--pink)}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.8px;text-transform:uppercase}.desktop-nav{display:flex;gap:14px;align-items:center}.desktop-nav a,.link{color:#f8eaff;text-decoration:none}.wrap{width:min(1180px,100%);margin:0 auto;padding:28px 18px 92px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;min-height:360px}.card,.profile-card,.panel{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));border:1px solid var(--line);border-radius:28px;box-shadow:0 22px 80px rgba(0,0,0,.25);backdrop-filter:blur(16px)}.card{padding:28px}.hero h1{font-size:clamp(38px,7vw,82px);line-height:.92;margin:0 0 16px;letter-spacing:-4px}.grad{background:linear-gradient(90deg,#fff,#ff8ee8,#a996ff);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}.btn,button{border:0;border-radius:18px;padding:13px 18px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 14px 40px rgba(255,79,216,.25)}.btn.secondary{background:rgba(255,255,255,.11);border:1px solid var(--line);box-shadow:none}.btn.mini{padding:9px 13px;border-radius:14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.profile-card{overflow:hidden;position:relative}.photo{aspect-ratio:4/5;background:linear-gradient(135deg,#271034,#160b20);display:flex;align-items:center;justify-content:center;color:#7f6b8b;font-size:52px;position:relative}.photo img{width:100%;height:100%;object-fit:cover;display:block}.pbody{padding:16px}.name{font-size:20px;font-weight:900}.online-dot{width:12px;height:12px;border-radius:99px;background:#7d7185;display:inline-block;box-shadow:0 0 0 4px rgba(255,255,255,.08)}.online-dot.on{background:var(--green);box-shadow:0 0 18px var(--green),0 0 0 4px rgba(56,232,137,.16)}.score{position:absolute;top:12px;right:12px;padding:8px 11px;border-radius:16px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.2);font-weight:900}.rate-row{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin-top:14px}.rate-row button{padding:9px 0;border-radius:12px;background:rgba(255,255,255,.10);box-shadow:none;border:1px solid var(--line)}.rate-row button:hover{background:linear-gradient(135deg,var(--pink),var(--violet))}.form{max-width:460px;margin:40px auto}.form input,.form textarea,.form select{width:100%;padding:14px 16px;margin:8px 0 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.09);color:white;outline:0}.form label{font-weight:800}.split{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.badge{background:#ff3dbf;border-radius:999px;padding:2px 7px;font-size:12px}.alert{padding:14px 16px;border-radius:18px;margin:12px 0;background:rgba(255,255,255,.1);border:1px solid var(--line)}.alert.danger{background:rgba(255,91,122,.12)}.bottom-nav{display:none}.footer{text-align:center;color:#a895b3;padding:25px}@media(max-width:860px){.hero,.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.desktop-nav{display:none}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:30;left:10px;right:10px;bottom:10px;background:rgba(20,10,28,.78);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:24px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.bottom-nav a{color:white;text-decoration:none;text-align:center;font-size:19px}.bottom-nav span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.wrap{padding-bottom:110px}.hero h1{letter-spacing:-2px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.card{padding:20px}.topbar{padding:14px 16px}.brand{font-size:24px}}


/* Kallistus profile v2 mobile-first redesign */
.rx-profile-hero{margin-bottom:22px}.rx-cover-card{position:relative;display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:end;padding:24px;border-radius:34px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.rx-cover-glow{position:absolute;inset:-35%;background:radial-gradient(circle at 20% 20%,rgba(255,79,216,.34),transparent 35%),radial-gradient(circle at 80% 10%,rgba(139,92,246,.34),transparent 35%);pointer-events:none}.rx-main-photo{position:relative;z-index:1;aspect-ratio:4/5;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#301242,#15071d);display:flex;align-items:center;justify-content:center;font-size:82px;color:#d2b5df;box-shadow:0 20px 70px rgba(0,0,0,.35)}.rx-main-photo img{width:100%;height:100%;object-fit:cover}.rx-online-pill{position:absolute;left:14px;bottom:14px;display:flex;gap:8px;align-items:center;padding:9px 13px;border-radius:999px;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.22);font-weight:800;font-size:13px}.rx-profile-info{position:relative;z-index:1;padding:12px 4px 10px}.rx-profile-info h1{font-size:clamp(42px,8vw,86px);line-height:.9;margin:0 0 10px;letter-spacing:-4px;background:linear-gradient(90deg,#fff,#ff8ee8,#b5a6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.rx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.rx-stats div{padding:16px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid var(--line)}.rx-stats b{display:block;font-size:28px}.rx-stats span{display:block;color:var(--muted);font-size:12px}.rx-actions{display:flex;gap:10px;flex-wrap:wrap}.rx-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.rx-bio-card p{font-size:17px;line-height:1.6}.rx-rate-row{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.rx-rate-row button{padding:13px 0;border-radius:16px;background:rgba(255,255,255,.10);box-shadow:none;border:1px solid var(--line)}.rx-rate-row button.active,.rx-rate-row button:hover{background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 12px 30px rgba(255,79,216,.22)}.rx-gallery-card,.rx-viewers-card{margin-top:18px}.rx-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rx-gallery-item{display:block;aspect-ratio:1;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid var(--line)}.rx-gallery-item img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:900px){.rx-cover-card{grid-template-columns:1fr;padding:18px}.rx-main-photo{max-height:520px}.rx-profile-info h1{letter-spacing:-2px}.rx-profile-grid{grid-template-columns:1fr}.rx-gallery-grid{grid-template-columns:repeat(2,1fr)}.rx-rate-row{grid-template-columns:repeat(5,1fr)}.rx-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.rx-cover-card{border-radius:26px;padding:14px}.rx-main-photo{border-radius:24px}.rx-profile-info h1{font-size:44px}.rx-stats{gap:8px}.rx-stats div{padding:12px;border-radius:18px}.rx-stats b{font-size:22px}.rx-gallery-grid{gap:9px}.rx-rate-row button{padding:12px 0}.rx-online-pill{font-size:12px}}


/* Kallistus mobile navigation + moderator mobile fixes */
.brand span{font-size:1.02em}.brand small{opacity:.9}.topbar{gap:14px}.desktop-nav a{padding:9px 11px;border-radius:14px}.desktop-nav a:hover{background:rgba(255,255,255,.10)}
.mod-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.mod-hero h1{margin:0 0 8px}.mod-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.mod-panel{padding:22px}.mod-grid{margin-top:12px}
@media(max-width:860px){
  body{padding-bottom:96px}.topbar{padding:12px 14px}.brand{font-size:23px;line-height:1}.brand small{font-size:10px;margin-top:3px}.wrap{padding:18px 12px 124px}.footer{padding-bottom:105px}
  .bottom-nav{display:flex;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;gap:8px;left:8px;right:8px;bottom:8px;padding:8px 9px;border-radius:24px;scrollbar-width:none}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav a{min-width:68px;flex:0 0 auto;padding:8px 7px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:20px}.bottom-nav a:active,.bottom-nav a:hover{background:linear-gradient(135deg,rgba(255,79,216,.35),rgba(139,92,246,.25));box-shadow:0 0 24px rgba(255,79,216,.18)}.bottom-nav .mode-tab{background:rgba(255,79,216,.16);border-color:rgba(255,79,216,.35)}.bottom-nav .admin-tab{background:rgba(139,92,246,.16);border-color:rgba(139,92,246,.35)}
  .mod-hero{display:block;padding:20px}.mod-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}.mod-actions .btn{width:100%;justify-content:center}.mod-panel{padding:16px;border-radius:24px}.mod-grid{grid-template-columns:1fr!important}.table{display:block;overflow-x:auto;white-space:nowrap}.card,.panel{border-radius:24px}.btn,button{justify-content:center}
}
@media(max-width:430px){.bottom-nav a{min-width:62px;font-size:18px}.bottom-nav span{font-size:9px}.brand{font-size:21px}.wrap{padding-left:10px;padding-right:10px}.hero h1{font-size:36px}.rate-row{grid-template-columns:repeat(5,1fr)}}


/* v3 clean mobile menu + strict role visibility */
@media(max-width:860px){
  body{padding-bottom:88px!important}
  .wrap{padding-bottom:118px!important}
  .bottom-nav{
    left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;
    height:68px!important;display:flex!important;align-items:center!important;justify-content:space-around!important;gap:6px!important;
    overflow:visible!important;padding:7px!important;border-radius:28px!important;
    background:linear-gradient(180deg,rgba(30,16,40,.92),rgba(18,8,26,.94))!important;
    border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 18px 45px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .bottom-nav a{
    min-width:0!important;flex:1 1 0!important;height:54px!important;padding:6px 3px!important;border-radius:20px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    font-size:21px!important;line-height:1!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;
  }
  .bottom-nav a span{font-size:10px!important;line-height:1.1!important;margin-top:5px!important;color:#d9c7e4!important;font-weight:700!important;white-space:nowrap!important}
  .bottom-nav a:hover,.bottom-nav a:active,.bottom-nav a.active{background:rgba(255,255,255,.10)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important}
  .bottom-nav .mode-tab{background:linear-gradient(135deg,rgba(255,79,216,.22),rgba(139,92,246,.16))!important;box-shadow:inset 0 0 0 1px rgba(255,79,216,.24)!important}
  .bottom-nav .admin-tab{background:linear-gradient(135deg,rgba(255,210,74,.20),rgba(139,92,246,.14))!important;box-shadow:inset 0 0 0 1px rgba(255,210,74,.25)!important}
  .topbar{position:sticky!important;background:rgba(13,6,20,.86)!important}.brand small{letter-spacing:2px!important}
  .profile-card{border-radius:26px!important;overflow:hidden!important}.score{font-size:18px!important;padding:8px 12px!important;border-radius:16px!important}
}
@media(max-width:380px){.bottom-nav{left:8px!important;right:8px!important}.bottom-nav a span{font-size:9px!important}.bottom-nav a{font-size:19px!important}}

/* Kallistus UI v4 — cleaner premium mobile look */
:root{
  --bg:#0c0711;
  --surface:rgba(255,255,255,.075);
  --surface2:rgba(255,255,255,.12);
  --text:#fff7ff;
  --muted:#d9c8e4;
  --pink:#ff4bc8;
  --pink2:#ff82dc;
  --violet:#7c5cff;
  --blue:#5ddcff;
  --gold:#ffd86b;
  --green:#35e88a;
  --line:rgba(255,255,255,.14);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 18% -8%,rgba(255,75,200,.42),transparent 31%),
    radial-gradient(circle at 100% 8%,rgba(124,92,255,.34),transparent 31%),
    radial-gradient(circle at 50% 100%,rgba(93,220,255,.13),transparent 38%),
    linear-gradient(180deg,#13091d 0%,#09060d 54%,#050407 100%)!important;
  color:var(--text)!important;
}
.bg-orb{display:none!important}
.topbar{
  position:sticky!important;top:0!important;z-index:60!important;
  padding:14px clamp(14px,4vw,48px)!important;
  background:rgba(9,5,14,.68)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 40px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(22px)!important;
}
.brand{display:flex!important;flex-direction:column!important;gap:1px!important;letter-spacing:-.9px!important}
.brand span{
  font-size:32px!important;line-height:.92!important;
  background:linear-gradient(90deg,#fff,#ffc2ee 44%,#b9a8ff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  text-shadow:none!important;
}
.brand small{font-size:10px!important;letter-spacing:2.6px!important;color:#e9d8f1!important;opacity:.85!important}
.desktop-nav a,.desktop-nav .link{
  padding:10px 13px!important;border-radius:999px!important;color:#f8eaff!important;
  background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;
}
.desktop-nav a:hover{background:rgba(255,255,255,.12)!important;transform:translateY(-1px)}
.wrap{width:min(1160px,100%)!important;padding-top:22px!important}
.card,.panel,.profile-card,.rx-cover-card{
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.card,.panel{border-radius:30px!important}
.hero{min-height:auto!important;grid-template-columns:1fr!important;margin-bottom:28px!important}
.hero .card:first-child{
  min-height:220px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  background:
    radial-gradient(circle at 16% 10%,rgba(255,75,200,.34),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.055))!important;
}
.hero h1{font-size:clamp(42px,9vw,82px)!important;letter-spacing:-3.6px!important;margin-bottom:12px!important}
.muted{color:#dfcfe8!important}.grad{background:linear-gradient(90deg,#fff,#ff9be7,#b8a7ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.btn,button{
  border-radius:18px!important;background:linear-gradient(135deg,var(--pink),var(--violet))!important;
  box-shadow:0 14px 36px rgba(255,75,200,.25)!important;transition:.18s ease!important;
}
.btn:hover,button:hover{transform:translateY(-1px);filter:brightness(1.05)}
.btn.secondary{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:none!important}
.grid{gap:18px!important}
.profile-card{border-radius:32px!important;transition:.2s ease!important;overflow:hidden!important}
.profile-card:hover{transform:translateY(-3px);box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,75,200,.10)!important}
.photo{background:#160b20!important}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(0,0,0,.58));pointer-events:none}.pbody{padding:16px 17px 18px!important;background:linear-gradient(180deg,rgba(20,10,28,.80),rgba(14,7,20,.95))!important}.name{font-size:22px!important;letter-spacing:-.6px!important}.score{top:12px!important;right:12px!important;background:rgba(10,5,16,.70)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 12px 36px rgba(0,0,0,.35)!important;backdrop-filter:blur(12px)!important;color:#ffe9ff!important}.badge{background:linear-gradient(135deg,var(--pink),var(--violet))!important;color:white!important;font-weight:900!important}.form input,.form textarea,.form select{background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.15)!important}.table th{color:#fff}.alert{background:rgba(255,255,255,.085)!important}
.rx-cover-card{border-radius:34px!important}.rx-main-photo{box-shadow:0 24px 80px rgba(0,0,0,.38)!important}.rx-stats div{background:rgba(255,255,255,.08)!important}.rx-rate-row button,.rate-row button{background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:none!important}.rx-rate-row button:hover,.rate-row button:hover{background:linear-gradient(135deg,var(--pink),var(--violet))!important}
.footer{opacity:.7!important}

@media(max-width:860px){
  body{padding-bottom:82px!important}
  .topbar{padding:13px 16px!important;border-bottom-color:rgba(255,255,255,.08)!important}
  .brand span{font-size:29px!important}.brand small{font-size:9px!important;letter-spacing:2.2px!important}
  .wrap{padding:18px 14px 112px!important}
  .hero .card:first-child{min-height:188px!important;border-radius:32px!important;padding:24px!important}
  .hero h1{font-size:44px!important;letter-spacing:-2.2px!important}
  .grid{grid-template-columns:1fr!important;gap:18px!important}
  .profile-card{border-radius:32px!important}.photo{aspect-ratio:3.6/4.7!important}.pbody{padding:17px!important}.name{font-size:24px!important}
  .bottom-nav{
    left:16px!important;right:16px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;height:64px!important;
    padding:7px!important;border-radius:26px!important;gap:4px!important;overflow:hidden!important;
    background:rgba(12,7,18,.82)!important;border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.10)!important;
    backdrop-filter:blur(24px)!important;
  }
  .bottom-nav a{
    height:50px!important;border-radius:19px!important;font-size:20px!important;gap:0!important;
    color:#fff!important;opacity:.88!important;position:relative!important;
  }
  .bottom-nav a span{font-size:9.5px!important;margin-top:5px!important;font-weight:800!important;color:#e4d4ec!important;letter-spacing:-.1px!important}
  .bottom-nav a:hover,.bottom-nav a:active,.bottom-nav a.active{background:rgba(255,255,255,.10)!important;opacity:1!important}
  .bottom-nav a:nth-child(1){background:linear-gradient(135deg,rgba(255,75,200,.18),rgba(124,92,255,.10))!important;opacity:1!important}
  .bottom-nav .mode-tab{background:rgba(255,255,255,.07)!important;box-shadow:none!important;border:0!important}
  .bottom-nav .admin-tab{background:rgba(255,255,255,.07)!important;box-shadow:none!important;border:0!important}
  .mod-hero,.mod-panel{border-radius:28px!important}.mod-actions .btn{border-radius:18px!important}
  .rx-cover-card{border-radius:30px!important;padding:14px!important}.rx-profile-info h1{font-size:46px!important;letter-spacing:-2.4px!important}.rx-stats{gap:9px!important}.rx-actions .btn{flex:1;justify-content:center}.rx-gallery-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:390px){
  .wrap{padding-left:11px!important;padding-right:11px!important}.bottom-nav{left:10px!important;right:10px!important}.bottom-nav a{font-size:18px!important}.bottom-nav a span{font-size:8.7px!important}.brand span{font-size:27px!important}
}

/* Kallistus v5 — animations + detailed homepage */
@keyframes kxFadeUp{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes kxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes kxGlow{0%,100%{box-shadow:0 0 0 rgba(255,75,200,0)}50%{box-shadow:0 0 42px rgba(255,75,200,.23)}}
@keyframes kxPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.22);opacity:.62}}
.reveal{opacity:0;animation:kxFadeUp .7s ease forwards}.reveal:nth-of-type(2){animation-delay:.08s}.reveal:nth-of-type(3){animation-delay:.16s}.reveal:nth-of-type(4){animation-delay:.24s}.floaty{animation:kxFloat 4.5s ease-in-out infinite!important}.kx-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch;margin:8px 0 24px}.kx-hero-copy{position:relative;overflow:hidden;border-radius:36px;padding:clamp(24px,5vw,54px);background:radial-gradient(circle at 12% 10%,rgba(255,75,200,.34),transparent 36%),radial-gradient(circle at 84% 12%,rgba(124,92,255,.30),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)}.kx-hero-copy:after{content:"";position:absolute;inset:auto -20% -45% 18%;height:180px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:rotate(-8deg);filter:blur(1px)}.kx-pill{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.095);border:1px solid rgba(255,255,255,.14);font-weight:900;color:#ffe8fb;margin-bottom:18px}.kx-hero h1{font-size:clamp(42px,7vw,86px);line-height:.9;letter-spacing:-4px;margin:0 0 16px}.kx-hero h1 span{background:linear-gradient(90deg,#fff,#ff91e4,#b9a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.kx-hero p{font-size:18px;max-width:720px}.kx-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.kx-live-card{padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:330px}.kx-live-head{display:flex;align-items:center;gap:11px;font-size:28px}.pulse-dot{width:15px;height:15px;border-radius:999px;background:var(--green);box-shadow:0 0 22px var(--green);animation:kxPulse 1.4s ease-in-out infinite}.kx-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.kx-stat-row div{padding:16px;border-radius:22px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11)}.kx-stat-row b{display:block;font-size:30px}.kx-stat-row span{display:block;color:var(--muted);font-size:12px;font-weight:800}.kx-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 28px}.kx-feature{padding:18px;border-radius:26px;text-decoration:none;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.12);transition:.2s ease}.kx-feature:hover{transform:translateY(-3px);background:linear-gradient(145deg,rgba(255,75,200,.18),rgba(124,92,255,.12));animation:kxGlow 1.5s ease infinite}.kx-feature b{display:block;font-size:18px}.kx-feature span{display:block;color:var(--muted);font-size:13px;margin-top:6px}.kx-section{margin-top:8px}.kx-section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:8px 0 14px}.kx-section-title h2{margin:0;font-size:clamp(26px,4vw,42px);letter-spacing:-1.4px}.kx-section-title a{color:#ffdff8;text-decoration:none;font-weight:900}.kx-user-grid .profile-card{animation:kxFadeUp .65s ease both}.kx-user-grid .profile-card:nth-child(2){animation-delay:.06s}.kx-user-grid .profile-card:nth-child(3){animation-delay:.12s}.kx-user-grid .profile-card:nth-child(4){animation-delay:.18s}.kx-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.kx-panel-list{padding:22px}.kx-mini-user{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:13px 0;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.09)}.kx-mini-user:last-child{border-bottom:0}.kx-mini-user small{grid-column:2;color:var(--muted);margin-top:2px}.kx-mini-user:hover b{color:#ffb9eb}.kx-showcase{margin-top:28px;border-radius:34px;padding:26px;background:radial-gradient(circle at 20% 20%,rgba(255,75,200,.18),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.kx-showcase h2{font-size:clamp(28px,5vw,52px);letter-spacing:-2px;margin:0 0 10px}.kx-phone-demo{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kx-phone-card{min-height:92px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;transition:.2s ease}.kx-phone-card span{font-size:12px;margin-top:7px;color:var(--muted);font-weight:900}.kx-phone-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.13)}.bottom-nav a{transition:.16s ease}.bottom-nav a:active{transform:scale(.96)}
@media(max-width:900px){.kx-hero,.kx-two-col,.kx-showcase{grid-template-columns:1fr}.kx-quick{grid-template-columns:repeat(2,1fr)}.kx-live-card{min-height:auto}.kx-stat-row{margin-top:14px}.kx-phone-demo{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.kx-hero{gap:14px;margin-top:4px}.kx-hero-copy{border-radius:30px;padding:24px}.kx-hero h1{font-size:44px;letter-spacing:-2.2px}.kx-hero p{font-size:16px}.kx-actions .btn{width:100%;justify-content:center}.kx-live-card{padding:22px;border-radius:30px!important}.kx-live-head{font-size:24px}.kx-stat-row{grid-template-columns:repeat(3,1fr);gap:7px}.kx-stat-row div{padding:12px 8px;border-radius:18px}.kx-stat-row b{font-size:22px}.kx-stat-row span{font-size:10px}.kx-quick{grid-template-columns:1fr 1fr;gap:10px}.kx-feature{padding:14px;border-radius:21px}.kx-feature b{font-size:15px}.kx-feature span{font-size:11px}.kx-section-title h2{font-size:30px}.kx-section-title a{font-size:13px}.kx-panel-list{padding:18px;border-radius:28px!important}.kx-showcase{padding:20px;border-radius:30px}.kx-phone-demo{grid-template-columns:repeat(2,1fr)}.kx-phone-card{min-height:78px}}
.soft-reveal{opacity:0;transform:translateY(14px);transition:.55s ease}.soft-reveal.in-view{opacity:1;transform:none}.bottom-nav a.active,.desktop-nav a.active{background:linear-gradient(135deg,rgba(255,75,200,.26),rgba(124,92,255,.18))!important;opacity:1!important}


/* Pink heart animated upgrade */
body{
 background:
 radial-gradient(circle at 20% 20%, rgba(255,105,180,.35), transparent 30%),
 radial-gradient(circle at 80% 0%, rgba(255,0,140,.25), transparent 30%),
 linear-gradient(180deg,#1a061f 0%,#120515 45%,#09020d 100%);
 overflow-x:hidden;
}
.topbar,.mobile-nav,.card,.hero{
 box-shadow:0 0 25px rgba(255,105,180,.18);
 border:1px solid rgba(255,255,255,.1);
}
.brand{
 color:#ffd5f5;
 text-shadow:0 0 20px #ff4fd8,0 0 40px #ff4fd8;
}
.floating-heart{
 position:fixed;
 bottom:-40px;
 font-size:24px;
 opacity:.7;
 animation:floatHeart linear forwards;
 pointer-events:none;
 z-index:1;
}
@keyframes floatHeart{
 0%{transform:translateY(0) scale(.7);opacity:0}
 10%{opacity:.8}
 100%{transform:translateY(-120vh) translateX(40px) scale(1.2);opacity:0}
}
.card:hover{
 transform:translateY(-4px) scale(1.01);
 transition:.25s ease;
 box-shadow:0 0 35px rgba(255,20,147,.35);
}
.mobile-nav a.active{
 background:linear-gradient(135deg,#ff4fd8,#ff8ad8);
 color:white;
 box-shadow:0 0 20px rgba(255,79,216,.55);
}

/* Kallistus mega modules: swipe, stories, chat, friends, XP */
.kx-hero-mini{border-radius:34px;padding:28px;margin:8px 0 20px;background:radial-gradient(circle at 20% 0%,rgba(255,68,190,.35),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(255,0,128,.15)}
.kx-hero-mini h1{font-size:clamp(34px,6vw,68px);margin:0 0 8px;letter-spacing:-2.2px}.kx-hero-mini form{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.kx-hero-mini input,.chat-form input,.voice-form input,.report-form input,.story-form input,.gift-card input,.gift-card select{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:18px;padding:13px 14px;outline:none}.kx-hero-mini button,.chat-form button,.voice-form button,.story-form button,.gift-card button,.social-actions button,.report-form button,.friend-row button,.theme-card{border:0;border-radius:18px;padding:12px 16px;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff4fd8,#7c5cff);box-shadow:0 12px 28px rgba(255,79,216,.22);cursor:pointer}.kx-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.friend-row{display:grid;gap:5px;padding:13px;border-radius:18px;background:rgba(255,255,255,.07);margin:9px 0;text-decoration:none;color:#fff}.friend-row.link:hover{background:rgba(255,79,216,.15)}
.swipe-page{text-align:center}.swipe-card{max-width:460px;margin:0 auto;border-radius:38px;padding:15px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 90px rgba(0,0,0,.35);animation:kxFadeUp .45s ease}.swipe-photo{height:520px;border-radius:30px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:100px;background:radial-gradient(circle,#ff79d7,#271035);position:relative}.swipe-photo img{width:100%;height:100%;object-fit:cover}.swipe-score{position:absolute;right:14px;top:14px;padding:9px 12px;border-radius:999px;background:rgba(0,0,0,.44);backdrop-filter:blur(12px);font-weight:900}.swipe-actions{display:flex;justify-content:center;gap:18px;margin:18px 0 6px}.swipe-actions button{width:74px;height:74px;border-radius:50%;border:0;color:#fff;font-size:28px;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.34);cursor:pointer}.swipe-actions .pass{background:#27202d}.swipe-actions .super{background:linear-gradient(135deg,#5ee7ff,#7c5cff)}.swipe-actions .like{background:linear-gradient(135deg,#ff2d95,#ff82d5)}.match-pop{position:fixed;inset:20% 20px auto;z-index:99;text-align:center;font-size:clamp(42px,9vw,86px);font-weight:1000;color:#fff;text-shadow:0 0 38px #ff4fd8;animation:matchPop 2.4s ease forwards;pointer-events:none}@keyframes matchPop{0%{opacity:0;transform:scale(.6) rotate(-6deg)}20%,75%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(1.25)}}
.story-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.story-card{border-radius:28px;padding:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}.story-card>img,.story-card video{width:100%;aspect-ratio:9/13;object-fit:cover;border-radius:22px;background:#130817}.story-owner{display:flex;gap:9px;align-items:center;color:#fff;text-decoration:none;margin-bottom:10px}.story-ring{width:46px;height:46px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#ff4fd8,#ffc1ef,#7c5cff);display:flex;align-items:center;justify-content:center}.story-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #1b071f}
.chat-layout{display:grid;grid-template-columns:320px 1fr;gap:16px}.convo{display:grid;grid-template-columns:1fr auto;gap:5px;padding:13px;border-radius:18px;color:#fff;text-decoration:none;background:rgba(255,255,255,.06);margin:8px 0}.convo em,.nav-badge{min-width:19px;height:19px;border-radius:999px;background:#ff2d95;color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center;font-style:normal}.messages{min-height:420px;max-height:60vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:22px;background:rgba(0,0,0,.15)}.msg{max-width:74%;padding:12px 14px;border-radius:20px;background:rgba(255,255,255,.09)}.msg.me{align-self:flex-end;background:linear-gradient(135deg,rgba(255,79,216,.38),rgba(124,92,255,.24))}.msg.them{align-self:flex-start}.msg small{display:block;color:rgba(255,255,255,.62);font-size:11px;margin-top:5px}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.voice-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.social-actions-card{margin:18px 0}.social-actions,.report-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.xp-mini{display:grid;gap:7px}.xpbar{height:12px;background:rgba(255,255,255,.10);border-radius:999px;overflow:hidden}.xpbar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff4fd8,#ffc1ef,#7c5cff);box-shadow:0 0 20px rgba(255,79,216,.55)}.xp-board{display:grid;gap:10px}.xp-row{display:grid;grid-template-columns:56px 1fr 90px 1fr 80px;align-items:center;gap:12px;padding:14px;border-radius:20px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.rank{font-weight:1000;color:#ffc1ef}.gift-grid,.theme-grid,.vip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gift-card,.theme-card,.vip-card{display:grid;gap:10px;text-align:left;border-radius:28px;padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none}.theme-card{min-height:160px}.theme-card.dark-pink{background:linear-gradient(135deg,#32102e,#ff4fd844)}.theme-card.neon-purple{background:linear-gradient(135deg,#170b36,#7c5cff55)}.theme-card.cyber-blue{background:linear-gradient(135deg,#061b2d,#25d5ff55)}.theme-card.cute-kawaii{background:linear-gradient(135deg,#3a1025,#ffc1ef55)}.near-map{min-height:520px;border-radius:36px;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(255,79,216,.22),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.map-glow{grid-column:1/-1;font-size:32px;font-weight:1000;text-shadow:0 0 30px #ff4fd8}.map-pin{padding:14px;border-radius:999px;background:rgba(0,0,0,.23);color:#fff;text-decoration:none;display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap}.map-pin small{color:#ffc1ef}.report-row{display:grid;gap:7px;padding:14px;border-radius:20px;background:rgba(255,255,255,.07);margin:9px 0}.ultra-vip{background:radial-gradient(circle at 30% 10%,rgba(255,210,80,.30),transparent 33%),radial-gradient(circle at 70% 5%,rgba(255,79,216,.35),transparent 35%),rgba(255,255,255,.08)}
@media(max-width:850px){.kx-three,.chat-layout,.story-grid,.gift-grid,.theme-grid,.vip-grid{grid-template-columns:1fr}.story-form,.chat-form,.xp-row{grid-template-columns:1fr}.swipe-photo{height:430px}.near-map{grid-template-columns:1fr 1fr}.bottom-nav{overflow-x:auto!important;justify-content:flex-start!important}.bottom-nav a{min-width:58px!important}.desktop-nav a[href$='nearby.php'],.desktop-nav a[href$='stories.php']{display:none}}
@media(max-width:430px){.swipe-photo{height:380px}.messages{min-height:340px}.msg{max-width:88%}.near-map{grid-template-columns:1fr}.story-card>img,.story-card video{aspect-ratio:10/12}.kx-hero-mini{padding:20px;border-radius:28px}.kx-hero-mini h1{font-size:36px}.social-actions button,.report-form button{width:100%}}

/* Kallistus themes page fix */
.theme-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.theme-picker{margin-top:18px}.theme-picker .theme-card{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;min-height:190px;border:1px solid rgba(255,255,255,.14)}
.theme-picker .theme-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,255,255,.24),transparent 36%);opacity:0;transition:.25s;transform:translateY(30px)}
.theme-picker .theme-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 26px 70px rgba(255,79,216,.30)}
.theme-picker .theme-card:hover:before,.theme-picker .theme-card.active:before{opacity:1;animation:kxFloatGlow 4s linear infinite}.theme-card.active{outline:2px solid rgba(255,193,239,.85);box-shadow:0 0 0 6px rgba(255,79,216,.12),0 25px 80px rgba(255,79,216,.30)}
.theme-emoji{font-size:34px;filter:drop-shadow(0 0 16px rgba(255,255,255,.45))}.theme-action{margin-top:auto;display:inline-flex;width:max-content;border-radius:999px;padding:9px 12px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.18);font-weight:900}.theme-card small{color:rgba(255,255,255,.75)}
.theme-preview{margin-top:18px}.mini-profile{display:flex;align-items:center;gap:16px;border-radius:28px;padding:18px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(255,79,216,.20),rgba(124,92,255,.12))}.mini-profile h3{margin:0;font-size:26px}.avatar-ring{width:76px;height:76px;border-radius:999px;padding:4px;background:conic-gradient(from 90deg,#ff4fd8,#ffc1ef,#7c5cff,#ff4fd8);box-shadow:0 0 34px rgba(255,79,216,.42);display:grid;place-items:center;animation:kxPulse 2.6s ease-in-out infinite}.avatar-ring span{width:100%;height:100%;border-radius:999px;background:rgba(24,5,25,.92);display:grid;place-items:center;font-weight:1000;font-size:30px}.mini-profile.neon-purple{background:linear-gradient(135deg,rgba(124,92,255,.26),rgba(255,79,216,.10))}.mini-profile.cyber-blue{background:linear-gradient(135deg,rgba(37,213,255,.22),rgba(124,92,255,.12))}.mini-profile.cute-kawaii{background:linear-gradient(135deg,rgba(255,193,239,.28),rgba(255,79,216,.12))}
@keyframes kxFloatGlow{0%{transform:translate(-10%,20%) rotate(0deg)}100%{transform:translate(10%,-20%) rotate(360deg)}}@keyframes kxPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@media(max-width:760px){.theme-hero{align-items:flex-start}.theme-hero .btn{width:100%;justify-content:center}.theme-picker .theme-card{min-height:150px}.mini-profile{align-items:flex-start}.theme-emoji{font-size:30px}}