/* titylive.com ortak neon mavi / pembe-mor tema
   Hedef: açık mavi arka plan + koyu mor butonlar + canlı yayın uygulaması hissi */
:root{
    --tity-bg:#dff7ff!important;
    --tity-cyan:#32d9ff!important;
    --tity-cyan-soft:#dff8ff!important;
    --tity-pink:#ff4ee8!important;
    --tity-purple:#8a35ff!important;
    --tity-deep:#21085f!important;
    --tity-deep2:#12013d!important;
    --tity-ink:#180848!important;
    --tity-card:rgba(255,255,255,.78)!important;
    --tity-line:rgba(95,55,190,.16)!important;
    --tity-soft:rgba(24,8,72,.68)!important;
    --tity-muted:rgba(24,8,72,.48)!important;
}
html,body{
    color:var(--tity-ink)!important;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    background:
        radial-gradient(circle at 8% 10%,rgba(255,78,232,.32),transparent 30%),
        radial-gradient(circle at 92% 8%,rgba(62,217,255,.46),transparent 30%),
        radial-gradient(circle at 80% 88%,rgba(138,53,255,.28),transparent 34%),
        linear-gradient(135deg,#dff8ff 0%,#68d9ff 34%,#aa7dff 70%,#ff9df1 100%)!important;
}
body:before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    background:
        radial-gradient(circle at 18% 22%,rgba(255,255,255,.55) 0 2px,transparent 3px),
        radial-gradient(circle at 72% 18%,rgba(255,255,255,.60) 0 2px,transparent 3px),
        radial-gradient(circle at 88% 62%,rgba(255,255,255,.48) 0 2px,transparent 3px),
        linear-gradient(transparent,transparent);
    pointer-events:none;
}

/* Standart mobil kabuk */
.tity-app{
    color:var(--tity-ink)!important;
    background:
        radial-gradient(circle at 12% 6%,rgba(255,78,232,.38),transparent 30%),
        radial-gradient(circle at 88% 4%,rgba(46,214,255,.55),transparent 32%),
        radial-gradient(circle at 70% 62%,rgba(139,53,255,.22),transparent 42%),
        linear-gradient(180deg,#e8fbff 0%,#bcefff 34%,#d9c5ff 66%,#ffd5f7 100%)!important;
    border-left:1px solid rgba(255,255,255,.55)!important;
    border-right:1px solid rgba(255,255,255,.55)!important;
    box-shadow:0 0 42px rgba(44,135,255,.24)!important;
}
.tity-content{color:var(--tity-ink)!important}
.tity-content:before{
    content:"";
    position:fixed;
    width:min(430px,100vw);
    height:190px;
    left:50%;top:0;
    transform:translateX(-50%);
    pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0));
    z-index:-1;
}

