:root{
  --bg1:#090b14; --bg2:#171b2f;
  --fg:#eef1f7; --muted:#9aa3b2;
  --pink:#ff3aa5; --pink-2:#ff6cc7;
  --blue:#32a9e0; --blue-2:#6df0ff;
  --glass:rgba(255,255,255,0.06); --glass-2:rgba(255,255,255,0.14);
  --shadow:0 18px 60px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; color:var(--fg);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(1400px 700px at 15% -10%, rgba(255,58,165,.22), transparent 66%),
    radial-gradient(1400px 700px at 100% 0%,  rgba(109,240,255,.18), transparent 66%),
    radial-gradient(1000px 520px at 80% 110%, rgba(157,255,87,.10), transparent 62%),
    linear-gradient(120deg,var(--bg1),var(--bg2));
  background-attachment: fixed,fixed,fixed,fixed;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden; -webkit-tap-highlight-color:transparent;
}
#bg{position:fixed; inset:0; z-index:-2; opacity:.6; mix-blend-mode:screen}
#fx{position:fixed; inset:0; z-index:9999; pointer-events:none}

/* Headings */
.h2{
  font-size:clamp(1.9rem,1.2rem+2.6vw,2.8rem);
  text-align:center; margin:0 0 18px;
  background:linear-gradient(90deg,var(--pink-2),var(--blue-2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 0 10px rgba(255,58,165,.22)) drop-shadow(0 0 10px rgba(109,240,255,.22));
}

/* HERO */
.hero{position:relative; padding:64px 20px 0}
.hero__content{max-width:1100px; margin:0 auto; text-align:center; z-index:2; position:relative}
.badge{display:inline-block; padding:6px 12px; border-radius:999px; background:var(--glass); border:1px solid var(--glass-2); font-size:.8rem; letter-spacing:.08em; backdrop-filter:blur(8px)}
.neon-name{margin:18px 0 10px; font-weight:800; line-height:1.04}
.neon-name .word{display:inline-block; font-size:clamp(7rem,5rem+10vw,16rem)}
.neon-name .pink{background:linear-gradient(90deg,var(--pink),var(--pink-2)); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 0 10px rgba(255,58,165,.45))}
.neon-name .blue{background:linear-gradient(90deg,var(--blue),var(--blue-2)); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 0 10px rgba(109,240,255,.45))}
.subtitle{color:var(--muted); margin:6px 0 16px}

/* Top pills (height/weight) — shimmer + glow */
.facts{display:flex; gap:12px; justify-content:center; list-style:none; padding:0; margin:0 0 18px}
.facts li{position:relative; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.20); backdrop-filter:blur(10px); overflow:hidden}
.facts li::before{content:""; position:absolute; inset:-2px; border-radius:inherit; background:conic-gradient(var(--pink),var(--blue-2),var(--pink)); filter:blur(16px); opacity:.28; z-index:-1}
.facts li::after{content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(120deg, transparent 18%, rgba(255,255,255,.55) 50%, transparent 82%); transform:translateX(-120%); animation:shine 3.2s ease-in-out infinite}
.facts li .txt{background:linear-gradient(90deg, var(--pink-2), var(--blue-2), var(--pink-2)); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:800; background-size:200% 100%; animation:txtShift 6s linear infinite}
@keyframes shine{0%{transform:translateX(-120%)}60%{transform:translateX(110%)}100%{transform:translateX(120%)}}
@keyframes txtShift{0%{background-position:0% 50%}100%{background-position:200% 50%}}

/* Sections */
.section{padding:64px 20px}
.lead{max-width:900px; margin:0 auto; text-align:center; opacity:.96}
.stable{transform:none !important; will-change:auto !important; backface-visibility:hidden}

