/* Główna warstwa wizualna Vibely z wariantem ciemnym i jasnym. */
body.vibely-theme {
  --bg: #05060a;
  --panel: rgba(13, 14, 21, 0.94);
  --panel-strong: #11131c;
  --line: rgba(255, 255, 255, 0.16);
  --text: #fffaf5;
  --muted: rgba(255, 250, 245, 0.68);
  --accent: #ff2869;
  --accent-2: #8228ff;
  --accent-3: #00e7ee;
  --warning: #ffd12f;
  background:
    radial-gradient(circle at 5% 9%, rgba(0, 231, 238, 0.16), transparent 24rem),
    radial-gradient(circle at 96% 3%, rgba(255, 40, 105, 0.18), transparent 25rem),
    #05060a;
}

body.vibely-theme .backdrop {
  background:
    radial-gradient(circle at 13% 27%, rgba(0, 231, 238, 0.15), transparent 22%),
    radial-gradient(circle at 87% 18%, rgba(255, 40, 105, 0.16), transparent 24%),
    radial-gradient(circle at 54% 92%, rgba(130, 40, 255, 0.14), transparent 28%);
}

body.vibely-theme .noise {
  opacity: 0.03;
  background-size: 15px 15px;
  transform: rotate(-2deg) scale(1.04);
}

body.vibely-theme .topbar {
  opacity: 1;
  background: rgba(5, 6, 10, 0.91);
  border: 2px solid rgba(255, 255, 255, 0.15);
  box-shadow: -5px 5px 0 rgba(0, 231, 238, 0.16), 5px -5px 0 rgba(255, 40, 105, 0.18);
  backdrop-filter: blur(20px) saturate(1.25);
}

body.vibely-theme .card {
  background: linear-gradient(155deg, rgba(21, 23, 34, 0.97), rgba(8, 9, 14, 0.96));
  border: 2px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

body.vibely-theme .screen-tabs {
  padding: 5px;
  background: #090a0f;
  border: 2px solid rgba(255, 255, 255, 0.13);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
}

body.vibely-theme .screen-tab {
  color: rgba(255, 250, 245, 0.62);
  font-weight: 800;
}

body.vibely-theme .screen-tab.is-active {
  color: #05060a;
  background: #fffaf5;
  border-color: #05060a;
  box-shadow: -4px 3px 0 #00e7ee, 4px -3px 0 #ff2869;
  transform: rotate(-1deg);
}

body.vibely-theme .deck-card {
  display: block;
  padding: 0;
  background: #0a0b11;
  border: 2px solid rgba(255, 255, 255, 0.15);
  overflow: hidden;
}

body.vibely-theme .deck-card.is-active {
  box-shadow: -5px 0 0 rgba(0, 231, 238, 0.9), 5px 0 0 rgba(255, 40, 105, 0.9), 0 30px 80px rgba(0, 0, 0, 0.48);
}

body.vibely-theme .video-card {
  position: absolute;
  inset: 0;
  min-height: 100%;
  border: 2px solid #05060a;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}

body.vibely-theme .deck-card__header {
  position: absolute;
  z-index: 4;
  inset: 0 0 auto;
  padding: 18px 76px 70px 18px;
  color: #fff;
  background: linear-gradient(180deg, rgba(3, 4, 8, 0.82), rgba(3, 4, 8, 0));
  pointer-events: none;
}

body.vibely-theme .deck-card__header .eyebrow,
body.vibely-theme .deck-card__header .tiny {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
}

body.vibely-theme .deck-card__header h3 {
  color: #fff;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.8);
}

body.vibely-theme .deck-card__header h3,
body.vibely-theme .deck-card__meta {
  display: none;
}

body.vibely-theme .deck-card__visual .video-overlay {
  min-height: 100%;
  height: 100%;
  padding: 120px 76px 18px 18px;
}

body.vibely-theme .video-card.has-photo::after {
  background: linear-gradient(180deg, rgba(3, 4, 8, 0.08) 18%, rgba(3, 4, 8, 0.15) 42%, rgba(3, 4, 8, 0.95) 100%);
}

body.vibely-theme .profile-head {
  position: absolute;
  z-index: 3;
  top: 18px;
  left: 18px;
  right: 76px;
  margin: 0;
  padding: 12px;
  border-radius: 18px;
  background: linear-gradient(110deg, rgba(5, 6, 10, 0.68), rgba(5, 6, 10, 0.18));
  backdrop-filter: blur(8px);
}

body.vibely-theme .profile-name,
body.vibely-theme .profile-meta,
body.vibely-theme .profile-bio {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.85);
}

body.vibely-theme .pulse-meter,
body.vibely-theme .prompt {
  background: transparent;
  border-color: transparent;
}

body.vibely-theme .profile-bottom-panel {
  margin-top: auto;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(6, 7, 12, 0.42), rgba(6, 7, 12, 0.26));
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(11px) saturate(1.18);
  backdrop-filter: blur(11px) saturate(1.18);
}

body.vibely-theme .profile-bottom-panel .pulse-meter__label,
body.vibely-theme .profile-bottom-panel .prompt,
body.vibely-theme .profile-bottom-panel .profile-more {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.92);
}

body.vibely-theme .profile-bottom-panel .pulse-meter {
  margin: 0;
  padding: 0 0 7px;
}

body.vibely-theme .profile-bottom-panel .pulse-meter__label {
  margin-bottom: 6px;
  font-size: 0.78rem;
}

body.vibely-theme .profile-bottom-panel .pulse-meter__label strong {
  font-size: 1.1rem;
}

body.vibely-theme .profile-bottom-panel .meter {
  height: 5px;
  border: 0;
}

body.vibely-theme .profile-bottom-panel .prompt {
  padding: 8px 0;
  font-size: 0.88rem;
  -webkit-line-clamp: 2;
}

body.vibely-theme .profile-bottom-panel .tag-row {
  margin-top: 10px;
}

