:root{
  --cdz-m-bg:#050914;
  --cdz-m-card:rgba(16,24,39,.76);
  --cdz-m-card2:rgba(18,29,45,.86);
  --cdz-m-line:rgba(255,255,255,.08);
  --cdz-m-gold:#f7c948;
  --cdz-m-gold-soft:rgba(247,201,72,.18);
  --cdz-m-blue:#3b82f6;
  --cdz-m-blue2:#1d4ed8;
  --cdz-m-text:#f8fafc;
  --cdz-m-muted:#b5c0d2;
}
.cdz-mobile-bottom-nav{display:none}
.cdz-premium-mobile-shell{display:none}
@media(max-width:860px){
  body{
    background:
      radial-gradient(circle at top right,rgba(59,130,246,.22),transparent 28%),
      radial-gradient(circle at 0% 12%,rgba(247,201,72,.14),transparent 24%),
      linear-gradient(180deg,#050914 0%,#08111f 48%,#050914 100%)!important;
    padding-bottom:104px!important;
  }
  .cdz-main-header{position:sticky;top:0;background:rgba(5,9,20,.74)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
  .cdz-header-inner{min-height:72px!important;width:calc(100% - 18px)!important;padding-inline:4px}
  .cdz-brand{gap:8px!important;font-size:16px!important}
  .cdz-brand-mark{width:44px!important;height:44px!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(37,99,235,.25), inset 0 0 0 1px rgba(255,255,255,.12)!important}
  .cdz-menu-toggle,.cdz-icon-link,.cdz-profile-chip{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(12px)!important}
  .cdz-icon-link,.cdz-menu-toggle{width:42px!important;height:42px!important;border-radius:16px!important}
  .cdz-mobile-dropdown{top:calc(100% + 10px)!important;border-radius:24px!important;background:rgba(9,15,27,.92)!important;backdrop-filter:blur(18px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 20px 45px rgba(0,0,0,.42)!important;padding:10px!important}
  .cdz-mobile-dropdown a{min-height:44px!important;border-radius:16px!important;background:rgba(255,255,255,.03)!important}

  main{position:relative;z-index:1}
  .hero{padding:16px 0 18px!important}
  .hero-box{
    border-radius:34px!important;
    padding:18px!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    background:
      radial-gradient(circle at 12% 12%,rgba(247,201,72,.13),transparent 30%),
      radial-gradient(circle at 88% 12%,rgba(59,130,246,.24),transparent 34%),
      linear-gradient(180deg,rgba(12,18,30,.9),rgba(9,15,27,.84))!important;
    backdrop-filter:blur(16px);
    box-shadow:0 24px 70px rgba(0,0,0,.42)!important;
  }
  .kicker{background:rgba(247,201,72,.1)!important;color:#ffe7a6!important;border-color:rgba(247,201,72,.24)!important;font-size:12px!important}
  .hero h1{font-size:clamp(28px,8vw,42px)!important;line-height:1.15!important;margin-bottom:10px!important}
  .hero p{font-size:14px!important;line-height:1.9!important;color:#d7e2f0!important}
  .actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
  .actions .btn:first-child{grid-column:1/-1}
  .btn{
    min-height:48px!important;
    border-radius:18px!important;
    font-size:14px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.18);
  }
  .btn-dark{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important}
  .stats{grid-template-columns:repeat(3,1fr)!important;gap:9px!important}
  .stat{border-radius:20px!important;background:rgba(255,255,255,.055)!important;backdrop-filter:blur(12px)!important;padding:14px 12px!important}
  .stat strong{font-size:22px!important}
  .stat span{font-size:11px!important}
  .preview,.artists-shell,.card,.casting-card,.empty{
    background:linear-gradient(180deg,rgba(18,29,45,.86),rgba(10,16,27,.95))!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:0 20px 55px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(14px)!important;
  }
  .preview,.artists-shell,.card,.casting-card,.empty{border-radius:28px!important}
  .login-box{border-radius:24px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.07)!important}
  section{padding:22px 0!important}
  .section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:14px!important}
  .section-head h2{font-size:24px!important}
  .section-head p{font-size:13px!important;line-height:1.7!important}
  .section-head .btn{padding-inline:14px!important;min-height:40px!important;border-radius:15px!important;font-size:12px!important}
  .artists-shell{padding:16px!important}
  .artist{flex-basis:98px!important}
  .circle{width:84px!important;height:84px!important;box-shadow:0 14px 26px rgba(0,0,0,.26)!important}
  .grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .card .cover{height:110px!important}
  .avatar{width:66px!important;height:66px!important;margin-top:-33px!important}
  .card-body{padding:10px 12px 14px!important}
  .card h3{font-size:15px!important;line-height:1.4!important}
  .muted{font-size:12px!important;line-height:1.6!important}
  .meta{gap:6px!important;margin:10px 0!important}
  .pill{font-size:10px!important;padding:6px 8px!important;border-radius:999px!important;background:rgba(247,201,72,.08)!important;border-color:rgba(247,201,72,.12)!important;color:#fff7db!important}
  .card-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .mini,.view{min-height:40px!important;border-radius:15px!important;font-size:12px!important}
  .casting-grid{grid-template-columns:1fr!important;gap:12px!important}
  .casting-card{padding:18px!important}

  .cdz-mobile-bottom-nav{
    position:fixed;left:12px;right:12px;bottom:12px;z-index:9998;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px 12px;
    border-radius:28px;background:rgba(11,17,31,.84);backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 0 1px rgba(247,201,72,.06) inset;
  }
  .cdz-mobile-bottom-nav a,.cdz-mobile-bottom-nav button{
    min-height:52px;border:0;background:transparent;color:#cbd5e1;display:grid;place-items:center;text-decoration:none;cursor:pointer;position:relative;border-radius:18px;font:inherit;
  }
  .cdz-mobile-bottom-nav .label{display:block;font-size:10px;font-weight:800;margin-top:4px}
  .cdz-mobile-bottom-nav .icon-wrap{width:24px;height:24px;display:grid;place-items:center}
  .cdz-mobile-bottom-nav a.active,.cdz-mobile-bottom-nav a:hover,.cdz-mobile-bottom-nav button:hover{color:#fff;background:rgba(255,255,255,.05)}
  .cdz-mobile-bottom-nav .center-add{
    transform:translateY(-20px);min-height:62px;border-radius:22px;
    background:linear-gradient(135deg,#f7c948,#f0b323);color:#111;
    box-shadow:0 18px 40px rgba(247,201,72,.28),0 0 25px rgba(247,201,72,.12);
  }
  .cdz-mobile-bottom-nav .center-add .icon-wrap{width:28px;height:28px}

  .cdz-blue-gift-close,.cdz-verify-dismiss{
    position:absolute!important;top:10px!important;left:10px!important;inset-inline-end:auto!important;
    width:30px!important;height:30px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.08)!important;color:#fff!important;display:grid!important;place-items:center!important;
    font-size:16px!important;line-height:1;backdrop-filter:blur(12px)!important;box-shadow:none!important;z-index:6!important;
  }
  .blue-badge-hidden{animation:blueBadgeFade .24s ease forwards}
  @keyframes blueBadgeFade{to{opacity:0;transform:translateY(12px) scale(.96);visibility:hidden}}
}
@media(max-width:420px){
  .grid{grid-template-columns:1fr!important}
  .stats{grid-template-columns:1fr 1fr 1fr!important}
  .cdz-mobile-bottom-nav{left:10px;right:10px;bottom:10px;padding:8px 10px}
  .cdz-mobile-bottom-nav .center-add{min-height:58px}
}