/* Highlights pills under About */
#highlights{padding-top:32px}
.pill-grid{--min:220px; display:grid; grid-template-columns:repeat(auto-fit,minmax(var(--min),1fr)); gap:12px 14px; max-width:1080px; margin:12px auto 0; padding:0; list-style:none}
.pillx{position:relative; display:inline-flex; align-items:center; gap:10px; height:48px; padding:10px 14px; border-radius:999px; background:var(--glass); border:1px solid var(--glass-2); backdrop-filter:blur(10px); color:var(--fg); font-weight:800; letter-spacing:.2px; box-shadow:0 10px 24px rgba(0,0,0,.26); transition:transform .15s, box-shadow .15s; overflow:hidden; cursor:pointer}
.pillx::before{content:""; position:absolute; inset:-2px; border-radius:inherit; background:conic-gradient(var(--pink), var(--blue-2), var(--pink)); filter:blur(18px); opacity:.25; z-index:-1; transition:opacity .2s}
.pillx::after{content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(120deg, transparent 18%, rgba(255,255,255,.55) 50%, transparent 82%); transform:translateX(-120%); opacity:0; pointer-events:none}
.pillx:hover{transform:translateY(-2px); box-shadow:0 16px 34px rgba(0,0,0,.32)}
.pillx:hover::before{opacity:.42}
.pillx:hover::after{opacity:1; animation:shine 2.2s ease-in-out}
.pillx__ico{width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.12); box-shadow:inset 0 0 14px rgba(255,255,255,.08); font-size:16px}
.pillx__txt{background:linear-gradient(90deg, var(--pink-2), var(--blue-2)); -webkit-background-clip:text; background-clip:text; color:transparent; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:100%}
@media (max-width:560px){.pill-grid{--min:170px; gap:10px} .pillx{height:44px; padding:8px 12px} .pillx__ico{width:26px; height:26px}}

/* Banner */
.hero__media{width:min(100%, 1200px); margin:26px auto 0; position:relative; z-index:1}
.hero__banner{display:block; width:100%; max-height:520px; object-fit:cover; border-radius:28px; filter:saturate(1.08) contrast(1.05); box-shadow:var(--shadow)}

/* Buttons */
.cta{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:8px}
.btn{cursor:pointer; border:none; padding:12px 20px; border-radius:999px; font-weight:800; letter-spacing:.2px; transition:transform .18s, box-shadow .18s, filter .18s; text-decoration:none; color:#fff}
.btn--primary{background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.25)) padding-box, linear-gradient(90deg,var(--pink),var(--pink-2)) border-box; border:2px solid transparent; box-shadow:0 18px 40px rgba(255,58,165,.28)}
.btn--primary:hover{transform:translateY(-3px) scale(1.02); box-shadow:0 26px 54px rgba(255,58,165,.42)}
.btn--blue{background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.25)) padding-box, linear-gradient(90deg,var(--blue),var(--blue-2)) border-box; border:2px solid transparent; color:#fff; box-shadow:0 18px 40px rgba(50,169,224,.28)}
.btn--blue:hover{transform:translateY(-3px) scale(1.02); box-shadow:0 26px 54px rgba(109,240,255,.42)}