/* Başlık, üst alan */
.tity-top{
    background:rgba(255,255,255,.66)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:24px!important;
    padding:8px 10px!important;
    min-height:62px!important;
    box-shadow:0 12px 28px rgba(43,84,180,.12), inset 0 1px 0 rgba(255,255,255,.78)!important;
    backdrop-filter:blur(18px)!important;
}
.tity-logo,.tity-seat-avatar,.tity-pre-cover{
    color:#fff!important;
    background:linear-gradient(135deg,#ff57e8 0%,#8a35ff 50%,#30dfff 100%)!important;
    box-shadow:0 10px 22px rgba(138,53,255,.28),0 0 18px rgba(255,78,232,.22)!important;
}
.tity-mini-avatar,.profile-avatar,.tity-live-avatar{
    color:#fff!important;
    background-color:#eaf4ff!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    box-shadow:0 10px 22px rgba(138,53,255,.20),0 0 18px rgba(255,78,232,.14)!important;
}
.tity-title,.tity-page-title h1,.tity-section-head h2,.tity-simple-page h1,.profile-card h2,.tity-room-card h3,.tity-live-card h3{
    color:var(--tity-deep)!important;
    text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
}
.tity-sub,.tity-meta,.tity-empty,.tity-host-row span,.profile-card p,.profile-card em,.profile-row small,.coin-row span{
    color:rgba(24,8,72,.62)!important;
}
.tity-page-title{
    background:rgba(255,255,255,.48)!important;
    border:1px solid rgba(255,255,255,.60)!important;
    border-radius:22px!important;
    padding:8px!important;
    box-shadow:0 10px 22px rgba(43,84,180,.10)!important;
    backdrop-filter:blur(15px)!important;
}
.tity-back,.tity-circle,.tity-pill{
    color:var(--tity-deep)!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    box-shadow:0 8px 18px rgba(48,88,176,.12)!important;
}

/* Koyu, net aksiyon butonları */
.tity-pill.primary,.tity-btn,.tity-form button,.tity-tab.active,.tity-pre-start,.tity-floating-request,
.profile-row.main,.tity-room-compose button,.tity-live-bottom button:nth-child(3),.tity-room-bottom button:nth-child(3){
    color:#fff!important;
    background:linear-gradient(135deg,#12013d 0%,#2d0a77 48%,#6420d8 100%)!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:0 12px 26px rgba(31,8,95,.26), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.tity-form button:hover,.tity-btn:hover,.tity-pill.primary:hover{filter:brightness(1.05)!important}

/* Sekmeler ve kartlar */
.tity-tabs{
    background:rgba(255,255,255,.56)!important;
    border:1px solid rgba(255,255,255,.68)!important;
    box-shadow:0 10px 22px rgba(43,84,180,.10)!important;
    backdrop-filter:blur(16px)!important;
}
.tity-tab{color:rgba(24,8,72,.72)!important;font-weight:1000!important}
.tity-tab.active{color:#fff!important}
.tity-room-card,.tity-live-card,.tity-simple-card,.profile-card,.profile-row,.profile-stats,.profile-grid a,.profile-list,.coin-row div,.tity-empty,.tity-about,.tity-chat-list,.tity-seat{
    color:var(--tity-ink)!important;
    background:
        radial-gradient(circle at 18% 0%,rgba(255,78,232,.13),transparent 45%),
        linear-gradient(135deg,rgba(255,255,255,.82),rgba(235,250,255,.68))!important;
    border:1px solid rgba(255,255,255,.74)!important;
    box-shadow:0 14px 30px rgba(43,84,180,.12), inset 0 1px 0 rgba(255,255,255,.78)!important;
    backdrop-filter:blur(16px)!important;
}
.tity-room-cover,.tity-live-thumb,.tity-room-photo-box{
    color:#fff!important;
    background:
        radial-gradient(circle at 55% 34%,rgba(255,255,255,.24),transparent 22%),
        linear-gradient(135deg,#ff57e8,#8a35ff 55%,#24d9ff)!important;
    box-shadow:0 10px 22px rgba(138,53,255,.22)!important;
}
.tity-badge{color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
.tity-badge.green{background:#1fbf8d!important;color:#fff!important}
.tity-badge.purple{background:#6825ce!important;color:#fff!important}
.tity-badge.orange{background:#ff9a22!important;color:#fff!important}
.tity-wave,.tity-chat-list b{color:#0cae8d!important}
.tity-empty{border-style:solid!important}
.tity-section-head a{color:#5f2bc4!important;font-weight:950!important}
.tity-section-head h2:before{background:#ff4ee8!important;box-shadow:0 0 14px rgba(255,78,232,.58)!important}
.tity-pk-card{
    color:#fff!important;
    background:
        radial-gradient(circle at 50% 0%,rgba(255,255,255,.20),transparent 45%),
        linear-gradient(135deg,#ff4ee8,#8a35ff 55%,#28116b)!important;
    border:1px solid rgba(255,255,255,.50)!important;
    box-shadow:0 14px 30px rgba(138,53,255,.20)!important;
}
.tity-pk-person,.tity-pk-card .tity-mini-avatar{color:#fff!important}

/* Formlar */
.tity-field label{color:rgba(24,8,72,.72)!important;font-weight:950!important}
.tity-field input,.tity-field textarea,.tity-field select,.tity-room-compose input{
    color:var(--tity-ink)!important;
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(77,112,205,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.tity-field input::placeholder,.tity-field textarea::placeholder,.tity-room-compose input::placeholder{color:rgba(24,8,72,.45)!important}
.tity-form input[type="file"]{color:var(--tity-deep)!important}

/* Profil */
.profile-chips span{
    color:#fff!important;
    background:linear-gradient(135deg,#7a35ff,#ff4ee8)!important;
    border:1px solid rgba(255,255,255,.22)!important;
}
.profile-stats div,.profile-grid a,.profile-list a{color:var(--tity-deep)!important}
.top-fans{
    color:#fff!important;
    background:linear-gradient(135deg,#ffb63f,#ff4ee8,#7a35ff)!important;
    border:1px solid rgba(255,255,255,.55)!important;
    box-shadow:0 12px 24px rgba(255,78,232,.16)!important;
}
.profile-list .logout,.logout{color:#e31b55!important}

/* Alt menü */
.tity-bottom{
    background:rgba(255,255,255,.76)!important;
    border-top:1px solid rgba(255,255,255,.86)!important;
    box-shadow:0 -10px 30px rgba(48,88,176,.14)!important;
    backdrop-filter:blur(18px)!important;
}
.tity-nav-item{color:rgba(24,8,72,.56)!important}
.tity-nav-item.active{color:var(--tity-deep)!important}
.tity-nav-item.active .tity-nav-ico{
    color:#fff!important;
    background:linear-gradient(135deg,#7a35ff,#ff4ee8)!important;
}
.tity-nav-item.live-action .tity-nav-ico{
    color:#fff!important;
    background:linear-gradient(135deg,#12013d,#5422c9,#ff4ee8)!important;
    box-shadow:0 0 22px rgba(138,53,255,.38)!important;
}

/* Oda ekranı */
.tity-voice .tity-app{
    background:
        radial-gradient(circle at 16% 5%,rgba(255,78,232,.36),transparent 30%),
        radial-gradient(circle at 88% 8%,rgba(46,214,255,.52),transparent 32%),
        linear-gradient(180deg,#dff8ff 0%,#b8ecff 34%,#e0ccff 72%,#ffd2f5 100%)!important;
}
.tity-seat strong{color:var(--tity-deep)!important}
.tity-seat em{color:#fff!important;background:#6420d8!important}
.tity-seat-plus,.tity-seat-lock{color:#fff!important;background:linear-gradient(135deg,#12013d,#6420d8)!important}
.tity-room-bottom{
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(255,255,255,.82)!important;
    box-shadow:0 -10px 26px rgba(48,88,176,.16)!important;
    backdrop-filter:blur(18px)!important;
}
.tity-room-bottom button{color:var(--tity-deep)!important}
.tity-room-bottom button:nth-child(3){color:#fff!important;border-radius:18px!important}

/* Canlı yayın ve hazırlık: görsel referansa daha yakın, koyu buton net */
.tity-live-full,.tity-live-prep{
    color:#fff!important;
    background:
        radial-gradient(circle at 20% 6%,rgba(255,78,232,.45),transparent 32%),
        radial-gradient(circle at 88% 10%,rgba(46,214,255,.34),transparent 34%),
        linear-gradient(180deg,#a44dff 0%,#5f2eea 42%,#1a064e 100%)!important;
    box-shadow:0 0 42px rgba(44,135,255,.22)!important;
}
.tity-main-video,.tity-live-prep video{
    background:
        radial-gradient(circle at 50% 30%,rgba(255,255,255,.20),transparent 20%),
        linear-gradient(180deg,#d86cff 0%,#7f43ff 48%,#1b064f 100%)!important;
}
.tity-live-dim,.tity-prelive-shade{
    background:linear-gradient(180deg,rgba(20,3,58,.18),transparent 28%,rgba(18,1,61,.20) 60%,rgba(18,1,61,.70))!important;
}
.tity-live-user,.tity-live-right-top span,.tity-live-right-top button,.tity-guest-title,.tity-guest-stack button,.tity-live-line,.tity-live-compose input,.tity-host-request-panel,.tity-live-drawer,.tity-pre-card,.tity-pre-tabs,.tity-pre-tools button,.tity-pre-close{
    color:#fff!important;
    background:rgba(18,1,61,.62)!important;
    border:1px solid rgba(255,255,255,.20)!important;
    backdrop-filter:blur(17px)!important;
    box-shadow:0 10px 24px rgba(18,1,61,.18)!important;
}
.tity-pre-card h1,.tity-live-user strong,.tity-host-request-head strong,.tity-live-drawer h3{color:#fff!important;text-shadow:none!important}
.tity-pre-card p,.tity-live-user small{color:rgba(255,255,255,.76)!important}
.tity-pre-start,.tity-floating-request,.tity-live-bottom,.tity-live-drawer button,.tity-host-request-accept,.tity-host-request-reject{
    color:#fff!important;
    background:linear-gradient(135deg,#12013d,#2d0a77,#6420d8)!important;
    border-color:rgba(255,255,255,.18)!important;
}
.tity-live-bottom{
    box-shadow:0 -10px 28px rgba(18,1,61,.25)!important;
}
.tity-live-bottom button{color:#fff!important;background:transparent!important}
.tity-live-bottom button:nth-child(3){background:linear-gradient(135deg,#ff4ee8,#7a35ff)!important;border-radius:18px!important}

/* Giriş sayfası */
.dl-neon-login, body.dl-neon-login{
    background:
        radial-gradient(circle at 18% 10%,rgba(255,78,232,.40),transparent 34%),
        radial-gradient(circle at 88% 8%,rgba(46,214,255,.45),transparent 34%),
        linear-gradient(135deg,#dff8ff,#73dcff 34%,#9c6cff 70%,#ff92ec)!important;
}
.dl-neon-login .shell{
    background:
        radial-gradient(circle at 22% 8%,rgba(255,78,232,.38),transparent 34%),
        radial-gradient(circle at 88% 8%,rgba(46,214,255,.52),transparent 34%),
        linear-gradient(180deg,#a24fff 0%,#7d53ff 38%,#21c7ff 100%)!important;
    box-shadow:0 0 42px rgba(44,135,255,.24)!important;
}
.dl-neon-login .card{
    color:var(--tity-ink)!important;
    background:rgba(255,255,255,.82)!important;
    border:1px solid rgba(255,255,255,.76)!important;
    box-shadow:0 18px 38px rgba(43,84,180,.14)!important;
}
.dl-neon-login .hero{
    background:linear-gradient(135deg,rgba(255,78,232,.72),rgba(138,53,255,.62),rgba(46,214,255,.36))!important;
    border-color:rgba(255,255,255,.34)!important;
    box-shadow:0 16px 32px rgba(91,34,214,.18)!important;
}
.dl-neon-login .btn,.dl-neon-login .social-login.phone-main{
    color:#fff!important;
    background:linear-gradient(135deg,#12013d,#2d0a77,#6420d8)!important;
    border-color:rgba(255,255,255,.18)!important;
}
.dl-neon-login .btn.alt,.dl-neon-login .social-login{
    color:#2d0a77!important;
    background:rgba(255,255,255,.86)!important;
    border:1px solid rgba(77,112,205,.22)!important;
}
.dl-neon-login .input,.dl-neon-login .select{
    color:var(--tity-ink)!important;
    background:rgba(255,255,255,.86)!important;
    border:1px solid rgba(77,112,205,.22)!important;
}
.dl-neon-login .logo{background:linear-gradient(135deg,#ff57e8,#8a35ff,#30dfff)!important;color:#fff!important}
.dl-neon-login .section-title,.dl-neon-login .brand h1{color:var(--tity-deep)!important}.dl-neon-login .brand h1{color:#fff!important}

@supports (height:100svh){.tity-app,.tity-live-full,.tity-live-prep{height:100svh!important}}

/* ===== FINAL V4: Canlı / Hazırlık / PK parlak tema ve kurumsal ikonlar ===== */
.tity-live-full,.tity-live-prep{
    color:#fff!important;
    background:
        radial-gradient(circle at 12% 7%,rgba(255,255,255,.50),transparent 20%),
        radial-gradient(circle at 82% 13%,rgba(255,74,232,.42),transparent 31%),
        radial-gradient(circle at 12% 90%,rgba(37,213,255,.34),transparent 36%),
        linear-gradient(145deg,#bff4ff 0%,#87ddff 30%,#b994ff 62%,#ff9def 100%)!important;
    box-shadow:0 0 42px rgba(44,135,255,.22)!important;
    overflow:hidden!important;
}
.tity-live-full:before,.tity-live-prep:before{
    content:"♡ ✦ ♡ ✨";
    position:absolute;inset:18px auto auto 22px;right:22px;height:90px;
    color:rgba(255,255,255,.45);font-size:28px;letter-spacing:38px;z-index:1;pointer-events:none;text-shadow:0 0 20px #fff;
}
.tity-main-video,.tity-live-prep video{
    background:
        radial-gradient(circle at 50% 38%,rgba(255,255,255,.44),transparent 16%),
        radial-gradient(circle at 78% 18%,rgba(255,74,232,.30),transparent 30%),
        linear-gradient(145deg,#a7ecff 0%,#7cd8ff 28%,#8f58ff 64%,#f68bed 100%)!important;
}
.tity-live-dim,.tity-prelive-shade{
    background:
        linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.03) 30%,rgba(82,32,174,.14) 70%,rgba(60,10,150,.28))!important;
}
.tity-live-head{top:10px!important;z-index:7!important}
.tity-live-user,.tity-live-right-top span,.tity-live-right-top button,.tity-guest-title,.tity-guest-stack button,.tity-live-line,.tity-floating-request,.tity-host-request-panel,.tity-live-drawer,.tity-pre-card,.tity-pre-tabs,.tity-pre-tools button,.tity-pre-close{
    background:rgba(255,255,255,.28)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.52)!important;
    box-shadow:0 12px 26px rgba(58,74,180,.14),inset 0 1px 0 rgba(255,255,255,.50)!important;
    backdrop-filter:blur(18px)!important;
}
.tity-live-user strong,.tity-pre-card h1{color:#fff!important;text-shadow:0 2px 12px rgba(43,12,138,.28)!important}
.tity-live-user small,.tity-pre-card p{color:rgba(255,255,255,.88)!important}
.tity-live-chips em{background:linear-gradient(135deg,#ff4ee8,#7a35ff)!important;color:#fff!important;border:0!important}
.tity-video-wait{color:rgba(255,255,255,.82)!important;text-shadow:0 2px 12px rgba(43,12,138,.25)!important;font-weight:1000!important}
.tity-guest-stack{top:184px!important;right:10px!important;z-index:7!important}.tity-guest-stack button{background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(122,53,255,.60))!important;font-size:28px!important}
.tity-live-chat{left:14px!important;right:14px!important;bottom:132px!important;max-height:120px!important;z-index:6!important}.tity-live-line{font-weight:800!important;border-radius:999px!important;color:#fff!important}
.tity-live-compose{display:none!important}.tity-floating-request{bottom:128px!important;right:14px!important;background:linear-gradient(135deg,#32108f,#8a35ff)!important;color:#fff!important}
.tity-pre-close{top:18px!important;left:18px!important}.tity-pre-tabs{top:20px!important}.tity-pre-card{top:106px!important;color:#fff!important}.tity-pre-tools{bottom:138px!important}.tity-pre-tools button{color:#fff!important;background:rgba(255,255,255,.28)!important}.tity-pre-start{bottom:34px!important;background:linear-gradient(135deg,#12013d,#2d0a77,#6420d8)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 16px 36px rgba(31,8,95,.34),0 0 22px rgba(255,78,232,.18)!important}
.tity-live-corp-bottom,.tity-live-bottom{
    position:absolute!important;left:10px!important;right:10px!important;bottom:10px!important;height:86px!important;z-index:9!important;
    display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:0!important;padding:8px!important;
    border-radius:28px!important;background:rgba(255,255,255,.28)!important;border:1px solid rgba(255,255,255,.55)!important;
    box-shadow:0 -12px 30px rgba(94,54,190,.14),inset 0 1px 0 rgba(255,255,255,.50)!important;backdrop-filter:blur(18px)!important;
}
.tity-live-corp-bottom button,.tity-live-bottom button{appearance:none!important;border:0!important;background:transparent!important;color:#fff!important;display:grid!important;place-items:center!important;gap:3px!important;min-width:0!important;font-weight:900!important;text-shadow:0 1px 6px rgba(45,8,100,.34)!important;position:relative!important}.tity-live-corp-bottom span,.tity-live-bottom span{font-size:10px!important;white-space:nowrap!important}.live-ico{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.30);border:1px solid rgba(255,255,255,.44);box-shadow:0 7px 16px rgba(31,8,95,.10)}.live-ico:before{font-size:19px;line-height:1}.live-ico-chat:before{content:"💬"}.live-ico-dm:before{content:"✈"}.live-ico-gift:before{content:"🎁"}.live-ico-pk:before{content:"VS";font-size:13px;font-weight:1000}.live-ico-share:before{content:"↗"}.live-ico-host:before{content:"🛡"}.live-ico-menu:before{content:"☰"}.tity-live-corp-bottom .gift-main .live-ico{width:58px;height:58px;margin-top:-20px;border-radius:50%;background:linear-gradient(135deg,#ff57e8,#8a35ff,#ffcb46);box-shadow:0 0 0 5px rgba(255,255,255,.22),0 0 26px rgba(255,78,232,.48)}.tity-live-corp-bottom .gift-main span{margin-top:-8px;font-size:11px!important}.tity-live-bottom button:nth-child(3){background:transparent!important;border-radius:0!important}
.tity-corp-nav .tity-nav-ico svg,.tity-bottom .tity-nav-ico svg{width:22px;height:22px;display:block}.tity-bottom{height:70px!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important}.tity-nav-ico{width:34px!important;height:34px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.45)!important;border:1px solid rgba(255,255,255,.58)!important;color:#6b35d8!important}.tity-nav-item.active .tity-nav-ico{background:linear-gradient(135deg,#ff57e8,#8a35ff)!important;color:#fff!important}.tity-nav-item.live-action .tity-nav-ico{width:48px!important;height:48px!important;margin-top:-18px!important;border-radius:50%!important;background:linear-gradient(135deg,#12013d,#7a35ff,#ff4ee8)!important;color:#fff!important;box-shadow:0 0 26px rgba(138,53,255,.42)!important}.tity-nav-item b{font-size:10px!important;font-weight:1000!important;margin-top:1px!important}
.tity-bottombar.tity-corp-nav{background:rgba(255,255,255,.78)!important;border-top:1px solid rgba(255,255,255,.86)!important;box-shadow:0 -10px 30px rgba(48,88,176,.14)!important;backdrop-filter:blur(18px)!important}.tity-bottombar .tity-nav-icon{width:34px!important;height:34px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.45)!important;border:1px solid rgba(255,255,255,.58)!important;color:#6b35d8!important}.tity-bottombar .tity-nav-link{color:rgba(24,8,72,.60)!important}.tity-bottombar .tity-nav-link.active{color:#21085f!important}.tity-bottombar .tity-nav-link.active .tity-nav-icon{background:linear-gradient(135deg,#ff57e8,#8a35ff)!important;color:#fff!important}