body.vibely-theme .profile-more {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

body.vibely-theme .profile-more > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 9px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

body.vibely-theme .profile-more > summary::-webkit-details-marker {
  display: none;
}

body.vibely-theme .profile-more > summary::after {
  content: "↑";
  transition: transform 180ms ease;
}

body.vibely-theme .profile-more[open] > summary::after {
  transform: rotate(180deg);
}

body.vibely-theme .profile-more__content {
  padding-top: 10px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.8rem;
}

body.vibely-theme .profile-more__content .profile-bio {
  margin: 0 0 8px;
}

body.vibely-theme .profile-more__content ul {
  margin: 6px 0 0;
  padding-left: 18px;
}

body.vibely-theme .deck-actions {
  z-index: 6;
}

body.vibely-theme .chemistry-badge {
  color: #fff;
  background: linear-gradient(135deg, #ff2869, #8228ff);
  border: 2px solid #05060a;
  box-shadow: -3px 3px 0 #00e7ee;
}

body.vibely-theme .ghost-btn {
  color: #fffaf5;
  background: #11131b;
  border: 2px solid rgba(255, 255, 255, 0.17);
}

body.vibely-theme .primary-button {
  color: #fff;
  background: linear-gradient(120deg, #ff2869 0%, #a31fff 56%, #5635ff 100%);
  border: 3px solid #05060a;
  box-shadow: -4px 4px 0 #00e7ee, 4px -4px 0 #ff2869;
}

body.vibely-theme .action-btn {
  border: 3px solid #05060a;
  box-shadow: 0 7px 0 rgba(0, 0, 0, 0.56);
}

body.vibely-theme .action-btn--accent {
  background: linear-gradient(135deg, #ff2869, #8228ff);
  box-shadow: -3px 2px 0 #00e7ee, 3px -2px 0 #ff2869, 0 8px 0 rgba(0, 0, 0, 0.55);
}

body.vibely-theme .vibe-action {
  display: grid;
  place-items: center;
  gap: 0;
  color: #fff;
  background: rgba(9, 10, 16, 0.74);
  backdrop-filter: blur(10px);
}

body.vibely-theme .vibe-action span {
  font-size: 1.15rem;
  line-height: 1;
}

body.vibely-theme .vibe-action small {
  font-size: 0.58rem;
  line-height: 1;
}

body.vibely-theme .vibe-action.is-vibed {
  color: #fff;
  background: #ff2869;
  box-shadow: -3px 2px 0 #00e7ee, 3px -2px 0 #ff2869, 0 8px 0 rgba(0, 0, 0, 0.55);
}

body.vibely-theme .vibe-burst {
  position: absolute;
  z-index: 8;
  top: 50%;
  left: 50%;
  color: #ff2869;
  font-size: clamp(5rem, 16vw, 9rem);
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  filter: drop-shadow(-5px 4px 0 #00e7ee) drop-shadow(0 12px 24px rgba(0, 0, 0, 0.5));
  transform: translate(-50%, -50%) scale(0.35) rotate(-12deg);
}

body.vibely-theme .vibe-burst.is-visible {
  animation: vibePop 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes vibePop {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.3) rotate(-14deg); }
  28% { opacity: 1; transform: translate(-50%, -50%) scale(1.08) rotate(4deg); }
  68% { opacity: 1; transform: translate(-50%, -50%) scale(0.92) rotate(0); }
  100% { opacity: 0; transform: translate(-50%, -62%) scale(1.18) rotate(5deg); }
}

body.vibely-theme .tag-row span,
body.vibely-theme .tag-picker__options button {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

body.vibely-theme .meter {
  background: #242631;
  border: 1px solid rgba(255, 255, 255, 0.13);
}

body.vibely-theme .meter span {
  background: linear-gradient(90deg, #00e7ee, #8228ff, #ff2869) !important;
}

body.vibely-theme .feed-more {
  opacity: 0.92;
}

body.vibely-theme .gallery-plan-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 22px;
  background: linear-gradient(125deg, rgba(0, 231, 238, 0.12), rgba(130, 40, 255, 0.16), rgba(255, 40, 105, 0.14));
}

body.vibely-theme .gallery-plan-card p {
  margin: 4px 0 0;
}

body.vibely-theme .profile-clip-cta {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  overflow: hidden;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  background: radial-gradient(circle at 12% 20%, rgba(0, 231, 238, 0.2), transparent 34%), radial-gradient(circle at 88% 90%, rgba(255, 40, 105, 0.2), transparent 38%), rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.vibely-theme .profile-clip-cta__icon {
  display: grid;
  width: 58px;
  aspect-ratio: 1;
  place-items: center;
  border: 2px solid transparent;
  border-radius: 20px;
  background: linear-gradient(#11131c, #11131c) padding-box, linear-gradient(135deg, #00e7ee, #ff2869) border-box;
  box-shadow: 0 12px 30px rgba(0, 231, 238, 0.12), 0 12px 30px rgba(255, 40, 105, 0.1);
}

body.vibely-theme .profile-clip-cta__icon span { transform: translateX(2px); color: #fff; font-size: 1.3rem; }
body.vibely-theme .profile-clip-cta__copy { display: grid; gap: 4px; min-width: 0; }
body.vibely-theme .profile-clip-cta__copy strong { color: #fff; font-size: 1rem; }
body.vibely-theme .profile-clip-cta__copy p,
body.vibely-theme .profile-clip-cta > small { margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 0.74rem; line-height: 1.45; }
body.vibely-theme .profile-clip-cta__badge { width: max-content; color: #2af2f4; font-size: 0.66rem; font-weight: 950; letter-spacing: 0.12em; text-transform: uppercase; }
body.vibely-theme .profile-clip-cta > small { grid-column: 2 / -1; }
body.vibely-theme .profile-clip-cta .primary-button { min-height: 44px; white-space: nowrap; }

body[data-theme="light"].vibely-theme .profile-clip-cta {
  border-color: rgba(15, 22, 38, 0.13);
  background: radial-gradient(circle at 12% 20%, rgba(0, 197, 211, 0.18), transparent 34%), radial-gradient(circle at 88% 90%, rgba(232, 30, 104, 0.15), transparent 38%), rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 34px rgba(25, 35, 65, 0.08), inset 0 1px 0 #fff;
}

body[data-theme="light"].vibely-theme .profile-clip-cta__icon {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #00bfcf, #e81e68) border-box;
}

body[data-theme="light"].vibely-theme .profile-clip-cta__icon span,
body[data-theme="light"].vibely-theme .profile-clip-cta__copy strong { color: #111522; }
body[data-theme="light"].vibely-theme .profile-clip-cta__copy p,
body[data-theme="light"].vibely-theme .profile-clip-cta > small { color: rgba(17, 21, 34, 0.68); }
body[data-theme="light"].vibely-theme .profile-clip-cta__badge { color: #008d9d; }

body.vibely-theme .profile-hero {
  position: relative;
}

body.vibely-theme .profile-gallery__item video {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  background: #05060a;
}

body.vibely-theme .gallery-plan-button {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 8px 14px;
}

body.vibely-theme .profile-gallery__item {
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.13);
  background: #0b0c12;
  touch-action:none;
}
body.vibely-theme .profile-gallery__feed-position { position:absolute;z-index:4;top:10px;left:10px;min-width:30px;height:30px;display:grid;place-items:center;padding:0 9px;border:1px solid transparent;border-radius:11px;color:#fff;background:linear-gradient(#111827,#111827) padding-box,linear-gradient(120deg,#00dce7,#ef3c9a) border-box;box-shadow:0 8px 22px rgba(0,0,0,.3);font:850 .72rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-gallery__feed-position.is-outside { max-width:96px;color:rgba(255,255,255,.72);background:rgba(8,12,22,.78);border-color:rgba(255,255,255,.16);font-size:.58rem;text-align:center; }
body.vibely-theme .profile-channel-heading { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 2px;padding:0 4px; }
body.vibely-theme .profile-channel-heading div { display:grid;gap:3px; }
body.vibely-theme .profile-channel-heading strong { color:var(--text);font:850 .86rem/1.2 "Sora",sans-serif; }
body.vibely-theme .profile-channel-heading small { color:var(--muted);font:600 .66rem/1.35 "Sora",sans-serif; }
body.vibely-theme .profile-channel-heading > span { color:#08dce6;font:850 .72rem/1 "Sora",sans-serif;letter-spacing:.12em; }
body.vibely-theme .profile-channel-heading--outside { margin-top:16px; }
body.vibely-theme .profile-channel-grid { grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px; }
body.vibely-theme .profile-channel-slot { position:relative;min-height:142px;display:flex;align-items:stretch;border:1px dashed rgba(255,255,255,.23);border-radius:18px;background:rgba(255,255,255,.025);transition:border-color .18s ease,background .18s ease,transform .18s ease; }
body.vibely-theme .profile-channel-slot > span { position:absolute;z-index:6;top:8px;left:8px;width:28px;aspect-ratio:1;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#08dce6,#ee3d9d);box-shadow:0 6px 18px rgba(0,0,0,.32);font:900 .7rem/1 "Sora",sans-serif;pointer-events:none; }
body.vibely-theme .profile-channel-slot > small { margin:auto;padding:12px 5px;color:var(--muted);font:650 .54rem/1.3 "Sora",sans-serif;text-align:center;pointer-events:none; }
body.vibely-theme .profile-channel-slot > .profile-gallery__item { width:100%;border:0;border-radius:17px; }
body.vibely-theme .profile-channel-slot > .profile-gallery__item + small { display:none; }
body.vibely-theme .profile-channel-slot.is-drop-target,.profile-gallery-outside.is-drop-target { border-color:#09dce6;background:rgba(9,220,230,.1);transform:scale(1.02); }
body.vibely-theme .profile-gallery__item.is-drag-ready { border-color:#09dce6;box-shadow:0 0 0 3px rgba(9,220,230,.13),0 14px 32px rgba(0,0,0,.3);transform:scale(.98); }
body.vibely-theme .profile-gallery-outside { grid-column:1/-1;min-height:92px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:8px;border:1px dashed rgba(255,255,255,.12);border-radius:20px; }
body.vibely-theme .profile-gallery-outside__empty { grid-column:1/-1;align-self:center;margin:0;color:var(--muted);font:650 .62rem/1.35 "Sora",sans-serif;text-align:center;pointer-events:none; }
body.vibely-theme .gallery-photo-viewer { position:fixed;z-index:2300;inset:0;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); }
body.vibely-theme .gallery-photo-viewer.is-hidden { display:none; }
body.vibely-theme .gallery-photo-viewer__backdrop { position:absolute;inset:0;border:0;background:rgba(2,4,10,.92);backdrop-filter:blur(18px); }
body.vibely-theme .gallery-photo-viewer__content { position:relative;z-index:1;width:min(100%,520px);height:min(88dvh,820px);display:grid;place-items:center; }
body.vibely-theme .gallery-photo-viewer__content img,body.vibely-theme .gallery-photo-viewer__content video { display:block;max-width:100%;max-height:100%;border-radius:24px;object-fit:contain;box-shadow:0 28px 90px rgba(0,0,0,.58); }
body.vibely-theme .gallery-photo-viewer__content .is-hidden { display:none; }
body.vibely-theme .gallery-photo-viewer__content button { position:absolute;top:10px;right:10px;width:44px;aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;background:rgba(7,10,18,.64);backdrop-filter:blur(12px);font:400 1.7rem/1 "Sora",sans-serif; }
body.has-gallery-photo-viewer { overflow:hidden; }
body.vibely-theme .profile-gallery__play { position:absolute;z-index:2;top:38%;left:50%;display:grid;width:48px;aspect-ratio:1;place-items:center;translate:-50% -50%;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#fff;background:rgba(7,10,18,.58);box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(12px);pointer-events:none; }

/* Full-screen profile preview shares the visual language of the main Channel. */
body.vibely-theme .profile-sheet { z-index:2100;place-items:center;justify-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(2,4,10,.82);backdrop-filter:blur(18px); }
body.vibely-theme .profile-sheet__panel { position:relative;width:min(100%,520px);height:min(100%,880px);overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:38px;color:#fff;background:#070a12;box-shadow:0 30px 100px rgba(0,0,0,.58);animation:profileSheetIn 260ms cubic-bezier(.16,1,.3,1);touch-action:pan-y; }
body.vibely-theme .profile-sheet__panel::after { content:"";position:absolute;z-index:1;inset:38% 0 0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(3,5,12,.22) 18%,rgba(3,5,12,.94) 82%,#070a12); }
body.vibely-theme .profile-sheet__hero { position:absolute;inset:0;min-height:0;border-radius:0;background:#111522; }
body.vibely-theme .profile-sheet__hero img,body.vibely-theme .profile-sheet__hero video { width:100%;height:100%;object-fit:cover; }
body.vibely-theme .profile-sheet__topbar { position:absolute;z-index:9;top:14px;left:14px;right:14px;width:auto;min-height:66px;margin:0;padding:8px 66px 8px 16px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(110deg,rgba(9,11,18,.29),rgba(14,16,27,.4));box-shadow:0 13px 38px rgba(0,0,0,.18);backdrop-filter:blur(18px) saturate(140%);transform:none; }
body.vibely-theme .profile-sheet__topbar .topbar-brand { display:flex;align-items:center; }
body.vibely-theme .profile-sheet__topbar .brand-lockup img { width:clamp(142px,34vw,172px);height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.38)); }
body.vibely-theme .profile-sheet__topbar .topbar-actions { display:flex;align-items:center;margin-left:auto; }
body.vibely-theme .profile-sheet__topbar .aura-counter { display:flex;min-width:78px;min-height:44px;padding:7px 14px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(8,10,18,.38);box-shadow:0 0 0 2px #00e7ee,2px -2px 0 2px #ff309f;backdrop-filter:blur(12px); }
body.vibely-theme .profile-sheet__topbar .aura-counter__copy { display:grid;width:100%;gap:5px; }
body.vibely-theme .profile-sheet__topbar .aura-counter__copy>span::after { content:"✦";margin-left:6px;color:#f7ff76; }
body.vibely-theme .profile-sheet__topbar .aura-counter__copy strong { color:#fff;font-size:1.12rem; }
body.vibely-theme .profile-sheet__topbar .aura-counter__copy i { display:block;width:100%;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.18); }
body.vibely-theme .profile-sheet__topbar .aura-counter__copy b { display:block;width:62%;height:100%;background:linear-gradient(90deg,#00e7ee,#ff309f); }
body.vibely-theme .profile-sheet__close { display:grid!important;visibility:visible!important;opacity:1!important;place-items:center;z-index:11;top:94px;left:20px;right:auto;width:44px;height:40px;border:0;border-radius:14px;color:#fff;background:rgba(7,10,18,.62);box-shadow:none;backdrop-filter:blur(12px);pointer-events:auto;font:500 1.55rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-sheet__more { position:absolute;z-index:10;top:94px;right:20px;width:44px;height:40px;border:0;border-radius:14px;color:#fff;background:rgba(7,10,18,.55);backdrop-filter:blur(12px);font:900 1.15rem/1 "Sora",sans-serif;pointer-events:auto; }
body.vibely-theme .profile-sheet button,body.vibely-theme .profile-sheet [role="button"] { -webkit-tap-highlight-color:transparent; }
body.vibely-theme .app-context-menu { z-index:2600; }
body.vibely-theme .profile-sheet__counter { position:absolute;z-index:10;top:94px;left:50%;padding:7px 10px;border-radius:12px;color:#fff;background:rgba(7,10,18,.58);backdrop-filter:blur(10px);transform:translateX(-50%);font:800 .68rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-sheet__gallery { position:absolute;z-index:10;top:126px;left:50%;display:flex;width:auto;max-width:66%;gap:6px;overflow:visible;padding:0;transform:translateX(-50%); }
body.vibely-theme .profile-sheet__gallery button { position:relative;width:24px;height:5px;overflow:visible;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.34);box-shadow:none;transition:width .2s ease,background .2s ease; }
body.vibely-theme .profile-sheet__gallery button.is-active { width:34px;border:0;background:linear-gradient(90deg,#19e3eb,#ff3a9f);box-shadow:none; }
body.vibely-theme .profile-sheet__gallery button span,body.vibely-theme .profile-sheet__gallery button b,body.vibely-theme .profile-sheet__gallery button em { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap; }
body.vibely-theme .profile-sheet__content { position:absolute;z-index:3;right:24px;bottom:30px;left:24px;display:flex;align-items:flex-end;gap:12px;padding:0; }
body.vibely-theme .profile-sheet__content>div { min-width:0;flex:1; }
body.vibely-theme .profile-sheet__content .eyebrow { color:#19e3eb;font-size:.64rem;letter-spacing:.16em; }
body.vibely-theme .profile-sheet__content h2 { margin:4px 0 3px;font:900 clamp(1.9rem,7vw,2.7rem)/1 "Sora",sans-serif;letter-spacing:-.05em; }
body.vibely-theme .profile-sheet__content #profileSheetMeta { margin:0 0 10px;color:rgba(255,255,255,.72);font-size:.88rem; }
body.vibely-theme .profile-sheet__bio { margin:0 0 10px;padding:0;border-radius:0;color:#fff;background:transparent;font-size:.9rem;line-height:1.45; }
body.vibely-theme .profile-sheet__tags { display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px; }
body.vibely-theme .profile-sheet__tags span { padding:7px 11px;border:1px solid rgba(25,227,235,.78);border-radius:999px;background:rgba(7,10,18,.42);font-size:.72rem; }
body.vibely-theme .profile-sheet__tags span:nth-child(2n) { border-color:rgba(255,58,159,.8); }
body.vibely-theme .profile-sheet__match { display:flex;align-items:center;gap:9px;font-size:.78rem; }
body.vibely-theme .profile-sheet__match>span { color:#19e3eb;font-size:1.55rem; }
body.vibely-theme .profile-sheet__match>div { height:7px;overflow:hidden;flex:1;border-radius:99px;background:rgba(255,255,255,.25); }
body.vibely-theme .profile-sheet__match i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#19e3eb,#f7ff76,#ff3a9f); }
body.vibely-theme .profile-sheet__match strong { min-width:max-content;color:#fff;font-size:.82rem; }
body.vibely-theme .profile-sheet__full-gallery { display:inline-flex;width:auto;min-height:58px;align-items:center;gap:13px;margin:0 0 13px;padding:13px 20px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#fff;background:rgba(7,10,18,.46);box-shadow:0 12px 28px rgba(0,0,0,.16);backdrop-filter:blur(16px);text-align:left;-webkit-tap-highlight-color:transparent; }
body.vibely-theme .profile-sheet__full-gallery .profile-sheet__gallery-icon { position:relative;display:grid;width:36px;height:36px;place-items:center;color:#19e3eb;background:transparent; }
body.vibely-theme .profile-sheet__gallery-icon svg { width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
body.vibely-theme .profile-sheet__gallery-icon::after { content:"✦";position:absolute;top:-6px;right:-7px;color:#f7ff76;font-size:12px;line-height:1;text-shadow:0 0 9px rgba(247,255,118,.9); }
body.vibely-theme .profile-sheet__full-gallery strong { font:800 1rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-sheet__full-gallery small { color:rgba(255,255,255,.68);font:700 .9rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-sheet__full-gallery i { color:rgba(255,255,255,.76);font:400 1.65rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-sheet__content .chemistry-badge { align-self:flex-start;margin-top:8px;border-color:rgba(255,255,255,.14);color:#fff;background:rgba(7,10,18,.54); }
body.vibely-theme .profile-sheet__lock { position:absolute;z-index:8;inset:0;display:grid;align-content:center;justify-items:center;margin:0;padding:34px;text-align:center;border:0;border-radius:0;background:rgba(3,6,14,.5);backdrop-filter:blur(18px); }
body.vibely-theme .profile-sheet__lock.is-hidden { display:none; }
body.vibely-theme .profile-sheet__lock strong { font:900 1.3rem/1.2 "Sora",sans-serif; }
body.vibely-theme .profile-sheet__lock p { max-width:300px;margin:9px 0 18px;color:rgba(255,255,255,.74); }
body.vibely-theme .profile-sheet__lock button { min-width:220px;color:#071018;background:linear-gradient(90deg,#19e3eb,#ff3a9f); }
@media(max-width:600px){body.vibely-theme .profile-sheet{padding:0}body.vibely-theme .profile-sheet__panel{width:100%;height:100dvh;border:0;border-radius:0}body.vibely-theme .profile-sheet__content{bottom:max(24px,env(safe-area-inset-bottom))}body.vibely-theme .profile-sheet__topbar{top:max(10px,env(safe-area-inset-top))}body.vibely-theme .profile-sheet__close,body.vibely-theme .profile-sheet__more,body.vibely-theme .profile-sheet__counter{top:calc(max(10px,env(safe-area-inset-top)) + 82px)}body.vibely-theme .profile-sheet__gallery{top:calc(max(10px,env(safe-area-inset-top)) + 114px)}}
body.vibely-theme .feed-empty--criteria { display:flex;align-items:center;justify-content:center;padding:100px 18px 130px;min-height:100%;background:radial-gradient(ellipse at 0 0,#10343c,transparent 58%),radial-gradient(ellipse at 100% 100%,#2a1424,transparent 60%),#070b12; }
body.vibely-theme .feed-end-dialog { width:min(100%,410px);padding:24px 22px 18px;border:1px solid #ffffff1c;border-radius:26px;background:linear-gradient(135deg,#15202bed,#11131e);box-shadow:0 18px 48px #0005;color:#f5f6fa;text-align:center; }
body.vibely-theme .feed-end-eyebrow { display:block;text-align:left;color:#aebac9;font-size:11px;letter-spacing:2px; }
body.vibely-theme .feed-end-mark { display:grid;place-items:center;width:66px;height:66px;margin:26px auto 20px;border-radius:24px;background:linear-gradient(140deg,#19d8e923,#ff3a9d18);color:#53e2e8;font-size:32px; }
body.vibely-theme .feed-end-dialog h3 { margin:0;font:700 24px/1.25 'Sora',sans-serif;letter-spacing:-.7px; }
body.vibely-theme .feed-end-dialog p { margin:16px 0 18px;color:#b5becb;font-size:14px;line-height:1.55; }
body.vibely-theme .feed-end-criteria { display:flex;justify-content:center;gap:18px;margin-bottom:25px;color:#d1d9e3;font-size:12px; }
body.vibely-theme .feed-end-actions { display:grid;gap:10px; }
body.vibely-theme .feed-end-actions button { display:flex;align-items:center;gap:10px;min-height:50px;padding:12px 14px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff05;color:#f5f6fa;transition:transform .18s ease;-webkit-tap-highlight-color:transparent; }
body.vibely-theme .feed-end-actions strong { flex:1;text-align:left;font-size:14px; }
body.vibely-theme .feed-end-actions [data-feed-expand-distance] { border-color:#5ae8ec48;background:linear-gradient(110deg,#19c9df2a,#bb4ab61c); }
body.vibely-theme .feed-end-actions [data-feed-check-later] { justify-content:center;border:0;background:transparent;color:#aebac9; }
body.vibely-theme .feed-end-actions button:active { transform:scale(.97); }
body.vibely-theme .feed-end-dialog small { display:block;min-height:36px;margin-top:12px;color:#8f9dac;font-size:11px; }
body.vibely-theme.vibely-light .feed-empty--criteria { background:#edf2f5; }
body.vibely-theme.vibely-light .feed-end-dialog { color:#18212c;background:#fafcff;border-color:#263c5226; }
body.vibely-theme.vibely-light .feed-end-dialog p,body.vibely-theme.vibely-light .feed-end-eyebrow,body.vibely-theme.vibely-light .feed-end-dialog small,body.vibely-theme.vibely-light .feed-end-criteria { color:#4b5d70; }
body.vibely-theme.vibely-light .feed-end-actions button { color:#18212c;border-color:#263c5226; }
body.vibely-theme.vibely-light .feed-end-mark { color:#067c8a; }
@media(prefers-reduced-motion:reduce){body.vibely-theme .feed-end-actions button{transition:none}}
body.vibely-theme .gallery-plan-notice { padding:16px;border:1px solid #78b8ca25;border-radius:18px;background:#13202a;color:#f5f6fb; }
body.vibely-theme .gallery-plan-notice p { margin:6px 0 0;color:#b3c1cf;font-size:12px;line-height:1.5; }
body.vibely-theme .profile-gallery__locked-tile { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:150px;aspect-ratio:4/5;padding:12px;border:0;border-radius:16px;background:radial-gradient(ellipse at 15% 30%,#354453,transparent 65%),radial-gradient(ellipse at 80% 80%,#483142,transparent 65%),#19212e;color:#c9d4e0;cursor:pointer; }
body.vibely-theme .profile-gallery__locked-tile>span { font-size:25px; }
body.vibely-theme .profile-gallery__locked-tile>.plan-lock-shape { position:relative;display:block;width:24px;height:19px;margin-top:12px;border:2px solid currentColor;border-radius:5px; }
body.vibely-theme .plan-lock-shape::before { content:'';position:absolute;bottom:100%;left:4px;width:12px;height:12px;border:2px solid currentColor;border-bottom:0;border-radius:9px 9px 0 0; }
body.vibely-theme .profile-gallery__locked-tile strong { font-size:12px;text-align:center; }
body.vibely-theme .profile-gallery__locked-tile small { font-size:11px; }
body.vibely-theme .plan-photo-dialog { position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:18px; }
body.vibely-theme .plan-photo-backdrop { position:absolute;inset:0;border:0;background:#04070cba;backdrop-filter:blur(7px); }
body.vibely-theme .plan-photo-dialog>section { position:relative;width:min(100%,390px);max-height:calc(100dvh - 36px);overflow-y:auto;padding:32px 22px 22px;border:1px solid #ffffff24;border-radius:25px;background:radial-gradient(ellipse at 0 0,#163038,transparent 60%),#111622;box-shadow:0 24px 70px #0008;color:#f5f6fb;text-align:center; }
body.vibely-theme .plan-photo-dialog h2 { margin:14px 0;font-size:23px;line-height:1.25; }
body.vibely-theme .plan-photo-dialog p { color:#b4c1d0;font-size:13px;line-height:1.5; }
body.vibely-theme .plan-photo-dialog small { display:block;color:#93a4b8;font-size:11px; }
body.vibely-theme .plan-photo-dialog section>button { width:100%;min-height:48px;margin:9px 0;padding:11px;border:1px solid #ffffff1c;border-radius:15px;background:#ffffff05;color:inherit;transition:transform .17s ease;-webkit-tap-highlight-color:transparent; }
body.vibely-theme .plan-photo-dialog button:active,body.vibely-theme .profile-gallery__locked-tile:active { transform:scale(.97); }
body.vibely-theme .plan-photo-dialog section>.plan-photo-close { position:absolute;top:10px;right:10px;width:34px;min-height:34px;margin:0;padding:0;border:0;border-radius:50%;font-size:22px; }
body.vibely-theme .plan-photo-dialog section>.plan-photo-upgrade { border-color:#68dbe445;background:linear-gradient(115deg,#163c49,#32223e); }
body.vibely-theme .plan-photo-dialog section>.plan-photo-danger { color:#f27a9a;border:0;background:transparent; }
body.vibely-theme .plan-photo-symbol { display:grid;place-items:center;width:60px;height:60px;margin:8px auto 20px;border-radius:21px;color:#79dde4;background:linear-gradient(130deg,#234751,#352741);font-size:28px; }
body.vibely-theme .plan-photo-choices { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px; }
body.vibely-theme .plan-photo-choices button { position:relative;aspect-ratio:4/5;overflow:hidden;padding:0;border:1px solid #68dbe445;border-radius:12px;background:#1b2634;color:#fff; }
body.vibely-theme .plan-photo-choices img { width:100%;height:100%;object-fit:cover; }
body.vibely-theme .plan-photo-choices small { position:absolute;right:5px;bottom:5px;padding:2px 5px;border-radius:6px;background:#080d16d9;color:#fff; }
body.vibely-theme.vibely-light .gallery-plan-notice,body.vibely-theme.vibely-light .plan-photo-dialog>section { color:#19222e;background:#f7fafc; }
body.vibely-theme.vibely-light .gallery-plan-notice p,body.vibely-theme.vibely-light .plan-photo-dialog p,body.vibely-theme.vibely-light .plan-photo-dialog small { color:#536476; }
body.vibely-theme.vibely-light .plan-photo-dialog section>button { border-color:#25344826; }
body.vibely-theme.vibely-light .plan-photo-dialog section>.plan-photo-upgrade { background:linear-gradient(115deg,#d7f3f6,#f0e0ee); }
@media(prefers-reduced-motion:reduce){body.vibely-theme .plan-photo-dialog button{transition:none}}
body.has-profile-full-gallery { overflow:hidden; }
body.vibely-theme .profile-full-gallery { position:fixed;z-index:2200;inset:0;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
body.vibely-theme .profile-full-gallery.is-hidden { display:none; }
body.vibely-theme .profile-full-gallery__backdrop { position:absolute;inset:0;border:0;background:rgba(2,4,10,.9);backdrop-filter:blur(20px); }
body.vibely-theme .profile-full-gallery__panel { position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(100%,520px);height:min(100%,880px);overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:34px;color:#fff;background:radial-gradient(circle at 90% 0,rgba(255,48,159,.12),transparent 30%),#080b14;box-shadow:0 30px 100px rgba(0,0,0,.58); }
body.vibely-theme .profile-full-gallery__panel>header { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 14px; }
body.vibely-theme .profile-full-gallery__panel h2,body.vibely-theme .profile-full-gallery__panel p { margin:0; }
body.vibely-theme .profile-full-gallery__panel h2 { margin-top:3px;font:900 1.35rem/1.1 "Sora",sans-serif; }
body.vibely-theme .profile-full-gallery__panel>header button { display:grid;width:44px;aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:14px;color:#fff;background:rgba(255,255,255,.07);font:500 1.55rem/1 "Sora",sans-serif;-webkit-tap-highlight-color:transparent; }
body.vibely-theme .profile-full-gallery__grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px;overflow-y:auto;padding:0 12px 18px;overscroll-behavior:contain; }
body.vibely-theme .profile-full-gallery__item { position:relative;min-width:0;overflow:hidden;border-radius:19px;background:#151925;aspect-ratio:3/4; }
body.vibely-theme .profile-full-gallery__media { width:100%;height:100%;padding:0;border:0;background:#151925;-webkit-tap-highlight-color:transparent; }
body.vibely-theme .profile-full-gallery__media img,body.vibely-theme .profile-full-gallery__media video { display:block;width:100%;height:100%;object-fit:cover; }
body.vibely-theme .profile-full-gallery__media>span { position:absolute;top:50%;left:50%;display:grid;width:50px;aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;background:rgba(7,10,18,.54);backdrop-filter:blur(10px);transform:translate(-50%,-50%); }
body.vibely-theme .profile-full-gallery__vibe { position:absolute;right:9px;bottom:9px;display:flex;align-items:center;gap:5px;min-width:54px;height:35px;justify-content:center;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:rgba(7,10,18,.62);backdrop-filter:blur(12px);font:800 .68rem/1 "Sora",sans-serif;-webkit-tap-highlight-color:transparent; }
body.vibely-theme .profile-full-gallery__vibe span { color:#fff;font-size:1rem;transition:transform .16s ease,color .16s ease; }
body.vibely-theme .profile-full-gallery__vibe.is-active span { color:#ff3a9f;transform:scale(1.13);text-shadow:0 0 12px rgba(255,58,159,.72); }
body.vibely-theme .profile-full-gallery__empty { grid-column:1/-1;padding:42px 18px;color:rgba(255,255,255,.66);text-align:center; }
@media(max-width:600px){body.vibely-theme .profile-full-gallery{padding:0}body.vibely-theme .profile-full-gallery__panel{width:100%;height:100dvh;border:0;border-radius:0}}
@media(min-width:601px){
  body.vibely-theme .profile-full-gallery__grid { min-height:0;grid-auto-rows:max-content;align-items:start; }
  body.vibely-theme .profile-full-gallery__item { width:100%;min-height:0; }
  body.vibely-theme .profile-full-gallery__media { position:absolute;inset:0;display:block; }
}
@media (max-width:700px) { body.vibely-theme .profile-channel-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } body.vibely-theme .profile-channel-slot { min-height:154px; } body.vibely-theme .profile-gallery-outside { grid-template-columns:repeat(2,minmax(0,1fr)); } }

body.vibely-theme .profile-gallery__item.is-private {
  border-color: rgba(255, 209, 47, 0.48);
  box-shadow: inset 0 0 0 1px rgba(255, 209, 47, 0.16);
}

body.vibely-theme .profile-gallery__meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 8px 2px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.68rem;
}

body.vibely-theme .profile-gallery__item select {
  width: calc(100% - 12px);
  margin: 5px 6px;
  padding: 6px;
  color: #fff;
  background: #171923;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
}

body.vibely-theme .profile-gallery__actions {
  justify-content: center;
}

body.vibely-theme .archived-gallery {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

body.vibely-theme .archived-gallery > summary {
  cursor: pointer;
  font-weight: 800;
}

body.has-profile-sheet {
  overflow: hidden;
}

.chat-person[role="button"],
.message__avatar {
  cursor: pointer;
}

.profile-sheet {
  position: fixed;
  z-index: 80;
  inset: 0;
  display: grid;
  justify-items: end;
  background: rgba(2, 3, 8, 0.6);
  backdrop-filter: blur(8px);
}

.profile-sheet__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.profile-sheet__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 470px);
  height: 100%;
  overflow-y: auto;
  padding: 14px;
  color: #fff;
  background: #090a10;
  border-left: 2px solid rgba(255, 255, 255, 0.15);
  box-shadow: -8px 0 0 rgba(0, 231, 238, 0.15), -30px 0 90px rgba(0, 0, 0, 0.5);
  animation: profileSheetIn 260ms cubic-bezier(0.16, 1, 0.3, 1);
}

.profile-sheet__close {
  position: absolute;
  z-index: 3;
  top: 24px;
  right: 24px;
  width: 42px;
  height: 42px;
  border: 2px solid #05060a;
  border-radius: 50%;
  color: #05060a;
  background: #fffaf5;
  font-size: 1.35rem;
  cursor: pointer;
  box-shadow: -3px 2px 0 #00e7ee, 3px -2px 0 #ff2869;
}

.profile-sheet__hero {
  min-height: 52vh;
  overflow: hidden;
  border-radius: 28px;
  background: #151722;
}

.profile-sheet__hero img,
.profile-sheet__hero video {
  display: block;
  width: 100%;
  height: 52vh;
  object-fit: cover;
}

.profile-sheet__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 4px 10px;
}

.profile-sheet__content h2,
.profile-sheet__content p {
  margin: 0;
}

.profile-sheet__content #profileSheetMeta {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.65);
}

.profile-sheet__gallery {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 74px;
  gap: 8px;
  overflow-x: auto;
  padding: 6px 3px 10px;
}

.profile-sheet__gallery button {
  height: 96px;
  overflow: hidden;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 14px;
  background: #151722;
  cursor: pointer;
}

.profile-sheet__private-mark {
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding: 3px 5px;
  border-radius: 999px;
  color: #05060a;
  background: #ffd12f;
  font-size: 0.56rem;
  font-weight: 900;
}

.profile-sheet__gallery button {
  position: relative;
}

.profile-sheet__gallery button.is-active {
  border-color: #00e7ee;
  box-shadow: 3px -2px 0 #ff2869;
}

.profile-sheet__gallery img,
.profile-sheet__gallery video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-sheet__bio {
  margin: 4px;
  padding: 14px;
  border-radius: 18px;
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.055);
}

.profile-sheet__lock {
  margin: 8px 3px;
  padding: 14px;
  border: 1px solid rgba(255, 209, 47, 0.28);
  border-radius: 18px;
  background: rgba(255, 209, 47, 0.08);
}

.profile-sheet__lock strong,
.profile-sheet__lock p {
  display: block;
  margin: 0;
}

.profile-sheet__lock p {
  margin: 5px 0 12px;
  color: rgba(255, 255, 255, 0.67);
  font-size: 0.82rem;
}

@keyframes profileSheetIn {
  from { opacity: 0; transform: translateX(40px); }
  to { opacity: 1; transform: translateX(0); }
}

.theme-toggle-btn {
  font-family: "Sora", sans-serif;
  font-size: 1.15rem;
  font-weight: 900;
}

body.vibely-theme .theme-toggle-btn {
  color: #05060a;
  background: #fffaf5;
  border-color: #05060a;
  box-shadow: -3px 2px 0 #00e7ee, 3px -2px 0 #ff2869;
}

@media (max-width: 640px) {
  body.vibely-theme .topbar {
    box-shadow: -3px 3px 0 rgba(0, 231, 238, 0.16), 3px -3px 0 rgba(255, 40, 105, 0.18);
  }

  .theme-toggle-btn {
    width: 38px;
    height: 38px;
  }

  body.vibely-theme .deck-card {
    min-height: calc(100dvh - 166px);
  }

  body.vibely-theme .deck-card__header {
    padding: 14px 60px 58px 14px;
  }

  body.vibely-theme .deck-card__visual,
  body.vibely-theme .deck-card__visual .video-overlay {
    min-height: 100%;
  }

  body.vibely-theme .deck-card__visual .video-overlay {
    padding: 106px 60px 14px 14px;
  }

  body.vibely-theme .profile-head {
    top: 14px;
    left: 14px;
    right: 60px;
    padding: 10px;
  }

  body.vibely-theme .gallery-plan-card {
    align-items: flex-start;
    flex-direction: column;
  }

  body.vibely-theme .profile-clip-cta {
    grid-template-columns: auto minmax(0, 1fr);
  }

  body.vibely-theme .profile-clip-cta .primary-button,
  body.vibely-theme .profile-clip-cta > small {
    grid-column: 1 / -1;
  }

  .profile-sheet {
    align-items: end;
  }

  .profile-sheet__panel {
    width: 100%;
    height: min(92dvh, 820px);
    border-top: 2px solid rgba(255, 255, 255, 0.15);
    border-left: 0;
    border-radius: 28px 28px 0 0;
    box-shadow: 0 -8px 0 rgba(0, 231, 238, 0.15), 0 -30px 90px rgba(0, 0, 0, 0.5);
  }
}

/* Immersive feed matching the approved mobile visualization. */
body.vibely-theme .topbar { width: min(560px,100%); margin-right: auto; margin-left: auto; }
body.vibely-theme .brand-lockup img { width: clamp(132px,16vw,160px); }
body.vibely-theme .brand-icon-btn img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
body.vibely-theme .feed-grid { width: min(560px,100%); margin: 0 auto; gap: 0; }
body.vibely-theme .feed-rail { width: 100%; max-width: 560px; margin: 0 auto; gap: 0; }
body.vibely-theme .deck-card {
  min-height: calc(100dvh - 92px);
  padding: 0;
  border: 0;
  border-radius: 30px;
  background: #090b12;
  box-shadow: 0 22px 55px rgba(0,0,0,.38);
  overflow: hidden;
}
body.vibely-theme .deck-card.is-active { border: 0; box-shadow: 0 22px 55px rgba(0,0,0,.38); }
body.vibely-theme .deck-card__visual,
body.vibely-theme .deck-card__visual .video-overlay { min-height: calc(100dvh - 92px); height: 100%; border-radius: inherit; }
body.vibely-theme .deck-card__visual .video-overlay { justify-content: flex-end; padding: 24px 28px 102px; }
body.vibely-theme .video-card.has-photo::after { background: linear-gradient(180deg,rgba(4,6,12,.01) 30%,rgba(4,6,12,.13) 48%,rgba(4,6,12,.88) 82%,rgba(4,6,12,.98) 100%); }
body.vibely-theme .profile-head--immersive { align-items: flex-end; margin: auto 0 0; }
body.vibely-theme .profile-name { color: #fff; font: 900 clamp(2rem,8vw,2.75rem)/1 "Sora",sans-serif; letter-spacing: -.065em; text-shadow: 0 3px 16px rgba(0,0,0,.6); }
body.vibely-theme .profile-meta { display: flex; align-items: center; gap: 7px; margin-top: 8px; color: rgba(255,255,255,.78); font-size: 1rem; }
body.vibely-theme .profile-meta small { color: inherit; font: inherit; white-space: nowrap; }
body.vibely-theme .profile-meta::before { content: ''; width: 12px; height: 16px; border: 2px solid currentColor; border-radius: 9px 9px 10px 10px; transform: rotate(45deg); }
body.vibely-theme .profile-bottom-panel { display: grid; gap: 13px; margin-top: 14px; }
body.vibely-theme .profile-bio--visible { display: -webkit-box; max-width: 38ch; margin: 0; overflow: hidden; color: #fff; font-size: clamp(.92rem,3.6vw,1.08rem); line-height: 1.38; text-shadow: 0 2px 12px rgba(0,0,0,.7); -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
body.vibely-theme .tag-row--visible { display: flex; flex-wrap: nowrap; gap: 10px; margin: 1px 0 0; }
body.vibely-theme .tag-row--visible button { min-width: 0; padding: 9px 18px; overflow: hidden; border: 2px solid #ff2ca0; border-radius: 999px; color: #fff; background: rgba(8,10,18,.36); box-shadow: inset 0 0 15px rgba(255,44,160,.08); font: 750 .82rem/1 "Sora",sans-serif; white-space: nowrap; text-overflow: ellipsis; backdrop-filter: blur(10px); }
body.vibely-theme .tag-row--visible button:nth-child(2) { border-color: #00e7ee; }
body.vibely-theme .pulse-meter { position: relative; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 12px; margin: 2px 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
body.vibely-theme .compatibility-hearts { width: 46px; height: 34px; overflow: visible; fill: none; stroke: #ff3d9d; stroke-width: 2.2; filter: drop-shadow(-2px 1px 0 #00e7ee); }
body.vibely-theme .pulse-meter .meter { grid-column: 2; grid-row: 1; height: 10px; background: rgba(255,255,255,.36); }
body.vibely-theme .pulse-meter .meter span { background: linear-gradient(90deg,#00e7ee 0%,#55f0dc 24%,#f7ff76 51%,#ff608c 72%,#ff24ab 100%) !important; box-shadow: 0 0 14px rgba(255,40,169,.4); }
body.vibely-theme .pulse-meter__label { grid-column: 3; grid-row: 1; margin: 0; }
body.vibely-theme .pulse-meter__label strong { color: #fff; font: 900 1.35rem/1 "Sora",sans-serif; text-shadow: 0 2px 9px rgba(0,0,0,.6); }
body.vibely-theme .compatibility-hit { position: absolute; inset: -8px; border: 0; background: transparent; cursor: pointer; }
body.vibely-theme .profile-secondary,
body.vibely-theme .profile-bottom-panel > .content-translate,
body.vibely-theme .deck-actions { display: none !important; }
body.vibely-theme .test-profile-badge { position: absolute; top: 18px; left: 18px; }
body.vibely-theme .demo-exit { position: absolute; top: 16px; left: 18px; z-index: 3; padding: 7px 10px; border-radius: 999px; color: #fff; background: rgba(8,10,18,.62); backdrop-filter: blur(12px); }
body.vibely-theme .feed-controls { top: 16px; right: 16px; }
body.vibely-theme .feed-context-trigger { border-color: rgba(255,255,255,.18); background: rgba(8,10,18,.5); box-shadow: none; }
body.vibely-theme .screen-tab .tab-icon--matches .icon-detail { fill: none; stroke: #fff; }
body.vibely-theme .screen-tab .tab-icon--create rect { fill: none; stroke: currentColor; }
body.vibely-theme .screen-tab .tab-icon--create .icon-detail { stroke: currentColor; }

@media (max-width: 640px) {
  body.vibely-theme { padding-bottom: 0; overflow-x: hidden; }
  body.vibely-theme .app-shell { padding: max(5px,env(safe-area-inset-top)) 5px 0; }
  body.vibely-theme .topbar { min-height: 62px; margin-bottom: 5px; padding: 7px 10px 7px 14px; border-radius: 24px; }
  body.vibely-theme .brand-lockup img { width: 132px; }
  body.vibely-theme .aura-counter { min-height: 40px; padding: 6px 11px; }
  body.vibely-theme .brand-icon-btn { width: 42px; height: 42px; }
  body.vibely-theme .feed-rail { height: calc(100dvh - 72px); }
  body.vibely-theme .deck-card,
  body.vibely-theme .deck-card__visual,
  body.vibely-theme .deck-card__visual .video-overlay { min-height: calc(100dvh - 72px); }
  body.vibely-theme .deck-card { border-radius: 27px 27px 0 0; }
  body.vibely-theme .deck-card__visual .video-overlay { padding: 20px 20px calc(94px + env(safe-area-inset-bottom)); }
  body.vibely-theme .screen-tabs { bottom: max(7px,env(safe-area-inset-bottom)); width: calc(100vw - 24px); min-height: 70px; padding: 7px 6px; border-radius: 28px; }
  body.vibely-theme .screen-tab { min-height: 54px; }
  body.vibely-theme .profile-name { font-size: clamp(1.9rem,9vw,2.5rem); }
  body.vibely-theme .profile-bottom-panel { gap: 11px; margin-top: 11px; }
  body.vibely-theme .tag-row--visible button { padding: 8px 15px; }
}

@media (prefers-reduced-motion: reduce) {
  body.vibely-theme .screen-tab.is-active {
    transform: none;
  }
}

/* Jasny wariant zachowuje neonowy charakter Vibely, ale odwraca powierzchnie aplikacji. */
body.vibely-theme.vibely-light {
  --bg: #fff7f2;
  --panel: rgba(255, 255, 255, 0.88);
  --panel-strong: #ffffff;
  --line: rgba(31, 24, 45, 0.13);
  --text: #201927;
  --muted: rgba(32, 25, 39, 0.64);
  --soft: rgba(32, 25, 39, 0.08);
  --vibely-yellow-text: #6b4d00;
  --vibely-yellow-soft: rgba(107, 77, 0, 0.1);
  --shadow: 0 24px 64px rgba(76, 42, 85, 0.14);
  color: var(--text);
  background: radial-gradient(circle at 5% 9%, rgba(0, 207, 215, 0.17), transparent 24rem), radial-gradient(circle at 96% 3%, rgba(255, 40, 105, 0.16), transparent 25rem), linear-gradient(145deg, #fffaf5, #f6f1ff 55%, #ecffff);
}

body.vibely-theme.vibely-light .backdrop { background: radial-gradient(circle at 13% 27%, rgba(0,210,219,.18), transparent 22%), radial-gradient(circle at 87% 18%, rgba(255,40,105,.16), transparent 24%), radial-gradient(circle at 54% 92%, rgba(130,40,255,.12), transparent 28%); }
body.vibely-theme.vibely-light .noise { opacity: .018; mix-blend-mode: multiply; }

body.vibely-theme.vibely-light .topbar,
body.vibely-theme.vibely-light .card,
body.vibely-theme.vibely-light .screen-tabs {
  color: var(--text);
  border-color: rgba(31,24,45,.12);
  background: rgba(255,255,255,.82);
  box-shadow: 0 20px 55px rgba(76,42,85,.12);
  -webkit-backdrop-filter: blur(20px) saturate(1.15);
  backdrop-filter: blur(20px) saturate(1.15);
}

body.vibely-theme.vibely-light .topbar { box-shadow: -5px 5px 0 rgba(0,205,214,.2), 5px -5px 0 rgba(255,40,105,.16); }
body.vibely-theme.vibely-light .screen-tab { color: rgba(32,25,39,.58); }
body.vibely-theme.vibely-light .screen-tab.is-active { color: #fff; background: #201927; border-color: #201927; }
body.vibely-theme.vibely-light .deck-card { background: #fff; border-color: rgba(31,24,45,.16); }

/* Nakładki na fotografie zawsze pozostają ciemnym szkłem dla czytelności. */
body.vibely-theme.vibely-light .deck-card .profile-head,
body.vibely-theme.vibely-light .deck-card .profile-bottom-panel,
body.vibely-theme.vibely-light .spark-allowance { color: #fff; }
body.vibely-theme.vibely-light .deck-card .profile-name,
body.vibely-theme.vibely-light .deck-card .profile-meta,
body.vibely-theme.vibely-light .deck-card .prompt,
body.vibely-theme.vibely-light .deck-card .tiny,
body.vibely-theme.vibely-light .deck-card .profile-more__content { color: rgba(255,255,255,.9); }

body.vibely-theme.vibely-light .ghost-btn,
body.vibely-theme.vibely-light .chat-icon-btn,
body.vibely-theme.vibely-light .composer-btn,
body.vibely-theme.vibely-light .chip,
body.vibely-theme.vibely-light .tag-picker__options button { color: var(--text); border-color: rgba(31,24,45,.13); background: rgba(255,255,255,.72); }

body.vibely-theme.vibely-light input,
body.vibely-theme.vibely-light textarea,
body.vibely-theme.vibely-light select,
body.vibely-theme.vibely-light .textarea,
body.vibely-theme.vibely-light .chat-composer textarea { color: var(--text); border-color: rgba(31,24,45,.13); background-color: rgba(255,255,255,.76); }

body.vibely-theme.vibely-light .mini-card,
body.vibely-theme.vibely-light .permission-card,
body.vibely-theme.vibely-light .profile-summary,
body.vibely-theme.vibely-light .membership-card,
body.vibely-theme.vibely-light .gallery-plan-card,
body.vibely-theme.vibely-light .chat-progress,
body.vibely-theme.vibely-light .chat-prompt { border-color: rgba(31,24,45,.1); background: rgba(255,255,255,.62); }

body.vibely-theme.vibely-light .membership-plan,
body.vibely-theme.vibely-light .conversation-item,
body.vibely-theme.vibely-light .chat-tool-panel,
body.vibely-theme.vibely-light .expression-picker,
body.vibely-theme.vibely-light .chat-safety-menu { color: var(--text); border-color: rgba(31,24,45,.11); background: rgba(255,255,255,.9); box-shadow: 0 12px 32px rgba(76,42,85,.08); }

body.vibely-theme.vibely-light .membership-plan--premium { background: linear-gradient(155deg, rgba(255,92,138,.12), rgba(124,109,255,.1), rgba(255,255,255,.88)); }
body.vibely-theme.vibely-light .message__bubble {
  color: #fffaf5;
  border-color: rgba(255,255,255,.1);
  background: rgba(17,19,28,.94);
  box-shadow: 0 8px 20px rgba(31,24,45,.14);
}
body.vibely-theme.vibely-light .message.is-mine .message__bubble {
  color: #fff;
  background: linear-gradient(135deg, rgba(255,92,138,.92), rgba(124,109,255,.92));
}
body.vibely-theme.vibely-light .message__bubble p,
body.vibely-theme.vibely-light .message__bubble strong,
body.vibely-theme.vibely-light .message__bubble span { color: inherit; }
body.vibely-theme.vibely-light .message__reply {
  color: rgba(255,255,255,.78);
  background: rgba(0,0,0,.2);
}
body.vibely-theme.vibely-light .chat-room,
body.vibely-theme.vibely-light .conversation-sidebar { background: rgba(255,255,255,.42); }
body.vibely-theme.vibely-light .expression-search,
body.vibely-theme.vibely-light .chat-search { background: rgba(255,255,255,.8); }
body.vibely-theme.vibely-light .expression-search input,
body.vibely-theme.vibely-light .chat-search input { color: var(--text); }
body.vibely-theme.vibely-light .theme-toggle-btn { color: #201927; background: #fff; border-color: rgba(31,24,45,.18); }

/* Profile sheets must switch surfaces together with their inherited text color. */
body.vibely-theme.vibely-light .profile-hub-sheet__backdrop {
  background: rgba(48,35,55,.28);
}

body.vibely-theme.vibely-light .profile-hub-sheet__panel {
  color: var(--text);
  border-color: rgba(31,24,45,.14);
  background: linear-gradient(155deg, rgba(255,255,255,.98), rgba(246,241,255,.98));
  box-shadow: 0 -24px 70px rgba(76,42,85,.2);
}

body.vibely-theme.vibely-light .profile-hub-sheet__panel > header {
  border-color: rgba(31,24,45,.1);
}

body.vibely-theme.vibely-light .profile-hub-sheet__panel > header button {
  color: var(--text);
  border-color: rgba(31,24,45,.13);
  background: rgba(32,25,39,.06);
}

body.vibely-theme.vibely-light .profile-hub-panel .aura-center,
body.vibely-theme.vibely-light .profile-hub-panel .aura-section,
body.vibely-theme.vibely-light .profile-hub-panel .aura-next,
body.vibely-theme.vibely-light .profile-hub-panel .aura-history,
body.vibely-theme.vibely-light .profile-hub-panel .aura-earn-more,
body.vibely-theme.vibely-light .profile-hub-panel .aura-kpi-grid article {
  color: var(--text);
  border-color: rgba(31,24,45,.1);
  background: rgba(255,255,255,.68);
}

body.vibely-theme.vibely-light .profile-hub-panel .aura-tabs button {
  color: var(--muted);
  border-color: rgba(31,24,45,.12);
  background: rgba(32,25,39,.045);
}

body.vibely-theme.vibely-light .profile-hub-panel .aura-tabs button.is-active {
  color: #081018;
  border-color: transparent;
  background: linear-gradient(90deg,#00e7ee,#f7ff76);
}

body.vibely-theme.vibely-light .profile-hub-panel .aura-week-chart i,
body.vibely-theme.vibely-light .profile-hub-panel .aura-sources i {
  background: rgba(32,25,39,.08);
}

body.vibely-theme.vibely-light .profile-hub-panel .profile-insights {
  color: var(--text);
  border-color: transparent;
  background: transparent;
}

body.vibely-theme.vibely-light .profile-hub-panel .insights-highlight {
  color: var(--text);
  background: linear-gradient(120deg, rgba(0,205,214,.12), rgba(255,40,105,.08));
}

body.vibely-theme.vibely-light .profile-hub-panel .insights-highlight p,
body.vibely-theme.vibely-light .profile-hub-panel .insights-metrics span,
body.vibely-theme.vibely-light .profile-hub-panel .insights-metrics small,
body.vibely-theme.vibely-light .profile-hub-panel .insights-funnel-row > span,
body.vibely-theme.vibely-light .profile-hub-panel .insights-winner small,
body.vibely-theme.vibely-light .profile-hub-panel .insights-winner p,
body.vibely-theme.vibely-light .profile-hub-panel .insights-time p,
body.vibely-theme.vibely-light .profile-hub-panel .insights-privacy {
  color: var(--muted);
}

body.vibely-theme.vibely-light .profile-hub-panel .insights-metrics article,
body.vibely-theme.vibely-light .profile-hub-panel .insights-funnel,
body.vibely-theme.vibely-light .profile-hub-panel .insights-unlock {
  color: var(--text);
  border-color: rgba(31,24,45,.1);
  background: rgba(255,255,255,.7);
}

body.vibely-theme.vibely-light .profile-hub-panel .insights-funnel-row > i {
  background: rgba(32,25,39,.1);
}

body.vibely-theme.vibely-light .profile-hub-panel .insights-time strong {
  color: var(--vibely-yellow-text);
}

body.vibely-theme.vibely-light .profile-hub-panel .insights-unlock.is-locked::after {
  color: var(--text);
  background: rgba(255,255,255,.78);
}

body.vibely-theme.vibely-light .profile-hub-panel .insights-tip {
  color: #081018;
  background: linear-gradient(120deg, #44f0da, #d8ffe9);
}

body.vibely-theme.vibely-light .profile-hub-panel .mini-card,
body.vibely-theme.vibely-light .profile-hub-panel .profile-summary {
  color: var(--text);
  border-color: rgba(31,24,45,.1);
  background: rgba(255,255,255,.7);
}

/* Neon yellow stays decorative; readable amber carries text on light surfaces. */
body.vibely-theme.vibely-light .membership-plan--premium li strong,
body.vibely-theme.vibely-light .profile-readiness > div:first-child strong,
body.vibely-theme.vibely-light .match-count,
body.vibely-theme.vibely-light .match-stage,
body.vibely-theme.vibely-light .pinned-message span,
body.vibely-theme.vibely-light .conversation-favorite:hover,
body.vibely-theme.vibely-light .conversation-row.is-favorite .conversation-favorite,
body.vibely-theme.vibely-light .chat-favorite-btn.is-active {
  color: var(--vibely-yellow-text);
  text-shadow: none;
}

body.vibely-theme.vibely-light .match-count,
body.vibely-theme.vibely-light .match-stage,
body.vibely-theme.vibely-light .chat-favorite-btn.is-active,
body.vibely-theme.vibely-light .pinned-message {
  border-color: rgba(107,77,0,.22);
  background: var(--vibely-yellow-soft);
}

/* These elements sit on deliberately dark branded surfaces. */
body.vibely-theme.vibely-light .aura-counter__copy small,
body.vibely-theme.vibely-light .plan-context-trigger strong,
body.vibely-theme.vibely-light .plan-context-panel > div b,
body.vibely-theme.vibely-light .aura-counter.is-gaining::after {
  color: #f7ff76;
}

/* Vibely chat signature: branded CTA energy without sacrificing readability. */
body.vibely-theme .message:not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble {
  position: relative;
  padding: 12px 15px;
  border: 2px solid #05060a;
  border-radius: 21px 21px 21px 7px;
  color: #fffaf5;
  background:
    linear-gradient(rgba(15, 18, 29, .92), rgba(15, 18, 29, .92)) padding-box,
    linear-gradient(130deg, #00e7ee, #6744ff 55%, #ff2869) border-box;
  box-shadow: -3px 3px 0 rgba(0, 231, 238, .72), 0 9px 24px rgba(0, 0, 0, .24);
  animation: vibelyBubbleIn .28s cubic-bezier(.2, .9, .25, 1) both;
}

body.vibely-theme .message.is-mine:not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble {
  border-radius: 21px 21px 7px 21px;
  background: linear-gradient(120deg, #ff2869 0%, #a31fff 56%, #5635ff 100%);
  box-shadow: -3px 3px 0 #00e7ee, 3px -3px 0 rgba(255, 40, 105, .85), 0 10px 26px rgba(74, 22, 132, .34);
}

body.vibely-theme .message:not(.is-mine):not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble::before,
body.vibely-theme .message.is-mine:not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble::before {
  content: '';
  position: absolute;
  bottom: -4px;
  width: 10px;
  height: 10px;
  border: 2px solid #05060a;
  background: inherit;
  transform: rotate(45deg);
  z-index: -1;
}

body.vibely-theme .message:not(.is-mine):not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble::before { left: 8px; }
body.vibely-theme .message.is-mine:not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble::before { right: 8px; }

body.vibely-theme .message__reply {
  border: 1px solid rgba(255,255,255,.18);
  border-left: 3px solid #00e7ee;
  border-radius: 9px;
  color: rgba(255,255,255,.82);
  background: rgba(5,6,10,.28);
}

body.vibely-theme .message__tools button {
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.68);
  background: rgba(12,14,23,.72);
  backdrop-filter: blur(8px);
}

body.vibely-theme .message__tools button:hover,
body.vibely-theme .message__tools button.is-active {
  color: #fff;
  border-color: #00e7ee;
  background: linear-gradient(120deg, rgba(255,40,105,.82), rgba(86,53,255,.82));
  box-shadow: -2px 2px 0 rgba(0,231,238,.68);
}

body.vibely-theme .message.is-saved .message__bubble {
  box-shadow: -3px 3px 0 #00e7ee, 3px -3px 0 #f7ff76, 0 10px 28px rgba(0,0,0,.3);
}

body.vibely-theme .message.effect-glow .message__bubble { box-shadow: -3px 3px 0 #00e7ee, 0 0 30px rgba(255,191,105,.62); }
body.vibely-theme .message.effect-laser .message__bubble { border-color: #05060a; box-shadow: -8px 3px 0 -4px #ff2869, 8px -3px 0 -4px #00e7ee, 0 10px 26px rgba(0,0,0,.28); }
body.vibely-theme .message.effect-diamond .message__bubble { border-color: #d8f9ff; box-shadow: -3px 3px 0 #00e7ee, 0 0 24px rgba(174,236,255,.6); }
body.vibely-theme .message.effect-aurora .message__bubble { background: linear-gradient(120deg,#15d7d2,#735cff,#ff2f7d); background-size: 240% 240%; animation: gifFlow 2.5s ease infinite; }
body.vibely-theme .message.effect-galaxy .message__bubble { background: radial-gradient(circle at 25% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 75% 65%,#fff 0 1px,transparent 2px),linear-gradient(135deg,#070b2c,#4a227e,#cf2f78); background-size: 35px 35px,47px 47px,100% 100%; animation: effectGalaxy 5s linear infinite; }

body.vibely-theme.vibely-light .message:not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble {
  color: #fffaf5;
  background:
    linear-gradient(rgba(17,19,28,.96), rgba(17,19,28,.96)) padding-box,
    linear-gradient(130deg, #00cdd6, #6744ff 55%, #ff2869) border-box;
}

body.vibely-theme.vibely-light .message.is-mine:not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble {
  color: #fff;
  background: linear-gradient(120deg, #ff2869 0%, #a31fff 56%, #5635ff 100%);
}

@keyframes vibelyBubbleIn {
  from { opacity: 0; transform: translateY(7px) scale(.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  body.vibely-theme .message .message__bubble { animation: none; }
}

/* Unified shell overrides live last so the brand skin cannot restore the old chrome. */
body.vibely-theme { padding-bottom: calc(82px + env(safe-area-inset-bottom)); }
body.vibely-theme .app-shell { padding-top: max(10px,env(safe-area-inset-top)); }
body.vibely-theme .topbar {
  position: sticky;
  top: max(7px,env(safe-area-inset-top));
  z-index: 70;
  min-height: 58px;
  align-items: center;
  margin-bottom: 10px;
  padding: 7px 9px 7px 12px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 22px;
  background: linear-gradient(110deg,rgba(8,11,20,.8),rgba(16,17,30,.66));
  box-shadow: 0 14px 36px rgba(0,0,0,.2);
  backdrop-filter: blur(24px) saturate(135%);
  opacity: 1;
}
body.vibely-theme .brand-lockup { margin: 0; }
body.vibely-theme .brand-lockup img { width: clamp(100px,12vw,126px); }
body.vibely-theme .topbar-actions { position: relative; align-items: center; flex-wrap: nowrap; gap: 9px; }
body.vibely-theme .topbar-utility,
body.vibely-theme .plan-context-trigger { display: none !important; }
body.vibely-theme .account-status-stack { display: block; }
body.vibely-theme .aura-counter { min-height: 40px; padding: 6px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(8,11,20,.7); box-shadow: -2px 2px 0 #00e7ee,2px -2px 0 #ff2869; }
body.vibely-theme .aura-counter__copy { display: block; min-width: 0; }
body.vibely-theme .aura-counter__copy strong { font-size: 1rem; }
body.vibely-theme .aura-counter__copy > i { display: none; }
body.vibely-theme .brand-icon-btn { width: 42px; height: 42px; border: 2px solid transparent; border-radius: 50%; background: linear-gradient(#0c101b,#0c101b) padding-box,linear-gradient(135deg,#00e7ee,#ff2869 64%,#f7ff76) border-box; box-shadow: 0 0 18px rgba(0,231,238,.15); }
body.vibely-theme .brand-icon-btn img { width: 34px; height: 34px; }
body.vibely-theme .screen-tabs { position: fixed; z-index: 65; left: 50%; right: auto; bottom: max(9px,env(safe-area-inset-bottom)); width: min(560px,calc(100vw - 20px)); grid-template-columns: repeat(5,minmax(0,1fr)); gap: 2px; padding: 7px; border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: linear-gradient(110deg,rgba(11,14,24,.94),rgba(17,17,30,.9)); box-shadow: 0 18px 55px rgba(0,0,0,.44); backdrop-filter: blur(24px) saturate(130%); transform: translateX(-50%); }
body.vibely-theme .screen-tab { min-width: 0; min-height: 52px; flex-direction: column; gap: 3px; padding: 5px 3px; border: 0; border-radius: 17px; background: transparent !important; box-shadow: none !important; overflow: visible; }
body.vibely-theme .screen-tab::after { inset: auto 24% 1px 24%; width: auto; height: 3px; border-radius: 999px; }
body.vibely-theme .screen-tab.is-active::after { background: linear-gradient(90deg,#ff2869,#00e7ee); box-shadow: 0 0 10px rgba(255,40,105,.55); animation: none; }
body.vibely-theme .screen-tab .tab-icon svg { width: 25px; height: 25px; }
body.vibely-theme .screen-tab .tab-icon--profile { width: 27px; height: 27px; border-radius: 50%; }
body.vibely-theme .tab-label { display: none; max-width: 100%; color: #fff; font: 800 .56rem/1 "Sora",sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.vibely-theme .screen-tab.is-active .tab-label { display: block; }
body.vibely-theme .screen-tab.is-active .tab-icon { color: #fff; filter: drop-shadow(0 0 7px rgba(0,231,238,.35)); }
body.vibely-theme .screen-tab .tab-icon { transform-origin: 50% 78%; will-change: transform,filter; }
body.vibely-theme .screen-tab.is-nav-switching .tab-icon { animation: vibelyNavIconTrail .56s cubic-bezier(.2,.82,.28,1) both; }
body.vibely-theme .screen-tabs.is-nav-forward .screen-tab.is-nav-switching::after { animation: vibelyNavTrailForward .52s cubic-bezier(.2,.82,.28,1) both; }
body.vibely-theme .screen-tabs.is-nav-backward .screen-tab.is-nav-switching::after { animation: vibelyNavTrailBackward .52s cubic-bezier(.2,.82,.28,1) both; }

@keyframes vibelyNavIconTrail {
  0% { transform: translateY(0) scale(1); filter: drop-shadow(0 0 0 rgba(0,231,238,0)); }
  28% { transform: translateY(2px) scale(.88,.82); filter: drop-shadow(-5px 1px 5px rgba(0,231,238,.52)); }
  62% { transform: translateY(-2px) scale(1.1,.98); filter: drop-shadow(5px 0 7px rgba(255,40,105,.58)); }
  100% { transform: translateY(0) scale(1); filter: drop-shadow(0 0 7px rgba(0,231,238,.35)); }
}

@keyframes vibelyNavTrailForward {
  0% { opacity: 0; transform: translateX(-72%) scaleX(.18); }
  56% { opacity: 1; transform: translateX(10%) scaleX(1.18); }
  100% { opacity: 1; transform: translateX(0) scaleX(1); }
}

@keyframes vibelyNavTrailBackward {
  0% { opacity: 0; transform: translateX(72%) scaleX(.18); }
  56% { opacity: 1; transform: translateX(-10%) scaleX(1.18); }
  100% { opacity: 1; transform: translateX(0) scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
  body.vibely-theme .screen-tab.is-nav-switching .tab-icon,
  body.vibely-theme .screen-tabs .screen-tab.is-nav-switching::after { animation: none; }
}

/* Calm, consistent press feedback for the remaining Vibely actions. */
body.vibely-theme #sendMessageBtn svg { transform-origin:50% 50%;will-change:transform,filter; }
body.vibely-theme #sendMessageBtn:active svg { animation:vibelySendForward .48s cubic-bezier(.2,.82,.28,1); }
body.vibely-theme #voiceBtn { transform-origin:50% 50%; }
body.vibely-theme #voiceBtn:active,
body.vibely-theme #voiceBtn.is-recording { animation:vibelyMicPulse 1.25s ease-in-out; }
body.vibely-theme .profile-gallery__item.is-media-arriving { animation:vibelyMediaArrive .62s cubic-bezier(.2,.82,.28,1) both; }

body.vibely-theme #saveDiscoveryBtn,
body.vibely-theme #saveProfileTagsBtn,
body.vibely-theme #profileCropSave,
body.vibely-theme #notificationSettingsDone,
body.vibely-theme #locationManualBtn { position:relative;isolation:isolate;overflow:hidden; }
body.vibely-theme #saveDiscoveryBtn::after,
body.vibely-theme #saveProfileTagsBtn::after,
body.vibely-theme #profileCropSave::after,
body.vibely-theme #notificationSettingsDone::after,
body.vibely-theme #locationManualBtn::after { content:"";position:absolute;z-index:-1;inset:-55%;pointer-events:none;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.5) 50%,transparent 64%);transform:translateX(-88%) rotate(5deg); }
body.vibely-theme #saveDiscoveryBtn:active,
body.vibely-theme #saveProfileTagsBtn:active,
body.vibely-theme #profileCropSave:active,
body.vibely-theme #notificationSettingsDone:active,
body.vibely-theme #locationManualBtn:active { animation:vibelyActionPress .42s cubic-bezier(.2,.85,.3,1); }
body.vibely-theme #saveDiscoveryBtn:active::after,
body.vibely-theme #saveProfileTagsBtn:active::after,
body.vibely-theme #profileCropSave:active::after,
body.vibely-theme #notificationSettingsDone:active::after,
body.vibely-theme #locationManualBtn:active::after { animation:vibelyActionFlow .6s ease-out; }

body.vibely-theme #limitUpgradeBtn,
body.vibely-theme [data-select-plan] { position:relative;isolation:isolate;overflow:hidden; }
body.vibely-theme #limitUpgradeBtn::after,
body.vibely-theme [data-select-plan]::after { content:"";position:absolute;z-index:1;inset:-70% -35%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.26) 50%,transparent 58%);transform:translateX(-72%); }
body.vibely-theme #limitUpgradeBtn:active,
body.vibely-theme [data-select-plan]:active { transform:scale(.985); }
body.vibely-theme #limitUpgradeBtn:active::after,
body.vibely-theme [data-select-plan]:active::after { animation:vibelyGlassGlint .78s ease-out; }

body.vibely-theme button[aria-label^="Zamknij"]:not([class*="backdrop"]):active,
body.vibely-theme button[aria-label^="Close"]:not([class*="backdrop"]):active { animation:vibelyClosePress .28s ease-out; }

@keyframes vibelySendForward { 0%{transform:translate(0) scale(1)} 32%{transform:translate(-2px,1px) scale(.9)} 68%{transform:translate(7px,-3px) scale(1.04);filter:drop-shadow(-5px 4px 5px rgba(0,231,238,.38))} 100%{transform:translate(0) scale(1)} }
@keyframes vibelyMicPulse { 0%,100%{transform:scale(1);box-shadow:inherit} 44%{transform:scale(.94);box-shadow:0 0 0 8px rgba(0,231,238,.12),0 0 18px rgba(255,40,105,.2)} 72%{transform:scale(1.03);box-shadow:0 0 0 15px rgba(0,231,238,0)} }
@keyframes vibelyMediaArrive { 0%{opacity:0;transform:translateY(30px) scale(.93)} 72%{opacity:1;transform:translateY(-3px) scale(1.015)} 100%{opacity:1;transform:translateY(0) scale(1)} }
@keyframes vibelyActionPress { 0%,100%{transform:scale(1)} 38%{transform:scale(.97)} 72%{transform:scale(1.015)} }
@keyframes vibelyActionFlow { to{transform:translateX(88%) rotate(5deg)} }
@keyframes vibelyGlassGlint { to{transform:translateX(72%)} }
@keyframes vibelyClosePress { 0%,100%{transform:scale(1)} 48%{transform:scale(.83) translateY(1px)} 80%{transform:scale(1.035)} }

@media (prefers-reduced-motion:reduce) {
  body.vibely-theme #sendMessageBtn:active svg,
  body.vibely-theme #voiceBtn:active,
  body.vibely-theme #voiceBtn.is-recording,
  body.vibely-theme .profile-gallery__item.is-media-arriving,
  body.vibely-theme button[aria-label^="Zamknij"]:not([class*="backdrop"]):active,
  body.vibely-theme button[aria-label^="Close"]:not([class*="backdrop"]):active { animation:none; }
}
body.vibely-theme .tab-icon--feed svg { fill: none; stroke: currentColor; }
body.vibely-theme .connection-banner.is-session-expired { top: max(76px,calc(env(safe-area-inset-top) + 66px)); }

body.vibely-theme.vibely-light .topbar,
body.vibely-theme.vibely-light .screen-tabs { border-color: rgba(10,18,28,.12); background: rgba(251,253,255,.88); box-shadow: 0 15px 42px rgba(35,48,65,.15); }
body.vibely-theme.vibely-light .screen-tab { color: #52606f; }
body.vibely-theme.vibely-light .screen-tab.is-active .tab-label { color: #121824; }

@media (max-width: 640px) {
  body.vibely-theme { padding-bottom: calc(74px + env(safe-area-inset-bottom)); }
  body.vibely-theme .app-shell { padding: max(7px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) 8px max(7px,env(safe-area-inset-left)); }
  body.vibely-theme .topbar { top: max(5px,env(safe-area-inset-top)); min-height: 52px; margin-bottom: 7px; padding: 5px 7px 5px 10px; border-radius: 19px; overflow: visible; }
  body.vibely-theme .brand-lockup img { width: 96px; }
  body.vibely-theme .topbar-actions { gap: 7px; }
  body.vibely-theme .aura-counter { min-height: 36px; padding: 5px 10px; }
  body.vibely-theme .aura-counter__copy strong { font-size: .9rem; }
  body.vibely-theme .brand-icon-btn { width: 38px; height: 38px; }
  body.vibely-theme .brand-icon-btn img { width: 30px; height: 30px; }
  body.vibely-theme .screen-tabs { width: calc(100vw - 14px); bottom: max(5px,env(safe-area-inset-bottom)); padding: 5px; border-radius: 22px; }
  body.vibely-theme .screen-tab { min-height: 50px; }
  body.vibely-theme .feed-rail { height: calc(100dvh - 128px); }
  body.vibely-theme .connection-banner.is-session-expired { top: max(68px,calc(env(safe-area-inset-top) + 60px)); }
}

/* Final approved composition: the photo is the screen, chrome floats above it. */
body.vibely-theme[data-screen="feed"] { padding: 0; background: #070910; overflow: hidden; }
body.vibely-theme[data-screen="feed"] .app-shell { width: 100%; max-width: none; height: 100dvh; margin: 0; padding: 0; overflow: hidden; }
body.vibely-theme[data-screen="feed"] .layout { display: block; height: 100dvh; padding: 0; }
body.vibely-theme[data-screen="feed"] .topbar {
  position: fixed;
  top: max(10px,env(safe-area-inset-top));
  left: 50%;
  z-index: 70;
  width: min(540px,calc(100vw - 24px));
  min-height: 66px;
  margin: 0;
  padding: 8px 12px 8px 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 28px;
  background: linear-gradient(110deg,rgba(9,11,18,.29),rgba(14,16,27,.4));
  box-shadow: 0 13px 38px rgba(0,0,0,.18);
  backdrop-filter: blur(18px) saturate(140%);
  transform: translateX(-50%);
}
body.vibely-theme[data-screen="feed"] .brand-lockup img { width: clamp(142px,34vw,172px); filter: drop-shadow(0 2px 6px rgba(0,0,0,.38)); }
body.vibely-theme[data-screen="feed"] .aura-counter { min-height: 44px; padding: 7px 14px; border-color: rgba(255,255,255,.22); background: rgba(8,10,18,.38); box-shadow: 0 0 0 2px #00e7ee,2px -2px 0 2px #ff309f; backdrop-filter: blur(12px); }
body.vibely-theme[data-screen="feed"] .aura-counter__copy strong { font-size: 1.12rem; }
body.vibely-theme[data-screen="feed"] .brand-icon-btn { width: 46px; height: 46px; background: linear-gradient(rgba(8,10,18,.28),rgba(8,10,18,.28)) padding-box,linear-gradient(135deg,#00e7ee,#ff309f 68%,#f7ff76) border-box; }
body.vibely-theme .brand-icon-btn { padding: 2px; overflow: hidden; aspect-ratio: 1; }
body.vibely-theme .brand-icon-btn img,
body.vibely-theme[data-screen="feed"] .brand-icon-btn img { display: block; width: 100%; height: 100%; max-width: none; border-radius: 50%; object-fit: cover; object-position: center; transform: none; }

/* Startup intro: the original mark separates to reveal the approved wordmark. */
body.vibely-theme .app-opening-intro {
  position: fixed; z-index: 10000; inset: 0; display: grid; place-items: center; overflow: hidden;
  background: radial-gradient(circle at 50% 45%,rgba(0,231,238,.08),transparent 26%),radial-gradient(circle at 55% 53%,rgba(255,47,157,.08),transparent 31%),linear-gradient(155deg,#080b14,#0b0f1c 58%,#070911);
  opacity: 1; visibility: visible; transition: opacity .48s ease,visibility .48s ease;
}
body.vibely-theme .app-opening-intro.is-leaving { opacity:0;visibility:hidden;pointer-events:none; }
body.vibely-theme .app-opening-intro__glow {
  position:absolute;top:50%;left:50%;width:220px;height:220px;border-radius:50%;
  background:conic-gradient(from 210deg,rgba(0,231,238,.28),rgba(115,80,255,.11),rgba(255,47,157,.28),rgba(0,231,238,.28));
  filter:blur(40px);animation:vibelyIntroGlow 2.3s ease both;transform:translate(-50%,-50%);
}
body.vibely-theme .app-opening-intro__lockup { position:relative;width:min(310px,78vw);height:150px; }
body.vibely-theme .app-opening-intro__mark,
body.vibely-theme .app-opening-intro__word { position:absolute;display:block;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.48)); }
body.vibely-theme .app-opening-intro__mark { top:29px;left:0;width:96px;height:96px;animation:vibelyIntroMark 2.3s cubic-bezier(.2,.8,.2,1) both; }
body.vibely-theme .app-opening-intro__word { top:22px;left:20%;width:80%;height:108px;animation:vibelyIntroWord 2.3s cubic-bezier(.2,.8,.2,1) both; }
body.vibely-theme .app-opening-intro__progress { position:absolute;left:50%;bottom:13%;width:74px;height:3px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.11);opacity:0;animation:vibelyIntroLine 2.3s ease both;transform:translateX(-50%); }
body.vibely-theme .app-opening-intro__progress i { display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00e7ee,#f7ff76,#ff2f9d);animation:vibelyIntroProgress 1.25s .56s cubic-bezier(.2,.7,.2,1) both; }
@keyframes vibelyIntroMark { 0%{opacity:0;left:calc(50% - 48px);transform:scale(.62);filter:blur(7px)}15%{opacity:1;left:calc(50% - 48px);transform:scale(1.08);filter:none}25%{opacity:1;left:calc(50% - 48px);transform:scale(1)}48%,100%{opacity:1;left:0;transform:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.48))} }
@keyframes vibelyIntroWord { 0%,24%{opacity:0;transform:translateX(-30px) scaleX(.86)}48%,100%{opacity:1;transform:none} }
@keyframes vibelyIntroGlow { 0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}25%,76%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:.65;transform:translate(-50%,-50%) scale(1.08)} }
@keyframes vibelyIntroLine { 0%,28%{opacity:0}42%,100%{opacity:1} }
@keyframes vibelyIntroProgress { from{transform:translateX(-100%)}to{transform:translateX(0)} }
@media (prefers-reduced-motion:reduce) {
  body.vibely-theme .app-opening-intro__glow,
  body.vibely-theme .app-opening-intro__mark,
  body.vibely-theme .app-opening-intro__word,
  body.vibely-theme .app-opening-intro__progress,
  body.vibely-theme .app-opening-intro__progress i { animation-duration:.01ms!important;animation-delay:0ms!important; }
}
body.vibely-theme .aura-counter,
body.vibely-theme .brand-icon-btn { -webkit-tap-highlight-color:transparent; }
body.vibely-theme .aura-counter:focus:not(:focus-visible),
body.vibely-theme .brand-icon-btn:focus:not(:focus-visible) { outline:none; }
body.vibely-theme .aura-counter.is-header-pressing,
body.vibely-theme .brand-icon-btn.is-header-pressing { transform:scale(.94);transition:transform .14s ease; }
body.vibely-theme .aura-counter.is-opening-aura { animation:vibelyAuraButtonOpen .48s cubic-bezier(.2,.82,.25,1); }
body.vibely-theme .aura-counter.is-opening-aura::after { animation:vibelyAuraStarOpen .48s ease-out; }
body.vibely-theme .brand-icon-btn.is-opening-profile-menu { animation:vibelyProfileButtonOpen .46s cubic-bezier(.2,.82,.25,1); }
body.vibely-theme .brand-icon-btn.is-opening-profile-menu img { animation:vibelyProfileImageOpen .46s ease-out; }
@keyframes vibelyAuraButtonOpen { 0%{transform:scale(.94)}42%{transform:translateY(-2px) scale(1.06)}100%{transform:none} }
@keyframes vibelyAuraStarOpen { 0%{transform:scale(.65) rotate(-18deg);filter:drop-shadow(0 0 0 rgba(247,255,118,0))}45%{transform:scale(1.35) rotate(10deg);filter:drop-shadow(0 0 9px rgba(247,255,118,.9))}100%{transform:none;filter:none} }
@keyframes vibelyProfileButtonOpen { 0%{transform:scale(.94)}48%{transform:scale(1.07);filter:drop-shadow(0 0 8px rgba(0,231,238,.55))}100%{transform:none;filter:none} }
@keyframes vibelyProfileImageOpen { 0%{transform:scale(.9)}48%{transform:scale(1.06) rotate(4deg)}100%{transform:none} }
@media (prefers-reduced-motion:reduce) {
  body.vibely-theme .aura-counter,
  body.vibely-theme .aura-counter::after,
  body.vibely-theme .brand-icon-btn,
  body.vibely-theme .brand-icon-btn img { animation:none!important;transition:none!important; }
}
body.vibely-theme[data-screen="feed"] .feed-grid,
body.vibely-theme[data-screen="feed"] .feed-rail { width: 100%; max-width: none; height: 100dvh; margin: 0; padding: 0; overflow-y: scroll; touch-action: pan-y; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; }
body.vibely-theme[data-screen="feed"] .deck-card {
  width: 100%;
  min-height: 100dvh;
  height: 100dvh;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #080a11;
  box-shadow: none;
}
body.vibely-theme[data-screen="feed"] .deck-card__visual,
body.vibely-theme[data-screen="feed"] .deck-card__visual .video-overlay { width: 100%; min-height: 100dvh; height: 100dvh; border-radius: 0; }
body.vibely-theme[data-screen="feed"] .deck-card__photo { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
body.vibely-theme[data-screen="feed"] .deck-card__clip { width:100%;height:100%;object-fit:cover;background:#050812; }
body.vibely-theme[data-screen="feed"] .deck-card__clip.is-hidden,body.vibely-theme[data-screen="feed"] .deck-card__photo.is-hidden { display:none; }
body.vibely-theme[data-screen="feed"] .feed-photo-dots i.is-clip { width:22px;background:linear-gradient(90deg,#f4d35e,#ff43a4); }
body.vibely-theme .profile-channel-slot--clip { border-style:solid;border-color:rgba(244,211,94,.28);background:linear-gradient(145deg,rgba(244,211,94,.07),rgba(239,60,154,.05)); }
body.vibely-theme[data-screen="feed"] .deck-card__photo { transition: filter .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease; }
body.vibely-theme[data-screen="feed"] .feed-photo-dots { position:absolute;z-index:8;top:18px;left:50%;display:flex;gap:5px;max-width:46%;transform:translateX(-50%);pointer-events:none; }
body.vibely-theme[data-screen="feed"] .feed-photo-dots i { width:18px;height:3px;border-radius:999px;background:rgba(255,255,255,.34);box-shadow:0 1px 5px rgba(0,0,0,.4);font-size:0;transition:width .2s ease,background .2s ease; }
body.vibely-theme[data-screen="feed"] .feed-photo-dots i.is-active { width:25px;background:linear-gradient(90deg,#16dce6,#ff41a3); }
body.vibely-theme[data-screen="feed"] .feed-photo-dots i.is-locked { background:rgba(255,255,255,.18); }
body.vibely-theme[data-screen="feed"] .feed-photo-counter { position:absolute;z-index:8;top:16px;right:18px;padding:5px 8px;border-radius:999px;color:#fff;background:rgba(5,8,15,.45);backdrop-filter:blur(10px);font:750 .62rem/1 "Sora",sans-serif;pointer-events:none; }
body.vibely-theme[data-screen="feed"] .feed-photo-lock { position:absolute;z-index:12;inset:0;display:grid;align-content:center;justify-items:center;gap:8px;padding:34px;color:#fff;text-align:center;background:linear-gradient(145deg,rgba(7,11,21,.94),rgba(18,15,35,.9));opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none; }
body.vibely-theme[data-screen="feed"] .feed-photo-lock.is-visible { opacity:1;visibility:visible;pointer-events:auto; }
body.vibely-theme[data-screen="feed"] .feed-photo-lock > span { width:54px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:19px;background:rgba(8,11,20,.58);box-shadow:-3px 3px 0 #00dce7,3px -3px 0 #ef3c9a;font-size:1.5rem;backdrop-filter:blur(14px); }
body.vibely-theme[data-screen="feed"] .feed-photo-lock strong { max-width:270px;font:850 1rem/1.25 "Sora",sans-serif;text-shadow:0 2px 14px rgba(0,0,0,.8); }
body.vibely-theme[data-screen="feed"] .feed-photo-lock p { max-width:280px;margin:0;color:rgba(255,255,255,.76);font:.72rem/1.4 "Sora",sans-serif; }
body.vibely-theme[data-screen="feed"] .feed-photo-lock button { margin-top:8px;min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:14px;color:#fff;background:linear-gradient(#111827,#111827) padding-box,linear-gradient(100deg,#00dce7,#ef3c9a) border-box;font:800 .72rem/1 "Sora",sans-serif;-webkit-tap-highlight-color:transparent; }
body.vibely-theme[data-screen="feed"] .deck-card__visual .video-overlay { padding: 110px clamp(22px,6vw,42px) calc(108px + env(safe-area-inset-bottom)); }
body.vibely-theme[data-screen="feed"] .video-card.has-photo::after { background: linear-gradient(180deg,rgba(4,6,12,.04) 0%,rgba(4,6,12,.015) 42%,rgba(4,6,12,.2) 57%,rgba(4,6,12,.91) 87%,rgba(4,6,12,.98) 100%); }
body.vibely-theme[data-screen="feed"] .profile-head,
body.vibely-theme[data-screen="feed"] .profile-bottom-panel { padding: 0; border: 0; border-radius: 0; color: #fff; background: none; box-shadow: none; backdrop-filter: none; }
body.vibely-theme[data-screen="feed"] .profile-head { display: block; margin: auto 0 0; }
body.vibely-theme[data-screen="feed"] .profile-head { position: static; inset: auto; z-index: auto; width: auto; }
body.vibely-theme[data-screen="feed"] .profile-name { margin: 0; color: #fff; font: 900 clamp(2.15rem,9vw,3rem)/.98 "Sora",sans-serif; letter-spacing: -.07em; }
body.vibely-theme[data-screen="feed"] .profile-online { display: inline-block; width: .42em; height: .42em; margin-left: .16em; border-radius: 50%; background: #36e36b; box-shadow: 0 0 10px rgba(54,227,107,.5); vertical-align: .12em; }
body.vibely-theme[data-screen="feed"] .profile-meta { margin: 9px 0 0; color: rgba(255,255,255,.78); }
body.vibely-theme[data-screen="feed"] .profile-bottom-panel { display: grid; gap: 12px; margin: 15px 0 0; }
body.vibely-theme[data-screen="feed"] .profile-bio--visible { margin: 0; color: #fff; font-size: clamp(.98rem,4vw,1.16rem); line-height: 1.35; }
body.vibely-theme[data-screen="feed"] .tag-row--visible { margin: 2px 0 0; }
body.vibely-theme[data-screen="feed"] .tag-row--visible button { color: #fff; background: rgba(5,7,13,.2); backdrop-filter: blur(7px); }
body.vibely-theme[data-screen="feed"] .tag-row--visible button span { margin-right: 9px; color: #ff3da5; font-size: 1.05rem; }
body.vibely-theme[data-screen="feed"] .tag-row--visible button:nth-child(2) span { color: #00e7ee; }
body.vibely-theme[data-screen="feed"] .pulse-meter { margin-top: 3px; }
body.vibely-theme[data-screen="feed"] .feed-controls { position: fixed; top: max(88px,calc(env(safe-area-inset-top) + 80px)); right: max(16px,env(safe-area-inset-right)); }
body.vibely-theme[data-screen="feed"] .feed-controls,
body.vibely-theme[data-screen="feed"] .test-profile-badge { display: none; }
body.vibely-theme[data-screen="feed"] .feed-controls.has-open-filters { display:block;z-index:2100; }
body.vibely-theme[data-screen="feed"] .feed-controls.has-open-filters .feed-filter-menu { max-height:calc(100dvh - 230px);overflow-y:auto; }
body.vibely-theme[data-screen="feed"] .screen-tabs { width: min(520px,calc(100vw - 28px)); min-height: 78px; bottom: max(10px,env(safe-area-inset-bottom)); padding: 8px 10px; border-radius: 32px; border-color: rgba(255,255,255,.14); background: linear-gradient(110deg,rgba(9,11,19,.78),rgba(18,18,30,.72)); box-shadow: 0 18px 55px rgba(0,0,0,.44); backdrop-filter: blur(22px) saturate(135%); }
body.vibely-theme[data-screen="feed"] .screen-tab { min-height: 58px; }
body.vibely-theme[data-screen="feed"] .screen-tab .tab-icon svg { width: 29px; height: 29px; }
body.vibely-theme[data-screen="feed"] .screen-tab .tab-icon--profile { width: 31px; height: 31px; }
body.vibely-theme .screen-tab .tab-icon--profile { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.vibely-theme .screen-tab .tab-icon--profile svg { fill: none; stroke: currentColor; }
body.vibely-theme .screen-tab .tab-icon--chat > svg > path:first-child { fill: none; stroke: currentColor; }

@media (min-width: 641px) {
  body.vibely-theme[data-screen="feed"] .feed-grid,
  body.vibely-theme[data-screen="feed"] .feed-rail,
  body.vibely-theme[data-screen="feed"] .deck-card { width: min(560px,100vw); margin-right: auto; margin-left: auto; }
  body.vibely-theme[data-screen="feed"] .deck-card { border-radius: 34px; }
}

/* Approved profile actions: likes, reject and Spark. */
body.vibely-theme[data-screen="feed"] .deck-actions {
  position: absolute;
  z-index: 8;
  top: 32%;
  right: max(18px,env(safe-area-inset-right));
  display: grid !important;
  width: 58px;
  gap: 12px;
  transform: none;
}
body.vibely-theme[data-screen="feed"] .deck-actions .action-btn {
  position: relative;
  display: grid;
  width: 58px;
  min-width: 58px;
  height: 58px;
  min-height: 58px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: rgba(8,10,18,.055) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.2);
  backdrop-filter: blur(12px) saturate(125%);
  -webkit-backdrop-filter: blur(12px) saturate(125%);
  -webkit-tap-highlight-color: transparent;
}
body.vibely-theme[data-screen="feed"] .deck-actions .action-btn:focus:not(:focus-visible) { outline:none; }
.header-context-menu button[data-header-action="sound"] { grid-template-columns:34px 1fr auto;-webkit-tap-highlight-color:transparent; }
.header-context-menu button[data-header-action="sound"] small { color:#6ffaff;font:700 .62rem/1 "Sora",sans-serif; }
.header-context-menu button[data-header-action="sound"].is-muted small { color:rgba(255,255,255,.5); }
.header-context-menu button[data-header-action="sound"].is-muted span { color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.14); }
body.vibely-light .header-context-menu button[data-header-action="sound"].is-muted small,
body.vibely-light .header-context-menu button[data-header-action="sound"].is-muted span { color:rgba(13,20,38,.55); }
body.vibely-theme[data-screen="feed"] .deck-actions .vibe-action { width: 64px; min-width: 64px; height: 64px; min-height: 64px; aspect-ratio: 1 / 1; justify-self: center; border-radius: 50%; box-shadow: 0 10px 25px rgba(0,0,0,.2); flex: none; }
body.vibely-theme[data-screen="feed"] .vibe-heart-icon { display: block; width: 34px; height: 30px; overflow: visible; fill: none; stroke: #ff32a6; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 5px rgba(255,50,166,.5)); }
body.vibely-theme[data-screen="feed"] .deck-actions .vibe-action small { color: #fff; font: 900 .76rem/1 "Sora",sans-serif; }
body.vibely-theme[data-screen="feed"] .deck-actions .vibe-action.is-vibed .vibe-heart-icon { fill: #ff32a6; stroke: #ff72c2; }
body.vibely-theme[data-screen="feed"] .skip-vibe-btn { border: 0 !important; background: rgba(8,10,18,.055) !important; box-shadow: 0 10px 25px rgba(0,0,0,.2) !important; }
body.vibely-theme[data-screen="feed"] .skip-vibe-icon { width: 33px; height: 33px; }
body.vibely-theme[data-screen="feed"] .skip-vibe-icon__shadow { display: none; }
body.vibely-theme[data-screen="feed"] .skip-vibe-icon__mark { stroke: #fff; stroke-width: 3; }
body.vibely-theme[data-screen="feed"] .spark-vibe-btn { border: 0 !important; background: rgba(8,10,18,.055) !important; box-shadow: 0 10px 25px rgba(0,0,0,.2) !important; }
body.vibely-theme[data-screen="feed"] .spark-vibe-logo { width: 39px; height: 39px; }
body.vibely-theme[data-screen="feed"] .prompt-reply-btn { display: none !important; }

/* Touch feedback only: preserve the approved profile action appearance. */
body.vibely-theme[data-screen="feed"] .deck-actions .action-btn { transition:transform .16s ease,filter .18s ease; }
body.vibely-theme[data-screen="feed"] .deck-actions .action-btn::after { content:"";position:absolute;inset:-6px;border:2px solid currentColor;border-radius:50%;opacity:0;pointer-events:none; }
body.vibely-theme[data-screen="feed"] .deck-actions .action-btn.is-touching { transform:scale(.84);filter:brightness(1.14); }
body.vibely-theme[data-screen="feed"] .deck-actions .action-btn.is-touching > svg,
body.vibely-theme[data-screen="feed"] .deck-actions .action-btn.is-touching > img { transform:scale(.86); }
body.vibely-theme[data-screen="feed"] .deck-actions .action-btn.is-action-animating { animation:vibelyActionRelease .48s cubic-bezier(.2,.85,.25,1.3); }
body.vibely-theme[data-screen="feed"] .deck-actions .action-btn.is-action-animating::after { animation:vibelyActionRing .5s ease-out; }
body.vibely-theme[data-screen="feed"] .deck-actions .vibe-action.is-action-animating .vibe-heart-icon { animation:vibelyHeartTouch .5s ease; }
body.vibely-theme[data-screen="feed"] .deck-actions .skip-vibe-btn.is-action-animating { animation:vibelyRejectTouch .46s ease; }
body.vibely-theme[data-screen="feed"] .deck-actions .spark-vibe-btn.is-action-animating .spark-vibe-logo { animation:vibelySparkTouch .58s ease; }
body.vibely-theme[data-screen="feed"] .deck-actions .vibe-action::after { color:#ff32a6; }
body.vibely-theme[data-screen="feed"] .deck-actions .skip-vibe-btn::after { color:#00e7ee; }
body.vibely-theme[data-screen="feed"] .deck-actions .spark-vibe-btn::after { color:#a76cff; }
body.vibely-theme[data-screen="feed"] .deck-actions .action-btn > svg,
body.vibely-theme[data-screen="feed"] .deck-actions .action-btn > img { transition:transform .18s ease; }
@keyframes vibelyActionRelease { 0%{transform:scale(.84)}45%{transform:scale(1.12)}100%{transform:scale(1)} }
@keyframes vibelyActionRing { 0%{opacity:.72;transform:scale(.76)}100%{opacity:0;transform:scale(1.5)} }
@keyframes vibelyHeartTouch { 0%,100%{transform:scale(1)}38%{transform:scale(1.3)}62%{transform:scale(.94)}82%{transform:scale(1.1)} }
@keyframes vibelyRejectTouch { 0%{transform:scale(.84) rotate(0)}46%{transform:scale(1.05) rotate(-10deg)}100%{transform:scale(1) rotate(0)} }
@keyframes vibelySparkTouch { 0%{transform:scale(.86) rotate(0)}46%{transform:scale(1.28) rotate(14deg);filter:drop-shadow(0 0 9px rgba(0,231,238,.8))}100%{transform:scale(1) rotate(0)} }
@media (prefers-reduced-motion:reduce) {
  body.vibely-theme[data-screen="feed"] .deck-actions .action-btn,
  body.vibely-theme[data-screen="feed"] .deck-actions .action-btn::after,
  body.vibely-theme[data-screen="feed"] .deck-actions .action-btn > svg,
  body.vibely-theme[data-screen="feed"] .deck-actions .action-btn > img { animation:none!important;transition:none!important; }
}

@media (max-width: 390px) {
  body.vibely-theme[data-screen="feed"] .deck-actions { right: max(12px,env(safe-area-inset-right)); width: 60px; }
  body.vibely-theme[data-screen="feed"] .deck-actions .action-btn { width: 54px; min-width: 54px; height: 54px; min-height: 54px; }
  body.vibely-theme[data-screen="feed"] .deck-actions .vibe-action { width: 60px; min-width: 60px; height: 60px; min-height: 60px; aspect-ratio: 1 / 1; }
}

/* Profile hub v98: unified full-screen Edit, Aura, Insights and Settings views. */
body.profile-hub-open { overflow: hidden; }
body.vibely-theme .profile-hub-sheet {
  align-items: center;
  padding: max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));
  background: rgba(3,5,11,.58);
}
body.vibely-theme .profile-hub-sheet__backdrop { background: rgba(3,5,11,.72); backdrop-filter: blur(16px); }
body.vibely-theme .profile-hub-sheet__panel {
  width: min(100%,560px);
  height: min(94dvh,900px);
  max-height: none;
  border: 1px solid rgba(144,157,205,.2);
  border-radius: 34px;
  color: #f8f9ff;
  background:
    radial-gradient(circle at 8% 18%,rgba(0,231,238,.08),transparent 30%),
    radial-gradient(circle at 94% 12%,rgba(255,48,159,.09),transparent 32%),
    linear-gradient(155deg,#090e19,#111522 58%,#091019);
  box-shadow: 0 30px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.045);
  animation: profileHubIn .28s cubic-bezier(.2,.82,.25,1);
}
@keyframes profileHubIn { from { opacity:0; transform:translateY(22px) scale(.985); } }
body.vibely-theme .profile-hub-sheet__panel > header {
  min-height: 88px;
  padding: 19px 22px 14px;
  border: 0;
  background: linear-gradient(110deg,rgba(10,14,25,.72),rgba(25,20,39,.6));
  backdrop-filter: blur(20px) saturate(140%);
}
body.vibely-theme .profile-hub-sheet__panel > header .eyebrow { color:#00e7ee; letter-spacing:.18em; }
body.vibely-theme .profile-hub-sheet__panel h3 { margin-top:6px; color:#fff; font:900 clamp(1.8rem,7vw,2.4rem)/1 "Sora",sans-serif; letter-spacing:-.055em; }
body.vibely-theme .profile-hub-sheet__panel > header button {
  width:44px; height:44px; border-color:rgba(255,255,255,.13); color:#fff; background:rgba(7,10,18,.58); box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
body.vibely-theme .profile-hub-sheet__content { padding:16px 18px calc(22px + env(safe-area-inset-bottom)); scrollbar-width:none; }
body.vibely-theme .profile-hub-sheet__content::-webkit-scrollbar { display:none; }
body.vibely-theme .profile-hub-panel { gap:12px; }
body.vibely-theme .profile-hub-panel > * { margin-block:0; }
body.vibely-theme .profile-hub-panel details,
body.vibely-theme .profile-hub-panel .field-group,
body.vibely-theme .profile-hub-panel .membership-card,
body.vibely-theme .profile-hub-panel .gallery-plan-card,
body.vibely-theme .profile-hub-panel .profile-clip-cta,
body.vibely-theme .profile-hub-panel .mini-card,
body.vibely-theme .profile-hub-panel .profile-summary {
  border:1px solid rgba(151,164,207,.16);
  border-radius:20px;
  background:rgba(14,19,32,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 9px 24px rgba(0,0,0,.12);
}

/* Edit */
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-hub-panel { gap:14px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-clip-cta {
  grid-template-columns:58px minmax(0,1fr); padding:16px; border-color:rgba(0,231,238,.25); background:radial-gradient(circle at 92% 20%,rgba(255,48,159,.14),transparent 34%),rgba(14,19,32,.8);
}
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-clip-cta__icon { width:54px;height:54px;border-radius:18px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-clip-cta button { grid-column:1/-1; min-height:48px; border-radius:16px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-clip-cta > small { grid-column:1/-1; text-align:center; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .field-group { padding:15px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] textarea,
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] select { color:#fff; border-color:rgba(255,255,255,.13); background:rgba(5,9,17,.5); }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-editor { display:grid;gap:12px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-editor__buttons { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-editor__buttons button { min-height:46px;border-radius:15px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-gallery { grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .membership-card { order:20; }

/* Aura */
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-center__body { gap:12px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-score-card {
  min-height:230px; border:1px solid rgba(247,215,102,.27); color:#fff; background:radial-gradient(circle,rgba(247,215,102,.14),transparent 55%),rgba(10,15,25,.58); box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-score-card::before {
  content:''; position:absolute; width:168px;height:168px;border:18px solid rgba(255,255,255,.12);border-top-color:#ffd86a;border-left-color:#ffd86a;border-radius:50%;transform:rotate(-34deg);box-shadow:0 0 28px rgba(255,216,106,.18);
}
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-score-card::after { opacity:.16; }
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-score-card > strong { color:#fff;font-size:3.2rem; }
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-score-card > span { color:#ffd86a;font-weight:800; }
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-score-card__brand { color:#ffd86a; }
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-tabs button.is-active { color:#10131c;background:linear-gradient(90deg,#ffd86a,#fff09d);box-shadow:none; }
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-next { border-color:rgba(255,216,106,.18); }
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-next small,
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-history li strong { color:#ffd86a; }

/* Statistics */
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .profile-insights { padding:0; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-highlight { min-height:76px;border:1px solid rgba(0,231,238,.17);background:linear-gradient(115deg,rgba(0,231,238,.1),rgba(255,48,159,.07)); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-metrics { gap:10px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-metrics article { min-height:112px;padding:15px;border-color:rgba(151,164,207,.16);border-radius:18px;background:linear-gradient(145deg,rgba(15,24,38,.88),rgba(13,17,30,.76)); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-metrics article:nth-child(even) { background:linear-gradient(145deg,rgba(28,20,40,.83),rgba(13,17,30,.76)); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-metrics strong { margin-top:8px;font-size:1.9rem; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-funnel,
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-unlock { border-radius:20px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .profile-grid,
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .profile-summary { display:none; }

/* Settings */
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-hub-panel { gap:10px; }
body.vibely-theme .profile-plan-shortcut { width:100%;min-height:62px;margin:12px 0 4px;padding:10px 14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(0,231,238,.18);border-radius:20px;color:#fff;background:linear-gradient(120deg,rgba(0,231,238,.09),rgba(255,48,159,.08));font:inherit;text-align:left;box-shadow:none; }
body.vibely-theme .profile-plan-shortcut__icon { width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:#081018;background:linear-gradient(135deg,#00e7ee,#ff4ca2);font-weight:900; }
body.vibely-theme .profile-plan-shortcut>span:nth-child(2) { display:grid;gap:2px;flex:1; }
body.vibely-theme .profile-plan-shortcut small { color:#50e8ef;font-size:.62rem;font-weight:800;letter-spacing:.14em; }
body.vibely-theme .profile-plan-shortcut strong { font-size:.94rem; }
body.vibely-theme .profile-plan-shortcut>b { padding:8px 11px;border-radius:12px;color:#62ebf2;background:rgba(0,231,238,.1);font-size:.72rem;white-space:nowrap; }
body.vibely-theme .hub-settings-overview .hub-settings-plan { min-height:70px;border-color:rgba(0,231,238,.2);background:linear-gradient(115deg,rgba(0,231,238,.1),rgba(255,48,159,.08)); }
body.vibely-theme .hub-settings-overview .hub-settings-plan__icon { width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#081018;background:linear-gradient(135deg,#00e7ee,#ff4ca2);font-weight:900; }
body.vibely-theme .hub-settings-overview .hub-settings-plan__icon svg { width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round; }
body.vibely-theme .hub-settings-overview .hub-settings-plan>span:nth-child(2) { display:grid;gap:2px;flex:1; }
body.vibely-theme .hub-settings-overview .hub-settings-plan small { color:#56e7ee;font-size:.62rem;font-weight:800;letter-spacing:.13em; }
body.vibely-theme .hub-settings-overview .hub-settings-plan b { padding:8px 11px;border-radius:12px;color:#5ee8ef;background:rgba(0,231,238,.1);font-size:.72rem;white-space:nowrap; }
body.vibely-theme.vibely-light .profile-plan-shortcut,body.vibely-theme.vibely-light .hub-settings-overview .hub-settings-plan { color:#101827;border-color:rgba(0,142,156,.2);background:linear-gradient(120deg,rgba(0,181,194,.1),rgba(220,38,132,.07)); }
body.vibely-theme.vibely-light .profile-plan-shortcut>b,body.vibely-theme.vibely-light .hub-settings-overview .hub-settings-plan b { color:#087f8a;background:rgba(0,171,184,.1); }

/* Profile icon palette: Neon Glass. */
body.vibely-theme .profile-hub button { border-color:rgba(151,174,215,.13);background:linear-gradient(145deg,rgba(18,27,45,.72),rgba(10,15,27,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
body.vibely-theme .profile-hub button>span { width:3rem;height:3rem;border:0;border-radius:1.05rem;color:#07101a;box-shadow:none;font-size:1.3rem;transition:transform .2s ease,filter .2s ease; }
body.vibely-theme .profile-hub button>span svg,body.vibely-theme .profile-plan-shortcut__icon svg { width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round; }
body.vibely-theme .profile-hub button:nth-child(1)>span { background:linear-gradient(140deg,#00e7ee,#72f5d4);filter:drop-shadow(0 0 10px rgba(0,231,238,.28)); }
body.vibely-theme .profile-hub button:nth-child(2)>span { background:linear-gradient(140deg,#ffe15e,#ff9d3e);filter:drop-shadow(0 0 10px rgba(255,197,55,.3)); }
body.vibely-theme .profile-hub button:nth-child(3)>span { background:linear-gradient(140deg,#ff69bb,#ff346e);filter:drop-shadow(0 0 10px rgba(255,48,159,.3)); }
body.vibely-theme .profile-hub button:nth-child(4)>span { background:linear-gradient(140deg,#6aa8ff,#a979ff);filter:drop-shadow(0 0 10px rgba(111,128,255,.3)); }
body.vibely-theme .profile-hub button:active>span { transform:scale(.88);filter:brightness(1.12) drop-shadow(0 0 15px currentColor); }
body.vibely-theme .profile-hub strong { margin-top:.18rem;color:#f6f8ff;font-size:.74rem; }
body.vibely-theme .profile-hub small { color:rgba(221,228,244,.58); }
body.vibely-theme.vibely-light .profile-hub button { border-color:rgba(36,29,46,.1);background:rgba(255,255,255,.78);box-shadow:0 7px 20px rgba(76,42,85,.05); }
body.vibely-theme.vibely-light .profile-hub strong { color:#201927; }
body.vibely-theme.vibely-light .profile-hub small { color:rgba(32,25,39,.58); }
@media (prefers-reduced-motion:reduce) { body.vibely-theme .profile-hub button>span { transition:none; } }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-visibility { overflow:hidden; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-visibility > summary {
  min-height:62px;padding:14px 16px;color:#f8f9ff;font:750 .88rem/1.2 "Sora",sans-serif;list-style:none;
}
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-visibility > summary::-webkit-details-marker { display:none; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-visibility > summary::after { content:'›';margin-left:auto;color:rgba(221,227,246,.52);font-size:1.35rem; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-visibility[open] > summary::after { transform:rotate(90deg); }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-visibility > div,
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-visibility > fieldset,
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-visibility > button { margin:0 14px 14px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .membership-card { padding:15px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] #logoutBtn { min-height:54px;border-color:rgba(255,79,117,.3);border-radius:18px;color:#ff708f;background:rgba(255,79,117,.07); }
body.vibely-theme .hub-settings-overview { display:grid;gap:9px; }
body.vibely-theme .hub-settings-overview > button { display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:60px;padding:12px 15px;border:1px solid rgba(151,164,207,.18);border-radius:17px;color:#f7f9ff;background:linear-gradient(145deg,rgba(17,24,39,.95),rgba(11,16,28,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);text-align:left; }
body.vibely-theme .hub-settings-overview > button svg { width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
body.vibely-theme .hub-settings-overview > button strong { font:750 .8rem/1.2 "Sora",sans-serif; }
body.vibely-theme .hub-settings-overview > button small { color:rgba(222,229,245,.66);font:650 .67rem/1 "Sora",sans-serif; }
body.vibely-theme #hubSettingsLanguage { display:flex;align-items:center;gap:7px; }
body.vibely-theme .language-native-select { position:absolute;width:1px;height:1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap; }
body.vibely-theme .language-flag-options { display:grid;gap:10px; }
body.vibely-theme .language-flag-options > button { display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:10px 14px;border:1px solid rgba(151,164,207,.18);border-radius:17px;color:#f7f9ff;background:linear-gradient(145deg,rgba(17,24,39,.95),rgba(11,16,28,.88));text-align:left; }
body.vibely-theme .language-flag-options > button b { opacity:0;color:#00e7ee;font-size:1rem; }
body.vibely-theme .language-flag-options > button.is-selected { border-color:rgba(0,231,238,.42);box-shadow:inset 0 0 20px rgba(0,231,238,.06); }
body.vibely-theme .language-flag-options > button.is-selected b { opacity:1; }
body.vibely-theme .language-flag-options > button:active { transform:scale(.985) translateX(2px); }
body.vibely-theme .language-flag { position:relative;display:inline-block;flex:0 0 auto;width:36px;height:24px;border-radius:4px;overflow:hidden;box-shadow:0 3px 9px rgba(0,0,0,.3); }
body.vibely-theme #hubSettingsLanguage .language-flag { width:25px;height:17px;border-radius:3px; }
body.vibely-theme .language-flag--pl { background:linear-gradient(to bottom,#fff 0 50%,#dc143c 50% 100%); }
body.vibely-theme .language-flag--gb { background:#16366f; }
body.vibely-theme .language-flag--gb::before { content:"";position:absolute;inset:0;background:linear-gradient(27deg,transparent 42%,#fff 42% 48%,#c8102e 48% 52%,#fff 52% 58%,transparent 58%),linear-gradient(-27deg,transparent 42%,#fff 42% 48%,#c8102e 48% 52%,#fff 52% 58%,transparent 58%); }
body.vibely-theme .language-flag--gb::after { content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 38%,#fff 38% 45%,#c8102e 45% 55%,#fff 55% 62%,transparent 62%),linear-gradient(to bottom,transparent 32%,#fff 32% 42%,#c8102e 42% 58%,#fff 58% 68%,transparent 68%); }
body.vibely-theme.vibely-light .language-flag-options > button { color:#201927;border-color:rgba(39,31,49,.11);background:rgba(255,255,255,.84); }
body.vibely-theme .hub-settings-overview > button > span { color:rgba(222,229,245,.58);font-size:1.4rem; }
body.vibely-theme .hub-settings-overview > button { transform-origin:50% 50%;transition:transform .18s ease,background-color .18s ease; }
body.vibely-theme .hub-settings-overview > button:active { animation:vibelySettingsRowPress .42s cubic-bezier(.2,.82,.28,1); }
body.vibely-theme .hub-settings-overview > button:active > svg:first-child { animation:vibelySettingsIconPress .42s cubic-bezier(.2,.82,.28,1); }
body.vibely-theme .hub-settings-overview > button:active > span:last-child { animation:vibelySettingsArrowPress .42s cubic-bezier(.2,.82,.28,1); }
body.vibely-theme .hub-settings-overview > button:active .hub-settings-switch { animation:vibelySettingsSwitchPress .46s ease; }
@keyframes vibelySettingsRowPress { 0%,100%{transform:translateX(0) scale(1)} 42%{transform:translateX(3px) scale(.985)} 76%{transform:translateX(1px) scale(1.005)} }
@keyframes vibelySettingsIconPress { 0%,100%{transform:scale(1)} 42%{transform:scale(.82) rotate(-5deg)} 76%{transform:scale(1.06) rotate(2deg)} }
@keyframes vibelySettingsArrowPress { 0%,100%{transform:translateX(0)} 52%{transform:translateX(4px)} }
@keyframes vibelySettingsSwitchPress { 0%,100%{transform:scale(1)} 42%{transform:scale(.9)} 76%{transform:scale(1.05)} }
@media (prefers-reduced-motion:reduce) { body.vibely-theme .hub-settings-overview > button:active,body.vibely-theme .hub-settings-overview > button:active > svg:first-child,body.vibely-theme .hub-settings-overview > button:active > span:last-child,body.vibely-theme .hub-settings-overview > button:active .hub-settings-switch { animation:none; } }
body.vibely-theme .hub-settings-overview > button.is-danger { margin-top:5px;color:#ff607d;border-color:rgba(255,75,112,.22);background:linear-gradient(145deg,rgba(43,20,31,.78),rgba(25,15,26,.78)); }
body.vibely-theme .hub-settings-overview > button.is-danger + button.is-danger { margin-top:0; }
body.vibely-theme .hub-settings-switch { position:relative;width:47px;height:27px;border-radius:999px;background:rgba(132,143,169,.35);box-shadow:inset 0 2px 5px rgba(0,0,0,.25);transition:.2s ease; }
body.vibely-theme .hub-settings-switch b { position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:.2s ease; }
body.vibely-theme .hub-settings-switch.is-on { background:linear-gradient(90deg,#00dbe8,#35ecf1);box-shadow:0 0 18px rgba(0,231,238,.3); }
body.vibely-theme .hub-settings-switch.is-on b { transform:translateX(20px); }
body.vibely-theme .hub-settings-context-bar { display:none;align-items:center;gap:11px; }
body.vibely-theme .hub-settings-context-bar button { width:40px;height:40px;border:1px solid rgba(151,164,207,.2);border-radius:14px;color:#fff;background:rgba(12,18,31,.82);font-size:1.45rem; }
body.vibely-theme .hub-settings-context-bar strong { color:#fff;font:800 .92rem/1 "Sora",sans-serif; }
body.vibely-theme .blocked-users-settings { padding:0!important;border:0!important;background:transparent!important; }
body.vibely-theme .blocked-users-list { display:grid;gap:10px; }
body.vibely-theme .blocked-user-row { display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;border:1px solid rgba(151,164,207,.18);border-radius:18px;background:linear-gradient(145deg,rgba(17,24,39,.95),rgba(11,16,28,.88)); }
body.vibely-theme .blocked-user-row > img,body.vibely-theme .blocked-user-row > span { display:grid;width:48px;height:48px;place-items:center;border-radius:50%;object-fit:cover;color:#fff;background:linear-gradient(145deg,#17495a,#652e52);font:800 1rem/1 "Sora",sans-serif; }
body.vibely-theme .blocked-user-row > div { display:grid;gap:4px;min-width:0; }
body.vibely-theme .blocked-user-row strong { overflow:hidden;color:#f7f9ff;font:750 .8rem/1.2 "Sora",sans-serif;text-overflow:ellipsis;white-space:nowrap; }
body.vibely-theme .blocked-user-row small { color:rgba(222,229,245,.62);font:600 .62rem/1.35 "Sora",sans-serif; }
body.vibely-theme .blocked-user-row button,body.vibely-theme .blocked-users-empty button { min-height:38px;padding:8px 11px;border:1px solid rgba(255,75,112,.25);border-radius:13px;color:#ff718e;background:rgba(255,75,112,.08);font:700 .68rem/1 "Sora",sans-serif; }
body.vibely-theme .blocked-user-row button:active { transform:scale(.96); }
body.vibely-theme .blocked-users-empty { display:grid;justify-items:center;gap:9px;padding:42px 18px;border:1px dashed rgba(151,164,207,.2);border-radius:20px;text-align:center; }
body.vibely-theme .blocked-users-empty strong { color:#f7f9ff;font:800 .9rem/1.2 "Sora",sans-serif; }
body.vibely-theme .blocked-users-empty p { margin:0;color:rgba(222,229,245,.62);font:600 .7rem/1.4 "Sora",sans-serif; }
body.vibely-theme.vibely-light .blocked-user-row { border-color:rgba(39,31,49,.11);background:rgba(255,255,255,.84); }
body.vibely-theme.vibely-light .blocked-user-row strong,body.vibely-theme.vibely-light .blocked-users-empty strong { color:#201927; }
body.vibely-theme.vibely-light .blocked-user-row small,body.vibely-theme.vibely-light .blocked-users-empty p { color:rgba(32,25,39,.6); }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-hub-panel:not([data-settings-context]) > .profile-visibility,
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-hub-panel:not([data-settings-context]) > .membership-card,
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-hub-panel:not([data-settings-context]) > #logoutBtn { display:none; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-hub-panel[data-settings-context] > .hub-settings-overview { display:none; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-hub-panel[data-settings-context] > .hub-settings-context-bar { display:flex; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-hub-panel[data-settings-context] > .profile-visibility:not(.is-settings-context-target),
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-hub-panel[data-settings-context] > .membership-card:not(.is-settings-context-target),
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-hub-panel[data-settings-context] > #logoutBtn { display:none; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .is-settings-context-target { display:block; }

/* Light theme keeps the same hierarchy with readable dark text. */
body.vibely-theme.vibely-light .profile-hub-sheet { background:rgba(235,231,243,.62); }
body.vibely-theme.vibely-light .profile-hub-sheet__backdrop { background:rgba(35,27,45,.28); }
body.vibely-theme.vibely-light .profile-hub-sheet__panel { color:#201927;background:radial-gradient(circle at 8% 18%,rgba(0,176,187,.08),transparent 30%),radial-gradient(circle at 94% 12%,rgba(226,35,129,.08),transparent 32%),linear-gradient(155deg,#fff,#f8f5fb 58%,#f1fbfc);box-shadow:0 28px 75px rgba(53,34,65,.24); }
body.vibely-theme.vibely-light .profile-hub-sheet__panel > header { background:rgba(255,255,255,.76); }
body.vibely-theme.vibely-light .profile-hub-sheet__panel h3,
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="settings"] .profile-visibility > summary { color:#201927; }
body.vibely-theme.vibely-light .hub-settings-overview > button { color:#201927;border-color:rgba(39,31,49,.11);background:rgba(255,255,255,.84);box-shadow:0 8px 22px rgba(76,42,85,.055); }
body.vibely-theme.vibely-light .hub-settings-overview > button small,
body.vibely-theme.vibely-light .hub-settings-overview > button > span { color:rgba(32,25,39,.55); }
body.vibely-theme.vibely-light .hub-settings-overview > button.is-danger { color:#d82f54;border-color:rgba(216,47,84,.18);background:rgba(255,241,245,.9); }
body.vibely-theme.vibely-light .hub-settings-context-bar strong { color:#201927; }
body.vibely-theme.vibely-light .profile-hub-sheet__panel > header button { color:#201927;background:rgba(255,255,255,.78); }
body.vibely-theme.vibely-light .profile-hub-panel details,
body.vibely-theme.vibely-light .profile-hub-panel .field-group,
body.vibely-theme.vibely-light .profile-hub-panel .membership-card,
body.vibely-theme.vibely-light .profile-hub-panel .gallery-plan-card,
body.vibely-theme.vibely-light .profile-hub-panel .profile-clip-cta,
body.vibely-theme.vibely-light .profile-hub-panel .mini-card,
body.vibely-theme.vibely-light .profile-hub-panel .profile-summary { color:#201927;border-color:rgba(39,31,49,.11);background:rgba(255,255,255,.78);box-shadow:0 9px 24px rgba(76,42,85,.055); }
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="edit"] textarea,
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="edit"] select { color:#201927;border-color:rgba(39,31,49,.13);background:rgba(255,255,255,.9); }
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="aura"] .aura-score-card { color:#201927;background:radial-gradient(circle,rgba(227,172,35,.12),transparent 55%),rgba(255,255,255,.74); }
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="aura"] .aura-score-card > strong { color:#201927; }
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-metrics article,
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-metrics article:nth-child(even) { color:#201927;border-color:rgba(39,31,49,.1);background:rgba(255,255,255,.84); }

@media (max-width:430px) {
  body.vibely-theme .profile-hub-sheet { padding:0;align-items:stretch; }
  body.vibely-theme .profile-hub-sheet__panel { width:100%;height:100dvh;border:0;border-radius:0; }
  body.vibely-theme .profile-hub-sheet__panel > header { min-height:calc(82px + env(safe-area-inset-top));padding:calc(15px + env(safe-area-inset-top)) 16px 12px; }
  body.vibely-theme .profile-hub-sheet__content { padding:13px 13px calc(20px + env(safe-area-inset-bottom)); }
  body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-score-card { min-height:205px; }
}

/* Profile color correction: shared Home chrome and calmer Vibely surfaces. */
body.vibely-theme[data-screen="profile"] .topbar {
  border-color: rgba(255,255,255,.14);
  background: linear-gradient(110deg,rgba(9,11,18,.29),rgba(14,16,27,.4));
  box-shadow: 0 13px 38px rgba(0,0,0,.18);
  backdrop-filter: blur(18px) saturate(140%);
}
body.vibely-theme[data-screen="profile"] .aura-counter { min-height: 44px; padding: 7px 14px; border-color: rgba(255,255,255,.22); background: rgba(8,10,18,.38); box-shadow: 0 0 0 2px #00e7ee,2px -2px 0 2px #ff309f; }
body.vibely-theme[data-screen="profile"] .aura-counter__copy strong { color: #fff; font-size: 1.12rem; text-shadow: 0 2px 8px rgba(0,0,0,.38),0 0 10px rgba(0,231,238,.28); }
body.vibely-theme[data-screen="profile"] #profilePanel { background: radial-gradient(circle at 12% 16%,rgba(0,231,238,.035),transparent 25%),radial-gradient(circle at 88% 72%,rgba(255,48,159,.03),transparent 28%),#070910; }
body.vibely-theme[data-screen="profile"] .profile-aura-preview,
body.vibely-theme[data-screen="profile"] .profile-hub button,
body.vibely-theme[data-screen="profile"] .profile-gallery-preview { border-color: rgba(255,255,255,.1); background: rgba(13,16,25,.76); box-shadow: 0 9px 28px rgba(0,0,0,.15); }
body.vibely-theme[data-screen="profile"] .profile-aura-preview { background: radial-gradient(circle at 10% 30%,rgba(0,231,238,.055),transparent 30%),radial-gradient(circle at 90% 30%,rgba(255,48,159,.045),transparent 32%),rgba(13,16,25,.8); }
body.vibely-theme[data-screen="profile"] .profile-hub button > span { color: #dce3f8; border-color: rgba(0,231,238,.5); border-right-color: rgba(255,48,159,.5); background: rgba(18,21,33,.9); }
body.vibely-theme[data-screen="profile"] .profile-plan-badge { border-color: rgba(255,48,159,.65); border-left-color: rgba(0,231,238,.68); background: rgba(12,15,24,.72); }
body.vibely-theme.vibely-light[data-screen="profile"] .topbar { border-color: rgba(39,31,49,.12); background: linear-gradient(110deg,rgba(255,255,255,.82),rgba(249,244,255,.76)); box-shadow: 0 13px 36px rgba(76,42,85,.11); }
body.vibely-theme.vibely-light[data-screen="profile"] .aura-counter { color: #201927; border-color: rgba(39,31,49,.14); background: rgba(255,255,255,.82); box-shadow: 0 0 0 2px rgba(0,205,214,.75),2px -2px 0 2px rgba(226,35,129,.68); }
body.vibely-theme.vibely-light[data-screen="profile"] .aura-counter__copy strong { color: #201927; text-shadow: none; }
body.vibely-theme.vibely-light[data-screen="profile"] #profilePanel { background: radial-gradient(circle at 12% 16%,rgba(0,205,214,.035),transparent 25%),radial-gradient(circle at 88% 72%,rgba(226,35,129,.03),transparent 28%),#f7f5fa; }
body.vibely-theme.vibely-light[data-screen="profile"] .profile-aura-preview,
body.vibely-theme.vibely-light[data-screen="profile"] .profile-hub button,
body.vibely-theme.vibely-light[data-screen="profile"] .profile-gallery-preview { color: #201927; border-color: rgba(39,31,49,.1); background: rgba(255,255,255,.82); box-shadow: 0 9px 26px rgba(76,42,85,.065); }
body.vibely-theme.vibely-light[data-screen="profile"] .profile-hub button > span { color: #302638; background: rgba(255,255,255,.9); }

/* Keep the conversation index on the exact same chrome and palette as Home. */
body.vibely-theme[data-screen="chat"]:has(.chat-panel.is-list-view) > .app-shell > .topbar {
  position: fixed; top: max(10px,env(safe-area-inset-top)); left: 50%; z-index: 70; display: flex;
  width: min(540px,calc(100vw - 24px)); min-height: 66px; margin: 0; padding: 8px 12px 8px 16px;
  border: 1px solid rgba(255,255,255,.14); border-radius: 28px;
  background: linear-gradient(110deg,rgba(9,11,18,.29),rgba(14,16,27,.4));
  box-shadow: 0 13px 38px rgba(0,0,0,.18); backdrop-filter: blur(18px) saturate(140%); transform: translateX(-50%);
}
body.vibely-theme[data-screen="chat"]:has(.chat-panel.is-list-view) .brand-lockup img { width: clamp(142px,34vw,172px); filter: drop-shadow(0 2px 6px rgba(0,0,0,.38)); }
body.vibely-theme[data-screen="chat"]:has(.chat-panel.is-list-view) .aura-counter { min-height: 44px; padding: 7px 14px; border-color: rgba(255,255,255,.22); background: rgba(8,10,18,.38); box-shadow: 0 0 0 2px #00e7ee,2px -2px 0 2px #ff309f; backdrop-filter: blur(12px); }
body.vibely-theme[data-screen="chat"]:has(.chat-panel.is-list-view) .aura-counter__copy strong { font-size: 1.12rem; }
body.vibely-theme[data-screen="chat"]:has(.chat-panel.is-list-view) .brand-icon-btn { width: 46px; height: 46px; background: linear-gradient(rgba(8,10,18,.28),rgba(8,10,18,.28)) padding-box,linear-gradient(135deg,#00e7ee,#ff309f 68%,#f7ff76) border-box; }
body.vibely-theme[data-screen="chat"]:has(.chat-panel.is-list-view) .conversation-list-head { display: none; }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-sidebar {
  padding-top: calc(max(10px,env(safe-area-inset-top)) + 84px);
  background: radial-gradient(circle at 12% 18%,rgba(0,231,238,.055),transparent 28%),radial-gradient(circle at 88% 72%,rgba(255,48,159,.05),transparent 30%),#070910;
}
body.vibely-theme[data-screen="chat"] .conversation-search { border-color: rgba(255,255,255,.12); background: rgba(14,17,27,.72); box-shadow: 0 10px 28px rgba(0,0,0,.18); backdrop-filter: blur(16px); }
body.vibely-theme[data-screen="chat"] .conversation-active-avatar,
body.vibely-theme[data-screen="chat"] .conversation-item__avatar { border-width: 2px; }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item { border-color: rgba(255,255,255,.09); background: rgba(15,18,28,.7); box-shadow: 0 8px 24px rgba(0,0,0,.14); backdrop-filter: blur(12px); }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item.is-active { border-color: rgba(0,231,238,.22); background: linear-gradient(110deg,rgba(12,25,34,.76),rgba(25,15,32,.72)); }
body.vibely-theme.vibely-light[data-screen="chat"]:has(.chat-panel.is-list-view) > .app-shell > .topbar { border-color: rgba(39,31,49,.12); background: linear-gradient(110deg,rgba(255,255,255,.82),rgba(249,244,255,.76)); box-shadow: 0 13px 36px rgba(76,42,85,.11); }
body.vibely-theme.vibely-light[data-screen="chat"]:has(.chat-panel.is-list-view) .aura-counter { color: #201927; border-color: rgba(39,31,49,.14); background: rgba(255,255,255,.82); box-shadow: 0 0 0 2px rgba(0,205,214,.75),2px -2px 0 2px rgba(226,35,129,.68); }
body.vibely-theme.vibely-light[data-screen="chat"]:has(.chat-panel.is-list-view) .aura-counter__copy strong { color: #201927; text-shadow: none; }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-panel.is-list-view .conversation-sidebar { background: radial-gradient(circle at 12% 18%,rgba(0,205,214,.06),transparent 28%),radial-gradient(circle at 88% 72%,rgba(226,35,129,.05),transparent 30%),#f7f5fa; }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-active-section h3,
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-list-title h3,
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-active-list button,
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-item__copy strong,
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-empty { color: #201927; }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-item__copy > span,
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-item__time,
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-muted,
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-list-hint { color: rgba(32,25,39,.62); }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-search input { color: #201927; caret-color: #201927; }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-search input::placeholder { color: rgba(32,25,39,.48); }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-search > span { color: #302638; }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-panel.is-list-view .conversation-item { color: #201927; border-color: rgba(39,31,49,.11); background: rgba(255,255,255,.78); box-shadow: 0 8px 22px rgba(76,42,85,.07); }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-panel.is-list-view .conversation-item.is-active { border-color: rgba(0,175,186,.28); background: linear-gradient(110deg,rgba(236,253,255,.92),rgba(255,239,249,.9)); }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-pin { color: #67536f; }

/* Own profile based on the approved Vibely visualization. */
body.vibely-theme[data-screen="profile"] { padding: 0; overflow: hidden; background: #070910; }
body.vibely-theme[data-screen="profile"] .app-shell { width: 100%; max-width: none; height: 100dvh; margin: 0; padding: 0; overflow: hidden; }
body.vibely-theme[data-screen="profile"] .layout { display: block; height: 100dvh; padding: 0; }
body.vibely-theme[data-screen="profile"] .topbar { position: fixed; top: max(10px,env(safe-area-inset-top)); left: 50%; z-index: 70; width: min(540px,calc(100vw - 24px)); min-height: 66px; margin: 0; padding: 8px 12px 8px 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 28px; background: linear-gradient(110deg,rgba(9,11,18,.29),rgba(14,16,27,.4)); box-shadow: 0 13px 38px rgba(0,0,0,.18); backdrop-filter: blur(18px) saturate(140%); transform: translateX(-50%); }
body.vibely-theme[data-screen="profile"] .brand-lockup img { width: clamp(142px,34vw,172px); filter: drop-shadow(0 2px 6px rgba(0,0,0,.38)); }
body.vibely-theme[data-screen="profile"] .aura-counter { min-height: 44px; padding: 7px 14px; border-color: rgba(255,255,255,.22); background: rgba(8,10,18,.38); box-shadow: 0 0 0 2px #00e7ee,2px -2px 0 2px #ff309f; backdrop-filter: blur(12px); }
body.vibely-theme[data-screen="profile"] .brand-icon-btn { width: 46px; height: 46px; background: linear-gradient(rgba(8,10,18,.28),rgba(8,10,18,.28)) padding-box,linear-gradient(135deg,#00e7ee,#ff309f 68%,#f7ff76) border-box; }
body.vibely-theme[data-screen="profile"] #profilePanel { position: fixed; inset: 0; z-index: 20; display: block; width: min(560px,100%); height: 100dvh; margin: 0 auto; padding: calc(max(10px,env(safe-area-inset-top)) + 92px) 18px calc(104px + env(safe-area-inset-bottom)); overflow-x: hidden; overflow-y: auto; border: 0; border-radius: 0; color: #f8f9ff; background: radial-gradient(circle at 12% 18%,rgba(0,231,238,.055),transparent 28%),radial-gradient(circle at 88% 72%,rgba(255,48,159,.05),transparent 30%),#070910; box-shadow: none; }
body.vibely-theme[data-screen="profile"] #profilePanel > .panel-head { display: none; }
body.vibely-theme[data-screen="profile"] .profile-hero { display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; gap: 20px; margin: 4px 0 18px; padding: 0; border: 0; background: transparent; }
body.vibely-theme[data-screen="profile"] .profile-avatar { width: 150px; height: 150px; border: 4px solid transparent; border-radius: 50%; background: linear-gradient(#111522,#111522) padding-box,linear-gradient(140deg,#00e7ee,#714eff 52%,#ff30a0) border-box; box-shadow: 0 0 28px rgba(77,59,255,.16); }
body.vibely-theme[data-screen="profile"] .profile-avatar::after { right: 2px; bottom: 8px; width: 40px; height: 40px; border: 3px solid #070910; border-radius: 50%; background: linear-gradient(135deg,#00e7ee,#ff30a0); box-shadow: none; }
body.vibely-theme[data-screen="profile"] .profile-hero__copy { display: grid; justify-items: start; gap: 7px; min-width: 0; }
body.vibely-theme[data-screen="profile"] .profile-hero__copy .eyebrow { display: none; }
body.vibely-theme[data-screen="profile"] .profile-hero__copy > strong { font-size: clamp(1.45rem,6vw,2rem); line-height: 1; letter-spacing: -.04em; }
body.vibely-theme[data-screen="profile"] .profile-hero__location { color: rgba(220,225,244,.72); font-size: .82rem; }
body.vibely-theme[data-screen="profile"] .profile-plan-badge { padding: 7px 12px; border: 1px solid #ff38af; border-left-color: #f7c94b; border-radius: 999px; color: #fff; background: rgba(25,17,38,.62); font-size: .72rem; font-weight: 850; }
body.vibely-theme[data-screen="profile"] #profileBio { margin: 3px 0 0; color: rgba(238,240,250,.82); font-size: .8rem; line-height: 1.4; }
body.vibely-theme[data-screen="profile"] .profile-tag-preview { display: flex; flex-wrap: wrap; gap: 7px; }
body.vibely-theme[data-screen="profile"] .profile-tag-preview span { padding: 6px 10px; border: 1px solid rgba(0,231,238,.45); border-radius: 999px; color: #eef1ff; background: rgba(10,14,24,.55); font-size: .66rem; }
body.vibely-theme[data-screen="profile"] .profile-readiness { margin: 0 0 14px; padding: 0; border: 0; background: transparent; }
body.vibely-theme[data-screen="profile"] .profile-readiness > div:first-child { display: flex; align-items: baseline; gap: 8px; }
body.vibely-theme[data-screen="profile"] .profile-readiness .eyebrow { color: #f8f9ff; font-size: .82rem; letter-spacing: 0; text-transform: none; }
body.vibely-theme[data-screen="profile"] .profile-readiness #profileCompletenessValue { color: #00e7ee; font-size: 1.05rem; }
body.vibely-theme[data-screen="profile"] .profile-readiness #profileCompletenessCopy,
body.vibely-theme[data-screen="profile"] .profile-readiness__actions { display: none; }
body.vibely-theme[data-screen="profile"] .profile-readiness .meter { height: 7px; margin-top: 7px; background: rgba(255,255,255,.14); }
body.vibely-theme[data-screen="profile"] .profile-readiness .meter span { background: linear-gradient(90deg,#00e7ee,#56f1cf 42%,#f7df65 66%,#ff30a0); }
body.vibely-theme[data-screen="profile"] .profile-aura-preview { display: grid; grid-template-columns: 70px minmax(0,1fr) auto; align-items: center; gap: 15px; margin: 0 0 14px; padding: 14px 16px; border: 1px solid rgba(137,153,207,.22); border-radius: 24px; background: radial-gradient(circle at 82% 20%,rgba(255,48,159,.12),transparent 36%),radial-gradient(circle at 25% 20%,rgba(0,231,238,.1),transparent 38%),rgba(14,18,31,.72); }
body.vibely-theme[data-screen="profile"] .profile-aura-preview__mark { display: grid; width: 62px; height: 62px; place-items: center; border: 2px solid #00e7ee; border-right-color: #ff30a0; border-radius: 50%; color: #f7ff76; background: radial-gradient(circle,#7928ff,#181226 68%); box-shadow: 0 0 24px rgba(122,40,255,.3); font-size: 1.8rem; }
body.vibely-theme[data-screen="profile"] .profile-aura-preview > div { display: grid; gap: 2px; }
body.vibely-theme[data-screen="profile"] .profile-aura-preview small,
body.vibely-theme[data-screen="profile"] .profile-aura-preview span { color: rgba(210,217,241,.68); font-size: .68rem; }
body.vibely-theme[data-screen="profile"] .profile-aura-preview strong { font-size: 1.65rem; }
body.vibely-theme[data-screen="profile"] .profile-aura-preview b { color: #ff38cf; }
body.vibely-theme[data-screen="profile"] .profile-hub { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0 0 14px; }
body.vibely-theme[data-screen="profile"] .profile-hub button { position: relative; grid-template-columns: 48px minmax(0,1fr); grid-template-rows: auto auto; justify-items: start; gap: 2px 12px; min-height: 82px; padding: 14px; border-color: rgba(137,153,207,.2); border-radius: 22px; background: rgba(14,18,31,.68); text-align: left; }
body.vibely-theme[data-screen="profile"] .profile-hub button::after { content: '›'; position: absolute; top: 50%; right: 12px; color: rgba(205,212,239,.58); font-size: 1.5rem; transform: translateY(-50%); }
body.vibely-theme[data-screen="profile"] .profile-hub button > span { grid-row: 1 / 3; width: 48px; height: 48px; border: 1px solid #00e7ee; border-right-color: #ff30a0; border-radius: 14px; color: #70f3ff; background: rgba(30,20,50,.75); box-shadow: none; }
body.vibely-theme[data-screen="profile"] .profile-hub strong { align-self: end; font-size: .85rem; }
body.vibely-theme[data-screen="profile"] .profile-hub small { align-self: start; font-size: .65rem; }
body.vibely-theme[data-screen="profile"] .profile-gallery-preview { display: grid; width: 100%; gap: 10px; padding: 14px; border: 1px solid rgba(137,153,207,.2); border-radius: 24px; color: #fff; background: rgba(14,18,31,.68); font: inherit; text-align: left; }
body.vibely-theme[data-screen="profile"] .profile-gallery-preview__head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; }
body.vibely-theme[data-screen="profile"] .profile-gallery-preview__head small { color: rgba(205,212,239,.64); }
body.vibely-theme[data-screen="profile"] .profile-gallery-preview__head i { color: rgba(205,212,239,.6); font-size: 1.4rem; font-style: normal; }
body.vibely-theme[data-screen="profile"] .profile-gallery-preview__photos { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
body.vibely-theme[data-screen="profile"] .profile-gallery-preview__photos > span { display: grid; min-height: 92px; place-items: center; overflow: hidden; border-radius: 16px; color: rgba(205,212,239,.6); background: rgba(255,255,255,.04); }
body.vibely-theme[data-screen="profile"] .profile-gallery-preview__photos img { display: block; width: 100%; height: 92px; object-fit: cover; }
body.vibely-theme[data-screen="profile"] #profilePanel > .profile-visibility,
body.vibely-theme[data-screen="profile"] #profilePanel > .aura-center,
body.vibely-theme[data-screen="profile"] #profilePanel > .profile-insights,
body.vibely-theme[data-screen="profile"] #profilePanel > .profile-summary,
body.vibely-theme[data-screen="profile"] #profilePanel > .profile-grid,
body.vibely-theme[data-screen="profile"] #profilePanel > #logoutBtn { display: none; }
body.vibely-theme.vibely-light[data-screen="profile"] #profilePanel { color: #201927; background: radial-gradient(circle at 12% 18%,rgba(0,205,214,.06),transparent 28%),radial-gradient(circle at 88% 72%,rgba(226,35,129,.05),transparent 30%),#f7f5fa; }
body.vibely-theme.vibely-light[data-screen="profile"] .profile-hero__location,
body.vibely-theme.vibely-light[data-screen="profile"] #profileBio,
body.vibely-theme.vibely-light[data-screen="profile"] .profile-aura-preview small,
body.vibely-theme.vibely-light[data-screen="profile"] .profile-aura-preview span { color: rgba(32,25,39,.65); }
body.vibely-theme.vibely-light[data-screen="profile"] .profile-plan-badge,
body.vibely-theme.vibely-light[data-screen="profile"] .profile-tag-preview span { color: #201927; background: rgba(255,255,255,.72); }
body.vibely-theme.vibely-light[data-screen="profile"] .profile-readiness .eyebrow { color: #201927; }
body.vibely-theme.vibely-light[data-screen="profile"] .profile-aura-preview,
body.vibely-theme.vibely-light[data-screen="profile"] .profile-hub button,
body.vibely-theme.vibely-light[data-screen="profile"] .profile-gallery-preview { color: #201927; border-color: rgba(39,31,49,.11); background: rgba(255,255,255,.78); box-shadow: 0 8px 22px rgba(76,42,85,.06); }

@media (max-width: 390px) {
  body.vibely-theme[data-screen="profile"] #profilePanel { padding-right: 14px; padding-left: 14px; }
  body.vibely-theme[data-screen="profile"] .profile-hero { grid-template-columns: 124px minmax(0,1fr); gap: 14px; }
  body.vibely-theme[data-screen="profile"] .profile-avatar { width: 124px; height: 124px; }
  body.vibely-theme[data-screen="profile"] .profile-hub button { grid-template-columns: 42px minmax(0,1fr); min-height: 74px; padding: 10px; }
  body.vibely-theme[data-screen="profile"] .profile-hub button > span { width: 42px; height: 42px; }
}

/* Draggable Messenger-style conversation head. */
body.vibely-theme .chat-bubble-dock { right: max(14px,env(safe-area-inset-right)); bottom: max(98px,calc(env(safe-area-inset-bottom) + 88px)); z-index: 64; touch-action: none; user-select: none; }
body.vibely-theme .chat-bubble {
  width: 64px;
  height: 64px;
  padding: 3px;
  overflow: visible;
  border: 3px solid transparent;
  border-radius: 50%;
  background: linear-gradient(#0a0c14,#0a0c14) padding-box,linear-gradient(135deg,#00e7ee,#ff32a6 68%,#f7ff76) border-box;
  box-shadow: 0 12px 30px rgba(0,0,0,.42),0 0 18px rgba(0,231,238,.18);
  cursor: grab;
  touch-action: none;
}
body.vibely-theme .chat-bubble:active { cursor: grabbing; }
body.vibely-theme .chat-bubble:hover,
body.vibely-theme .chat-bubble[aria-expanded="true"] { transform: scale(1.04); box-shadow: 0 15px 36px rgba(0,0,0,.48),0 0 22px rgba(255,50,166,.24); }
body.vibely-theme #chatBubbleBtn { box-sizing: border-box; aspect-ratio: 1; flex-shrink: 0; }
body.vibely-theme #chatBubblePhoto { position: absolute; inset: 3px; display: block; width: calc(100% - 6px); height: calc(100% - 6px); min-width: 0; min-height: 0; max-width: none; aspect-ratio: 1; border-radius: 50%; object-fit: cover; object-position: center; pointer-events: none; }
body.vibely-theme #chatBubblePhoto[hidden] { display: none; }
body.vibely-theme .chat-bubble__fallback { display: grid; width: 100%; height: 100%; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg,#223246,#371a42); font: 900 1.25rem/1 "Sora",sans-serif; pointer-events: none; }
body.vibely-theme .chat-bubble__fallback[hidden] { display: none; }
body.vibely-theme .chat-bubble__badge { top: -5px; right: -5px; min-width: 22px; height: 22px; padding: 0 5px; border: 2px solid #090b13; color: #fff; background: #ff2869; font-size: .65rem; box-shadow: 0 0 12px rgba(255,40,105,.55); pointer-events: none; }
body.vibely-theme .chat-bubble__dismiss { position:absolute;left:-7px;top:-7px;z-index:2;display:grid;width:25px;height:25px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#fff;background:rgba(8,11,20,.9);box-shadow:0 6px 16px rgba(0,0,0,.34);font:700 1rem/1 "Sora",sans-serif;backdrop-filter:blur(10px); }
body.vibely-theme.vibely-light .chat-bubble__dismiss { color:#201927;border-color:rgba(39,31,49,.14);background:rgba(255,255,255,.94); }
body.vibely-theme .chat-bubble-dock.has-unread .chat-bubble { animation: none; box-shadow: 0 12px 30px rgba(0,0,0,.42),0 0 0 3px rgba(255,50,166,.15),0 0 22px rgba(255,50,166,.3); }

@media (max-width: 640px) {
  body.vibely-theme .chat-bubble-dock { right: 12px; bottom: max(94px,calc(env(safe-area-inset-bottom) + 86px)); }
  body.vibely-theme .chat-bubble { width: 60px; height: 60px; }
}

/* Approved chat composition: full-screen portrait, glass header and Vibely bubbles. */
body.vibely-theme[data-screen="chat"] { padding: 0; overflow: hidden; background: #070910; }
body.vibely-theme[data-screen="chat"] .app-shell { width: 100%; max-width: none; height: 100dvh; margin: 0; padding: 0; overflow: hidden; }
body.vibely-theme[data-screen="chat"] .layout { display: block; height: 100dvh; padding: 0; }
body.vibely-theme[data-screen="chat"] > .app-shell > .topbar { display: none; }
body.vibely-theme[data-screen="chat"] .chat-panel {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: block;
  width: 100%;
  max-width: none;
  height: 100dvh;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #080a12;
  box-shadow: none;
}
body.vibely-theme[data-screen="chat"] .conversation-sidebar { display: none; }
body.vibely-theme[data-screen="chat"] .chat-room {
  --chat-wallpaper: none;
  position: relative;
  isolation: isolate;
  display: block;
  width: min(100%,560px);
  height: 100dvh;
  min-height: 0;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #090b13;
  box-shadow: none;
}
body.vibely-theme[data-screen="chat"] .chat-room::before,
body.vibely-theme[data-screen="chat"] .chat-room::after { content: ""; position: absolute; inset: -28px; z-index: -2; pointer-events: none; }
body.vibely-theme[data-screen="chat"] .chat-room::before { background: var(--chat-wallpaper) center/cover no-repeat; filter: blur(17px) saturate(.78); transform: scale(1.09); opacity: .46; }
body.vibely-theme[data-screen="chat"] .chat-room::after { z-index: -1; background: linear-gradient(180deg,rgba(4,6,12,.74),rgba(5,7,14,.65) 42%,rgba(4,6,12,.9)); backdrop-filter: blur(1px); }
body.vibely-theme[data-screen="chat"] .chat-header {
  position: absolute;
  top: max(10px,env(safe-area-inset-top));
  left: 12px;
  right: 12px;
  z-index: 12;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 72px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 27px;
  background: linear-gradient(110deg,rgba(12,15,26,.64),rgba(23,20,36,.52));
  box-shadow: 0 14px 38px rgba(0,0,0,.28);
  backdrop-filter: blur(24px) saturate(140%);
}
body.vibely-theme[data-screen="chat"] .chat-header-btn {
  display: grid;
  width: 39px;
  min-width: 39px;
  height: 39px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.06);
}
body.vibely-theme[data-screen="chat"] .chat-header-btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
body.vibely-theme[data-screen="chat"] .chat-back-btn { width: auto; min-width: 39px; padding: 0 7px 0 2px; grid-auto-flow: column; gap: 1px; border-radius: 999px; background: transparent; }
body.vibely-theme[data-screen="chat"] .chat-back-btn span { font: 800 .67rem/1 "Sora",sans-serif; }
body.vibely-theme[data-screen="chat"] .chat-person { min-width: 0; gap: 10px; }
body.vibely-theme[data-screen="chat"] .chat-avatar {
  width: 50px;
  min-width: 50px;
  height: 50px;
  padding: 2px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 50%;
  background: linear-gradient(#0b0d16,#0b0d16) padding-box,linear-gradient(135deg,#00e7ee,#ff32a6 70%,#f7ff76) border-box;
}
body.vibely-theme[data-screen="chat"] .chat-avatar img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center; }
body.vibely-theme[data-screen="chat"] .chat-person strong { color: #fff; font: 900 1rem/1.15 "Sora",sans-serif; }
body.vibely-theme[data-screen="chat"] .chat-person span:not(.chat-avatar) { display: flex; gap: 5px; align-items: center; margin-top: 4px; color: rgba(255,255,255,.66); font-size: .72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.vibely-theme[data-screen="chat"] #chatStatus i { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #3fe36e; box-shadow: 0 0 9px rgba(63,227,110,.65); }
body.vibely-theme[data-screen="chat"] .chat-header__actions { display: flex; gap: 4px; align-items: center; }
body.vibely-theme[data-screen="chat"] #chatMenuBtn { font: 900 1rem/1 sans-serif; letter-spacing: 1px; }
body.vibely-theme[data-screen="chat"] .chat-progress,
body.vibely-theme[data-screen="chat"] .chat-prompt,
body.vibely-theme[data-screen="chat"] .first-contact,
body.vibely-theme[data-screen="chat"] .pinned-message { display: none !important; }
body.vibely-theme[data-screen="chat"] .chat-date-divider {
  position: absolute;
  top: calc(max(10px,env(safe-area-inset-top)) + 92px);
  left: 50%;
  z-index: 5;
  padding: 6px 12px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  color: rgba(255,255,255,.62);
  background: rgba(8,10,18,.48);
  font: 700 .68rem/1 "Sora",sans-serif;
  backdrop-filter: blur(12px);
  transform: translateX(-50%);
}
body.vibely-theme[data-screen="chat"] .message-list {
  width: 100%;
  height: 100%;
  max-height: none;
  padding: calc(max(10px,env(safe-area-inset-top)) + 132px) 18px calc(164px + env(safe-area-inset-bottom));
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
body.vibely-theme[data-screen="chat"] .message-list::-webkit-scrollbar { display: none; }
body.vibely-theme[data-screen="chat"] .message { width: 100%; margin: 0 0 14px; gap: 7px; }
body.vibely-theme[data-screen="chat"] .message__avatar { width: 26px; height: 26px; align-self: end; border: 1px solid #00e7ee; border-radius: 50%; object-fit: cover; }
body.vibely-theme[data-screen="chat"] .message:not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble { max-width: min(78%,390px); padding: 12px 15px; border: 1px solid rgba(0,231,238,.56); border-radius: 19px 19px 19px 7px; color: #fff; background: linear-gradient(130deg,rgba(8,13,23,.78),rgba(14,13,25,.7)); box-shadow: 0 9px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055); backdrop-filter: blur(18px) saturate(120%); }
body.vibely-theme[data-screen="chat"] .message.is-mine:not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble { margin-left: auto; border: 1px solid rgba(255,255,255,.15); border-radius: 19px 19px 7px 19px; color: #fff; background: linear-gradient(125deg,#08cddd 0%,#6848ef 51%,#ef318e 100%); box-shadow: 0 10px 26px rgba(22,7,46,.3),inset 0 1px 0 rgba(255,255,255,.18); }
body.vibely-theme[data-screen="chat"] .message.is-mine:has(.big-emoji) .message__bubble,
body.vibely-theme[data-screen="chat"] .message.is-mine:has(.vibely-sticker) .message__bubble { width: max-content; margin-left: auto; }
body.vibely-theme[data-screen="chat"] .message:not(.is-mine):has(.big-emoji) .message__bubble,
body.vibely-theme[data-screen="chat"] .message:not(.is-mine):has(.vibely-sticker) .message__bubble { width: max-content; margin-right: auto; }
body.vibely-theme[data-screen="chat"] .message:not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble::before { display: none !important; content: none !important; }
body.vibely-theme[data-screen="chat"] .message__bubble { position: relative; }
body.vibely-theme[data-screen="chat"] .message__bubble:has(.message__reaction-badge) { margin-bottom: 8px; }
body.vibely-theme[data-screen="chat"] .message__reaction-badge {
  position: absolute;
  z-index: 4;
  right: 10px;
  bottom: -13px;
  display: grid;
  width: 29px;
  height: 29px;
  min-height: 29px;
  place-items: center;
  padding: 0;
  border: 2px solid #090b13;
  border-radius: 50%;
  color: #fff;
  background: rgba(18,20,31,.96);
  box-shadow: 0 5px 14px rgba(0,0,0,.4),0 0 0 1px rgba(0,231,238,.38);
  font-size: .92rem;
  line-height: 1;
}
body.vibely-theme[data-screen="chat"] .message.is-mine .message__reaction-badge { right: auto; left: 10px; }
body.vibely-theme[data-screen="chat"] .message__bubble p { margin: 0; font-size: .94rem; line-height: 1.42; }
body.vibely-theme[data-screen="chat"] .message__meta { max-width: 78%; margin-top: 5px; color: rgba(255,255,255,.48); font-size: .62rem; }
body.vibely-theme[data-screen="chat"] .message.is-mine .message__meta { justify-content: flex-end; margin-left: auto; }
body.vibely-theme[data-screen="chat"] .message__tools { position: relative; width: min(78%,390px); min-height: 26px; opacity: 0; transition: opacity .18s ease; }
body.vibely-theme[data-screen="chat"] .message.is-mine .message__tools { margin-left: auto; }
body.vibely-theme[data-screen="chat"] .reaction-palette {
  position: absolute;
  z-index: 12;
  bottom: calc(100% + 5px);
  left: 0;
  width: max-content;
  max-width: min(280px,calc(100vw - 40px));
  padding: 5px;
  border-color: rgba(255,255,255,.14);
  background: rgba(8,10,18,.96);
  box-shadow: 0 14px 38px rgba(0,0,0,.42);
  backdrop-filter: blur(18px);
  transform-origin: left bottom;
  animation: reactionPaletteIn .16s ease both;
}
body.vibely-theme[data-screen="chat"] .message.is-mine .reaction-palette { right: 0; left: auto; transform-origin: right bottom; }
body.vibely-theme[data-screen="chat"] .reaction-palette button { width: 34px; height: 34px; padding: 0; }
@keyframes reactionPaletteIn { from { opacity: 0; transform: translateY(4px) scale(.94); } to { opacity: 1; transform: none; } }
body.vibely-theme[data-screen="chat"] .message:hover .message__tools,
body.vibely-theme[data-screen="chat"] .message:focus-within .message__tools,
body.vibely-theme[data-screen="chat"] .message__tools:has(.reaction-palette) { opacity: 1; }
body.vibely-theme[data-screen="chat"] .voice-message { display: grid; grid-template-columns: 34px minmax(112px,1fr) auto auto auto; gap: 8px; align-items: center; min-width: min(285px,68vw); }
body.vibely-theme[data-screen="chat"] .voice-message audio { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
body.vibely-theme[data-screen="chat"] .voice-demo { display: flex; gap: 2px; align-items: center; width: 100%; height: 30px; overflow: hidden; }
body.vibely-theme[data-screen="chat"] .voice-demo span { width: 3px; min-width: 3px; border-radius: 99px; background: rgba(255,255,255,.9); opacity: .9; }
body.vibely-theme[data-screen="chat"] .message:not(.is-mine) .voice-demo span:nth-child(-n+8) { background: #00e7ee; }
body.vibely-theme[data-screen="chat"] .message.is-mine .voice-demo span:nth-child(-n+8) { background: #f7ff76; }
body.vibely-theme[data-screen="chat"] .voice-message button { display: grid; place-items: center; padding: 0; border: 0; color: #fff; background: transparent; }
body.vibely-theme[data-screen="chat"] .voice-play { width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.42) !important; border-radius: 50% !important; font-size: .76rem; }
body.vibely-theme[data-screen="chat"] .voice-play.is-playing { color: #071018; background: #00e7ee; }
body.vibely-theme[data-screen="chat"] .voice-duration { color: rgba(255,255,255,.78); font: 800 .65rem/1 "Sora",sans-serif; }
body.vibely-theme[data-screen="chat"] .voice-speed { min-width: 27px; height: 24px; border-radius: 999px !important; color: rgba(255,255,255,.78) !important; font: 800 .6rem/1 "Sora",sans-serif; background: rgba(255,255,255,.1) !important; }
body.vibely-theme[data-screen="chat"] .voice-react { width: 25px; height: 25px; color: rgba(255,255,255,.8) !important; font-size: 1rem; }
body.vibely-theme[data-screen="chat"] .voice-message small { grid-column: 2 / -1; color: rgba(255,255,255,.62); font-size: .58rem; }
body.vibely-theme[data-screen="chat"] .typing-indicator { position: absolute; left: 20px; bottom: calc(154px + env(safe-area-inset-bottom)); z-index: 8; }
body.vibely-theme[data-screen="chat"] .reply-preview,
body.vibely-theme[data-screen="chat"] .voice-preview,
body.vibely-theme[data-screen="chat"] .photo-preview { position: absolute; z-index: 13; right: 14px; bottom: calc(154px + env(safe-area-inset-bottom)); left: 14px; margin: 0; backdrop-filter: blur(22px); }
body.vibely-theme[data-screen="chat"] .recording-bar {
  position: absolute;
  z-index: 16;
  right: 12px;
  bottom: calc(89px + env(safe-area-inset-bottom));
  left: 12px;
  display: grid;
  grid-template-columns: 10px 42px minmax(72px,1fr) 38px 38px 46px;
  gap: 7px;
  align-items: center;
  min-height: 64px;
  margin: 0;
  padding: 7px 8px 7px 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  color: #fff;
  background: linear-gradient(110deg,rgba(8,11,19,.94),rgba(20,18,32,.9));
  box-shadow: 0 15px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(24px) saturate(140%);
}
body.vibely-theme[data-screen="chat"] .recording-bar.is-hidden { display: none; }
body.vibely-theme[data-screen="chat"] .recording-bar:not(.is-hidden) ~ .chat-composer { opacity: 0; pointer-events: none; }
body.vibely-theme[data-screen="chat"] .recording-dot { width: 8px; height: 8px; border-radius: 50%; background: #ff2869; box-shadow: 0 0 0 4px rgba(255,40,105,.12),0 0 12px rgba(255,40,105,.6); animation: recordingDot 1s ease-in-out infinite alternate; }
body.vibely-theme[data-screen="chat"] #recordingTime { font: 900 .84rem/1 "Sora",sans-serif; font-variant-numeric: tabular-nums; }
body.vibely-theme[data-screen="chat"] #recordingWaveform { width: 100%; height: 30px; min-width: 0; opacity: .84; }
body.vibely-theme[data-screen="chat"] .recording-label { display: none; }
body.vibely-theme[data-screen="chat"] .recording-action { display: grid; width: 36px; height: 36px; min-height: 36px; place-items: center; padding: 0; border: 0; border-radius: 50%; color: rgba(255,255,255,.76); background: rgba(255,255,255,.06); font: 900 .8rem/1 "Sora",sans-serif; }
body.vibely-theme[data-screen="chat"] .recording-action--pause.is-active { color: #071018; background: #f7ff76; }
body.vibely-theme[data-screen="chat"] .recording-action--cancel { color: #ff8caf; }
body.vibely-theme[data-screen="chat"] .recording-action--finish { width: 46px; height: 46px; color: #fff; background: linear-gradient(135deg,#00dfe8,#7650ff 52%,#ff2d91); box-shadow: 0 0 18px rgba(0,231,238,.2); }
body.vibely-theme[data-screen="chat"] .recording-action--finish span { width: 13px; height: 13px; border-radius: 4px; background: #fff; }
@keyframes recordingDot { to { opacity: .45; transform: scale(.7); } }
body.vibely-theme[data-screen="chat"] .chat-composer {
  position: absolute;
  right: 12px;
  bottom: calc(89px + env(safe-area-inset-bottom));
  left: 12px;
  z-index: 14;
  display: grid;
  grid-template-columns: 42px 42px minmax(0,1fr) 42px 48px;
  gap: 3px;
  align-items: center;
  min-height: 64px;
  padding: 7px 8px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  background: linear-gradient(110deg,rgba(8,11,19,.82),rgba(20,18,32,.72));
  box-shadow: 0 15px 42px rgba(0,0,0,.36);
  backdrop-filter: blur(24px) saturate(140%);
}
body.vibely-theme[data-screen="chat"] .chat-composer textarea { min-width: 0; min-height: 44px; max-height: 92px; padding: 12px 8px; border: 0; color: #fff; background: transparent; box-shadow: none; resize: none; }
body.vibely-theme[data-screen="chat"] .chat-composer textarea::placeholder { color: rgba(255,255,255,.48); }
body.vibely-theme[data-screen="chat"] .composer-btn { width: 40px; min-width: 40px; height: 40px; min-height: 40px; padding: 0; border: 0; border-radius: 50%; color: rgba(255,255,255,.85); background: transparent; box-shadow: none; }
body.vibely-theme[data-screen="chat"] .composer-btn svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.vibely-theme[data-screen="chat"] #chatMoreBtn { position: absolute; bottom: calc(100% + 8px); left: 4px; width: 34px; min-width: 34px; height: 34px; min-height: 34px; border: 1px solid rgba(255,255,255,.14); background: rgba(8,10,18,.68); backdrop-filter: blur(14px); }
body.vibely-theme[data-screen="chat"] .composer-btn--send { width: 46px; min-width: 46px; height: 46px; min-height: 46px; color: #fff; background: linear-gradient(135deg,#00dfe8,#7650ff 52%,#ff2d91); box-shadow: 0 0 18px rgba(0,231,238,.22); }
body.vibely-theme[data-screen="chat"] .composer-btn--send svg { width: 24px; height: 24px; }
body.vibely-theme[data-screen="chat"] .composer-btn--voice.is-requesting { color: #071018; background: #f7ff76; animation: voicePermissionPulse .85s ease-in-out infinite alternate; }
body.vibely-theme[data-screen="chat"] .composer-btn--voice.is-recording { color: #fff; background: #ff2869; box-shadow: 0 0 0 5px rgba(255,40,105,.15),0 0 20px rgba(255,40,105,.4); }
@keyframes voicePermissionPulse { to { transform: scale(.88); opacity: .72; } }
body.vibely-theme[data-screen="chat"] .expression-picker,
body.vibely-theme[data-screen="chat"] .chat-tool-panel { position: absolute; z-index: 18; right: 12px; bottom: calc(158px + env(safe-area-inset-bottom)); left: 12px; max-height: min(56dvh,500px); overflow: auto; background: rgba(9,11,20,.94); backdrop-filter: blur(26px); }
body.vibely-theme[data-screen="chat"] .screen-tabs { z-index: 30; width: min(536px,calc(100vw - 16px)); min-height: 74px; bottom: max(7px,env(safe-area-inset-bottom)); border-radius: 30px; background: linear-gradient(110deg,rgba(9,11,19,.88),rgba(24,19,38,.82)); }
body.vibely-theme[data-screen="chat"] .screen-tab { min-height: 56px; }
body.vibely-theme[data-screen="chat"] .chat-bubble-dock { display: none !important; }
body.vibely-theme[data-screen="chat"] .toast {
  z-index: 1600;
  bottom: calc(172px + env(safe-area-inset-bottom));
  width: min(360px,calc(100vw - 24px));
  color: #fff;
  background: rgba(9,12,22,.97);
  border-color: rgba(0,231,238,.38);
  box-shadow: 0 18px 48px rgba(0,0,0,.5),-2px 2px 0 rgba(0,231,238,.42);
  backdrop-filter: blur(22px);
}
body.vibely-theme[data-screen="chat"] .toast p { color: rgba(255,255,255,.75); }
body.vibely-theme[data-screen="chat"] .chat-safety-menu.is-context-open { z-index: 90; }
body.vibely-theme[data-screen="chat"] .chat-safety-menu.is-context-open:not(.is-header-anchor) {
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: min(330px,calc(100vw - 28px)) !important;
  max-height: min(76dvh,560px);
  overflow-y: auto;
  transform: translate(-50%,-50%);
  animation: none;
}
body.vibely-theme[data-screen="chat"] .chat-safety-menu.is-context-open.is-header-anchor {
  position: fixed;
  top: var(--header-menu-top) !important;
  right: var(--header-menu-right) !important;
  bottom: auto !important;
  left: auto !important;
  width: min(310px,calc(100vw - 24px)) !important;
  max-height: min(68dvh,520px);
  overflow: visible;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 22px 7px 22px 22px;
  background: linear-gradient(145deg,rgba(12,15,27,.97),rgba(27,18,40,.96));
  box-shadow: 0 22px 60px rgba(0,0,0,.5),-2px 2px 0 rgba(0,231,238,.42),2px -2px 0 rgba(255,50,166,.38);
  backdrop-filter: blur(25px) saturate(140%);
  transform-origin: calc(100% - 18px) 0;
  animation: chatHeaderMenuIn .22s cubic-bezier(.2,.9,.25,1) both;
}
body.vibely-theme[data-screen="chat"] .chat-safety-menu.is-context-open.is-header-anchor::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 11px;
  width: 17px;
  height: 17px;
  border-top: 1px solid rgba(255,255,255,.16);
  border-left: 1px solid rgba(255,255,255,.16);
  border-radius: 4px 0 0;
  background: rgba(20,17,33,.98);
  transform: rotate(45deg);
}
@keyframes chatHeaderMenuIn {
  from { opacity: 0; transform: translateY(-8px) scale(.88); clip-path: inset(0 0 88% 78% round 18px); }
  to { opacity: 1; transform: translateY(0) scale(1); clip-path: inset(0 0 0 0 round 18px); }
}

body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-sidebar { display: block; width: min(100%,560px); height: 100dvh; max-height: none; margin: 0 auto; padding: calc(max(14px,env(safe-area-inset-top)) + 8px) 14px calc(92px + env(safe-area-inset-bottom)); overflow-x: hidden; overflow-y: auto; border: 0; border-radius: 0; background: linear-gradient(155deg,#111626,#1d1730 55%,#091821); }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-sidebar .panel-head { position: sticky; top: 0; z-index: 3; margin: -2px -2px 12px; padding: 14px 10px 12px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(17,20,34,.84); backdrop-filter: blur(20px); }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-list { display: grid; grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: minmax(0,1fr); gap: 8px; overflow: visible; }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-row { width: 100%; }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item { min-height: 70px; border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.035); }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item.is-long-pressing { transform: scale(.985);transition:transform .16s ease; }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .chat-room { display: none; }

@media (max-width: 430px) {
  body.vibely-theme[data-screen="chat"] .chat-header { grid-template-columns: auto minmax(0,1fr) auto; left: 7px; right: 7px; min-height: 66px; padding: 7px 8px; border-radius: 23px; }
  body.vibely-theme[data-screen="chat"] .chat-header-btn { width: 33px; min-width: 33px; height: 33px; }
  body.vibely-theme[data-screen="chat"] .chat-back-btn { width: auto; padding-right: 4px; }
  body.vibely-theme[data-screen="chat"] .chat-back-btn span { font-size: .6rem; }
  body.vibely-theme[data-screen="chat"] .chat-avatar { width: 44px; min-width: 44px; height: 44px; }
  body.vibely-theme[data-screen="chat"] .chat-person { gap: 7px; }
  body.vibely-theme[data-screen="chat"] .chat-person strong { font-size: .92rem; }
  body.vibely-theme[data-screen="chat"] .chat-person span:not(.chat-avatar) { max-width: 112px; font-size: .64rem; }
  body.vibely-theme[data-screen="chat"] .chat-header__actions { gap: 1px; }
  body.vibely-theme[data-screen="chat"] .message-list { padding-right: 11px; padding-left: 11px; }
  body.vibely-theme[data-screen="chat"] .chat-composer { right: 7px; left: 7px; grid-template-columns: 38px 38px minmax(0,1fr) 38px 44px; padding: 6px; }
  body.vibely-theme[data-screen="chat"] .composer-btn { width: 37px; min-width: 37px; height: 37px; min-height: 37px; }
  body.vibely-theme[data-screen="chat"] .composer-btn--send { width: 43px; min-width: 43px; height: 43px; min-height: 43px; }
  body.vibely-theme[data-screen="chat"] .recording-bar { right: 7px; left: 7px; grid-template-columns: 8px 38px minmax(48px,1fr) 34px 34px 43px; gap: 4px; padding-right: 6px; padding-left: 12px; }
  body.vibely-theme[data-screen="chat"] .recording-action { width: 33px; height: 33px; min-height: 33px; }
  body.vibely-theme[data-screen="chat"] .recording-action--finish { width: 43px; height: 43px; }
}

/* Chat light mode must come after the immersive dark chat rules. */
body.vibely-theme.vibely-light[data-screen="chat"] .chat-room {
  color: #201927;
  background: linear-gradient(160deg,#fffaf4 0%,#f5f4ff 54%,#eefcff 100%);
}
body.vibely-theme.vibely-light[data-screen="chat"] .chat-room::before { opacity: .09; filter: blur(18px) saturate(.55); }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-room::after { background: linear-gradient(180deg,rgba(255,255,255,.66),rgba(250,247,255,.78) 45%,rgba(242,251,253,.94)); }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-header {
  border-color: rgba(39,31,49,.13);
  background: linear-gradient(110deg,rgba(255,255,255,.82),rgba(249,244,255,.74));
  box-shadow: 0 14px 34px rgba(76,42,85,.12);
}
body.vibely-theme.vibely-light[data-screen="chat"] .chat-header-btn { color: #302638; background: rgba(42,31,52,.055); }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-person strong { color: #201927; }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-person span:not(.chat-avatar) { color: rgba(32,25,39,.62); }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-date-divider { color: rgba(32,25,39,.65); border-color: rgba(39,31,49,.1); background: rgba(255,255,255,.72); }
body.vibely-theme.vibely-light[data-screen="chat"] .message__meta { color: rgba(32,25,39,.52); }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-composer {
  border-color: rgba(39,31,49,.13);
  background: linear-gradient(110deg,rgba(255,255,255,.9),rgba(247,242,255,.86));
  box-shadow: 0 15px 38px rgba(76,42,85,.13);
}
body.vibely-theme.vibely-light[data-screen="chat"] .chat-composer textarea { color: #201927; background: transparent; }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-composer textarea::placeholder { color: rgba(32,25,39,.43); }
body.vibely-theme.vibely-light[data-screen="chat"] .composer-btn { color: rgba(32,25,39,.78); background: transparent; }
body.vibely-theme.vibely-light[data-screen="chat"] #chatMoreBtn { color: #302638; border-color: rgba(39,31,49,.13); background: rgba(255,255,255,.88); }
body.vibely-theme.vibely-light[data-screen="chat"] .expression-picker,
body.vibely-theme.vibely-light[data-screen="chat"] .chat-tool-panel { color: #201927; border-color: rgba(39,31,49,.12); background: rgba(255,255,255,.96); }
body.vibely-theme.vibely-light[data-screen="chat"] .screen-tabs { border-color: rgba(39,31,49,.13); background: linear-gradient(110deg,rgba(255,255,255,.94),rgba(247,242,255,.91)); box-shadow: 0 15px 40px rgba(76,42,85,.14); }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-panel.is-list-view .conversation-sidebar { color: #201927; background: linear-gradient(155deg,#fffaf4,#f6f3ff 55%,#eefcff); }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-panel.is-list-view .conversation-sidebar .panel-head { border-color: rgba(39,31,49,.1); background: rgba(255,250,247,.88); }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-panel.is-list-view .conversation-item { color: #201927; border-color: rgba(39,31,49,.1); background: rgba(255,255,255,.72); box-shadow: 0 8px 22px rgba(76,42,85,.06); }

/* Approved Vibely conversation-list visualization. */
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-sidebar {
  width: min(100%,560px); padding: calc(max(10px,env(safe-area-inset-top)) + 4px) 16px calc(104px + env(safe-area-inset-bottom));
  color: #f8f9ff; background: radial-gradient(circle at 82% 6%,rgba(152,35,255,.18),transparent 25%),radial-gradient(circle at 38% 0,rgba(0,218,238,.15),transparent 28%),linear-gradient(160deg,#080b14,#0c1020 56%,#090c16);
}
body.vibely-theme[data-screen="chat"] .conversation-list-head {
  position: sticky; top: 0; z-index: 4; display: grid; grid-template-columns: minmax(86px,1fr) auto auto 46px; align-items: center; gap: 10px;
  min-height: 82px; margin-bottom: 18px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 28px;
  background: linear-gradient(105deg,rgba(15,19,32,.9),rgba(14,40,65,.76) 46%,rgba(57,20,74,.8)); box-shadow: 0 16px 42px rgba(0,0,0,.3); backdrop-filter: blur(24px) saturate(145%);
}
body.vibely-theme[data-screen="chat"] .conversation-list-head > img { width: 105px; max-width: 100%; height: 42px; object-fit: contain; object-position: left center; }
body.vibely-theme[data-screen="chat"] .conversation-list-head > strong { font-size: 1.05rem; font-weight: 900; }
body.vibely-theme[data-screen="chat"] .conversation-list-aura { display: inline-flex; align-items: center; justify-content: center; min-width: 76px; height: 42px; padding: 0 13px; border: 1px solid #ff38af; border-left-color: #00e7ee; border-radius: 999px; background: rgba(9,12,22,.58); box-shadow: inset 0 0 18px rgba(80,59,255,.16); font-weight: 900; }
body.vibely-theme[data-screen="chat"] .conversation-list-me { display: grid; width: 44px; height: 44px; place-items: center; overflow: hidden; border: 3px solid #00e7ee; border-right-color: #ff38af; border-radius: 50%; background: #121829; font-weight: 900; }
body.vibely-theme[data-screen="chat"] .conversation-list-me img { width: 100%; height: 100%; object-fit: cover; }
body.vibely-theme[data-screen="chat"] .conversation-search { display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 8px; min-height: 54px; margin-bottom: 18px; padding: 0 16px; border: 1px solid rgba(147,160,210,.28); border-radius: 999px; background: rgba(21,25,44,.72); }
body.vibely-theme[data-screen="chat"] .conversation-search > span { color: #fff; font-size: 1.55rem; line-height: 1; transform: rotate(-12deg); }
body.vibely-theme[data-screen="chat"] .conversation-search input { width: 100%; border: 0; outline: 0; color: #f8f9ff; background: transparent; font: inherit; font-size: .94rem; }
body.vibely-theme[data-screen="chat"] .conversation-search input::placeholder { color: rgba(210,216,240,.58); }
body.vibely-theme[data-screen="chat"] .conversation-active-section h3,
body.vibely-theme[data-screen="chat"] .conversation-list-title h3 { margin: 0 0 12px; font-size: 1.05rem; }
body.vibely-theme[data-screen="chat"] .conversation-active-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 22px; }
body.vibely-theme[data-screen="chat"] .conversation-active-list button { position: relative; display: grid; min-width: 0; justify-items: center; gap: 6px; padding: 0; border: 0; color: #eef1ff; background: transparent; font: inherit; font-size: .76rem; }
body.vibely-theme[data-screen="chat"] .conversation-active-avatar { display: grid; width: 62px; height: 62px; place-items: center; overflow: hidden; border: 3px solid #00dff0; border-right-color: #ff38af; border-bottom-color: #a929ff; border-radius: 50%; background: #151a2b; }
body.vibely-theme[data-screen="chat"] .conversation-active-avatar img { width: 100%; height: 100%; object-fit: cover; }
body.vibely-theme[data-screen="chat"] .conversation-active-list button > i { position: absolute; top: 47px; right: calc(50% - 28px); width: 12px; height: 12px; border: 2px solid #0b0e18; border-radius: 50%; background: #12e789; box-shadow: 0 0 10px rgba(18,231,137,.55); }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-list { gap: 9px; }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; gap: 12px; min-height: 80px; padding: 10px 14px 10px 10px; border: 1px solid rgba(149,162,211,.2); border-radius: 25px; color: #f8f9ff; background: linear-gradient(110deg,rgba(20,25,43,.82),rgba(15,20,37,.72)); box-shadow: inset 0 1px rgba(255,255,255,.025); text-align: left; }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item.is-active { border-color: rgba(0,231,238,.38); background: linear-gradient(110deg,rgba(18,34,52,.9),rgba(29,20,52,.84)); }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item { position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,background .16s ease,border-color .16s ease; }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item::after { content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 12%,rgba(0,231,238,.14),rgba(255,56,175,.12),transparent 82%);opacity:0;transform:translateX(-72%);pointer-events:none; }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item.is-opening-conversation { animation:vibelyConversationOpen .5s cubic-bezier(.2,.82,.25,1); }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item.is-opening-conversation::after { animation:vibelyConversationScan .52s ease-out; }
body.vibely-theme[data-screen="chat"] .conversation-item.is-opening-conversation .conversation-item__avatar { animation:vibelyConversationAvatar .5s ease; }
body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item.is-long-pressing::after { animation:vibelyConversationHoldScan .52s linear forwards; }
body.vibely-theme[data-screen="chat"] .conversation-item.is-long-pressing .conversation-item__avatar { animation:vibelyConversationHoldAvatar .52s ease-in-out infinite alternate; }
@keyframes vibelyConversationOpen { 0%{transform:scale(.975)}45%{transform:translateX(7px) scale(1.012)}100%{transform:none} }
@keyframes vibelyConversationScan { 0%{opacity:0;transform:translateX(-72%)}24%{opacity:1}100%{opacity:0;transform:translateX(72%)} }
@keyframes vibelyConversationAvatar { 0%{transform:scale(.9)}45%{transform:scale(1.1);filter:drop-shadow(0 0 9px rgba(0,231,238,.7))}100%{transform:scale(1);filter:none} }
@keyframes vibelyConversationHoldScan { 0%{opacity:0;transform:translateX(-72%)}18%{opacity:.55}100%{opacity:.9;transform:translateX(18%)} }
@keyframes vibelyConversationHoldAvatar { from{transform:scale(.92);filter:drop-shadow(0 0 2px rgba(0,231,238,.15))}to{transform:scale(1.04);filter:drop-shadow(0 0 10px rgba(255,56,175,.65))} }
@media (prefers-reduced-motion:reduce) {
  body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item,
  body.vibely-theme[data-screen="chat"] .chat-panel.is-list-view .conversation-item::after,
  body.vibely-theme[data-screen="chat"] .conversation-item .conversation-item__avatar { animation:none!important;transition:none!important; }
}
body.vibely-theme[data-screen="chat"] .conversation-item__avatar { width: 58px; height: 58px; border: 3px solid #00dff0; border-right-color: #ff38af; border-bottom-color: #9f2aff; }
body.vibely-theme[data-screen="chat"] .conversation-item__copy { align-self: center; min-width: 0; }
body.vibely-theme[data-screen="chat"] .conversation-item__copy strong { display: flex; align-items: center; gap: 7px; color: #fff; font-size: .98rem; }
body.vibely-theme[data-screen="chat"] .conversation-item__copy > span { margin-top: 5px; color: rgba(205,212,239,.7); font-size: .82rem; }
body.vibely-theme[data-screen="chat"] .conversation-pin { color: #aeb8e8; font-size: .65rem; font-style: normal; transform: rotate(45deg); }
body.vibely-theme[data-screen="chat"] .conversation-item__aside { display: grid; align-content: center; justify-items: end; gap: 8px; min-width: 42px; }
body.vibely-theme[data-screen="chat"] .conversation-item__time { color: rgba(205,212,239,.58); font-size: .72rem; white-space: nowrap; }
body.vibely-theme[data-screen="chat"] .conversation-item__unread { width: 25px; height: 25px; color: #fff; background: linear-gradient(135deg,#00cfe9,#734eff 54%,#ff2fa7); box-shadow: 0 0 18px rgba(153,54,255,.35); }
body.vibely-theme[data-screen="chat"] .conversation-muted { color: rgba(205,212,239,.58); font-size: 1.05rem; font-style: normal; }
body.vibely-theme[data-screen="chat"] .conversation-list-hint { margin: 18px 0 2px; color: rgba(205,212,239,.5); font-size: .75rem; text-align: center; }
body.vibely-theme[data-screen="chat"] .conversation-empty { padding: 28px; color: rgba(205,212,239,.62); text-align: center; }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-list-head { color: #201927; border-color: rgba(39,31,49,.12); background: linear-gradient(105deg,rgba(255,255,255,.91),rgba(238,252,255,.86) 46%,rgba(255,238,251,.88)); }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-list-head > img { filter: none; }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-search { border-color: rgba(39,31,49,.12); background: rgba(255,255,255,.8); }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-search > span,
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-search input { color: #201927; }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-active-list button { color: #302638; }
body.vibely-theme.vibely-light[data-screen="chat"] .conversation-list-hint { color: rgba(32,25,39,.52); }

@media (max-width: 390px) {
  body.vibely-theme[data-screen="chat"] .conversation-list-head { grid-template-columns: minmax(74px,1fr) auto 66px 40px; gap: 7px; padding: 10px; }
  body.vibely-theme[data-screen="chat"] .conversation-list-head > img { width: 88px; }
  body.vibely-theme[data-screen="chat"] .conversation-list-head > strong { font-size: .9rem; }
  body.vibely-theme[data-screen="chat"] .conversation-list-aura { min-width: 64px; padding: 0 9px; }
  body.vibely-theme[data-screen="chat"] .conversation-list-me { width: 40px; height: 40px; }
  body.vibely-theme[data-screen="chat"] .conversation-active-avatar { width: 54px; height: 54px; }
  body.vibely-theme[data-screen="chat"] .conversation-active-list button > i { top: 41px; }
}

/* Matches screen based on the approved Vibely visualization. */
body.vibely-theme[data-screen="matches"] #matchesPanel {
  width: min(560px,100%);
  height: calc(100dvh - 84px);
  margin: 0 auto;
  padding: 22px 18px calc(94px + env(safe-area-inset-bottom));
  overflow: hidden;
  border: 0;
  border-radius: 28px 28px 0 0;
  color: #fff;
  background: radial-gradient(circle at 88% 10%,rgba(0,231,238,.16),transparent 30%),radial-gradient(circle at 10% 88%,rgba(255,40,166,.14),transparent 30%),linear-gradient(155deg,#090d18,#111426 56%,#09141d);
  box-shadow: 0 22px 55px rgba(0,0,0,.38);
}
body.vibely-theme[data-screen="matches"] .match-screen-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
body.vibely-theme[data-screen="matches"] .match-screen-head h2 { margin: 0; color: #fff; font: 900 clamp(2rem,8vw,2.65rem)/1 "Sora",sans-serif; letter-spacing: -.055em; }
body.vibely-theme[data-screen="matches"] .match-screen-head p { margin: 8px 0 0; color: rgba(255,255,255,.64); font-size: 1rem; }
body.vibely-theme[data-screen="matches"] .match-count { color: #f7ff76; border-color: rgba(0,231,238,.34); background: rgba(0,231,238,.08); }
body.vibely-theme[data-screen="matches"] .match-sparks { margin-top: 25px; }
body.vibely-theme[data-screen="matches"] .match-sparks h3,
body.vibely-theme[data-screen="matches"] .match-list-section > h3 { margin: 0 0 11px; color: #fff; font: 850 1.02rem/1.2 "Sora",sans-serif; }
body.vibely-theme[data-screen="matches"] .match-sparks__rail { display: flex; gap: 15px; min-height: 82px; overflow-x: auto; scrollbar-width: none; }
body.vibely-theme[data-screen="matches"] .match-sparks__rail::-webkit-scrollbar,
body.vibely-theme[data-screen="matches"] .match-stack::-webkit-scrollbar { display: none; }
body.vibely-theme[data-screen="matches"] .match-spark { position: relative; flex: 0 0 68px; display: grid; justify-items: center; gap: 5px; padding: 0; border: 0; color: rgba(255,255,255,.72); background: transparent; font: 700 .63rem/1 "Sora",sans-serif; cursor: pointer; }
body.vibely-theme[data-screen="matches"] .match-spark__avatar { width: 66px; height: 66px; display: grid; place-items: center; padding: 3px; overflow: hidden; border: 3px solid transparent; border-radius: 50%; color: #fff; background: linear-gradient(#111523,#111523) padding-box,linear-gradient(135deg,#00e7ee,#735cff 48%,#ff32a6) border-box; box-shadow: 0 0 18px rgba(0,231,238,.16); }
body.vibely-theme[data-screen="matches"] .match-spark__avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center; }
body.vibely-theme[data-screen="matches"] .match-spark > i { position: absolute; top: 49px; right: 3px; width: 13px; height: 13px; border: 2px solid #0b0f19; border-radius: 50%; background: #39e568; box-shadow: 0 0 9px rgba(57,229,104,.6); }
body.vibely-theme[data-screen="matches"] .match-list-section { display: flex; min-height: 0; height: calc(100% - 174px); flex-direction: column; margin-top: 20px; }
body.vibely-theme[data-screen="matches"] .match-stack { min-height: 0; overflow-y: auto; display: grid; align-content: start; gap: 10px; padding: 1px 2px 8px; scrollbar-width: none; }
body.vibely-theme[data-screen="matches"] .match-card.match-card--mutual { position: relative; grid-template-columns: 82px minmax(0,1fr) 50px 10px; min-height: 112px; align-items: center; gap: 12px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: linear-gradient(120deg,rgba(17,23,38,.9),rgba(27,23,43,.82)); box-shadow: inset 0 1px 0 rgba(255,255,255,.045),0 12px 28px rgba(0,0,0,.17); }
body.vibely-theme[data-screen="matches"] .match-card.match-card--mutual:hover { transform: none; border-color: rgba(0,231,238,.42); }
body.vibely-theme[data-screen="matches"] .match-card__media { position: relative; width: 82px; height: 82px; min-height: 82px; padding: 3px; border-radius: 50%; background: linear-gradient(#111523,#111523) padding-box,linear-gradient(135deg,#00e7ee,#735cff 48%,#ff32a6) border-box; border: 3px solid transparent; }
body.vibely-theme[data-screen="matches"] .match-card__avatar { width: 100%; height: 100%; min-height: 0; border-radius: 50%; }
body.vibely-theme[data-screen="matches"] .match-card__avatar img { border-radius: 50%; object-position: center; }
body.vibely-theme[data-screen="matches"] .match-card__media > i { position: absolute; right: -1px; bottom: 4px; width: 14px; height: 14px; border: 2px solid #0b0f19; border-radius: 50%; background: #39e568; }
body.vibely-theme[data-screen="matches"] .match-card__body { display: grid; align-content: center; gap: 4px; }
body.vibely-theme[data-screen="matches"] .match-card__body .profile-name { margin: 0; color: #fff; font: 900 1.12rem/1.05 "Sora",sans-serif; letter-spacing: -.025em; text-shadow: none; }
body.vibely-theme[data-screen="matches"] .match-city,
body.vibely-theme[data-screen="matches"] .match-reason { margin: 0; color: rgba(255,255,255,.65); font-size: .72rem; }
body.vibely-theme[data-screen="matches"] .match-reason { color: rgba(255,255,255,.82); }
body.vibely-theme[data-screen="matches"] .match-stage { justify-self: start; margin-top: 2px; padding: 5px 11px; border: 1px solid #ff32a6; color: #fff; background: rgba(255,50,166,.05); font: 750 .66rem/1 "Sora",sans-serif; }
body.vibely-theme[data-screen="matches"] .match-stage[data-stage="Przyciąganie"] { border-color: #00e7ee; }
body.vibely-theme[data-screen="matches"] .match-stage[data-stage="Iskra"] { color: #fff; border-color: #f7d51e; }
body.vibely-theme[data-screen="matches"] .match-chat-button { position: relative; width: 52px; height: 52px; display: grid; place-items: center; padding: 4px; border: 3px solid transparent; border-radius: 50%; color: #fff; background: linear-gradient(#151827,#151827) padding-box,linear-gradient(135deg,#ff32a6 0%,#7550ff 48%,#00e7ee 100%) border-box; box-shadow: 0 0 18px rgba(255,50,166,.16),0 0 16px rgba(0,231,238,.1); cursor: pointer; }
body.vibely-theme[data-screen="matches"] .match-chat-button svg { width: 29px; height: 29px; overflow: visible; fill: none; stroke: #fff; stroke-width: 2.15; stroke-linecap: round; stroke-linejoin: round; }
body.vibely-theme[data-screen="matches"] [data-match-profile] { cursor:pointer;-webkit-tap-highlight-color:transparent; }
body.vibely-theme[data-screen="matches"] .match-chat-button b { position: absolute; top: -7px; right: -5px; display: grid; min-width: 21px; height: 21px; place-items: center; padding: 0 5px; border: 2px solid #111523; border-radius: 999px; color: #fff; background: #ff287c; font: 800 .65rem/1 "Sora",sans-serif; }
body.vibely-theme[data-screen="matches"] .match-chevron { color: rgba(255,255,255,.7); font-size: 1.8rem; }
body.vibely-theme.vibely-light[data-screen="matches"] #matchesPanel { color: #201927; background: radial-gradient(circle at 88% 10%,rgba(0,205,214,.14),transparent 30%),radial-gradient(circle at 10% 88%,rgba(255,40,166,.12),transparent 30%),linear-gradient(155deg,#fffaf4,#f6f3ff 56%,#eefcff); }
body.vibely-theme.vibely-light[data-screen="matches"] .match-screen-head h2,
body.vibely-theme.vibely-light[data-screen="matches"] .match-sparks h3,
body.vibely-theme.vibely-light[data-screen="matches"] .match-list-section > h3 { color: #201927; }
body.vibely-theme.vibely-light[data-screen="matches"] .match-screen-head p { color: rgba(32,25,39,.62); }
body.vibely-theme.vibely-light[data-screen="matches"] .match-card.match-card--mutual { border-color: rgba(39,31,49,.1); background: rgba(255,255,255,.76); box-shadow: 0 10px 26px rgba(76,42,85,.08); }
body.vibely-theme.vibely-light[data-screen="matches"] .match-card__body .profile-name { color: #201927; }
body.vibely-theme.vibely-light[data-screen="matches"] .match-city { color: rgba(32,25,39,.58); }
body.vibely-theme.vibely-light[data-screen="matches"] .match-reason { color: rgba(32,25,39,.78); }

body.vibely-theme[data-screen="matches"] #matchesPanel {
  background: radial-gradient(circle at 88% 10%,rgba(0,231,238,.075),transparent 32%),radial-gradient(circle at 10% 88%,rgba(255,40,166,.065),transparent 32%),linear-gradient(155deg,#0a0e18,#111421 56%,#0a141b);
}
body.vibely-theme[data-screen="matches"] .match-spark__avatar,
body.vibely-theme[data-screen="matches"] .match-card__media {
  border-width: 2px;
  background: linear-gradient(#111523,#111523) padding-box,linear-gradient(135deg,rgba(0,231,238,.8),rgba(115,92,255,.65) 52%,rgba(255,50,166,.76)) border-box;
  box-shadow: 0 7px 20px rgba(0,0,0,.2);
}
body.vibely-theme[data-screen="matches"] .match-card.match-card--mutual {
  border-color: rgba(255,255,255,.09);
  background: linear-gradient(120deg,rgba(17,23,38,.78),rgba(26,22,39,.68));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035),0 10px 25px rgba(0,0,0,.14);
}
body.vibely-theme[data-screen="matches"] .match-stage { border-color: rgba(255,50,166,.72); background: rgba(255,50,166,.035); }
body.vibely-theme[data-screen="matches"] .match-stage[data-stage="Przyciąganie"] { border-color: rgba(0,231,238,.72); background: rgba(0,231,238,.035); }
body.vibely-theme[data-screen="matches"] .match-stage[data-stage="Iskra"] { border-color: rgba(247,213,30,.75); background: rgba(247,213,30,.035); }
body.vibely-theme[data-screen="matches"] .match-chat-button {
  border-width: 2px;
  background: linear-gradient(#151827,#151827) padding-box,linear-gradient(135deg,rgba(255,50,166,.78),rgba(117,80,255,.68) 50%,rgba(0,231,238,.82)) border-box;
  box-shadow: 0 8px 20px rgba(0,0,0,.22);
}
body.vibely-theme[data-screen="matches"] .match-chat-button svg { stroke: rgba(255,255,255,.92); }

/* Touch feedback for matches without changing their approved appearance. */
body.vibely-theme[data-screen="matches"] .match-card,
body.vibely-theme[data-screen="matches"] .match-spark,
body.vibely-theme[data-screen="matches"] .match-chat-button {
  -webkit-tap-highlight-color: transparent;
}
body.vibely-theme[data-screen="matches"] .match-card:focus:not(:focus-visible),
body.vibely-theme[data-screen="matches"] .match-spark:focus:not(:focus-visible),
body.vibely-theme[data-screen="matches"] .match-chat-button:focus:not(:focus-visible) { outline: none; }
body.vibely-theme[data-screen="matches"] .match-card.match-card--mutual { overflow: hidden; transition: transform .16s ease; }
body.vibely-theme[data-screen="matches"] .match-card.match-card--mutual::after {
  content: ""; position: absolute; z-index: 3; inset: 0; pointer-events: none; opacity: 0; transform: translateX(-72%);
  background: linear-gradient(100deg,transparent 12%,rgba(0,231,238,.14),rgba(255,56,175,.12),transparent 82%);
}
body.vibely-theme[data-screen="matches"] .is-match-pressing { transform: scale(.985) !important; }
body.vibely-theme[data-screen="matches"] .match-spark.is-match-pressing { transform: translateY(2px) scale(.94) !important; }
body.vibely-theme[data-screen="matches"] .match-card.is-opening-match { animation: vibelyConversationOpen .5s cubic-bezier(.2,.82,.25,1); }
body.vibely-theme[data-screen="matches"] .match-card.is-opening-match::after { animation: vibelyConversationScan .52s ease-out; }
body.vibely-theme[data-screen="matches"] .match-card.is-opening-match .match-card__media { animation: vibelyConversationAvatar .5s ease; }
body.vibely-theme[data-screen="matches"] .match-spark { transition: transform .16s ease; }
body.vibely-theme[data-screen="matches"] .match-spark.is-opening-match { animation: vibelyMatchSparkOpen .5s cubic-bezier(.2,.82,.25,1); }
body.vibely-theme[data-screen="matches"] .match-spark.is-opening-match .match-spark__avatar { animation: vibelyConversationAvatar .5s ease; }
@keyframes vibelyMatchSparkOpen { 0%{transform:scale(.94)}45%{transform:translateY(-4px) scale(1.06)}100%{transform:none} }
@media (prefers-reduced-motion:reduce) {
  body.vibely-theme[data-screen="matches"] .match-card,
  body.vibely-theme[data-screen="matches"] .match-card::after,
  body.vibely-theme[data-screen="matches"] .match-card__media,
  body.vibely-theme[data-screen="matches"] .match-spark,
  body.vibely-theme[data-screen="matches"] .match-spark__avatar { animation:none!important;transition:none!important; }
}

@media (max-width: 430px) {
  body.vibely-theme[data-screen="matches"] #matchesPanel { height: calc(100dvh - 72px); padding: 18px 13px calc(88px + env(safe-area-inset-bottom)); border-radius: 25px 25px 0 0; }
  body.vibely-theme[data-screen="matches"] .match-screen-head h2 { font-size: 2rem; }
  body.vibely-theme[data-screen="matches"] .match-sparks { margin-top: 18px; }
  body.vibely-theme[data-screen="matches"] .match-sparks__rail { gap: 10px; }
  body.vibely-theme[data-screen="matches"] .match-spark { flex-basis: 62px; }
  body.vibely-theme[data-screen="matches"] .match-spark__avatar { width: 60px; height: 60px; }
  body.vibely-theme[data-screen="matches"] .match-spark > i { top: 44px; }
  body.vibely-theme[data-screen="matches"] .match-list-section { height: calc(100% - 158px); margin-top: 15px; }
  body.vibely-theme[data-screen="matches"] .match-card.match-card--mutual { grid-template-columns: 68px minmax(0,1fr) 44px 8px; min-height: 100px; gap: 9px; padding: 9px; }
  body.vibely-theme[data-screen="matches"] .match-card__media { width: 68px; height: 68px; min-height: 68px; }
  body.vibely-theme[data-screen="matches"] .match-chat-button { width: 46px; height: 46px; }
  body.vibely-theme[data-screen="matches"] .match-chat-button svg { width: 26px; height: 26px; }
}

/* Chat bubbles aligned with the approved chat visualization. */
body.vibely-theme[data-screen="chat"] .message:not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble {
  width: fit-content;
  max-width: min(78%,390px);
  padding: 11px 15px;
  border: 1px solid rgba(0,231,238,.48);
  border-radius: 21px 21px 21px 7px;
  color: #fff;
  background: linear-gradient(135deg,rgba(12,17,29,.9),rgba(20,17,31,.86));
  box-shadow: 0 10px 26px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(20px) saturate(130%);
}
body.vibely-theme[data-screen="chat"] .message.is-mine:not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble {
  margin-left: auto;
  border-color: rgba(255,255,255,.16);
  border-radius: 21px 21px 7px 21px;
  background: linear-gradient(125deg,#14cfe0 0%,#6452ed 52%,#ed3293 100%);
  box-shadow: 0 12px 28px rgba(31,12,70,.3),inset 0 1px 0 rgba(255,255,255,.2);
}
body.vibely-theme[data-screen="chat"] .message__bubble:has(.voice-message) { width: min(315px,74vw); }
body.vibely-theme[data-screen="chat"] .message__bubble p { font-size: .96rem; line-height: 1.38; }
body.vibely-theme.vibely-light[data-screen="chat"] .message:not(.is-mine):not(:has(.big-emoji)):not(:has(.vibely-sticker)) .message__bubble { color: #fff; border-color: rgba(0,195,207,.48); background: linear-gradient(135deg,rgba(19,23,34,.95),rgba(29,23,39,.93)); }

/* Emoji are standalone expressions, never chat bubbles. */
body.vibely-theme[data-screen="chat"] .message.is-emoji .message__bubble {
  width: max-content;
  padding: 0;
  border: 0;
  outline: 0;
  color: inherit;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
body.vibely-theme[data-screen="chat"] .message.is-emoji .message__bubble::before { display: none; content: none; }
body.vibely-theme[data-screen="chat"] .message.is-emoji.is-mine .message__bubble { margin-left: auto; }
body.vibely-theme[data-screen="chat"] .message.is-emoji:not(.is-mine) .message__bubble { margin-right: auto; }

/* Animated Vibely heart marks favorite conversations. */
body.vibely-theme[data-screen="chat"] .conversation-favorite-mark {
  position: relative;
  display: inline-grid;
  width: 22px;
  height: 22px;
  margin-left: 6px;
  place-items: center;
  overflow: visible;
  vertical-align: -5px;
  font-style: normal;
}
body.vibely-theme[data-screen="chat"] .conversation-favorite-mark span {
  color: transparent;
  background: linear-gradient(120deg,#00e7ee 5%,#ffffff 42%,#ff2d91 72%,#f7ff76 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 19px;
  line-height: 1;
  filter: drop-shadow(-1px 1px 1px #00e7ee) drop-shadow(1px -1px 1px #ff2d91) drop-shadow(0 0 7px rgba(255,45,145,.72));
  animation: favoriteHeartPulse 1.9s ease-in-out infinite, favoriteHeartShimmer 3s linear infinite;
}
body.vibely-theme[data-screen="chat"] .conversation-favorite-mark::after {
  content: "✦";
  position: absolute;
  top: -5px;
  right: -4px;
  color: #f7ff76;
  font-size: 9px;
  line-height: 1;
  text-shadow: 0 0 7px rgba(247,255,118,.9);
  animation: favoriteHeartTwinkle 1.4s ease-in-out infinite;
}
@keyframes favoriteHeartPulse {
  0%,100% { transform: scale(1); }
  16% { transform: scale(1.16); }
  30% { transform: scale(1); }
  44% { transform: scale(1.09); }
}
@keyframes favoriteHeartShimmer { to { background-position: 220% 0; } }
@keyframes favoriteHeartTwinkle {
  0%,100% { opacity: .38; transform: scale(.72) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.18) rotate(24deg); }
}
@media (prefers-reduced-motion: reduce) {
  body.vibely-theme[data-screen="chat"] .conversation-favorite-mark span,
  body.vibely-theme[data-screen="chat"] .conversation-favorite-mark::after { animation: none; }
}

/* Matches uses the exact same floating brand header as the main feed. */
body.vibely-theme[data-screen="matches"] { padding: 0; overflow: hidden; background: #070910; }
body.vibely-theme[data-screen="matches"] .app-shell { width: 100%; max-width: none; height: 100dvh; margin: 0; padding: 0; overflow: hidden; }
body.vibely-theme[data-screen="matches"] .layout { display: block; height: 100dvh; padding: 0; }
body.vibely-theme[data-screen="matches"] .topbar {
  position: fixed;
  top: max(10px,env(safe-area-inset-top));
  left: 50%;
  z-index: 70;
  width: min(540px,calc(100vw - 24px));
  min-height: 66px;
  margin: 0;
  padding: 8px 12px 8px 16px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 28px;
  background: linear-gradient(110deg,rgba(9,11,18,.29),rgba(14,16,27,.4));
  box-shadow: 0 13px 38px rgba(0,0,0,.18);
  backdrop-filter: blur(18px) saturate(140%);
  transform: translateX(-50%);
}
body.vibely-theme[data-screen="matches"] .brand-lockup img { width: clamp(142px,34vw,172px); filter: drop-shadow(0 2px 6px rgba(0,0,0,.38)); }
body.vibely-theme[data-screen="matches"] .aura-counter { min-height: 44px; padding: 7px 14px; border-color: rgba(255,255,255,.22); background: rgba(8,10,18,.38); box-shadow: 0 0 0 2px #00e7ee,2px -2px 0 2px #ff309f; backdrop-filter: blur(12px); }
body.vibely-theme[data-screen="matches"] .aura-counter__copy strong { font-size: 1.12rem; }
body.vibely-theme[data-screen="matches"] .brand-icon-btn { width: 46px; height: 46px; background: linear-gradient(rgba(8,10,18,.28),rgba(8,10,18,.28)) padding-box,linear-gradient(135deg,#00e7ee,#ff309f 68%,#f7ff76) border-box; }
body.vibely-theme[data-screen="matches"] #matchesPanel { height: 100dvh; padding-top: calc(max(10px,env(safe-area-inset-top)) + 94px); border-radius: 0; }

@media (max-width: 430px) {
  body.vibely-theme[data-screen="matches"] #matchesPanel { height: 100dvh; padding-top: calc(max(10px,env(safe-area-inset-top)) + 88px); border-radius: 0; }
}

/* Complete contrast pass for the light Matches screen. */
body.vibely-theme.vibely-light[data-screen="matches"] { color: #201927; background: #f6f3ff; }
body.vibely-theme.vibely-light[data-screen="matches"] .topbar { border-color: rgba(39,31,49,.12); background: linear-gradient(110deg,rgba(255,255,255,.82),rgba(249,244,255,.76)); box-shadow: 0 13px 36px rgba(76,42,85,.11); }
body.vibely-theme.vibely-light[data-screen="matches"] .aura-counter { color: #201927; border-color: rgba(39,31,49,.14); background: rgba(255,255,255,.82); box-shadow: 0 0 0 2px rgba(0,205,214,.75),2px -2px 0 2px rgba(226,35,129,.68); }
body.vibely-theme.vibely-light[data-screen="matches"] .aura-counter__copy strong { color: #201927; text-shadow: none; }
body.vibely-theme.vibely-light[data-screen="matches"] .match-count { color: #674b00; border-color: rgba(0,153,164,.28); background: rgba(0,153,164,.07); }
body.vibely-theme.vibely-light[data-screen="matches"] .match-spark { color: rgba(32,25,39,.72); }
body.vibely-theme.vibely-light[data-screen="matches"] .match-spark__avatar,
body.vibely-theme.vibely-light[data-screen="matches"] .match-card__media { color: #201927; background: linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(0,176,187,.76),rgba(115,92,255,.56) 52%,rgba(226,35,129,.68)) border-box; }
body.vibely-theme.vibely-light[data-screen="matches"] .match-stage { color: #4d2340; background: rgba(226,35,129,.055); }
body.vibely-theme.vibely-light[data-screen="matches"] .match-stage[data-stage="Przyciąganie"] { color: #075d64; background: rgba(0,176,187,.06); }
body.vibely-theme.vibely-light[data-screen="matches"] .match-stage[data-stage="Iskra"] { color: #674b00; background: rgba(190,145,0,.07); }
body.vibely-theme.vibely-light[data-screen="matches"] .match-chevron { color: rgba(32,25,39,.56); }
body.vibely-theme.vibely-light[data-screen="matches"] .match-empty strong { color: #201927; }
body.vibely-theme.vibely-light[data-screen="matches"] .match-empty p { color: rgba(32,25,39,.64); }

/* Create screen based on the approved Vibely visualization. */
body.vibely-theme[data-screen="create"] { padding: 0; overflow: hidden; background: #070910; }
body.vibely-theme[data-screen="create"] .app-shell { width: 100%; max-width: none; height: 100dvh; margin: 0; padding: 0; overflow: hidden; }
body.vibely-theme[data-screen="create"] .layout { display: block; height: 100dvh; padding: 0; }
body.vibely-theme[data-screen="create"] .topbar { position: fixed; top: max(10px,env(safe-area-inset-top)); left: 50%; z-index: 70; width: min(540px,calc(100vw - 24px)); min-height: 66px; margin: 0; padding: 8px 12px 8px 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 28px; background: linear-gradient(110deg,rgba(9,11,18,.29),rgba(14,16,27,.4)); box-shadow: 0 13px 38px rgba(0,0,0,.18); backdrop-filter: blur(18px) saturate(140%); transform: translateX(-50%); }
body.vibely-theme[data-screen="create"] .brand-lockup img { width: clamp(142px,34vw,172px); filter: drop-shadow(0 2px 6px rgba(0,0,0,.38)); }
body.vibely-theme[data-screen="create"] .aura-counter { min-height: 44px; padding: 7px 14px; border-color: rgba(255,255,255,.22); background: rgba(8,10,18,.38); box-shadow: 0 0 0 2px #00e7ee,2px -2px 0 2px #ff309f; backdrop-filter: blur(12px); }
body.vibely-theme[data-screen="create"] .aura-counter__copy strong { font-size: 1.12rem; }
body.vibely-theme[data-screen="create"] .brand-icon-btn { width: 46px; height: 46px; background: linear-gradient(rgba(8,10,18,.28),rgba(8,10,18,.28)) padding-box,linear-gradient(135deg,#00e7ee,#ff309f 68%,#f7ff76) border-box; }
body.vibely-theme[data-screen="create"] #createPanel { width: min(560px,100%); height: 100dvh; margin: 0 auto; padding: calc(max(10px,env(safe-area-inset-top)) + 98px) 18px calc(90px + env(safe-area-inset-bottom)); overflow: hidden; border: 0; border-radius: 0; color: #fff; background: radial-gradient(circle at 86% 18%,rgba(255,40,166,.08),transparent 31%),radial-gradient(circle at 8% 42%,rgba(0,231,238,.075),transparent 29%),linear-gradient(155deg,#090d18,#111421 58%,#0a131b); box-shadow: none; }
body.vibely-theme[data-screen="create"] .create-screen-head h2 { margin: 0; color: #fff; font: 900 clamp(2.15rem,8vw,2.7rem)/1 "Sora",sans-serif; letter-spacing: -.06em; }
body.vibely-theme[data-screen="create"] .create-screen-head p { margin: 7px 0 0; color: rgba(255,255,255,.64); font-size: 1.15rem; }
body.vibely-theme[data-screen="create"] .create-studio { display: grid; gap: 15px; margin-top: 20px; padding: 17px; border: 1px solid rgba(255,255,255,.13); border-radius: 25px; background: linear-gradient(135deg,rgba(15,24,38,.8),rgba(29,22,42,.7)); box-shadow: inset 0 1px 0 rgba(255,255,255,.045),0 18px 44px rgba(0,0,0,.2); backdrop-filter: blur(20px); }
body.vibely-theme[data-screen="create"] .create-mode-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 4px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(8,11,19,.52); }
body.vibely-theme[data-screen="create"] .create-mode-tabs button { min-height: 42px; border: 0; border-radius: 14px; color: rgba(255,255,255,.68); background: transparent; font: 750 .78rem/1 "Sora",sans-serif; }
body.vibely-theme[data-screen="create"] .create-mode-tabs button span { margin-right: 6px; font-size: 1.05rem; }
body.vibely-theme[data-screen="create"] .create-mode-tabs button.is-active { color: #fff; border: 2px solid transparent; background: linear-gradient(#121726,#121726) padding-box,linear-gradient(90deg,rgba(0,231,238,.88),rgba(255,50,166,.86)) border-box; box-shadow: 0 5px 18px rgba(0,231,238,.08); }
body.vibely-theme[data-screen="create"] .create-prompt-field { display: grid; gap: 8px; }
body.vibely-theme[data-screen="create"] .create-prompt-field > strong,
body.vibely-theme[data-screen="create"] .create-preview > h3 { color: #fff; font: 800 .9rem/1.2 "Sora",sans-serif; }
body.vibely-theme[data-screen="create"] .create-prompt-field > span { position: relative; display: block; }
body.vibely-theme[data-screen="create"] #promptInput { width: 100%; min-height: 105px; margin: 0; padding: 15px 15px 28px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; color: #fff; background: rgba(8,12,22,.5); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); font-size: .92rem; line-height: 1.4; resize: none; }
body.vibely-theme[data-screen="create"] #promptCharCount { position: absolute; right: 13px; bottom: 10px; color: rgba(255,255,255,.46); font-size: .66rem; }
body.vibely-theme[data-screen="create"] .create-preview { display: grid; gap: 8px; }
body.vibely-theme[data-screen="create"] .create-preview > h3 { margin: 0; }
body.vibely-theme[data-screen="create"] .create-preview-card { display: grid; grid-template-columns: 56px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: rgba(9,13,23,.46); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
body.vibely-theme[data-screen="create"] .create-preview-card:active { transform: scale(.985); }
body.vibely-theme[data-screen="create"] .create-preview-card:focus:not(:focus-visible) { outline: none; }
body.vibely-theme[data-screen="create"] .create-preview-card:focus-visible { outline: 2px solid #20dce7; outline-offset: 3px; }
body.vibely-theme[data-screen="create"] .create-preview-avatar { width: 56px; height: 56px; display: grid; place-items: center; padding: 2px; overflow: hidden; border: 2px solid transparent; border-radius: 50%; color: #fff; background: linear-gradient(#121725,#121725) padding-box,linear-gradient(135deg,#00e7ee,#735cff 50%,#ff32a6) border-box; font: 850 .76rem/1 "Sora",sans-serif; }
body.vibely-theme[data-screen="create"] .create-preview-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
body.vibely-theme[data-screen="create"] .create-preview-card > div > strong { color: #fff; font: 850 1rem/1.1 "Sora",sans-serif; }
body.vibely-theme[data-screen="create"] .create-preview-card p { display: flex; gap: 8px; margin: 7px 0 0; color: rgba(255,255,255,.8); font-size: .76rem; line-height: 1.35; }
body.vibely-theme[data-screen="create"] .create-preview-card p i { color: #ff32a6; font: 900 2rem/.7 Georgia,serif; }
body.vibely-theme[data-screen="create"] .create-preview-more { align-self: start; color: rgba(255,255,255,.56); letter-spacing: 2px; }
body.vibely-theme[data-screen="create"] .create-context-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
body.vibely-theme[data-screen="create"] .create-context-options button { min-height: 45px; padding: 7px; border: 1px solid rgba(255,255,255,.14); border-radius: 15px; color: rgba(255,255,255,.86); background: rgba(8,11,19,.32); font: 700 .7rem/1 "Sora",sans-serif; }
body.vibely-theme[data-screen="create"] .create-context-options button span { margin-right: 5px; color: #00e7ee; font-size: 1rem; }
body.vibely-theme[data-screen="create"] .create-context-options button:nth-child(2) span { color: #ff32a6; }
body.vibely-theme[data-screen="create"] .create-publish { position:relative;isolation:isolate;min-height:52px;margin:0;overflow:hidden;border:0;outline:0;border-radius:18px;color:#fff;background:linear-gradient(100deg,#12d6df,#6655ed 48%,#eb3393);box-shadow:0 12px 28px rgba(49,20,105,.22);font:850 .92rem/1 "Sora",sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transform:translateZ(0); }
body.vibely-theme[data-screen="create"] .create-publish::after { content:"";position:absolute;z-index:-1;inset:-42%;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.62) 49%,transparent 63%);transform:translateX(-85%) rotate(5deg); }
body.vibely-theme[data-screen="create"] .create-publish.is-publish-flow { animation:vibelyPublishPress .42s cubic-bezier(.2,.85,.3,1); }
body.vibely-theme[data-screen="create"] .create-publish.is-publish-flow::after { animation:vibelyPublishFlow .58s ease-out; }
body.vibely-theme[data-screen="create"] .create-publish:focus:not(:focus-visible) { outline:none;box-shadow:0 12px 28px rgba(49,20,105,.22); }
body.vibely-theme[data-screen="create"] .create-publish:focus-visible { outline:2px solid #ff45aa;outline-offset:3px; }
@keyframes vibelyPublishPress { 0%{transform:scale(1)}36%{transform:scale(.965)}72%{transform:scale(1.018)}100%{transform:scale(1)} }
@keyframes vibelyPublishFlow { from{transform:translateX(-85%) rotate(5deg)}to{transform:translateX(85%) rotate(5deg)} }
@media (prefers-reduced-motion:reduce) { body.vibely-theme[data-screen="create"] .create-publish.is-publish-flow,body.vibely-theme[data-screen="create"] .create-publish.is-publish-flow::after { animation:none; } }
body.vibely-theme[data-screen="create"] .create-aura-note { margin: -4px 0 0; color: rgba(255,255,255,.56); font-size: .68rem; text-align: center; }
body.vibely-theme.vibely-light[data-screen="create"] { color: #201927; background: #f6f3ff; }
body.vibely-theme.vibely-light[data-screen="create"] .topbar { border-color: rgba(39,31,49,.12); background: linear-gradient(110deg,rgba(255,255,255,.82),rgba(249,244,255,.76)); box-shadow: 0 13px 36px rgba(76,42,85,.11); }
body.vibely-theme.vibely-light[data-screen="create"] .aura-counter { color: #201927; border-color: rgba(39,31,49,.14); background: rgba(255,255,255,.82); box-shadow: 0 0 0 2px rgba(0,205,214,.75),2px -2px 0 2px rgba(226,35,129,.68); }
body.vibely-theme.vibely-light[data-screen="create"] .aura-counter__copy strong { color: #201927; text-shadow: none; }
body.vibely-theme.vibely-light[data-screen="create"] #createPanel { color: #201927; background: radial-gradient(circle at 86% 18%,rgba(226,35,129,.1),transparent 31%),radial-gradient(circle at 8% 42%,rgba(0,176,187,.1),transparent 29%),linear-gradient(155deg,#fffaf4,#f6f3ff 58%,#eefcff); }
body.vibely-theme.vibely-light[data-screen="create"] .create-screen-head h2,
body.vibely-theme.vibely-light[data-screen="create"] .create-prompt-field > strong,
body.vibely-theme.vibely-light[data-screen="create"] .create-preview > h3 { color: #201927; }
body.vibely-theme.vibely-light[data-screen="create"] .create-screen-head p { color: rgba(32,25,39,.62); }
body.vibely-theme.vibely-light[data-screen="create"] .create-studio { border-color: rgba(39,31,49,.11); background: rgba(255,255,255,.72); box-shadow: 0 16px 38px rgba(76,42,85,.1); }
body.vibely-theme.vibely-light[data-screen="create"] .create-mode-tabs,
body.vibely-theme.vibely-light[data-screen="create"] .create-preview-card,
body.vibely-theme.vibely-light[data-screen="create"] .create-context-options button { color: #201927; border-color: rgba(39,31,49,.12); background: rgba(255,255,255,.7); }
body.vibely-theme.vibely-light[data-screen="create"] .create-mode-tabs button { color: rgba(32,25,39,.66); }
body.vibely-theme.vibely-light[data-screen="create"] .create-mode-tabs button.is-active { color: #201927; background: linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,rgba(0,176,187,.78),rgba(226,35,129,.72)) border-box; }
body.vibely-theme.vibely-light[data-screen="create"] #promptInput { color: #201927; border-color: rgba(39,31,49,.13); background: rgba(255,255,255,.82); }
body.vibely-theme.vibely-light[data-screen="create"] #promptCharCount,
body.vibely-theme.vibely-light[data-screen="create"] .create-aura-note { color: rgba(32,25,39,.55); }
body.vibely-theme.vibely-light[data-screen="create"] .create-preview-card > div > strong { color: #201927; }
body.vibely-theme.vibely-light[data-screen="create"] .create-preview-card p { color: rgba(32,25,39,.76); }

/* The profile preview mirrors the immersive feed card instead of a generic dialog. */
body.vibely-theme .own-profile-preview { padding: max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)); }
body.vibely-theme .own-profile-preview__panel { grid-template-rows: auto minmax(0,1fr); align-content: stretch; gap: 8px; overflow: hidden; background: rgba(7,10,18,.98); }
body.vibely-theme .own-profile-preview__panel > header { min-height: 58px; padding: 4px 2px; color: #fff; }
body.vibely-theme .own-profile-preview__panel > header strong { color: #fff; font: 800 .96rem/1.2 "Sora",sans-serif; }
body.vibely-theme .own-profile-preview__panel > header .eyebrow { color: #19e3eb; }
body.vibely-theme .own-profile-preview__panel select { min-width: 138px; color: #fff; background: rgba(255,255,255,.08); }
body.vibely-theme .own-profile-card { min-height: 0; height: 100%; border: 1px solid rgba(255,255,255,.12); border-radius: 24px; }
body.vibely-theme .own-profile-card__content { gap: 8px; bottom: 18px; }
body.vibely-theme .own-profile-card__content h2 { color: #fff; font: 850 clamp(1.8rem,8vw,2.55rem)/1 "Sora",sans-serif; text-shadow: 0 2px 18px rgba(0,0,0,.85); }
body.vibely-theme .own-profile-card__location { color: rgba(255,255,255,.78); font-size: .88rem; }
body.vibely-theme .own-profile-card__content > strong { color: #fff; font: 600 .92rem/1.4 "Sora",sans-serif; text-shadow: 0 2px 12px rgba(0,0,0,.9); }
body.vibely-theme .own-profile-card__tags { display: flex; flex-wrap: wrap; gap: 7px; }
body.vibely-theme .own-profile-card__content blockquote { display: flex; gap: 8px; margin: 2px 0; padding: 11px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; color: #fff; background: rgba(6,9,16,.48); font: 650 .84rem/1.35 "Sora",sans-serif; backdrop-filter: blur(12px); }
body.vibely-theme .own-profile-card__content blockquote > span { color: #ff36a4; font: 900 1.8rem/.7 Georgia,serif; }
body.vibely-theme.vibely-light .own-profile-preview__panel { background: rgba(247,249,255,.98); }
body.vibely-theme.vibely-light .own-profile-preview__panel > header strong { color: #171b2b; }
body.vibely-theme.vibely-light .own-profile-preview__panel select { color: #171b2b; border-color: rgba(23,27,43,.14); background: rgba(255,255,255,.9); }

@media (max-width: 520px) {
  body.vibely-theme .own-profile-preview { padding: 0; }
  body.vibely-theme .own-profile-preview__panel { width: 100%; height: 100dvh; padding: max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom)); border: 0; border-radius: 0; }
  body.vibely-theme .own-profile-preview__panel > header { min-height: 54px; }
  body.vibely-theme .own-profile-preview__panel > header > div strong { display: none; }
  body.vibely-theme .own-profile-preview__panel select { min-width: 0; width: min(42vw,170px); }
}

body.vibely-theme .profile-crop { position: fixed; z-index: 1900; inset: 0; display: grid; grid-template-rows: auto minmax(0,1fr) auto; gap: 12px; padding: max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); color: #fff; background: radial-gradient(circle at 50% 0,rgba(25,75,103,.3),transparent 36%),#070a12; }
body.vibely-theme .profile-crop.is-hidden { display: none; }
body.vibely-theme .profile-crop__head { display: grid; grid-template-columns: minmax(72px,auto) 1fr minmax(72px,auto); align-items: center; gap: 10px; text-align: center; }
body.vibely-theme .profile-crop__head div { display: grid; gap: 2px; }
body.vibely-theme .profile-crop__head h2 { margin: 0; color: #fff; font: 800 1rem/1.2 "Sora",sans-serif; }
body.vibely-theme .profile-crop__head button { min-height: 42px; padding: 0 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; color: rgba(255,255,255,.78); background: rgba(255,255,255,.06); font: 750 .76rem/1 "Sora",sans-serif; -webkit-tap-highlight-color: transparent; }
body.vibely-theme .profile-crop__head #profileCropSave { color: #061018; border-color: transparent; background: linear-gradient(110deg,#22dce7,#79f3db 54%,#f2ed64); }
body.vibely-theme .profile-crop__stage { position: relative; width: min(100%,430px,calc((100dvh - 158px) * .5625)); height: auto; aspect-ratio: 9 / 16; place-self: center; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 28px; background: #111723; box-shadow: 0 20px 70px rgba(0,0,0,.42); touch-action: none; cursor: grab; }
body.vibely-theme .profile-crop__stage.is-dragging { cursor: grabbing; }
body.vibely-theme .profile-crop__stage > img { position: absolute; top: 50%; left: 50%; max-width: none; user-select: none; pointer-events: none; will-change: transform,width,height; }
body.vibely-theme .profile-crop__shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,rgba(0,0,0,.08),transparent 55%,rgba(2,4,9,.5)); }
body.vibely-theme .profile-crop__guide { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(3,1fr); pointer-events: none; opacity: .55; }
body.vibely-theme .profile-crop__guide span { border-right: 1px solid rgba(255,255,255,.24); border-bottom: 1px solid rgba(255,255,255,.24); }
body.vibely-theme .profile-crop__guide span:nth-child(2) { grid-column: 2; grid-row: 1 / 4; }
body.vibely-theme .profile-crop__guide span:nth-child(3) { grid-column: 1 / 4; grid-row: 2; }
body.vibely-theme .profile-crop__guide span:nth-child(4) { grid-column: 1 / 4; grid-row: 3; }
body.vibely-theme .profile-crop__stage > p { position: absolute; left: 50%; bottom: 16px; margin: 0; padding: 7px 11px; border-radius: 999px; color: #fff; background: rgba(5,8,15,.58); backdrop-filter: blur(12px); font: 650 .7rem/1 "Sora",sans-serif; transform: translateX(-50%); pointer-events: none; }
body.vibely-theme .profile-crop__zoom { width: min(100%,430px); justify-self: center; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 12px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.11); border-radius: 18px; background: rgba(255,255,255,.055); }
body.vibely-theme .profile-crop__zoom span { font: 700 .72rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-crop__zoom input { width: 100%; accent-color: #22dce7; }
body.has-profile-crop { overflow: hidden; }


@media (max-width: 430px) {
  body.vibely-theme[data-screen="create"] #createPanel { padding: calc(max(10px,env(safe-area-inset-top)) + 88px) 13px calc(82px + env(safe-area-inset-bottom)); }
  body.vibely-theme[data-screen="create"] .create-screen-head h2 { font-size: 2rem; }
  body.vibely-theme[data-screen="create"] .create-screen-head p { font-size: 1rem; }
  body.vibely-theme[data-screen="create"] .create-studio { gap: 11px; margin-top: 14px; padding: 12px; border-radius: 22px; }
  body.vibely-theme[data-screen="create"] .create-mode-tabs button { min-height: 38px; font-size: .68rem; }
  body.vibely-theme[data-screen="create"] #promptInput { min-height: 90px; }
  body.vibely-theme[data-screen="create"] .create-preview-card { grid-template-columns: 48px minmax(0,1fr) auto; padding: 10px; }
  body.vibely-theme[data-screen="create"] .create-preview-avatar { width: 48px; height: 48px; }
  body.vibely-theme[data-screen="create"] .create-context-options button { min-height: 41px; font-size: .62rem; }
  body.vibely-theme[data-screen="create"] .create-publish { min-height: 47px; }
}

@media (prefers-reduced-motion: reduce) {
  body.vibely-theme[data-screen="chat"] .chat-safety-menu.is-context-open.is-header-anchor { animation: none; }
}

/* Final profile palette override; intentionally last to prevent screen-specific drift. */
body.vibely-theme[data-screen="profile"] .topbar { border-color: rgba(255,255,255,.14); background: linear-gradient(110deg,rgba(9,11,18,.29),rgba(14,16,27,.4)); box-shadow: 0 13px 38px rgba(0,0,0,.18); backdrop-filter: blur(18px) saturate(140%); }
body.vibely-theme[data-screen="profile"] .aura-counter { border-color: rgba(255,255,255,.22); background: rgba(8,10,18,.38); box-shadow: 0 0 0 2px #00e7ee,2px -2px 0 2px #ff309f; }
body.vibely-theme[data-screen="profile"] .aura-counter__copy strong { color: #fff; font-size: 1.12rem; text-shadow: 0 2px 8px rgba(0,0,0,.38),0 0 10px rgba(0,231,238,.28); }
body.vibely-theme[data-screen="profile"] #profilePanel { background: radial-gradient(circle at 12% 16%,rgba(0,231,238,.035),transparent 25%),radial-gradient(circle at 88% 72%,rgba(255,48,159,.03),transparent 28%),#070910; }
body.vibely-theme[data-screen="profile"] .profile-aura-preview,
body.vibely-theme[data-screen="profile"] .profile-hub button,
body.vibely-theme[data-screen="profile"] .profile-gallery-preview { border-color: rgba(255,255,255,.1); background: rgba(13,16,25,.78); box-shadow: 0 9px 28px rgba(0,0,0,.15); }
body.vibely-theme[data-screen="profile"] .profile-aura-preview { background: radial-gradient(circle at 10% 30%,rgba(0,231,238,.055),transparent 30%),radial-gradient(circle at 90% 30%,rgba(255,48,159,.045),transparent 32%),rgba(13,16,25,.82); }
body.vibely-theme[data-screen="profile"] .profile-hub button > span { color: #dce3f8; border-color: rgba(0,231,238,.5); border-right-color: rgba(255,48,159,.5); background: rgba(18,21,33,.92); }
body.vibely-theme[data-screen="profile"] .profile-plan-badge { border-color: rgba(255,48,159,.65); border-left-color: rgba(0,231,238,.68); background: rgba(12,15,24,.72); }
body.vibely-theme.vibely-light[data-screen="profile"] .topbar { border-color: rgba(39,31,49,.12); background: linear-gradient(110deg,rgba(255,255,255,.82),rgba(249,244,255,.76)); box-shadow: 0 13px 36px rgba(76,42,85,.11); }
body.vibely-theme.vibely-light[data-screen="profile"] .aura-counter { color: #201927; border-color: rgba(39,31,49,.14); background: rgba(255,255,255,.82); box-shadow: 0 0 0 2px rgba(0,205,214,.75),2px -2px 0 2px rgba(226,35,129,.68); }
body.vibely-theme.vibely-light[data-screen="profile"] .aura-counter__copy strong { color: #201927; text-shadow: none; }
body.vibely-theme.vibely-light[data-screen="profile"] #profilePanel { background: radial-gradient(circle at 12% 16%,rgba(0,205,214,.035),transparent 25%),radial-gradient(circle at 88% 72%,rgba(226,35,129,.03),transparent 28%),#f7f5fa; }
body.vibely-theme.vibely-light[data-screen="profile"] .profile-aura-preview,
body.vibely-theme.vibely-light[data-screen="profile"] .profile-hub button,
body.vibely-theme.vibely-light[data-screen="profile"] .profile-gallery-preview { color: #201927; border-color: rgba(39,31,49,.1); background: rgba(255,255,255,.84); box-shadow: 0 9px 26px rgba(76,42,85,.065); }
body.vibely-theme.vibely-light[data-screen="profile"] .profile-hub button > span { color: #302638; background: rgba(255,255,255,.92); }
/* Auth flow v79: final mobile containment after all theme rules. */
body.vibely-theme[data-screen="auth"] { width: 100%; max-width: 100vw; padding: 0; overflow-x: hidden; }
body.vibely-theme[data-screen="auth"] > .app-shell { width: 100%; max-width: 100vw; margin: 0; padding: max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)); overflow-x: hidden; }
body.vibely-theme[data-screen="auth"] .auth-panel,
body.vibely-theme[data-screen="auth"] .auth-brand,
body.vibely-theme[data-screen="auth"] .auth-form,
body.vibely-theme[data-screen="auth"] .registration-stage { width: 100%; min-width: 0; max-width: 100%; }
body.vibely-theme[data-screen="auth"] .auth-brand h1 { max-width: 100%; overflow-wrap: anywhere; }
body.vibely-theme[data-screen="auth"] .account-mode { grid-template-columns: repeat(2,minmax(0,1fr)); }
body.vibely-theme[data-screen="auth"] .account-mode .chip { min-width: 0; padding-inline: .45rem; white-space: normal; }
body.vibely-theme[data-screen="auth"] .auth-submit,
body.vibely-theme[data-screen="auth"] #verifyEmailBtn,
body.vibely-theme[data-screen="auth"] #resetPasswordBtn { border: 0; background: linear-gradient(105deg,#09ddeb,#7650ff 52%,#ff2795); box-shadow: 0 .6rem 1.6rem rgba(105,58,255,.24); }
body.vibely-theme[data-screen="auth"] .auth-forgot { min-width: 0; max-width: 100%; white-space: normal; }
body.vibely-theme[data-screen="auth"] .registration-location { display:grid;gap:9px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035); }
body.vibely-theme[data-screen="auth"] .registration-location > div { display:grid;gap:3px; }
body.vibely-theme[data-screen="auth"] .registration-location > div strong { color:#fff;font-size:.84rem; }
body.vibely-theme[data-screen="auth"] .registration-location > div span { color:rgba(255,255,255,.58);font-size:.68rem;line-height:1.4; }
body.vibely-theme[data-screen="auth"] .registration-location__radius { display:grid;gap:7px;color:rgba(255,255,255,.74);font-size:.72rem; }
body.vibely-theme[data-screen="auth"] .registration-location__radius > span { display:flex;justify-content:space-between;gap:12px; }
body.vibely-theme[data-screen="auth"] .registration-location__radius b { color:#6ffaff; }
body.vibely-theme.vibely-light[data-screen="auth"] .registration-location { border-color:rgba(24,27,40,.12);background:rgba(255,255,255,.7); }
body.vibely-theme.vibely-light[data-screen="auth"] .registration-location > div strong { color:#171b2b; }
body.vibely-theme.vibely-light[data-screen="auth"] .registration-location > div span,body.vibely-theme.vibely-light[data-screen="auth"] .registration-location__radius { color:rgba(23,27,43,.65); }
body.vibely-theme .profile-location-settings__body { display:grid;gap:10px;padding-top:10px; }
body.vibely-theme .profile-location-settings__body p { margin:0;color:var(--muted);font-size:.78rem;line-height:1.45; }

@media (max-width: 390px) {
  body.vibely-theme[data-screen="auth"] .account-mode .chip { font-size: .76rem; }
  body.vibely-theme[data-screen="auth"] .account-mode .chip small { margin-left: .15rem; font-size: .52rem; }
  body.vibely-theme[data-screen="auth"] .auth-brand h1 { font-size: 1.35rem; }
}

/* Profile Edit v99: structural match to the approved Vibely visualization. */
body.vibely-theme .profile-hub-sheet__panel { grid-template-rows:auto auto minmax(0,1fr); }
body.vibely-theme .profile-hub-sheet__panel > .profile-hub-topbar {
  display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:10px 14px 9px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(110deg,rgba(12,17,28,.74),rgba(29,22,42,.66));
}
body.vibely-theme .profile-hub-topbar__logo { display:block;width:145px;height:auto;filter:drop-shadow(0 2px 7px rgba(0,0,0,.32)); }
body.vibely-theme .profile-hub-topbar__actions { display:flex;align-items:center;gap:9px; }
body.vibely-theme .profile-hub-topbar__aura { min-width:78px;padding:10px 13px;border:2px solid transparent;border-radius:18px;color:#fff;background:linear-gradient(#111624,#111624) padding-box,linear-gradient(100deg,#00e7ee,#ff30a0) border-box;font:850 .94rem/1 "Sora",sans-serif;text-align:center; }
body.vibely-theme .profile-hub-topbar__aura b { font:inherit; }
body.vibely-theme .profile-hub-topbar__avatar { width:46px;height:46px;padding:2px;border:2px solid transparent;border-radius:50%;background:linear-gradient(#111624,#111624) padding-box,linear-gradient(135deg,#00e7ee,#ff30a0 70%,#f7ff76) border-box;overflow:hidden; }
body.vibely-theme .profile-hub-topbar__avatar img { width:100%;height:100%;border-radius:50%;object-fit:cover; }
body.vibely-theme .profile-hub-sheet__panel > .profile-hub-topbar button { width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fff;background:rgba(7,10,18,.56);font-size:1.25rem; }
body.vibely-theme .profile-hub-heading { display:flex;align-items:end;justify-content:space-between;padding:17px 19px 4px; }
body.vibely-theme .profile-hub-heading .eyebrow { color:#00e7ee; }
body.vibely-theme .profile-hub-heading h3 { margin:0;color:#fff;font:900 2rem/1 "Sora",sans-serif;letter-spacing:-.055em; }

body.vibely-theme .hub-edit-overview { display:grid;gap:13px; }
body.vibely-theme .hub-edit-profile { display:grid;justify-items:center;gap:10px;padding:3px 0 2px;text-align:center; }
body.vibely-theme .hub-edit-profile__avatar { width:152px;height:152px;padding:3px;border:3px solid transparent;border-radius:50%;background:linear-gradient(#111624,#111624) padding-box,linear-gradient(135deg,#00e7ee 4%,#6d5cff 48%,#ff30a0 88%) border-box;box-shadow:0 12px 34px rgba(0,231,238,.12),0 9px 28px rgba(255,48,160,.1);overflow:hidden; }
body.vibely-theme .hub-edit-profile__avatar img { width:100%;height:100%;border-radius:50%;object-fit:cover; }
body.vibely-theme .hub-edit-profile > div { display:grid;gap:3px; }
body.vibely-theme .hub-edit-profile strong { color:#fff;font:900 1.45rem/1.1 "Sora",sans-serif;letter-spacing:-.04em; }
body.vibely-theme .hub-edit-profile small { color:#00e7ee;font-size:.7rem;font-weight:800; }
body.vibely-theme .hub-edit-progress { display:grid;gap:7px;padding:0 3px; }
body.vibely-theme .hub-edit-progress > span { display:flex;justify-content:space-between;color:rgba(231,235,249,.72);font-size:.72rem; }
body.vibely-theme .hub-edit-progress > span strong { color:#fff; }
body.vibely-theme .hub-edit-progress > i { height:6px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden; }
body.vibely-theme .hub-edit-progress > i b { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00e7ee,#95f3db 42%,#ff30a0);box-shadow:0 0 12px rgba(0,231,238,.3); }
body.vibely-theme .hub-edit-primary { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
body.vibely-theme .hub-edit-primary button { min-height:52px;border:1px solid transparent;border-radius:17px;color:#fff;background:linear-gradient(#101725,#101725) padding-box,linear-gradient(105deg,#00e7ee,#ff30a0) border-box;font:800 .76rem/1 "Sora",sans-serif; }
body.vibely-theme .hub-edit-primary button:last-child { border-color:rgba(255,255,255,.15);background:rgba(15,20,33,.78); }
body.vibely-theme .hub-edit-primary span { margin-right:7px;color:#00e7ee;font-size:1.05rem; }
body.vibely-theme .hub-edit-links { display:grid;gap:8px; }
body.vibely-theme .hub-edit-links button { display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 11px;min-height:68px;padding:10px 13px;border:1px solid rgba(151,164,207,.16);border-radius:18px;color:#fff;background:rgba(14,19,32,.72);text-align:left; }
body.vibely-theme .hub-edit-links button > span { grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(0,231,238,.48);border-right-color:rgba(255,48,160,.5);border-radius:13px;color:#70f3ff;background:rgba(19,23,38,.92);font-size:1.05rem; }
body.vibely-theme .hub-edit-links b { align-self:end;font:800 .78rem/1.2 "Sora",sans-serif; }
body.vibely-theme .hub-edit-links small { align-self:start;color:rgba(210,217,241,.58);font-size:.63rem; }
body.vibely-theme .hub-edit-links i { grid-column:3;grid-row:1/3;color:rgba(210,217,241,.5);font-size:1.35rem;font-style:normal; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .hub-edit-overview ~ .profile-clip-cta { margin-top:3px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .hub-edit-overview ~ .field-group,
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .hub-edit-overview ~ .profile-tag-picker,
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .hub-edit-overview ~ .profile-editor { display:none; }
body.vibely-theme .hub-edit-context-bar { display:none;align-items:center;gap:12px;min-height:52px;padding:2px 0 10px;border-bottom:1px solid rgba(255,255,255,.08); }
body.vibely-theme .hub-edit-context-bar button { width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;background:rgba(14,19,32,.76);font-size:1.6rem; }
body.vibely-theme .hub-edit-context-bar strong { color:#fff;font:850 1.1rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-hub-panel[data-edit-context] > * { display:none!important; }
body.vibely-theme .profile-hub-panel[data-edit-context] > .hub-edit-context-bar,
body.vibely-theme .profile-hub-panel[data-edit-context] > .is-edit-context-target { display:grid!important; }
body.vibely-theme .profile-hub-panel[data-edit-context] > .is-edit-context-target { margin:0;padding:15px;border:1px solid rgba(151,164,207,.16);border-radius:20px;background:rgba(14,19,32,.72); }
body.vibely-theme .profile-hub-panel[data-edit-context="tags"] .profile-tag-picker > :not(summary):not(p):not(#profileTagPicker) { display:none; }
body.vibely-theme .profile-hub-panel[data-edit-context="preferences"] .profile-tag-picker > #profileTagPicker,
body.vibely-theme .profile-hub-panel[data-edit-context="preferences"] .profile-tag-picker > p { display:none; }
body.vibely-theme .profile-hub-panel[data-edit-context="gallery"] .profile-editor > :not(.gallery-plan-card):not(.profile-editor__actions):not(.profile-gallery):not(.archived-gallery) { display:none; }
body.vibely-theme .profile-hub-panel[data-edit-context] .profile-tag-picker > summary { color:#fff;font:800 .9rem/1.2 "Sora",sans-serif; }

body.vibely-theme.vibely-light .profile-hub-sheet__panel > .profile-hub-topbar { border-color:rgba(39,31,49,.09);background:rgba(255,255,255,.78); }
body.vibely-theme.vibely-light .profile-hub-topbar__aura { color:#201927;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,#00b9c4,#df2b85) border-box; }
body.vibely-theme.vibely-light .profile-hub-sheet__panel > .profile-hub-topbar button { color:#201927;background:rgba(255,255,255,.86); }
body.vibely-theme.vibely-light .profile-hub-heading h3,
body.vibely-theme.vibely-light .hub-edit-profile strong,
body.vibely-theme.vibely-light .hub-edit-progress > span strong,
body.vibely-theme.vibely-light .hub-edit-links button { color:#201927; }
body.vibely-theme.vibely-light .hub-edit-progress > span,
body.vibely-theme.vibely-light .hub-edit-links small { color:rgba(32,25,39,.58); }
body.vibely-theme.vibely-light .hub-edit-primary button { color:#201927;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(105deg,#00b9c4,#df2b85) border-box; }
body.vibely-theme.vibely-light .hub-edit-primary button:last-child,
body.vibely-theme.vibely-light .hub-edit-links button { border-color:rgba(39,31,49,.11);background:rgba(255,255,255,.82); }
body.vibely-theme.vibely-light .hub-edit-context-bar { border-color:rgba(39,31,49,.1); }
body.vibely-theme.vibely-light .hub-edit-context-bar button,
body.vibely-theme.vibely-light .profile-hub-panel[data-edit-context] > .is-edit-context-target { color:#201927;border-color:rgba(39,31,49,.11);background:rgba(255,255,255,.84); }
body.vibely-theme.vibely-light .hub-edit-context-bar strong,
body.vibely-theme.vibely-light .profile-hub-panel[data-edit-context] .profile-tag-picker > summary { color:#201927; }

@media (max-width:430px) {
  body.vibely-theme .profile-hub-topbar__logo { width:126px; }
  body.vibely-theme .profile-hub-topbar__aura { min-width:67px;padding:9px 10px; }
  body.vibely-theme .profile-hub-topbar__avatar { width:42px;height:42px; }
  body.vibely-theme .profile-hub-sheet__panel > .profile-hub-topbar button { width:36px;height:36px; }
  body.vibely-theme .profile-hub-heading { padding:13px 15px 2px; }
  body.vibely-theme .profile-hub-heading h3 { font-size:1.72rem; }
  body.vibely-theme .hub-edit-profile__avatar { width:132px;height:132px; }
}

/* Shared finishing details for the remaining three profile screens. */
body.vibely-theme .hub-screen-lead { margin:0;padding:0 2px 3px;color:rgba(215,221,241,.62);font-size:.74rem;line-height:1.45; }
body.vibely-theme .hub-stats-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:2px 2px 5px; }
body.vibely-theme .hub-stats-head > div { display:grid;gap:5px; }
body.vibely-theme .hub-stats-head small { color:#00e7ee;font:750 .55rem/1 "Sora",sans-serif;letter-spacing:.16em; }
body.vibely-theme .hub-stats-head p { margin:0;color:#fff;font:850 1.12rem/1.2 "Sora",sans-serif; }
body.vibely-theme .hub-stats-head span { padding:8px 13px;border:1px solid rgba(0,231,238,.24);border-radius:999px;color:#dfe8f6;background:rgba(0,231,238,.065);font:700 .66rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .profile-insights { padding:0;border:0;background:transparent;overflow:visible; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-body { display:grid;gap:11px;padding:0; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-highlight { position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:92px;padding:16px;border:1px solid rgba(0,231,238,.2);border-radius:22px;background:radial-gradient(circle at 12% 20%,rgba(0,231,238,.18),transparent 42%),linear-gradient(120deg,rgba(17,25,40,.92),rgba(33,17,42,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-highlight::after { content:"";position:absolute;width:110px;height:110px;right:-45px;bottom:-70px;border-radius:50%;background:rgba(255,48,159,.2);filter:blur(24px); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-highlight > div { display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(0,231,238,.3);border-radius:18px;color:#fff;background:linear-gradient(145deg,rgba(0,231,238,.18),rgba(255,48,159,.15)); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-highlight > div > span { display:none; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-highlight > div strong { font:850 1.05rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-highlight p { position:relative;z-index:1;color:rgba(234,239,250,.7);font-size:.69rem;line-height:1.5; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-metrics { grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-metrics article { min-height:96px;padding:13px 14px;border:1px solid rgba(151,164,207,.14);border-radius:18px;background:linear-gradient(145deg,rgba(17,23,37,.88),rgba(11,15,27,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-metrics article:nth-child(2),body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-metrics article:nth-child(3) { background:linear-gradient(145deg,rgba(29,20,41,.82),rgba(11,15,27,.76)); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-metrics span { color:rgba(223,230,246,.58);font-size:.62rem; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-metrics strong { margin:7px 0 4px;color:#fff;font:850 1.65rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-metrics small { color:rgba(220,227,242,.38);font-size:.55rem; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-funnel { gap:10px;padding:14px;border:1px solid rgba(151,164,207,.14);border-radius:20px;background:rgba(13,18,31,.72); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-section-head strong { color:#fff;font:800 .75rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-section-head > span:not(.plan-pill) { color:rgba(225,232,246,.45);font-size:.58rem; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-funnel-row { grid-template-columns:90px minmax(0,1fr) 28px;gap:9px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-funnel-row > span { color:rgba(226,232,246,.58);font-size:.6rem; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-funnel-row > i { height:6px;background:rgba(255,255,255,.09); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-funnel-row > i b { background:linear-gradient(90deg,#00e7ee,#8ef6cf,#ff4ca2); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-funnel-row > strong { color:#fff;font-size:.62rem; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-unlock { padding:13px;border-radius:18px;background:rgba(14,19,32,.68); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-tip { padding:12px 14px;border-radius:18px;background:linear-gradient(110deg,rgba(0,231,238,.08),rgba(255,48,159,.06)); }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .insights-privacy { margin:0;padding:0 8px;color:rgba(220,226,240,.38);font-size:.55rem;line-height:1.45;text-align:center; }
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .profile-hub-heading .eyebrow,
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .profile-hub-heading h3 { color:#ffd86a; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .profile-hub-heading .eyebrow { color:#ff4ca2; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-hub-heading .eyebrow { color:#9d8cff; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .language-settings > summary::before { content:'◎';margin-right:10px;color:#00e7ee; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .profile-visibility:not(.language-settings) > summary::before { content:'◇';margin-right:10px;color:#ff4ca2; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .discovery-settings > summary::before { content:'⌖';color:#9d8cff; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .membership-card__head { min-height:62px;align-items:center; }
body.vibely-theme .profile-hub-sheet[data-active-panel="settings"] .membership-card__head .eyebrow { color:#00e7ee; }
body.vibely-theme.vibely-light .hub-screen-lead { color:rgba(32,25,39,.6); }
body.vibely-theme.vibely-light .hub-stats-head p { color:#201927; }
body.vibely-theme.vibely-light .hub-stats-head span { color:#165c66;border-color:rgba(0,143,157,.2);background:rgba(0,189,204,.08); }
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-highlight { border-color:rgba(0,143,157,.18);background:radial-gradient(circle at 12% 20%,rgba(0,210,218,.13),transparent 42%),linear-gradient(120deg,rgba(255,255,255,.94),rgba(255,242,249,.9)); }
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-highlight > div { color:#201927;border-color:rgba(0,143,157,.22);background:linear-gradient(145deg,rgba(0,216,224,.14),rgba(255,48,159,.1)); }
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-highlight p { color:rgba(32,25,39,.66); }
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-metrics article,body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-metrics article:nth-child(2),body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-metrics article:nth-child(3),body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-funnel,body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-unlock { border-color:rgba(39,31,49,.1);background:rgba(255,255,255,.82); }
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-metrics strong,body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-section-head strong,body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-funnel-row > strong { color:#201927; }
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-metrics span,body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-metrics small,body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-funnel-row > span,body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="stats"] .insights-privacy { color:rgba(32,25,39,.55); }

/* Stats v108: standalone 1:1 structure from the approved four-screen visual. */
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .profile-hub-sheet__content { position:relative;padding-top:8px; }
body.vibely-theme .profile-hub-sheet[data-active-panel="stats"] .profile-hub-panel { gap:0; }
body.vibely-theme .hub-stats-overview { position:relative;display:grid;gap:12px;padding-top:2px; }
body.vibely-theme .hub-stats-period { position:relative;z-index:2;justify-self:end;display:flex;align-items:center;gap:7px;margin:0 0 2px;padding:10px 14px;border:1px solid rgba(151,164,207,.22);border-radius:16px;color:#eef3ff;background:rgba(16,22,36,.88);font:700 .72rem/1 "Sora",sans-serif; }
body.vibely-theme .hub-stats-period span { color:#9caac3;font-size:.8rem; }
body.vibely-theme .hub-stats-period select { max-width:104px;border:0;outline:0;appearance:none;color:inherit;background:transparent;font:inherit;cursor:pointer; }
body.vibely-theme .hub-stats-period select option { color:#101626;background:#f7f9ff; }
body.vibely-theme .hub-stats-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
body.vibely-theme .hub-stat-card { position:relative;display:grid;align-content:start;gap:8px;min-height:132px;padding:14px;border:1px solid rgba(151,164,207,.19);border-radius:18px;background:linear-gradient(145deg,rgba(15,23,37,.96),rgba(10,15,27,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.12);overflow:hidden; }
body.vibely-theme .hub-stat-card::after { content:"";position:absolute;right:-17px;bottom:-22px;width:74px;height:62px;background:radial-gradient(circle,var(--stat-glow),transparent 67%);opacity:.5; }
body.vibely-theme .hub-stat-card header { display:flex;align-items:center;gap:9px;color:#d9e1f1;font-size:.68rem; }
body.vibely-theme .hub-stat-card .hub-stat-icon { width:21px;height:21px;flex:0 0 21px;overflow:visible;fill:none;stroke:var(--stat-color);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px var(--stat-glow)); }
body.vibely-theme .hub-stat-card--pink .hub-stat-icon,
body.vibely-theme .hub-stat-card--rose .hub-stat-icon { fill:var(--stat-color);stroke:none; }
body.vibely-theme .hub-stat-card > strong { color:#fff;font:850 1.65rem/1 "Sora",sans-serif;letter-spacing:-.04em; }
body.vibely-theme .hub-stat-card > div { display:flex;align-items:end;justify-content:space-between;gap:8px; }
body.vibely-theme .hub-stat-card small { color:#50ed9f;font:750 .62rem/1 "Sora",sans-serif; }
body.vibely-theme .hub-stat-card small.is-down { color:#ff607d; }
body.vibely-theme .hub-stat-card .hub-stat-sparkline { width:58px;height:38px;overflow:visible;filter:drop-shadow(0 5px 7px var(--stat-glow)); }
body.vibely-theme .hub-stat-card .hub-stat-sparkline .spark-area { fill:var(--stat-glow);stroke:none;opacity:.38; }
body.vibely-theme .hub-stat-card .hub-stat-sparkline polyline { fill:none;stroke:var(--stat-color);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round; }
body.vibely-theme .hub-stat-card.is-empty .hub-stat-sparkline { opacity:.42;filter:none; }
body.vibely-theme .hub-stat-card--cyan { --stat-color:#35e8ee;--stat-glow:rgba(0,231,238,.45); }
body.vibely-theme .hub-stat-card--pink { --stat-color:#ff599e;--stat-glow:rgba(255,48,159,.43); }
body.vibely-theme .hub-stat-card--rose { --stat-color:#ff77ad;--stat-glow:rgba(255,65,153,.4); }
body.vibely-theme .hub-stat-card--blue { --stat-color:#55baf7;--stat-glow:rgba(52,169,255,.4); }
body.vibely-theme .hub-stats-activity { display:grid;gap:8px;padding:15px 14px 12px;border:1px solid rgba(151,164,207,.19);border-radius:19px;background:linear-gradient(145deg,rgba(15,23,37,.96),rgba(10,15,27,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
body.vibely-theme .hub-stats-activity > strong { color:#fff;font:800 .82rem/1 "Sora",sans-serif; }
body.vibely-theme #hubStatsActivityChart { display:block;width:100%;height:132px;overflow:visible; }
body.vibely-theme .hub-stats-chart-grid path { fill:none;stroke:rgba(151,164,207,.13);stroke-width:1; }
body.vibely-theme .hub-stats-y-labels { fill:rgba(220,228,244,.54);font:9px "Sora",sans-serif; }
body.vibely-theme .hub-stats-days { display:grid;grid-template-columns:repeat(7,1fr);color:rgba(220,228,244,.58);font-size:.56rem;text-align:center; }
body.vibely-theme .hub-stats-best { display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:12px 14px;border:1px solid rgba(151,164,207,.18);border-radius:19px;background:linear-gradient(120deg,rgba(21,26,39,.96),rgba(13,19,31,.88)); }
body.vibely-theme .hub-stats-best > span { display:grid;width:44px;height:44px;place-items:center;border:2px solid rgba(255,214,93,.7);border-radius:50%;color:#ffd45d;background:rgba(255,205,72,.07);box-shadow:0 0 18px rgba(255,205,72,.12);font-size:1.35rem; }
body.vibely-theme .hub-stats-best > div { display:grid;gap:5px; }
body.vibely-theme .hub-stats-best strong { color:#fff;font:750 .72rem/1.2 "Sora",sans-serif; }
body.vibely-theme .hub-stats-best strong b { color:#ffd45d;font:850 1.05rem/1 "Sora",sans-serif; }
body.vibely-theme .hub-stats-best small { color:rgba(220,228,244,.5);font-size:.55rem; }
body.vibely-theme .hub-stats-best em { color:#9ba9c0;font-size:1.5rem;font-style:normal; }
body.vibely-theme.vibely-light .hub-stats-period { color:#201927;border-color:rgba(39,31,49,.12);background:rgba(255,255,255,.9); }
body.vibely-theme.vibely-light .hub-stat-card,body.vibely-theme.vibely-light .hub-stats-activity,body.vibely-theme.vibely-light .hub-stats-best { border-color:rgba(39,31,49,.1);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,244,251,.9));box-shadow:0 10px 24px rgba(76,42,85,.055); }
body.vibely-theme.vibely-light .hub-stat-card header,body.vibely-theme.vibely-light .hub-stats-days { color:rgba(32,25,39,.62); }
body.vibely-theme.vibely-light .hub-stat-card > strong,body.vibely-theme.vibely-light .hub-stats-activity > strong,body.vibely-theme.vibely-light .hub-stats-best strong { color:#201927; }
body.vibely-theme.vibely-light .hub-stats-chart-grid path { stroke:rgba(39,31,49,.11); }
body.vibely-theme.vibely-light .hub-stats-y-labels { fill:rgba(32,25,39,.52); }

/* Profile clip v101: the approved visualization uses one clean contextual CTA. */
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-clip-cta {
  display:block;
  order:9;
  margin:2px 0 0;
  padding:0;
  border:0;
  border-radius:17px;
  background:transparent;
  box-shadow:none;
}
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-clip-cta__icon,
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-clip-cta__copy,
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-clip-cta > small { display:none; }
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-clip-cta #profileClipBtn {
  display:flex;
  width:100%;
  min-height:54px;
  align-items:center;
  justify-content:center;
  margin:0;
  border:0;
  border-radius:17px;
  color:#fff;
  background:linear-gradient(100deg,#18dbe8 0%,#6f57f2 50%,#ed3999 100%);
  box-shadow:0 12px 28px rgba(67,44,185,.2);
  font:850 .86rem/1 "Sora",sans-serif;
}
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-clip-cta #profileClipBtn::before {
  content:'＋';
  display:grid;
  width:25px;
  height:25px;
  margin-right:9px;
  place-items:center;
  border:1.5px solid rgba(255,255,255,.9);
  border-radius:50%;
  font-size:1rem;
  line-height:1;
}
body.vibely-theme .profile-hub-sheet[data-active-panel="edit"] .profile-clip-cta #profileClipBtn:active { transform:scale(.985); }

/* Profile hub header v102: preserve the application's global Vibely bar. */
body.vibely-theme .profile-hub-sheet {
  top:calc(max(10px,env(safe-area-inset-top)) + 78px);
  bottom:0;
  height:auto;
  padding:10px 10px max(8px,env(safe-area-inset-bottom));
  align-items:stretch;
  background:transparent;
}
body.vibely-theme .profile-hub-sheet__backdrop { inset:0; }
body.vibely-theme .profile-hub-sheet__panel {
  width:min(100%,560px);
  height:100%;
  grid-template-rows:auto minmax(0,1fr);
  border-radius:28px 28px 0 0;
}
body.vibely-theme .profile-hub-heading { min-height:70px;padding:14px 16px 8px 19px;align-items:center; }
body.vibely-theme .profile-hub-heading > div { display:grid;gap:5px; }
body.vibely-theme .profile-hub-heading > button { display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;color:#fff;background:rgba(7,10,18,.58);font-size:1.35rem; }
body.vibely-theme.vibely-light .profile-hub-heading > button { color:#201927;border-color:rgba(39,31,49,.12);background:rgba(255,255,255,.84); }
@media (max-width:430px) {
  body.vibely-theme .profile-hub-sheet { top:calc(max(10px,env(safe-area-inset-top)) + 78px);padding:0; }
  body.vibely-theme .profile-hub-sheet__panel { width:100%;height:100%;border-radius:25px 25px 0 0; }
}

/* Aura v103: structural match to the approved visualization. */
body.vibely-theme .hub-aura-overview { display:grid;gap:12px; }
body.vibely-theme .hub-aura-ring { position:relative;display:grid;width:218px;height:218px;margin:0 auto 2px;place-content:center;justify-items:center;border:18px solid rgba(255,255,255,.12);border-top-color:#ffd769;border-left-color:#ffd769;border-radius:50%;background:radial-gradient(circle,rgba(255,215,105,.1),transparent 64%);box-shadow:0 0 36px rgba(255,209,84,.12);transform:rotate(-35deg); }
body.vibely-theme .hub-aura-ring > * { transform:rotate(35deg); }
body.vibely-theme .hub-aura-ring > span { color:#ffd769;font-size:1.55rem;line-height:1; }
body.vibely-theme .hub-aura-ring > small { margin-top:8px;color:#fff;font:750 .76rem/1 "Sora",sans-serif; }
body.vibely-theme .hub-aura-ring > strong { color:#fff;font:900 3.2rem/.98 "Sora",sans-serif;letter-spacing:-.08em; }
body.vibely-theme .hub-aura-ring > b { margin-top:7px;color:#ffd769;font:850 .9rem/1 "Sora",sans-serif; }
body.vibely-theme .hub-aura-next { display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:12px 14px;border:1px solid rgba(255,215,105,.18);border-radius:20px;color:#fff;background:rgba(14,19,32,.72);text-align:left; }
body.vibely-theme .hub-aura-next > span { display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,215,105,.46);border-radius:50%;color:#ffd769;background:rgba(255,215,105,.07);font-size:1.15rem; }
body.vibely-theme .hub-aura-next > div { display:grid;gap:4px; }
body.vibely-theme .hub-aura-next small { color:rgba(219,224,241,.58);font-size:.62rem; }
body.vibely-theme .hub-aura-next strong { color:#ffd769;font:850 .95rem/1 "Sora",sans-serif; }
body.vibely-theme .hub-aura-next i { height:5px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden; }
body.vibely-theme .hub-aura-next i b { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd769,#fff09f); }
body.vibely-theme .hub-aura-next em { color:rgba(225,230,246,.48);font-size:1.5rem;font-style:normal; }
body.vibely-theme .hub-aura-section-head { display:flex;align-items:center;justify-content:space-between;margin-top:3px; }
body.vibely-theme .hub-aura-section-head > strong { color:#fff;font:850 .9rem/1 "Sora",sans-serif; }
body.vibely-theme .hub-aura-section-head button { padding:5px;border:0;color:#64dff0;background:transparent;font-size:.64rem; }
body.vibely-theme .hub-aura-missions { display:grid;gap:10px; }
body.vibely-theme .hub-aura-missions article { display:grid;grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:12px;min-height:76px;padding:12px 14px;border:1px solid rgba(151,164,207,.16);border-radius:19px;background:linear-gradient(110deg,rgba(17,22,37,.86),rgba(12,16,28,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
body.vibely-theme .hub-aura-missions article > span { display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(0,231,238,.2);border-radius:15px;color:#00e7ee;background:linear-gradient(145deg,rgba(0,231,238,.15),rgba(0,231,238,.04));font:850 1.15rem/1 "Sora",sans-serif; }
body.vibely-theme .hub-aura-missions article:nth-child(2) > span { color:#ff4ca2;background:rgba(255,76,162,.08); }
body.vibely-theme .hub-aura-missions article:nth-child(3) > span { color:#9d8cff;background:rgba(157,140,255,.08); }
body.vibely-theme .hub-aura-missions article > div { display:grid;gap:9px;min-width:0; }
body.vibely-theme .hub-aura-mission__heading { display:flex!important;align-items:center;justify-content:space-between;gap:8px; }
body.vibely-theme .hub-aura-missions strong { overflow:hidden;color:#fff;font:750 .76rem/1.15 "Sora",sans-serif;white-space:nowrap;text-overflow:ellipsis; }
body.vibely-theme .hub-aura-missions small { flex:0 0 auto;color:#ffd769;font:700 .58rem/1 "Sora",sans-serif; }
body.vibely-theme .hub-aura-missions i { height:7px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden; }
body.vibely-theme .hub-aura-missions i b { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00e7ee,#ff4ca2); }
body.vibely-theme .hub-aura-missions em { display:grid;min-width:38px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#fff;background:rgba(255,255,255,.045);font:750 .68rem/1 "Sora",sans-serif;font-style:normal; }
body.vibely-theme .hub-aura-missions article.is-complete { border-color:rgba(255,215,105,.3); }
body.vibely-theme .hub-aura-missions article.is-complete em { color:#10131e;border-color:#ffd769;background:#ffd769; }
body.vibely-theme .hub-aura-badges { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px; }
body.vibely-theme .hub-aura-badges > span { display:grid;justify-items:center;gap:4px;min-width:0;opacity:.34;filter:grayscale(1); }
body.vibely-theme .hub-aura-badges > span.is-earned { opacity:1;filter:none; }
body.vibely-theme .hub-aura-badges b { display:grid;width:44px;height:44px;place-items:center;border:2px solid #00e7ee;border-right-color:#ff4ca2;border-radius:15px;color:#ffd769;background:rgba(17,21,34,.84); }
body.vibely-theme .hub-aura-badges small { max-width:100%;overflow:hidden;color:rgba(226,231,247,.58);font-size:.52rem;white-space:nowrap;text-overflow:ellipsis; }
body.vibely-theme .hub-aura-context-bar { display:none;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08); }
body.vibely-theme .hub-aura-context-bar button { width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;background:rgba(14,19,32,.76);font-size:1.6rem; }
body.vibely-theme .hub-aura-context-bar strong { color:#fff;font:850 1.05rem/1 "Sora",sans-serif; }
body.vibely-theme .profile-hub-sheet[data-active-panel="aura"] .aura-center { display:none; }
body.vibely-theme .profile-hub-panel.is-aura-context-open > .hub-aura-overview { display:none; }
body.vibely-theme .profile-hub-panel.is-aura-context-open > .hub-aura-context-bar { display:flex; }
body.vibely-theme .profile-hub-panel.is-aura-context-open > .aura-center { display:block; }
body.vibely-theme.vibely-light .hub-aura-ring > small,
body.vibely-theme.vibely-light .hub-aura-ring > strong,
body.vibely-theme.vibely-light .hub-aura-section-head > strong,
body.vibely-theme.vibely-light .hub-aura-missions strong,
body.vibely-theme.vibely-light .hub-aura-context-bar strong { color:#201927; }
body.vibely-theme.vibely-light .hub-aura-next,
body.vibely-theme.vibely-light .hub-aura-missions article { color:#201927;border-color:rgba(39,31,49,.1);background:rgba(255,255,255,.82); }
body.vibely-theme button,
body.vibely-theme [role="button"],
body.vibely-theme input[type="button"],
body.vibely-theme input[type="submit"],
body.vibely-theme input[type="reset"],
body.vibely-theme summary,
body.vibely-theme a {
  -webkit-tap-highlight-color: transparent;
}

body.vibely-theme button:focus:not(:focus-visible),
body.vibely-theme [role="button"]:focus:not(:focus-visible),
body.vibely-theme input[type="button"]:focus:not(:focus-visible),
body.vibely-theme input[type="submit"]:focus:not(:focus-visible),
body.vibely-theme input[type="reset"]:focus:not(:focus-visible),
body.vibely-theme summary:focus:not(:focus-visible),
body.vibely-theme a:focus:not(:focus-visible) {
  outline: none;
}

/* Light mode dialogs use the same calm glass surface as the main screens. */
body.vibely-theme.vibely-light .permission-prompt,
body.vibely-theme.vibely-light .message-report-dialog,
body.vibely-theme.vibely-light .help-sheet__backdrop,
body.vibely-theme.vibely-light .limit-sheet__backdrop { background:rgba(38,30,48,.3); }
body.vibely-theme.vibely-light .permission-prompt__card,
body.vibely-theme.vibely-light .message-report-dialog__card,
body.vibely-theme.vibely-light .help-sheet__panel,
body.vibely-theme.vibely-light .limit-sheet__panel {
  color:#201927;
  border-color:rgba(39,31,49,.12);
  background:radial-gradient(circle at 8% 12%,rgba(0,185,196,.09),transparent 32%),radial-gradient(circle at 94% 88%,rgba(223,43,133,.08),transparent 34%),rgba(255,255,255,.96);
  box-shadow:0 24px 70px rgba(53,34,65,.22);
}
body.vibely-theme.vibely-light .permission-prompt__card h2,
body.vibely-theme.vibely-light .message-report-dialog__card h2,
body.vibely-theme.vibely-light .help-sheet__panel h2,
body.vibely-theme.vibely-light .limit-sheet__panel h2 { color:#201927; }
body.vibely-theme.vibely-light .message-report-dialog__card > p:not(.eyebrow),
body.vibely-theme.vibely-light .limit-sheet__copy,
body.vibely-theme.vibely-light .limit-benefit { color:rgba(32,25,39,.66); }
body.vibely-theme.vibely-light .message-report-dialog__card select,
body.vibely-theme.vibely-light .message-report-dialog__card textarea {
  color:#201927;
  border-color:rgba(39,31,49,.13);
  background:rgba(255,255,255,.88);
}
body.vibely-theme.vibely-light .help-sheet__close,
body.vibely-theme.vibely-light .limit-sheet__close { color:#201927;border-color:rgba(39,31,49,.12);background:rgba(255,255,255,.82); }
body.vibely-theme.vibely-light .help-sheet__footer { background:linear-gradient(180deg,rgba(255,255,255,0),#fff 32%); }
body.vibely-theme.vibely-light .help-topic-grid article,
body.vibely-theme.vibely-light .limit-usage { border-color:rgba(39,31,49,.1);background:rgba(255,255,255,.72); }
body.vibely-theme.vibely-light .app-context-menu,
body.vibely-theme.vibely-light .feed-filter-menu {
  color:#201927;
  border-color:rgba(0,143,157,.2);
  background:rgba(255,255,255,.96);
  box-shadow:0 20px 55px rgba(53,34,65,.2);
}
body.vibely-theme.vibely-light .app-context-menu header button,
body.vibely-theme.vibely-light .app-context-menu__actions button,
body.vibely-theme.vibely-light .feed-filter-menu select,
body.vibely-theme.vibely-light .feed-filter-menu button {
  color:#201927;
  border-color:rgba(39,31,49,.11);
  background:rgba(244,242,248,.9);
}
body.vibely-theme.vibely-light .feed-filter-menu label { color:rgba(32,25,39,.68); }

body.vibely-theme.vibely-light[data-screen="chat"] .chat-safety-menu.is-context-open {
  color:#201927;
  border-color:rgba(39,31,49,.12);
  background:radial-gradient(circle at 92% 4%,rgba(223,43,133,.08),transparent 34%),rgba(255,255,255,.97);
  box-shadow:0 22px 60px rgba(53,34,65,.22),-2px 2px 0 rgba(0,185,196,.28),2px -2px 0 rgba(223,43,133,.24);
}
body.vibely-theme.vibely-light[data-screen="chat"] .chat-safety-menu.is-context-open.is-header-anchor::before {
  border-color:rgba(39,31,49,.12);
  background:#fff;
}
body.vibely-theme.vibely-light[data-screen="chat"] .chat-safety-menu button {
  color:#201927;
  border-color:rgba(39,31,49,.11);
  background:rgba(244,242,248,.9);
}
body.vibely-theme.vibely-light[data-screen="chat"] .chat-menu__label,
body.vibely-theme.vibely-light[data-screen="chat"] .chat-safety-menu small,
body.vibely-theme.vibely-light[data-screen="chat"] .chat-menu__report > span,
body.vibely-theme.vibely-light[data-screen="chat"] .chat-menu__report summary { color:rgba(32,25,39,.62); }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-menu__report { border-top-color:rgba(39,31,49,.1); }
body.vibely-theme.vibely-light[data-screen="chat"] .chat-menu__report select {
  color:#201927;
  border-color:rgba(39,31,49,.12);
  background:rgba(244,242,248,.94);
}
body.vibely-theme.vibely-light[data-screen="chat"] .chat-menu__actions button.is-danger {
  color:#bd185f;
  border-color:rgba(189,24,95,.18);
  background:rgba(223,43,133,.07);
}

body.vibely-theme .own-profile-preview__panel > header { position:relative;z-index:5; }
body.vibely-theme .own-profile-preview__panel #ownProfilePreviewClose {
  display:grid;
  width:40px;
  height:40px;
  min-width:40px;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  color:#fff;
  background:rgba(8,11,20,.78);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
  font:500 1.45rem/1 "Sora",sans-serif;
  opacity:1;
}
body.vibely-theme.vibely-light .own-profile-preview__panel #ownProfilePreviewClose {
  color:#fff;
  border-color:rgba(255,255,255,.24);
  background:rgba(24,27,40,.9);
}

/* Complete Aura contrast pass for every overview and mission-detail label. */
body.vibely-theme.vibely-light .profile-hub-sheet[data-active-panel="aura"] .profile-hub-heading h3,
body.vibely-theme.vibely-light .hub-aura-ring > b,
body.vibely-theme.vibely-light .hub-aura-next strong,
body.vibely-theme.vibely-light .hub-aura-missions small,
body.vibely-theme.vibely-light .profile-hub-panel .aura-next small,
body.vibely-theme.vibely-light .profile-hub-panel .aura-history li strong,
body.vibely-theme.vibely-light .profile-hub-panel .aura-earn-grid b { color:#946100;text-shadow:none; }
body.vibely-theme.vibely-light .hub-aura-next small,
body.vibely-theme.vibely-light .hub-aura-next em,
body.vibely-theme.vibely-light .hub-aura-badges small,
body.vibely-theme.vibely-light .profile-hub-panel .aura-next p,
body.vibely-theme.vibely-light .profile-hub-panel .aura-section__head span,
body.vibely-theme.vibely-light .profile-hub-panel .aura-missions article small,
body.vibely-theme.vibely-light .profile-hub-panel .aura-level-path small,
body.vibely-theme.vibely-light .profile-hub-panel .aura-history li,
body.vibely-theme.vibely-light .profile-hub-panel .aura-rules,
body.vibely-theme.vibely-light .profile-hub-panel .aura-visibility,
body.vibely-theme.vibely-light .profile-hub-panel .aura-earn-more summary { color:rgba(32,25,39,.64); }
body.vibely-theme.vibely-light .hub-aura-missions em {
  color:#201927;
  border-color:rgba(39,31,49,.11);
  background:rgba(39,31,49,.055);
}
body.vibely-theme.vibely-light .hub-aura-missions i,
body.vibely-theme.vibely-light .hub-aura-next i,
body.vibely-theme.vibely-light .profile-hub-panel .aura-missions article i { background:rgba(32,25,39,.1); }
body.vibely-theme.vibely-light .hub-aura-badges b { background:rgba(255,255,255,.9); }
body.vibely-theme.vibely-light .hub-aura-context-bar { border-bottom-color:rgba(39,31,49,.1); }
body.vibely-theme.vibely-light .hub-aura-context-bar button {
  color:#201927;
  border-color:rgba(39,31,49,.12);
  background:rgba(255,255,255,.84);
}
body.vibely-theme.vibely-light .profile-hub-panel .aura-center__stats article,
body.vibely-theme.vibely-light .profile-hub-panel .aura-missions article,
body.vibely-theme.vibely-light .profile-hub-panel .aura-earn-grid span,
body.vibely-theme.vibely-light .profile-hub-panel .aura-history {
  color:#201927;
  border-color:rgba(39,31,49,.1);
  background:rgba(255,255,255,.74);
}
body.vibely-theme.vibely-light .profile-hub-panel .aura-streak { color:#201927;background:linear-gradient(110deg,rgba(223,43,133,.1),rgba(112,76,230,.08)); }

 .aura-card-dialog{box-sizing:border-box;width:min(94vw,430px);max-height:94dvh;overflow:auto;padding:22px;border:1px solid #58677c;border-radius:26px;background:#0b1120;color:#f9faff;box-shadow:0 24px 90px #0009}
 .aura-card-dialog::backdrop{background:#02060cbf;backdrop-filter:blur(12px)}
 .aura-card-dialog h2{margin:0 40px 16px 0;font-size:20px}
 .aura-card-dialog canvas{display:block;width:100%;height:auto;border-radius:22px}
 .aura-card-close{position:absolute;right:14px;top:12px;border:0;border-radius:50%;width:38px;height:38px;background:#ffffff12;color:inherit;font-size:26px}
 .aura-card-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
 .aura-card-actions button,.aura-card-actions a{padding:12px 18px;border-radius:16px;border:0;background:linear-gradient(110deg,#00b9cb,#e9379d);color:#fff;text-decoration:none;font:inherit}
 .aura-card-dialog p{font-size:14px;min-height:1em}
 .aura-card-close:active,.aura-card-actions button:active,#shareAuraBtn:active{transform:scale(.95)}
 .aura-card-close,.aura-card-actions button,#shareAuraBtn{transition:transform .18s ease;-webkit-tap-highlight-color:transparent}
 body[data-theme="light"] .aura-card-dialog{background:#f6f8fc;color:#152037}
body.vibely-theme[data-screen] #screenTabs.screen-tabs {
  background: rgba(18,23,32,.19);
  border-color: rgba(255,255,255,.125);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter: blur(15px) saturate(115%);
  -webkit-backdrop-filter: blur(15px) saturate(115%);
}
body.vibely-theme.vibely-light[data-screen] #screenTabs.screen-tabs {
  background: rgba(18,23,32,.19);
  border-color: rgba(255,255,255,.125);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
}
body.vibely-theme.vibely-light #screenTabs .screen-tab { color: rgba(255,255,255,.7); border-color: transparent; }
body.vibely-theme.vibely-light #screenTabs .screen-tab.is-active,
body.vibely-theme.vibely-light #screenTabs .screen-tab.is-active .tab-label { color: #fff; }
body.vibely-theme #profileSheetFullGallery {
  transition: transform .18s ease;
  -webkit-tap-highlight-color: transparent;
}
body.vibely-theme #profileSheetFullGallery:active { transform: scale(.95); }
body.vibely-theme #profileSheetFullGallery.is-gallery-opening { animation: galleryCapsulePress .18s ease both; }
@keyframes galleryCapsulePress { from { transform: scale(.95); } to { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  body.vibely-theme #profileSheetFullGallery { transition: none; }
  body.vibely-theme #profileSheetFullGallery.is-gallery-opening { animation: none; }
}
body.vibely-theme .profile-hub > button[data-profile-hub] {
  transition: transform .18s ease;
  -webkit-tap-highlight-color: transparent;
}
body.vibely-theme .profile-hub > button[data-profile-hub]:active { transform: scale(.95); }
body.vibely-theme .profile-hub > button.is-hub-opening { animation: galleryCapsulePress .18s ease both; }
@media (prefers-reduced-motion: reduce) {
  body.vibely-theme .profile-hub > button[data-profile-hub] { transition: none; }
  body.vibely-theme .profile-hub > button.is-hub-opening { animation: none; }
}
body.vibely-theme #profileLocationShortcut,
body.vibely-theme #profilePlanShortcut { transition: transform .18s ease; -webkit-tap-highlight-color: transparent; }
body.vibely-theme #profileLocationShortcut:active,
body.vibely-theme #profilePlanShortcut:active { transform: scale(.95); }
body.vibely-theme #profileLocationShortcut.is-shortcut-opening,
body.vibely-theme #profilePlanShortcut.is-shortcut-opening { animation: galleryCapsulePress .18s ease both; }
@media (prefers-reduced-motion: reduce) {
  body.vibely-theme #profileLocationShortcut,
  body.vibely-theme #profilePlanShortcut { transition: none; animation: none; }
}
body.vibely-theme .hub-settings-overview > button {
  transition: transform .18s ease;
  -webkit-tap-highlight-color: transparent;
}
body.vibely-theme .hub-settings-overview > button:active { transform: scale(.95); }
body.vibely-theme .hub-settings-overview > button.is-settings-pressed { animation: galleryCapsulePress .18s ease both; }
@media (prefers-reduced-motion: reduce) {
  body.vibely-theme .hub-settings-overview > button { transition: none; }
  body.vibely-theme .hub-settings-overview > button.is-settings-pressed { animation: none; }
}
body.vibely-theme[data-screen] .topbar,
body.vibely-theme[data-screen] .profile-hub-sheet__panel > .profile-hub-topbar {
  background: linear-gradient(110deg,rgba(9,11,18,.29),rgba(14,16,27,.4)) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 13px 38px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}
body.vibely-theme .profile-channel-grid .profile-channel-slot {
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}
body.vibely-theme .profile-channel-grid .profile-channel-slot > small {
  position: absolute;
  z-index: 5;
  left: 5px;
  right: 5px;
  top: 42px;
  margin: 0;
  padding: 5px 4px;
  border-radius: 8px;
  color: #fff;
  background: rgba(8,12,20,.48);
  text-shadow: 0 1px 4px rgba(0,0,0,.7);
}
body.vibely-theme .profile-channel-grid .profile-channel-slot > .profile-gallery__item {
  position: relative;
  height: 100%;
  min-height: 0;
  margin: 0;
  background: rgba(8,12,20,.4);
}
body.vibely-theme .profile-channel-grid .profile-channel-slot .profile-gallery__item > img,
body.vibely-theme .profile-channel-grid .profile-channel-slot .profile-gallery__item > video {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  display: block;
}
body.vibely-theme .profile-channel-grid .profile-gallery__meta {
  position: absolute;
  bottom: 38px;
  left: 0;
  right: 0;
  padding: 5px;
  color: #fff;
  background: rgba(8,12,20,.6);
}
body.vibely-theme .profile-channel-grid .profile-gallery__item > select {
  position: absolute;
  bottom: 3px;
  left: 3px;
  width: calc(100% - 6px);
  margin: 0;
}
body.vibely-theme .message__reply > strong { display:block;margin-bottom:4px;color:inherit;font-size:.7rem; }
body.vibely-theme .message__reply > span { display:block;white-space:pre-wrap;overflow-wrap:anywhere; }
body.vibely-theme[data-screen="chat"] .message.is-gif .message__bubble {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.vibely-theme[data-screen="chat"] .message.is-gif .message__bubble::before,
body.vibely-theme[data-screen="chat"] .message.is-gif .message__bubble::after { content: none !important; }
body.vibely-theme[data-screen="chat"] :is(.chat-avatar,.conversation-item__avatar,.conversation-list-me,.conversation-active-avatar) {
  position: relative;
  box-sizing: border-box;
  aspect-ratio: 1;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
}
body.vibely-theme[data-screen="chat"] :is(.chat-avatar,.conversation-item__avatar,.conversation-list-me,.conversation-active-avatar) > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
body.vibely-theme[data-screen="matches"] #matchesPanel {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
}
body.vibely-theme[data-screen="matches"] .match-screen-head,
body.vibely-theme[data-screen="matches"] .match-sparks { flex: 0 0 auto; }
body.vibely-theme[data-screen="matches"] .match-list-section {
  flex: 1 1 0;
  height: auto;
  min-height: 0;
  min-width: 0;
}
body.vibely-theme[data-screen="matches"] .match-list-section > h3 { flex-shrink: 0; }
body.vibely-theme[data-screen="matches"] .match-stack {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  grid-auto-rows: max-content;
}
body.vibely-theme[data-screen="matches"] .match-card.match-card--mutual {
  display: grid;
  grid-template-columns: clamp(44px,16vw,82px) minmax(0,1fr) 44px;
  grid-template-rows: auto;
  gap: 8px 10px;
  height: auto;
  max-height: none;
  min-width: 0;
  padding: 12px;
}
body.vibely-theme[data-screen="matches"] .match-card__media { grid-column:1;grid-row:1;width:100%;height:auto;min-height:0;aspect-ratio:1; }
body.vibely-theme[data-screen="matches"] .match-card__body { grid-column:2;grid-row:1;min-width:0; }
body.vibely-theme[data-screen="matches"] .match-card__body .profile-name { line-height:1.3;overflow-wrap:anywhere; }
body.vibely-theme[data-screen="matches"] .match-chat-button { grid-column:3;grid-row:1;width:44px;height:44px; }
body.vibely-theme[data-screen="matches"] .match-chevron { display:none; }
body.vibely-theme[data-screen="matches"] .match-card__body > .match-stage {
  justify-self: start;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 0;
  height: auto;
  padding: 6px 11px;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  line-height: 1.4;
  overflow: visible;
}
body.vibely-theme[data-screen="matches"] .match-card__body > .match-stage {
  width: fit-content;
  font-size: max(11px,.66rem);
  line-height: 1.5;
  text-overflow: clip;
}
body.vibely-theme[data-screen="matches"] .match-card__body > p { min-width:0;overflow-wrap:break-word;line-height:1.4; }
body.vibely-theme[data-screen="matches"] .match-stage-key { flex-wrap: wrap; overflow: visible; }
 .profile-report-dialog label { display:grid;gap:8px;margin:14px 0; }
 .profile-report-dialog select,.profile-report-dialog textarea { box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid #7b879666;border-radius:12px;background:#ffffff0b;color:inherit;font:inherit; }
 .profile-report-dialog option { background:#182132;color:#fff; }
 .profile-report-dialog textarea { resize:vertical; }
body.vibely-theme .expandable-bio {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
body.vibely-theme .expandable-bio.is-expanded {
  display: block;
  -webkit-line-clamp: unset;
  max-height: 30dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
body.vibely-theme .bio-disclosure-toggle {
  display: block;
  width: fit-content;
  margin: 2px 0 8px;
  padding: 6px 0;
  border: 0;
  background: transparent;
  color: #7df4f5;
  font: inherit;
  font-size: .8rem;
  text-shadow: 0 1px 5px #0008;
  -webkit-tap-highlight-color: transparent;
}
body.vibely-theme .bio-disclosure-toggle[hidden] { display: none; }
body.vibely-theme #limitSheet.is-gallery-upgrade #limitIcon { display:none; }
body.vibely-theme #limitSheet.is-gallery-upgrade #limitEyebrow { margin-top:0; }
body.vibely-theme #limitSheet.is-gallery-upgrade :is(#limitUpgradeBtn,#limitAlternativeBtn,#limitCloseBtn) {
  transition:transform .18s ease;
  -webkit-tap-highlight-color:transparent;
}
body.vibely-theme #limitSheet.is-gallery-upgrade :is(#limitUpgradeBtn,#limitAlternativeBtn,#limitCloseBtn):active { transform:scale(.95); }
body.vibely-theme #limitSheet :is(#limitUpgradeBtn,#limitAlternativeBtn,#limitCloseBtn) {
  transition:transform .14s ease;
  -webkit-tap-highlight-color:transparent;
}
body.vibely-theme #limitSheet :is(#limitUpgradeBtn,#limitAlternativeBtn,#limitCloseBtn).is-limit-pressed {
  animation:none;
  transform:scale(.94);
}
body.vibely-theme #limitSheet :is(#limitUpgradeBtn,#limitAlternativeBtn,#limitCloseBtn).is-limit-activating {
  animation:limitButtonRelease .22s ease-out;
}
body.vibely-theme #limitSheet #limitUpgradeBtn.is-limit-activating::after { animation:vibelyGlassGlint .22s ease-out; }
@keyframes limitButtonRelease {
  0% { transform:scale(.94); }
  65% { transform:scale(1.015); }
  100% { transform:scale(1); }
}
@media(prefers-reduced-motion:reduce) {
  body.vibely-theme #limitSheet :is(#limitUpgradeBtn,#limitAlternativeBtn,#limitCloseBtn),
  body.vibely-theme #limitSheet :is(#limitUpgradeBtn,#limitAlternativeBtn,#limitCloseBtn)::after { animation:none!important;transition:none!important; }
  body.vibely-theme #limitSheet.is-gallery-upgrade :is(#limitUpgradeBtn,#limitAlternativeBtn,#limitCloseBtn) { transition:none; }
}