/* SEND */
.btn--send{display:flex; align-items:center; justify-content:center; margin:14px auto 0; color:#0b1120; font-weight:900; text-transform:uppercase; padding:14px 28px; border-radius:999px; border:0; background-image:linear-gradient(90deg,var(--pink),var(--pink-2),var(--blue),var(--blue-2),var(--pink)); background-size:300% 100%; animation:flow 3.5s linear infinite; box-shadow:0 10px 36px rgba(255,58,165,.28), 0 6px 28px rgba(109,240,255,.22)}
.btn--send:hover{animation-duration:1.8s; transform:translateY(-2px) scale(1.02)}
@keyframes flow{to{background-position:-200% 0}}

.form{max-width:640px; margin:18px auto 0; background:var(--glass); border:1px solid var(--glass-2); padding:20px; border-radius:22px; backdrop-filter:blur(10px)}
.field{display:flex; flex-direction:column; gap:8px; margin-bottom:12px}
label{font-size:.96rem; color:#dfe7ff}
input,textarea{background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); color:#fff; border-radius:14px; padding:12px 14px; outline:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.06); transition:border-color .15s, box-shadow .15s}
input:focus,textarea:focus{border-color:var(--pink); box-shadow:0 0 0 3px rgba(255,58,165,.18)}
.form__ok,.form__err{margin-top:10px; font-weight:700}
.form__ok{color:#8fffb1} .form__err{color:#ff9aa9}

/* ===================== My Links ===================== */
.links__grid{
  max-width:1080px; margin:18px auto 0;
  display:grid; gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.link-card{
  position:relative; isolation:isolate;
  display:flex; align-items:center; gap:12px;
  padding:16px 18px; border-radius:28px;
  background:var(--glass); border:1px solid var(--glass-2);
  backdrop-filter:blur(10px);
  text-decoration:none; color:var(--fg);
  font-weight:700; letter-spacing:.2px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.link-card .link-ico{display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.12); box-shadow:inset 0 0 14px rgba(255,255,255,.08)}
.link-card .nick{opacity:.9; font-weight:600; margin-left:auto}
.link-card::before{
  content:""; position:absolute; inset:-2px; border-radius:inherit; z-index:-1;
  background:conic-gradient(from 0deg, var(--c1, #ff3aa5), var(--c2, #6df0ff), var(--c1, #ff3aa5));
  filter:blur(18px); opacity:0; transition:opacity .25s ease;
}
.link-card:hover{
  transform:translateY(-4px) scale(1.015);
  box-shadow:0 18px 44px rgba(0,0,0,.35);
}
.link-card:hover::before{ opacity:.42 }
.link--insta     { --c1:#fd5949; --c2:#d6249f; }
.link--insta2    { --c1:#8a3ab9; --c2:#bc2a8d; }
.link--x         { --c1:#00a7ff; --c2:#8de7ff; }
.link--stripchat { --c1:#ff3355; --c2:#ff8899; }
.link--bonga     { --c1:#00c389; --c2:#4dffd1; }
.link--chaturbate{ --c1:#ff9900; --c2:#ffd166; }
.link--tg        { --c1:#28a8e9; --c2:#6df0ff; }
.link--wishlist  { --c1:#ff70e0; --c2:#b388ff; }

/* ===================== Gallery ===================== */
.photos{
  max-width:1100px;
  margin:12px auto 0;
  display:grid;
  gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.ph-card{
  background:var(--glass);
  border:1px solid var(--glass-2);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 14px 32px rgba(0,0,0,.32);
  transition:transform .2s;
  cursor:pointer;
}
.ph-card:hover{transform:translateY(-4px)}
.ph-card img{
  display:block;
  width:100%;
  height:260px;
  object-fit:cover;
  object-position:top center;
  border-top-left-radius:22px;
  border-top-right-radius:22px;
}
.ph-card figcaption{
  padding:12px 14px;
  color:#f0f2ff;
}
@media (max-width: 560px){ .ph-card img{ height:220px; } }
@media (min-width: 1024px){ .ph-card img{ height:320px; } }

/* ===================== Lightbox ===================== */
.lightbox{position:fixed; overflow:hidden; overflow:hidden; inset:0; background:rgba(3,5,12,.86); display:grid; place-items:center; z-index:60}
.lightbox[hidden]{display:none}
.lightbox__img{max-width:92vw; max-height:calc(80vh - 120px); border-radius:16px; box-shadow:0 24px 80px rgba(0,0,0,.6)}
.lightbox__cap{margin-top:12px; max-width:86vw; text-align:center; color:#e9f6ff; font-size:1rem}
.lightbox__close{position:absolute; top:14px; right:18px; font-size:30px; line-height:1; background:transparent; border:0; color:#fff; cursor:pointer}

/* Story mode inside lightbox */
.lightbox__story[hidden]{display:none}
.lightbox__title--brand{
  margin:0 0 8px;
  font-weight:900;
  font-size:clamp(1.4rem, 1rem + 1.2vw, 2rem); /* крупнее, но не огромный */
  background:linear-gradient(90deg,var(--pink-2),var(--blue-2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 0 8px rgba(255,58,165,.25)) drop-shadow(0 0 8px rgba(109,240,255,.25));
}
.lightbox__text{max-width:86vw; color:#e9f6ff; font-size:1rem; line-height:1.7}

/* Wallets etc */
.wallets-rail{max-width:540px; margin:18px auto 0; display:grid; gap:12px}
.wallet-card{
  --c1:#ff3aa5; --c2:#6df0ff;
  position:relative; isolation:isolate;
  display:flex; align-items:center; gap:14px;
  padding:14px 16px; border-radius:20px; cursor:pointer;
  color:var(--fg); background:var(--glass); border:1px solid var(--glass-2);
  backdrop-filter:blur(10px); transition:.18s; text-align:left;
}
.wallet-card .tag{font-weight:900; letter-spacing:.3px; background:linear-gradient(90deg,var(--pink),var(--blue-2)); -webkit-background-clip:text; background-clip:text; color:transparent}
.wallet-card .copy{margin-left:auto; font-weight:800; opacity:.9}
.wallet-card::before{
  content:""; position:absolute; inset:-2px; border-radius:inherit; z-index:-1;
  background:conic-gradient(from 0deg, var(--c1), var(--c2), var(--c1));
  filter:blur(16px); opacity:0; transition:opacity .25s ease;
}
.wallet-card:hover{transform:translateY(-3px) scale(1.01); box-shadow:0 18px 44px rgba(0,0,0,.32)}
.wallet-card:hover::before{opacity:.42}
.wallet-card.copied .copy::after{content:" ✓ Copied"; font-weight:800}

/* Bottom plane */
.plane-bottom{padding:22px 20px 8px}
.tg-badge{margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:8px}
.tg-badge .neon{width:92px; height:92px; border-radius:50%; display:grid; place-items:center; font-size:54px; background:radial-gradient(ellipse at center, rgba(109,240,255,.22), rgba(109,240,255,.10)); box-shadow:0 0 18px rgba(109,240,255,.6), 0 0 46px rgba(109,240,255,.35), inset 0 0 30px rgba(109,240,255,.18)}
.tg-badge .neon span{display:inline-block; filter:drop-shadow(0 0 16px rgba(109,240,255,.9))}
.tg-badge .neon:hover{transform:scale(1.03)}
.footer{padding:36px 16px; text-align:center; color:#9aa3b2}

/* Preloader */
#preloader{position:fixed; inset:0; display:grid; place-items:center; gap:18px; background:radial-gradient(70% 60% at 50% 40%, rgba(14,18,36,.96), rgba(10,13,24,.96)); z-index:9999; transition:opacity .35s ease, visibility .35s ease}
#preloader.hide{opacity:0; visibility:hidden}
.loader-ring{width:54px; height:54px; border-radius:50%; border:3px solid rgba(255,255,255,.16); border-top-color:#fff; animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.loader-text{color:#cfd6ea; letter-spacing:.4px}


/* Highlights: mobile inner scroll (fixes bg-only scroll on iOS) */
@media (max-width: 768px){
  #highlights{position:relative}
  #highlights .pill-grid{
    max-height: 62vh;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
  }
}


/* Toast overlay in Luxy style */
#toast{
  position: fixed;
  left: 50%;
  
  
  background: linear-gradient(90deg,var(--pink-2),var(--blue-2));
  color: #0a0a0f;
  padding: 12px 18px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  z-index: 9999;
  font-weight: 600;
  letter-spacing: .2px;
  transition: opacity .25s ease, transform .25s ease;
  opacity: 0;
}
#toast.toast--err{ background: linear-gradient(90deg, #ff5b8a, #ffb86c); color:#1a0f14}


/* Fix story modal: make content scrollable, background locked */
.lightbox, .lightbox-content, .story-modal{
  max-height: 80vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body.lightbox-open{ overflow:hidden; }


/* Adjust toast position: ~40% from bottom */
#toast{
  bottom:40%;
  
  
}


/* Lightbox story scroll fix */
.lightbox__story{
  max-width: 92vw;
  max-height: 80vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 14px 18px;
  background: rgba(10,12,22,.55);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  box-shadow: 0 24px 80px rgba(0,0,0,.55);
}


/* Body lock while lightbox open */
body.modal-open{
  position: fixed;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  touch-action: none;
}


/* Toast reposition bottom 40vh */
#toast{
  left: 50%;
  bottom: 40vh;
  transform: translateX(-50%);
}

/* Plane SVG */
.paperplane{display:block; width:64px; height:64px; filter:drop-shadow(0 0 14px rgba(255,58,165,.35)) drop-shadow(0 0 18px rgba(109,240,255,.25))}
.tg-badge .neon{display:grid; place-items:center}

/* Center SEND button */
.form .btn--send{
  margin: 18px auto 6px;
  min-width: 220px;
  text-align: center;
}

/* Lightbox card */
.lightbox{background: rgba(6,9,18,.66);}
.lightbox__card{
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  padding: 16px 16px 18px;
  box-shadow: 0 30px 80px rgba(0,0,0,.55);
  max-width: min(900px, 92vw);
  width: min(900px, 92vw);
  display: grid;
  justify-items: center;
}
.lightbox__img{
  max-width: 100%;
  max-height: calc(70vh - 60px);
  border-radius: 16px;
  object-fit: contain;
}
.lightbox__cap{
  margin-top: 10px;
  max-width: 95%;
  text-align: center;
  font-size: 1rem;
  color: #e9f6ff;
}
.lightbox__close{top: 10px; right: 14px}

.toast--ok{ background: linear-gradient(90deg, var(--pink-2), var(--blue-2)); color:#0b0b12 }

#toast{ top:50%; left:50%; transform:translate(-50%,-50%); bottom:auto !important; }


/* Center toast exactly at screen center */
#toast{
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  bottom: auto !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10050 !important;
}


/* Enlarged toast styling */
#toast{
  min-width: 80% !important; /* stretch near form width */
  max-width: 90%;
  text-align: center;
  font-size: 1.25rem;
  padding: 18px 24px !important;
  border-radius: 18px !important;
  background: linear-gradient(270deg,var(--pink-2),var(--blue-2),var(--pink-2));
  background-size: 300% 100%;
  animation: toastGradient 6s ease infinite;
  box-shadow: 0 0 25px rgba(255,58,165,.6), 0 0 40px rgba(109,240,255,.6);
  color:#0b0b12 !important;
}

@keyframes toastGradient {
  0%{ background-position:0% 50% }
  50%{ background-position:100% 50% }
  100%{ background-position:0% 50% }
}


/* Toast responsive overrides (desktop-aligned over SEND) */
#toast{
  min-width: auto !important;
  width: auto !important;
  max-width: none;
  padding: 18px 28px !important;
  border-radius: 20px !important;
}

/* Shimmering text inside toast */
#toast .t{
  font-weight: 800;
  font-size: clamp(18px, 2.0vw, 28px);
  letter-spacing: .3px;
  background: linear-gradient(90deg, #0b0b12, rgba(0,0,0,0.35), #0b0b12);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: toastTextShine 3s linear infinite;
}

@keyframes toastTextShine {
  0%{ background-position: 0% 50% }
  100%{ background-position: 200% 50% }
}

/* Keep glowing, animated gradient bar background */
#toast{
  background-size: 300% 100% !important;
  animation: toastGradient 6s ease infinite !important;
}


/* Override: toast text solid, no shimmer */
#toast .t{
  font-weight: 800;
  font-size: clamp(18px, 2.0vw, 28px);
  color: #0b0b12 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}


/* Disable shimmer for toast text and set solid color */
#toast .t{
  animation: none !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: #0b0b12 !important;
}

/* Slightly larger padding for a chunkier look */
#toast{
  padding: 20px 32px !important;
}

/* === Goal Stream Card (scoped) === */

#goal-stream-card{ max-width:540px; margin:18px auto 0; }
#goal-stream-card{--bg:#0b0c14;
  --text:#e8e9ff;
  --muted:#a7a5c7;
  --glass:rgba(255,255,255,.04);
  --glass-2:rgba(255,255,255,.06);
  --stroke:rgba(255,255,255,.08);
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --pink:#ff7bdc;
  --cyan:#6fe3ff;
  --green:#51ffa0;
  --gray:#7a7aa6;}
#goal-stream-card /* GOAL CARD */
.goal-cardrd{align-items:stretch; gap:28px}
#goal-stream-card .goal-mediaa{
  width:140px; min-width:140px; height:92px; border-radius:16px; overflow:hidden;
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid var(--glass-2);
  display:flex; align-items:center; justify-content:center;
}
#goal-stream-card .goal-media imgg{
  width:100%; height:100%; object-fit:cover; display:block;
  filter:contrast(1.05) saturate(1.05);
}
#goal-stream-card .goal-bodydy{flex:1; min-width:0}
#goal-stream-card .goal-titlee{
  margin:0 0 6px 0; font-size:22px; font-weight:800; letter-spacing:.2px;
}
#goal-stream-card .goal-title spann{
  background:linear-gradient(90deg, var(--pink), var(--cyan));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
#goal-stream-card .goal-descc{
  margin:0 0 14px 0; color:var(--muted)
}
#goal-stream-card .progressss{
  position:relative; height:10px; border-radius:999px; overflow:hidden;
  background:rgba(255,255,255,.07); border:1px solid var(--stroke);
}
#goal-stream-card .progress-fill{
  position:absolute; inset:0; width:11%;
  background:linear-gradient(90deg, var(--pink), var(--blue-2));
  border-right:1px solid rgba(255,255,255,.25);
  box-shadow:0 0 12px rgba(255,255,255,.12) inset;
  transform:translateZ(0);
}
#goal-stream-card .goal-metaa{ margin-top:10px; display:flex; align-items:center; gap:8px; }
#goal-stream-card .mutedd{ color:var(--muted); }
#goal-stream-card .percent bb{ font-weight:800; }

/* === Goal Stream Card (FIX) === */
#goal-stream-card{ max-width:540px; margin:18px auto 0; }
#goal-stream-card .goal-card{
  display:flex; align-items:flex-start; gap:16px;
  border-radius:24px; padding:18px;
  background:linear-gradient(180deg, var(--glass), rgba(255,255,255,.02));
  border:1px solid var(--glass-2);
  box-shadow:var(--shadow);
}
#goal-stream-card .goal-media{
  width:140px; min-width:140px; height:92px; border-radius:16px; overflow:hidden;
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid var(--glass-2);
  display:flex; align-items:center; justify-content:center;
}
#goal-stream-card .goal-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  filter:contrast(1.05) saturate(1.05);
}
#goal-stream-card .goal-body{ flex:1; min-width:0; }
#goal-stream-card .goal-title{ margin:0 0 6px 0; font-size:22px; font-weight:800; letter-spacing:.2px; }
#goal-stream-card .goal-title span{
  background:linear-gradient(90deg, var(--pink), var(--blue-2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
#goal-stream-card .goal-desc{ margin:0 0 14px 0; color:var(--muted); }
#goal-stream-card .progress{
  position:relative; height:10px; border-radius:999px; overflow:hidden;
  background:rgba(255,255,255,.07); border:1px solid var(--glass-2);
}
#goal-stream-card .progress-fill{
  position:absolute; inset:0; width:37%;
  background:linear-gradient(90deg, var(--pink), var(--blue-2));
  border-right:1px solid rgba(255,255,255,.25);
  box-shadow:0 0 12px rgba(255,255,255,.12) inset;
  transform:translateZ(0);
}
#goal-stream-card .goal-meta{ margin-top:10px; display:flex; align-items:center; gap:8px; }
#goal-stream-card .muted{ color:var(--muted); }
#goal-stream-card .percent b{ font-weight:800; }

@media (max-width:700px){
  #goal-stream-card .goal-card{ flex-direction:column; align-items:stretch; }
  #goal-stream-card .goal-media{ width:100%; height:160px; min-width:0; }
}


/* Live pill base and chips */
.goal-scope .wallet-card.wallet-live.fullwidth{ width:100%; margin-top:16px; }
.wallet-card.wallet-live.big{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:16px 18px; border-radius:22px; }
.wallet-card.wallet-live .wl-chip{ font-weight:900; padding:8px 12px; border-radius:999px; background:linear-gradient(90deg,var(--c1),var(--c2)); color:#0b0e17; box-shadow:0 6px 24px rgba(0,0,0,.25); white-space:nowrap; }
.wallet-card.wallet-live .wl-left{ grid-column:1; }
.wallet-card.wallet-live .wl-mid{ grid-column:2; min-width:0; text-align:center; --wl-mid-size: initial; font-size: var(--wl-mid-size, inherit); }
.wallet-card.wallet-live .wl-right{ grid-column:3; }
.wallet-card.wallet-live .miami-link{ font-weight:900; background:linear-gradient(90deg,var(--c1),var(--c2)); -webkit-background-clip:text; background-clip:text; color:transparent; white-space:nowrap; }
.wallet-card.wallet-live #wl-window{ white-space:nowrap; font-weight:900; }

/* Mobile layout up to tablets */
@media (max-width: 768px){
  .wallet-card.wallet-live.big{
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "left right"
      "mid mid";
    row-gap: 10px;
  }
  .wallet-card.wallet-live .wl-left{ grid-area:left; justify-self:center; }
  .wallet-card.wallet-live .wl-right{ grid-area:right; justify-self:center; }
  .wallet-card.wallet-live .wl-mid{ grid-area:mid; display:flex; flex-direction:column; align-items:center; gap:4px; font-size:clamp(0.9rem, 2.8vw, 1rem); }
}

/* Ultra-narrow phones */
@media (max-width: 320px){
  .wallet-card.wallet-live .wl-chip{ padding:6px 10px; font-size:clamp(0.84rem, 3.2vw, 0.95rem); }
  .wallet-card.wallet-live .wl-mid{ gap:3px; font-size:clamp(0.88rem, 3.4vw, 0.96rem); }
}
/* Kill any leftover preloader components */
#preloader, .preloader, .loader-ring, .loader-text, .overlay { display:none !important; opacity:0 !important; visibility:hidden !important; }