/* VLIKE Profile Studio — scoped to profile pages. */
.vl-profile-root {
  --vl-primary: #7c3aed;
  --vl-secondary: #2563eb;
  --vl-accent: #06b6d4;
  --vl-surface: #fff;
  --vl-profile-text: #111827;
  --vl-radius: 22px;
  --vl-font-scale: 100%;
  --vl-surface-opacity: 94%;
  --vl-glass-blur: 16px;
  --vl-border-width: 1px;
  --vl-content-width: 100%;
  --vl-profile-background: #f6f8fc;
  --vl-halo-size: 96px;
  --vl-effect-opacity: .35;
  position: relative;
  isolation: isolate;
}

.vl-profile-toolbar {
  position: sticky;
  top: 62px;
  z-index: 98;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  width: max-content;
  max-width: calc(100% - 24px);
  margin: 10px auto -54px 16px;
  padding: 5px;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 999px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 12px 36px rgba(15, 23, 42, .1);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

.vl-profile-view-button,
.vl-profile-design-button,
.vl-profile-motion-button,
.vl-text-button,
.vl-small-button,
.vl-icon-button,
.vl-button-primary,
.vl-button-secondary {
  appearance: none;
  border: 0;
  font: inherit;
  cursor: pointer;
}

.vl-profile-view-button {
  min-height: 36px;
  padding: 0 16px;
  border-radius: 999px;
  color: #64748b;
  background: transparent;
  font-weight: 700;
  transition: color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.vl-profile-view-button[aria-pressed="true"] {
  color: #fff;
  background: linear-gradient(115deg, var(--vl-primary), var(--vl-secondary) 58%, var(--vl-accent));
  box-shadow: 0 7px 22px color-mix(in srgb, var(--vl-primary) 28%, transparent);
}

.vl-profile-design-button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 16px;
  margin-left: 4px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(115deg, var(--vl-primary), var(--vl-secondary));
  font-weight: 800;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--vl-primary) 30%, transparent);
}
.vl-profile-motion-button { display:grid; width:36px; height:36px; place-items:center; border:0; border-radius:50%; color:#64748b; background:transparent; font-size:20px; font-weight:900; cursor:pointer; }
.vl-profile-motion-button[aria-pressed="true"] { color:#fff; background:#111827; }

.vl-profile-view-button:focus-visible,
.vl-profile-design-button:focus-visible,
.vl-profile-motion-button:focus-visible,
.vl-text-button:focus-visible,
.vl-small-button:focus-visible,
.vl-icon-button:focus-visible,
.vl-button-primary:focus-visible,
.vl-button-secondary:focus-visible,
.vl-skill-card:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--vl-accent) 55%, #fff);
  outline-offset: 2px;
}

.vl-profile-root[data-vl-profile-view="studio"] {
  color: var(--vl-profile-text);
  font-size: var(--vl-font-scale);
}
.vl-profile-root[data-vl-profile-view="studio"][data-vl-font="modern"] { font-family: Inter, "Segoe UI", Arial, sans-serif; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-font="editorial"] { font-family: Georgia, "Times New Roman", serif; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-font="rounded"] { font-family: "Arial Rounded MT Bold", Nunito, "Segoe UI", sans-serif; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-font="mono"] { font-family: "SFMono-Regular", Consolas, monospace; }
.vl-profile-root[data-vl-profile-view="studio"] > .container { width: min(var(--vl-content-width), 100%); }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-background="solid"] { background: var(--vl-profile-background); }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-background="aurora"] { background: radial-gradient(circle at 12% 4%, color-mix(in srgb,var(--vl-primary) 10%,transparent),transparent 30%), radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--vl-accent) 9%,transparent),transparent 32%); }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-background="mesh"] { background: radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--vl-primary) 13%,transparent),transparent 26%), radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--vl-accent) 13%,transparent),transparent 28%), radial-gradient(circle at 55% 90%,color-mix(in srgb,var(--vl-secondary) 10%,transparent),transparent 34%); }

.vl-profile-root[data-vl-profile-view="studio"] .tag_cont_fluid {
  padding-top: 0;
}

.vl-profile-root[data-vl-profile-view="studio"] .profile-container.tag_cover_bg {
  overflow: hidden;
  border: var(--vl-border-width) solid color-mix(in srgb, var(--vl-primary) 12%, #dbe3ef);
  border-radius: calc(var(--vl-radius) + 6px);
  background:
    radial-gradient(circle at 78% 14%, color-mix(in srgb, var(--vl-accent) 17%, transparent), transparent 35%),
    radial-gradient(circle at 18% 25%, color-mix(in srgb, var(--vl-primary) 15%, transparent), transparent 34%),
    var(--vl-surface);
  box-shadow: 0 22px 55px rgba(15, 23, 42, .09);
}

.vl-profile-root[data-vl-profile-view="studio"] .tag_cover_sec_bg {
  opacity: .25;
  filter: saturate(1.15) contrast(.92);
  background-position: var(--vl-cover-focus-x) var(--vl-cover-focus-y) !important;
}
.vl-profile-root[data-vl-profile-view="studio"] .tag_cover_sec_bg > img { width:100%; height:100%; object-fit:cover; object-position:var(--vl-cover-focus-x) var(--vl-cover-focus-y); }

.vl-profile-root[data-vl-profile-view="studio"] .tag_cover_bg_grad {
  background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.58) 54%, rgba(255,255,255,.78));
}

.vl-profile-root[data-vl-profile-view="studio"] .card.hovercard,
.vl-profile-root[data-vl-profile-view="studio"] .wow_content.cardheader.user-cover {
  background: transparent;
  box-shadow: none;
}

.vl-profile-root[data-vl-profile-view="studio"] .wow_content.cardheader.user-cover {
  min-height: 315px;
  border: 0;
  border-radius: calc(var(--vl-radius) + 4px);
}
.vl-profile-root[data-vl-profile-view="studio"] .wow_content.cardheader.user-cover::after { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; border-radius:inherit; opacity:var(--vl-effect-opacity); background:radial-gradient(circle at var(--vl-pointer-x,72%) var(--vl-pointer-y,22%),color-mix(in srgb,var(--vl-accent) 28%,transparent),transparent 30%); }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="center"] .profile-avatar-info,
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="center"] .user-info { text-align:center; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="right"] .profile-avatar-info,
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="right"] .user-info { text-align:right; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="center"] .tag_page_name_hdr h3,
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="center"] .tag_page_name_hdr .event_cdown { text-align:center; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="right"] .tag_page_name_hdr h3,
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="right"] .tag_page_name_hdr .event_cdown { text-align:right; }

.vl-profile-root[data-vl-profile-view="studio"] .profile-avatar-image img {
  box-shadow: 0 0 0 5px rgba(255,255,255,.92), 0 0 0 8px color-mix(in srgb, var(--vl-accent) 55%, var(--vl-primary));
}

/* Wondertag's real identity header stays intact; Studio only changes layout. */
.vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr {
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  width:calc(100% - 30px);
  margin:-48px auto 18px !important;
  padding:24px 26px !important;
  border:var(--vl-border-width) solid color-mix(in srgb,var(--vl-primary) 13%,#dbe3ef);
  border-radius:var(--vl-radius) !important;
  background:color-mix(in srgb,var(--vl-surface) var(--vl-surface-opacity),transparent);
  box-shadow:0 22px 55px rgba(15,23,42,.11);
  backdrop-filter:blur(var(--vl-glass-blur)) saturate(140%);
}
.vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .event-info-cont-small { display:grid; grid-template-columns:120px minmax(0,1fr); grid-template-rows:auto auto auto; column-gap:22px; align-items:center; min-width:0; padding:0; }
.vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .user-avatar { grid-column:1; grid-row:1 / span 3; width:112px; height:112px; margin:0; padding:4px; border-radius:30px; background:linear-gradient(145deg,var(--vl-primary),var(--vl-secondary),var(--vl-accent)); box-shadow:0 16px 36px color-mix(in srgb,var(--vl-primary) 24%,transparent); }
.vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .user-avatar img { width:100%; height:100%; padding:3px; border-radius:26px; object-fit:cover; background:#fff; }
.vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .event-info-cont-small h3 { grid-column:2; margin:0; color:var(--vl-profile-text); font-size:clamp(29px,4vw,46px); font-weight:950; letter-spacing:-.045em; line-height:1.05; }
.vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .event_cdown { grid-column:2; margin-top:7px; color:var(--vl-primary); font-weight:850; }
.vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .social-links { grid-column:2; position:static; margin-top:10px; padding:0; }
.vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .wow_user_page_btns { position:static; display:flex; justify-content:flex-end; margin:0; }
.vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .wow_user_page_btns .btn { border-radius:12px; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-layout="centered"] .tag_page_name_hdr { grid-template-columns:1fr; text-align:center; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-layout="centered"] .tag_page_name_hdr .event-info-cont-small { display:block; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-layout="centered"] .tag_page_name_hdr .user-avatar { margin:-78px auto 14px; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-layout="centered"] .tag_page_name_hdr .wow_user_page_btns { justify-content:center; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-layout="card"] .tag_page_name_hdr { width:min(720px,calc(100% - 30px)); }

.vl-profile-root[data-vl-profile-view="studio"] .user-bottom-nav {
  margin: 0 12px 12px;
  border: 1px solid rgba(148,163,184,.2);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.vl-profile-root[data-vl-profile-view="studio"] .user-bottom-nav ul {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.vl-profile-root[data-vl-profile-view="studio"] .user-bottom-nav a {
  border-radius: 12px;
  white-space: nowrap;
}

/* The global VLIKE navigation remains the left sidebar. The existing profile
   sidebar stays on the right, while the feed keeps the flexible middle area. */
.vl-profile-root[data-vl-profile-view="studio"] > .container > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(245px, 300px);
  gap: 22px;
  align-items: start;
}

.vl-profile-root[data-vl-profile-view="studio"] > .container > .row > .middlecol {
  grid-column: 1;
  grid-row: 1;
  float: none;
  width: auto;
  min-width: 0;
  padding: 0;
}

.vl-profile-root[data-vl-profile-view="studio"] > .container > .row > .rightcol {
  grid-column: 2;
  grid-row: 1;
  float: none;
  width: auto;
  min-width: 0;
  padding: 0;
  position: sticky;
  top: 120px;
  max-height: calc(100vh - 138px);
  overflow: auto;
  scrollbar-width: thin;
}

.vl-profile-root[data-vl-profile-view="studio"] .rightcol .wow_content,
.vl-profile-root[data-vl-profile-view="studio"] .middlecol .wow_content,
.vl-profile-root[data-vl-profile-view="studio"] .post-container {
  border: var(--vl-border-width) solid rgba(148,163,184,.18);
  border-radius: var(--vl-radius);
  box-shadow: 0 12px 32px rgba(15,23,42,.065);
}
.vl-profile-root[data-vl-profile-view="studio"][data-vl-shadow="none"] .rightcol .wow_content,
.vl-profile-root[data-vl-profile-view="studio"][data-vl-shadow="none"] .middlecol .wow_content,
.vl-profile-root[data-vl-profile-view="studio"][data-vl-shadow="none"] .post-container { box-shadow:none; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-shadow="elevated"] .rightcol .wow_content,
.vl-profile-root[data-vl-profile-view="studio"][data-vl-shadow="elevated"] .middlecol .wow_content,
.vl-profile-root[data-vl-profile-view="studio"][data-vl-shadow="elevated"] .post-container { box-shadow:0 22px 50px rgba(15,23,42,.13); }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-shadow="glow"] .rightcol .wow_content,
.vl-profile-root[data-vl-profile-view="studio"][data-vl-shadow="glow"] .middlecol .wow_content { box-shadow:0 18px 45px color-mix(in srgb,var(--vl-primary) 13%,transparent); }

.vl-profile-root[data-vl-profile-view="studio"] .rightcol .wow_content {
  background: color-mix(in srgb, var(--vl-surface) var(--vl-surface-opacity), transparent);
  backdrop-filter: blur(var(--vl-glass-blur));
}
.vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-line="dashed"] #posts::before { background:repeating-linear-gradient(to bottom,var(--vl-primary) 0 10px,transparent 10px 18px); box-shadow:none; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-line="solid"] #posts::before { background:var(--vl-primary); box-shadow:none; }

.vl-profile-root[data-vl-profile-view="studio"] .rightcol img,
.vl-profile-root[data-vl-profile-view="studio"] .middlecol img,
.vl-profile-root[data-vl-profile-view="studio"] .middlecol video {
  max-width: 100%;
}
.vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-marker="dot"] #posts > .post-container::before { border-width:3px; box-shadow:none; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-marker="diamond"] #posts > .post-container::before { border-radius:5px; transform:rotate(45deg); box-shadow:0 0 14px color-mix(in srgb,var(--vl-accent) 30%,transparent); }

/* Career Journey feed */
.vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"] #posts {
  --vl-timeline-offset: 54px;
  position: relative;
  padding-left: var(--vl-timeline-offset);
}

.vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"] #posts::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 8px;
  bottom: 20px;
  left: 20px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--vl-primary), var(--vl-secondary) 55%, var(--vl-accent));
  box-shadow: 0 0 18px color-mix(in srgb, var(--vl-primary) 35%, transparent);
}

.vl-profile-root[data-vl-profile-view="studio"] #posts > .post-container {
  position: relative;
  z-index: 1;
  overflow: visible;
  transition: transform .2s ease, box-shadow .2s ease;
}

.vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"] #posts > .post-container::before {
  content: "";
  position: absolute;
  top: 31px;
  left: calc(var(--vl-timeline-offset) * -1 + 11px);
  width: 20px;
  height: 20px;
  border: 5px solid #fff;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--vl-primary), var(--vl-accent));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--vl-primary) 38%, transparent), 0 0 22px color-mix(in srgb, var(--vl-accent) 40%, transparent);
}

.vl-profile-root[data-vl-profile-view="studio"] #posts > .post-container:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(15,23,42,.1);
}

.vl-timeline-month {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  margin: 2px 0 14px;
  color: var(--vl-primary);
  font-size: .85rem;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.vl-timeline-month::before {
  content: "";
  position: absolute;
  left: calc(var(--vl-timeline-offset) * -1 + 14px);
  width: 14px;
  height: 14px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: var(--vl-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--vl-primary) 30%, transparent);
}

.vl-timeline-date {
  position: absolute;
  top: 56px;
  right: calc(100% + 15px);
  width: 42px;
  color: var(--vl-secondary);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase;
}

.vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="minimal"] #posts {
  padding-left: 0;
}

@media (min-width: 1200px) {
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts { padding-left:0; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts::before { left:50%; transform:translateX(-50%); }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts > .post-container { width:calc(50% - 31px); }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts > .post-container { margin-right:auto; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts > .post-container.is-vl-right { margin-right:0; margin-left:auto; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts > .post-container::before { left:auto; right:-42px; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts > .post-container.is-vl-right::before { right:auto; left:-42px; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] .vl-timeline-month { justify-content:center; clear:both; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] .vl-timeline-month::before,.vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] .vl-timeline-date { display:none; }
}

/* Expertise & Skills */
.vl-profile-root[data-vl-profile-view="classic"] .vl-expertise { display:none; }
.vl-expertise {
  position: relative;
  container-type: inline-size;
  overflow: hidden;
  margin-bottom: 20px;
  padding: clamp(20px, 4vw, 34px);
  background:
    radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--vl-accent) 12%, transparent), transparent 38%),
    linear-gradient(145deg, color-mix(in srgb, var(--vl-surface) 96%, #fff), color-mix(in srgb, var(--vl-primary) 4%, #fff));
}

.vl-expertise__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.vl-section-kicker {
  display: block;
  margin-bottom: 7px;
  color: var(--vl-primary);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}

.vl-expertise h2 {
  margin: 0 0 8px;
  color: var(--vl-profile-text);
  font-size: clamp(25px, 3.2vw, 40px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.vl-expertise__header p,
.vl-editor__section-heading p {
  margin: 0;
  color: #64748b;
  line-height: 1.55;
}

.vl-text-button {
  flex: 0 0 auto;
  padding: 9px 12px;
  border-radius: 10px;
  color: var(--vl-primary);
  background: color-mix(in srgb, var(--vl-primary) 8%, #fff);
  font-weight: 800;
}

.vl-skill-group + .vl-skill-group { margin-top: 24px; }
.vl-skill-group h3 {
  margin: 0 0 12px;
  color: #475569;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vl-skill-grid {
  display: grid;
  grid-template-columns: repeat(var(--vl-skill-columns, 2), minmax(0, 1fr));
  gap: 12px;
}

.vl-skill-card {
  position: relative;
  min-width: 0;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--vl-skill-color) 18%, #dbe3ef);
  border-radius: calc(var(--vl-radius) - 6px);
  color: var(--vl-profile-text);
  background: rgba(255,255,255,.78);
  box-shadow: 0 8px 20px rgba(15,23,42,.045);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.vl-skill-card:hover,
.vl-skill-card:focus-visible {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--vl-skill-color) 46%, #dbe3ef);
  box-shadow: 0 14px 30px color-mix(in srgb, var(--vl-skill-color) 12%, transparent);
}

.vl-skill-card__top { display: flex; align-items: center; gap: 10px; }
.vl-skill-card__icon {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  color: var(--vl-skill-color);
  background: color-mix(in srgb, var(--vl-skill-color) 10%, #fff);
  font-size: 19px;
}
.vl-skill-card__title { min-width: 0; }
.vl-skill-card__title strong,
.vl-skill-card__title span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vl-skill-card__title strong { font-size: 15px; }
.vl-skill-card__title span { margin-top: 2px; color: #64748b; font-size: 11px; }
.vl-skill-card__featured { margin-left: auto; color: #f59e0b; }
.vl-skill-card > p { margin: 12px 0 0; color: #64748b; font-size: 12px; line-height: 1.55; }
.vl-skill-meter { overflow: hidden; height: 6px; margin-top: 14px; border-radius: 99px; background: #e9eef5; }
.vl-skill-meter span { display: block; width: var(--vl-skill-level); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--vl-skill-color), var(--vl-accent)); }
.vl-skill-card__meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 7px; color: #7b8799; font-size: 10px; }
.vl-skill-card__meta strong { color: var(--vl-skill-color); }
.vl-skill-card.is-story-active { transform:translateY(-3px) scale(1.012); border-color:var(--vl-skill-color); box-shadow:0 18px 38px color-mix(in srgb,var(--vl-skill-color) 20%,transparent); }
.vl-expertise__notice { margin: 15px 0 0; color: #8491a3; font-size: 10px; text-align: right; }
.vl-expertise[hidden] { display:none !important; }
.vl-skill-card__experience { display:inline-flex; margin-top:10px; padding:4px 8px; border-radius:999px; color:#526075; background:color-mix(in srgb,var(--vl-skill-color) 8%,#fff); font-size:10px; font-weight:800; }
.vl-skill-evidence { display:flex; flex-wrap:wrap; gap:6px; margin-top:11px; padding-top:10px; border-top:1px solid color-mix(in srgb,var(--vl-skill-color) 12%,#e5e7eb); }
.vl-skill-evidence a,.vl-skill-evidence > span { display:inline-flex; align-items:center; gap:4px; max-width:100%; padding:5px 8px; border-radius:8px; color:var(--vl-skill-color); background:color-mix(in srgb,var(--vl-skill-color) 7%,#fff); font-size:10px; font-weight:800; overflow-wrap:anywhere; }
.vl-skill-evidence [hidden] { display:none !important; }

.vl-expertise__empty {
  display: grid;
  width: 100%;
  min-height: 150px;
  place-items: center;
  align-content: center;
  gap: 7px;
  border: 1px dashed color-mix(in srgb, var(--vl-primary) 36%, #cbd5e1);
  border-radius: calc(var(--vl-radius) - 4px);
  color: #64748b;
  background: color-mix(in srgb, var(--vl-primary) 3%, #fff);
  cursor: pointer;
}
.vl-expertise__empty strong { color: var(--vl-profile-text); font-size: 16px; }
.vl-expertise__empty-icon { color: var(--vl-primary); font-size: 28px; }

.vl-expertise[data-layout="minimal"] .vl-skill-grid { grid-template-columns: 1fr; }
.vl-expertise[data-layout="minimal"] .vl-skill-card { padding: 12px 14px; }
.vl-expertise[data-layout="cloud"] .vl-skill-grid { display: flex; flex-wrap: wrap; }
.vl-expertise[data-layout="cloud"] .vl-skill-card { flex: 0 1 auto; min-width: 150px; }
.vl-expertise[data-layout="orbit"] .vl-expertise__canvas,
.vl-expertise[data-layout="constellation"] .vl-expertise__canvas { position: relative; }
.vl-expertise[data-layout="orbit"] .vl-skill-card.is-featured,
.vl-expertise[data-layout="constellation"] .vl-skill-card.is-featured { border-color: color-mix(in srgb, var(--vl-skill-color) 58%, #fff); box-shadow: 0 16px 35px color-mix(in srgb, var(--vl-skill-color) 14%, transparent); }

/* Cursor ambience */
.vl-profile-cursor {
  position: fixed;
  z-index: 97;
  left: 0;
  top: 0;
  width: var(--vl-halo-size);
  height: var(--vl-halo-size);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--vl-cursor-color, var(--vl-primary)) 38%, transparent), transparent 68%);
  filter: blur(3px);
  transform: translate3d(-200px,-200px,0);
  transition: opacity .2s ease;
}
.vl-profile-cursor > i { position:absolute; left:calc(50% - 4px); top:calc(50% - 4px); width:8px; height:8px; border-radius:50%; background:var(--vl-cursor-color,var(--vl-primary)); box-shadow:0 0 12px var(--vl-cursor-color,var(--vl-primary)); transition:opacity .12s linear; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-cursor="subtle"] .vl-profile-cursor,
.vl-profile-root[data-vl-profile-view="studio"][data-vl-cursor="vivid"] .vl-profile-cursor { opacity: var(--vl-effect-opacity); }

/* Full-screen visual editor */
.vl-editor[hidden] { display: none !important; }
.vl-editor {
  position: fixed;
  z-index: 2500;
  inset: 0;
  color: #101827;
}
.vl-editor__backdrop { position: absolute; inset: 0; background: rgba(7, 12, 25, .62); backdrop-filter: blur(8px); }
.vl-editor__panel {
  position: absolute;
  inset: 22px;
  display: grid;
  grid-template-rows: auto auto minmax(0,1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 26px;
  background: #f5f7fb;
  box-shadow: 0 30px 100px rgba(0,0,0,.32);
}
.vl-editor__header,
.vl-editor__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 20px; background: #fff; }
.vl-editor__header { border-bottom: 1px solid #e6ebf2; }
.vl-editor__header span { color: #7c3aed; font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.vl-editor__header h2 { margin: 2px 0 0; font-size: 21px; font-weight: 900; }
.vl-editor__header-actions { display: flex; align-items: center; gap: 8px; }
.vl-editor__save-state { margin-right: 8px; color: #64748b !important; letter-spacing: 0 !important; }
.vl-editor__install-note { padding: 10px 20px; color: #854d0e; background: #fef9c3; font-size: 12px; }
.vl-editor__body { display: grid; grid-template-columns: 185px minmax(0,1fr); min-height: 0; }
.vl-editor__tabs { display: flex; flex-direction: column; gap: 6px; padding: 16px 12px; border-right: 1px solid #e2e8f0; background: #fff; }
.vl-editor__tabs button { min-height: 42px; padding: 0 13px; border: 0; border-radius: 11px; color: #64748b; background: transparent; text-align: left; font-weight: 800; cursor: pointer; }
.vl-editor__tabs button.is-active { color: #6d28d9; background: #f2ebff; }
.vl-editor__workspace { display: grid; grid-template-columns: minmax(280px,350px) minmax(0,1fr); min-height: 0; }
.vl-editor__controls { overflow-y: auto; padding: 18px; border-right: 1px solid #e2e8f0; background: #fbfcfe; scrollbar-width: thin; }
.vl-editor-tab h3 { margin: 0 0 14px; font-size: 16px; }
.vl-editor-tab > label { display: grid; gap: 7px; margin-bottom: 15px; color: #475569; font-size: 12px; font-weight: 800; }
.vl-editor-tab input[type="text"],
.vl-editor-tab input[type="number"],
.vl-editor-tab input[type="color"],
.vl-editor-tab textarea,
.vl-editor-tab select { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid #dce3ed; border-radius: 10px; color: #172033; background: #fff; }
.vl-editor-tab textarea { min-height:68px; resize:vertical; line-height:1.4; }
.vl-editor-tab input[type="color"] { padding: 4px; }
.vl-editor-tab input[type="range"] { width: 100%; accent-color: #7c3aed; }
.vl-editor__color-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; }
.vl-editor__color-grid label { display: grid; gap: 5px; color: #64748b; font-size: 10px; font-weight: 800; }
.vl-editor__details { margin:4px 0 15px; padding:10px; border:1px solid #e2e8f0; border-radius:11px; background:#fff; }
.vl-editor__details summary { color:#475569; font-size:12px; font-weight:900; cursor:pointer; }
.vl-editor__details label { display:grid; gap:5px; margin-top:10px; color:#64748b; font-size:11px; font-weight:800; }
.vl-editor__audit { padding:9px 10px; border-radius:9px; color:#166534; background:#dcfce7; font-size:10px; font-weight:800; line-height:1.45; }
.vl-editor__audit.is-warning { color:#9a3412; background:#ffedd5; }
.vl-switch-row { display: flex !important; grid-template-columns: auto 1fr; align-items: center; gap: 8px !important; }
.vl-switch-row input { width: 18px; height: 18px; accent-color: #7c3aed; }
.vl-editor__section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 13px; }
.vl-small-button { min-height: 32px; padding: 0 10px; border-radius: 9px; color: #6d28d9; background: #eee5ff; font-weight: 800; white-space: nowrap; }
.vl-skill-editor-list { display: grid; gap: 9px; margin-top: 14px; }
.vl-skill-editor-row { display: flex; align-items: flex-start; gap: 6px; padding: 10px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; }
.vl-skill-drag { width: 24px; min-height: 32px; border: 0; color: #94a3b8; background: transparent; cursor: grab; }
.vl-skill-editor-row__fields { display: grid; flex:1; grid-template-columns: 1fr 1fr; gap: 7px; min-width: 0; }
.vl-skill-editor-row__fields textarea { grid-column:1 / -1; }
.vl-skill-editor-row__fields label { display: flex; align-items: center; gap: 5px; color: #64748b; font-size: 10px; }
.vl-skill-editor-row__move { display:flex; align-items:center; justify-content:flex-end; gap:5px; }
.vl-skill-editor-row__move button,.vl-block-editor-row button { min-width:30px; min-height:30px; border:0; border-radius:8px; color:#475569; background:#eef2f7; font-size:11px; font-weight:800; cursor:pointer; }
.vl-skill-editor-row.is-dragging,.vl-block-editor-row.is-dragging { opacity:.48; border-color:#8b5cf6; }
.vl-block-editor-list,.vl-history-list { display:grid; gap:8px; }
.vl-block-editor-row,.vl-history-row { display:flex; align-items:center; gap:8px; padding:10px; border:1px solid #e2e8f0; border-radius:11px; background:#fff; }
.vl-block-editor-row > label { display:flex; flex:1; align-items:center; gap:8px; margin:0; color:#334155; font-size:12px; }
.vl-block-editor-row > div { display:flex; gap:4px; }
.vl-history-row { justify-content:space-between; color:#475569; font-size:11px; }
.vl-icon-button { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #475569; background: #eef2f7; font-size: 19px; line-height: 1; }
.vl-editor__preview { display: grid; grid-template-rows: auto minmax(0,1fr); min-width: 0; min-height: 0; padding: 15px; background: radial-gradient(circle at 80% 10%, #e6deff, transparent 34%), #edf1f7; }
.vl-editor__devices { display: flex; justify-content: center; gap: 4px; margin-bottom: 12px; }
.vl-editor__devices button { min-height: 32px; padding: 0 12px; border: 0; border-radius: 9px; color: #64748b; background: rgba(255,255,255,.7); cursor: pointer; }
.vl-editor__devices button.is-active { color: #fff; background: #6d28d9; }
.vl-editor__preview-frame { display: grid; width: 100%; min-height: 0; margin: auto; place-items: center; overflow: auto; border: 1px solid #dce3ed; border-radius: 16px; background: #fff; box-shadow: 0 16px 40px rgba(15,23,42,.12); transition: max-width .25s ease; }
.vl-editor__preview-frame[data-device="tablet"] { max-width: 720px; }
.vl-editor__preview-frame[data-device="mobile"] { max-width: 380px; }
body.night-mode .vl-editor__preview-frame { border-color:#334155; background:#0f172a; }
body.night-mode .vl-editor__preview-frame .vl-editor__preview-copy { --vl-profile-text:#f8fafc; background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--vl-accent) 22%,transparent),transparent 40%),#111827; }
body.night-mode .vl-editor__preview-frame .vl-editor__preview-copy p { color:#94a3b8; }
.vl-editor__preview-copy { width: min(82%, 720px); padding: 34px; border-radius: var(--vl-radius,22px); color: var(--vl-profile-text,#111827); background: radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--vl-accent,#06b6d4) 18%, transparent), transparent 40%), linear-gradient(145deg,#fff,color-mix(in srgb,var(--vl-primary,#7c3aed) 7%,#fff)); box-shadow: 0 20px 45px rgba(15,23,42,.1); }
.vl-editor__preview-copy > span { color: var(--vl-primary,#7c3aed); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.vl-editor__preview-copy > strong { display: block; margin: 8px 0; font-size: clamp(30px,5vw,64px); font-weight: 950; letter-spacing: -.055em; background: linear-gradient(100deg,var(--vl-primary,#7c3aed),var(--vl-secondary,#2563eb),var(--vl-accent,#06b6d4)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vl-editor__preview-copy p { color: #64748b; }
.vl-editor__preview-card { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 24px; }
.vl-editor__preview-card i { display:grid; min-height:65px; padding:10px; place-items:center; border:1px solid color-mix(in srgb,var(--vl-skill-color,var(--vl-primary,#7c3aed)) 18%,#ddd); border-radius:14px; color:var(--vl-skill-color,var(--vl-primary)); background:rgba(255,255,255,.78); font-size:11px; font-style:normal; font-weight:900; text-align:center; }
body.night-mode .vl-editor__preview-frame .vl-editor__preview-card i { background:rgba(30,41,59,.85); border-color:#334155; }
.vl-editor__theme-sync { display:inline-flex; align-items:center; min-height:32px; margin-left:auto; padding:0 11px; border:1px solid #dce2ea; border-radius:999px; color:#6b7483; background:rgba(255,255,255,.72); font-size:10px; font-weight:850; letter-spacing:.03em; }
body.night-mode .vl-editor__theme-sync { border-color:#334155; color:#aeb8c8; background:#1e293b; }
.vl-editor__footer { border-top: 1px solid #e2e8f0; }
.vl-editor__footer > div { display: flex; gap: 9px; }
.vl-button-primary,
.vl-button-secondary { min-height: 40px; padding: 0 16px; border-radius: 11px; font-weight: 900; }
.vl-button-primary { color: #fff; background: linear-gradient(110deg,#7c3aed,#2563eb); box-shadow: 0 8px 20px rgba(109,40,217,.22); }
.vl-button-secondary { color: #475569; background: #edf1f6; }
.vl-editor__hint { color: #7b8798; font-size: 11px; line-height: 1.5; }
body.vl-editor-open { overflow: hidden !important; }

@container (max-width: 620px) {
  .vl-skill-grid { grid-template-columns: 1fr; }
}

@media (max-width: 1199px) {
  .vl-profile-root[data-vl-profile-view="studio"] > .container > .row { grid-template-columns: minmax(0,1fr) 255px; gap: 16px; }
  .vl-skill-grid { grid-template-columns: 1fr; }
  .vl-editor__workspace { grid-template-columns: 320px minmax(0,1fr); }
}

@media (max-width: 991px) {
  .vl-profile-toolbar { top: 52px; margin-right: auto; margin-left: 10px; }
  .vl-profile-design-button { padding: 0 12px; }
  .vl-profile-root[data-vl-profile-view="studio"] > .container > .row { display: block; }
  .vl-profile-root[data-vl-profile-view="studio"] > .container > .row > .rightcol { position: static; max-height: none; overflow: visible; margin-top: 18px; }
  .vl-profile-root[data-vl-profile-view="studio"] .wow_content.cardheader.user-cover { min-height: 260px; }
  .vl-editor__panel { inset: 8px; border-radius: 18px; }
  .vl-editor__body { grid-template-columns: 140px minmax(0,1fr); }
  .vl-editor__workspace { grid-template-columns: minmax(270px,330px) minmax(0,1fr); }
}

@media (max-width: 720px) {
  .vl-profile-toolbar { position: relative; top: auto; z-index: 5; margin: 8px auto -46px 8px; transform: scale(.92); transform-origin: left top; }
  .vl-profile-design-button { width: 38px; padding: 0; justify-content: center; font-size: 0; }
  .vl-profile-design-button svg { width: 19px; height: 19px; }
  .vl-profile-root[data-vl-profile-view="studio"] .profile-container.tag_cover_bg { border-radius: 0; }
  .vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr { grid-template-columns:1fr; width:calc(100% - 16px); margin:-28px auto 12px !important; padding:18px !important; }
  .vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .event-info-cont-small { grid-template-columns:84px minmax(0,1fr); column-gap:14px; }
  .vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .user-avatar { width:82px; height:82px; border-radius:23px; }
  .vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .user-avatar img { border-radius:19px; }
  .vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .event-info-cont-small h3 { font-size:28px; }
  .vl-profile-root[data-vl-profile-view="studio"] .tag_page_name_hdr .wow_user_page_btns { justify-content:flex-start; margin-top:14px; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"] #posts { --vl-timeline-offset: 34px; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"] #posts::before { left: 10px; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"] #posts > .post-container::before { left: calc(var(--vl-timeline-offset) * -1 + 1px); width: 18px; height: 18px; }
  .vl-timeline-month::before { left: calc(var(--vl-timeline-offset) * -1 + 4px); }
  .vl-timeline-date { display: none; }
  .vl-expertise { padding: 19px 15px; border-radius: 16px !important; }
  .vl-expertise__header { display: block; }
  .vl-text-button { margin-top: 12px; }
  .vl-skill-grid { grid-template-columns: 1fr; }
  .vl-editor__panel { inset: 0; border-radius: 0; }
  .vl-editor__header { padding: 11px 12px; }
  .vl-editor__save-state { display: none; }
  .vl-editor__body { display: block; overflow: auto; }
  .vl-editor__tabs { position: sticky; top: 0; z-index: 2; flex-direction: row; overflow-x: auto; padding: 8px; border: 0; border-bottom: 1px solid #e2e8f0; }
  .vl-editor__tabs button { flex: 0 0 auto; min-height: 36px; }
  .vl-editor__workspace { display: block; }
  .vl-editor__controls { overflow: visible; border: 0; }
  .vl-editor__preview { min-height: 360px; }
  .vl-editor__preview-copy { width: 94%; padding: 20px; }
  .vl-editor__footer { padding: 10px; }
  .vl-editor__footer > div { margin-left: auto; }
  .vl-button-primary, .vl-button-secondary { padding: 0 10px; font-size: 12px; }
}

@media (hover: none), (pointer: coarse) {
  .vl-profile-cursor { display: none !important; }
  .vl-skill-card:hover,
  .vl-profile-root[data-vl-profile-view="studio"] #posts > .post-container:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .vl-profile-root *,
  .vl-editor * { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .vl-profile-cursor { display: none !important; }
}
.vl-profile-root[data-vl-motion="off"] .vl-profile-cursor { display:none !important; }
.vl-profile-root[data-vl-motion="off"] .cardheader.user-cover,
.vl-profile-root[data-vl-motion="off"] .vl-studio-id-card,
.vl-profile-root[data-vl-motion="off"] .vl-studio-id-card__lanyard,
.vl-profile-root[data-vl-motion="off"] .vl-skill-card,
.vl-profile-root[data-vl-motion="off"] #posts > .post-container { transform:none !important; transition:none !important; animation:none !important; }

body.night-mode .vl-profile-toolbar { border-color: rgba(148,163,184,.22); background: rgba(17,24,39,.88); }
body.night-mode .vl-profile-view-button { color: #aab4c4; }
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .profile-container.tag_cover_bg,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .rightcol .wow_content,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .middlecol .wow_content,
body.night-mode .vl-expertise { color: #e5e7eb; background: radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--vl-accent) 12%,transparent),transparent 38%),#111827; border-color: #263246; }
body.night-mode .vl-profile-root { --vl-surface: #111827; --vl-profile-text: #f8fafc; }
body.night-mode .vl-skill-card { background: rgba(15,23,42,.8); border-color: #2d3a50; }
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .tag_cover_bg_grad { background: linear-gradient(90deg,rgba(15,23,42,.95),rgba(15,23,42,.52),rgba(15,23,42,.8)); }

/* Live fidelity pass: Lightswind-inspired portfolio composition on Wondertag's
   real profile DOM. Classic mode keeps the original cover and identity header. */
.vl-studio-hero-copy,
.vl-studio-id-card__lanyard,
.vl-studio-id-card__cover,
.vl-studio-id-card__footer,
.vl-career-intro { display:none; }
.vl-studio-id-card { display:contents; }

.vl-profile-root[data-vl-profile-view="studio"] {
  background:#fff;
  scroll-behavior:smooth;
}
.vl-profile-root[data-vl-profile-view="studio"][data-vl-background="aurora"] {
  background:
    radial-gradient(circle at 5% 4%,color-mix(in srgb,var(--vl-primary) 6%,transparent),transparent 24%),
    radial-gradient(circle at 95% 14%,color-mix(in srgb,var(--vl-accent) 5%,transparent),transparent 26%),
    #fff;
}
.vl-profile-root[data-vl-profile-view="studio"][data-vl-background="solid"] { background:var(--vl-profile-background); }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-background="quiet"] { background:#fff; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-background="mesh"] {
  background:
    radial-gradient(circle at 8% 9%,color-mix(in srgb,var(--vl-primary) 10%,transparent),transparent 27%),
    radial-gradient(circle at 91% 12%,color-mix(in srgb,var(--vl-accent) 11%,transparent),transparent 29%),
    radial-gradient(circle at 58% 88%,color-mix(in srgb,var(--vl-secondary) 8%,transparent),transparent 35%),
    #fff;
}
.vl-profile-root[data-vl-profile-view="studio"] .profile-container.tag_cover_bg { display:none; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-hero-wrap {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);
  align-items:center;
  gap:clamp(36px,6vw,86px);
  width:min(100%,1180px);
  min-height:clamp(570px,72vh,760px);
  padding:92px 24px 68px;
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-hero-copy { display:block; min-width:0; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="center"] .vl-studio-hero-copy { text-align:center; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="center"] .vl-studio-hero-about { margin-right:auto; margin-left:auto; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="center"] .vl-studio-hero-actions { justify-content:center; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="right"] .vl-studio-hero-copy { text-align:right; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="right"] .vl-studio-hero-about { margin-left:auto; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-align="right"] .vl-studio-hero-actions { justify-content:flex-end; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-layout="centered"] .vl-studio-hero-wrap { grid-template-columns:1fr; gap:116px; max-width:920px; padding-top:112px; text-align:center; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-layout="centered"] .vl-studio-hero-about { margin-right:auto; margin-left:auto; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-layout="centered"] .vl-studio-hero-actions { justify-content:center; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-hero-layout="card"] .vl-studio-hero-wrap { grid-template-columns:minmax(0,1fr) minmax(300px,390px); max-width:1040px; }
.vl-studio-availability {
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:0 15px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  color:#596273;
  background:rgba(255,255,255,.88);
  box-shadow:0 5px 18px rgba(15,23,42,.05);
  font-size:12px;
  font-weight:750;
}
.vl-studio-availability i { width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 5px rgba(34,197,94,.1); }
.vl-studio-overline { margin:24px 0 8px; color:#717785; font-size:11px; font-weight:900; letter-spacing:.18em; }
.vl-studio-hero-copy h1 {
  margin:0;
  color:#080b12;
  font-size:clamp(50px,6.3vw,88px);
  font-weight:950;
  letter-spacing:-.065em;
  line-height:.98;
}
.vl-studio-hero-copy h1 span {
  color:var(--vl-primary);
  background:linear-gradient(100deg,var(--vl-primary),var(--vl-secondary) 52%,var(--vl-accent));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.vl-studio-hero-about { max-width:700px; margin:28px 0 0; color:#616977; font-size:clamp(17px,1.7vw,22px); line-height:1.58; }
.vl-studio-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.vl-studio-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:50px;
  padding:0 25px;
  border:1px solid #dfe3e8;
  border-radius:999px;
  color:#111827 !important;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.055);
  font-weight:850;
  text-decoration:none !important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.vl-studio-cta--primary { border-color:#090b10; color:#fff !important; background:#090b10; box-shadow:0 12px 28px rgba(15,23,42,.18); }
.vl-studio-cta:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--vl-primary) 36%,#dfe3e8); box-shadow:0 14px 28px rgba(15,23,42,.1); }

.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card {
  position:relative;
  display:block;
  width:min(100%,360px);
  margin:44px auto 0;
  overflow:visible;
  border:1px solid #e4e7ec;
  border-radius:calc(var(--vl-radius) + 6px);
  background:rgba(255,255,255,.94);
  box-shadow:0 30px 68px rgba(30,41,59,.17);
  backdrop-filter:blur(18px) saturate(135%);
  transform:rotate(.4deg);
  transform-style:preserve-3d;
  will-change:transform;
  animation:vl-studio-card-float 5.8s ease-in-out infinite;
  transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease;
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-22px;
  border-radius:42px;
  background:radial-gradient(circle at 68% 18%,color-mix(in srgb,var(--vl-primary) 25%,transparent),transparent 48%);
  filter:blur(22px);
  opacity:.55;
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card::after {
  content:"";
  position:absolute;
  z-index:6;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:calc(var(--vl-effect-opacity) * .72);
  background:radial-gradient(circle at var(--vl-pointer-x,68%) var(--vl-pointer-y,18%),rgba(255,255,255,.72),rgba(255,255,255,.16) 18%,transparent 43%);
  mix-blend-mode:soft-light;
  transition:opacity .2s ease;
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card.is-vl-card-interacting {
  animation:none !important;
  box-shadow:0 38px 86px rgba(30,41,59,.23),0 0 0 1px color-mix(in srgb,var(--vl-primary) 12%,transparent);
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card.is-vl-card-tapped { animation:vl-studio-card-tap .5s cubic-bezier(.2,.8,.2,1); }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card__lanyard { position:absolute; z-index:4; top:-108px; left:50%; display:block; width:72px; height:114px; transform:translateX(-50%); transform-origin:50% 0; animation:vl-studio-lanyard-sway 4.8s ease-in-out infinite; }
.vl-studio-id-card__lanyard i { position:absolute; left:31px; top:0; width:10px; height:92px; border-radius:8px; background:repeating-linear-gradient(90deg,#171a20 0 2px,#343943 2px 4px); box-shadow:0 3px 6px rgba(15,23,42,.25); }
.vl-studio-id-card__lanyard span { position:absolute; left:19px; bottom:6px; width:34px; height:15px; border:5px solid #15181e; border-radius:8px; background:#fff; box-shadow:0 3px 8px rgba(15,23,42,.18); }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card__cover { display:block; height:142px; overflow:hidden; border-radius:calc(var(--vl-radius) + 5px) calc(var(--vl-radius) + 5px) 0 0; background:linear-gradient(135deg,var(--vl-primary),var(--vl-secondary) 55%,var(--vl-accent)); }
.vl-studio-id-card__cover img { width:100%; height:100%; object-fit:cover; object-position:var(--vl-cover-focus-x) var(--vl-cover-focus-y); opacity:.78; mix-blend-mode:screen; filter:saturate(1.18) contrast(1.06); }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .tag_page_name_hdr {
  display:block !important;
  width:auto !important;
  margin:-51px 17px 0 !important;
  padding:0 16px 13px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .event-info-cont-small {
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .tag_page_name_hdr .user-avatar {
  display:block;
  flex:0 0 104px;
  width:104px;
  height:104px;
  margin:0 auto 15px;
  padding:4px;
  border-radius:50%;
  background:linear-gradient(140deg,var(--vl-primary),var(--vl-accent));
  box-shadow:0 10px 28px rgba(15,23,42,.18);
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .tag_page_name_hdr .user-avatar img { width:100%; height:100%; padding:3px; border-radius:50%; object-fit:cover; background:#fff; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .event-info-cont-small h3 {
  margin:0;
  color:#080b12;
  font-size:25px;
  font-weight:950;
  letter-spacing:-.035em;
  line-height:1.08;
  text-align:center !important;
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .event_cdown {
  display:inline-flex;
  width:auto;
  margin:8px auto 0;
  padding:4px 10px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  color:#343b48;
  background:#fff;
  font-size:11px;
  font-weight:850;
  text-align:center !important;
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .social-links { justify-content:center; margin:10px 0 0; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .wow_user_page_btns { justify-content:center; flex-wrap:wrap; gap:6px; margin:13px 0 0; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .wow_user_page_btns .btn { min-height:34px; border:1px solid #e5e7eb; border-radius:9px; color:#111827; background:#fff; box-shadow:none; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .user-bottom-nav { margin:15px 0 0; border-top:1px solid #111827; border-right:0; border-bottom:0; border-left:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .user-bottom-nav ul { justify-content:center; padding:10px 0 0; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .user-bottom-nav li:nth-child(n+5) { display:none; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .user-bottom-nav a { padding:7px 8px; color:#545d6b; font-size:10px; font-weight:800; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card__footer { display:flex; align-items:center; gap:10px; padding:0 18px 17px; color:#222833; font-size:10px; letter-spacing:.06em; }
.vl-studio-id-card__footer span { flex:1; height:26px; border-radius:4px; opacity:.85; background:repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 4px,#111 4px 5px,transparent 5px 8px); }
.vl-studio-id-card__footer small { color:#6b7280; font-size:9px; font-weight:900; }

@keyframes vl-studio-card-float {
  0%,100% { transform:perspective(1050px) translate3d(0,0,0) rotateX(0deg) rotateY(-1.2deg) rotateZ(.35deg); }
  35% { transform:perspective(1050px) translate3d(0,-10px,0) rotateX(1deg) rotateY(1.5deg) rotateZ(-.35deg); }
  68% { transform:perspective(1050px) translate3d(0,-4px,0) rotateX(-.6deg) rotateY(.4deg) rotateZ(.2deg); }
}
@keyframes vl-studio-lanyard-sway {
  0%,100% { transform:translateX(-50%) rotate(-1.6deg); }
  50% { transform:translateX(-50%) rotate(1.6deg); }
}
@keyframes vl-studio-card-tap {
  0%,100% { transform:perspective(1050px) scale(1); }
  48% { transform:perspective(1050px) translateY(-5px) scale(.975) rotateX(1.5deg); }
}

.vl-profile-root[data-vl-profile-view="studio"] > .container > .row { border-top:1px solid #f0f2f5; padding-top:56px; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-expertise {
  margin-bottom:48px;
  padding:clamp(24px,3vw,38px);
  border:1px solid #e5e7eb;
  border-radius:calc(var(--vl-radius) + 6px);
  background:#fff;
  box-shadow:0 18px 50px rgba(15,23,42,.06);
  scroll-margin-top:118px;
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-expertise__header { align-items:center; margin-bottom:28px; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-expertise h2 { color:#080b12; font-size:clamp(32px,4vw,50px); letter-spacing:-.05em; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-expertise h2::first-letter { color:var(--vl-primary); }
.vl-profile-root[data-vl-profile-view="studio"] .vl-expertise__canvas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-group,
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-group + .vl-skill-group {
  min-width:0;
  margin:0;
  padding:22px;
  border:1px solid #e3e6eb;
  border-radius:calc(var(--vl-radius) + 2px);
  background:#fff;
  box-shadow:0 12px 34px rgba(15,23,42,.045);
}
.vl-skill-group__heading { display:flex; align-items:center; gap:10px; min-height:38px; padding-bottom:15px; border-bottom:1px solid #171a20; }
.vl-skill-group__heading h3 { flex:1; margin:0 !important; color:#161a22 !important; font-size:17px !important; letter-spacing:-.01em !important; text-transform:none !important; }
.vl-skill-group__icon { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; color:var(--vl-primary); background:color-mix(in srgb,var(--vl-primary) 8%,#fff); font-size:16px; font-weight:900; }
.vl-skill-group__badge { padding:5px 9px; border:1px solid #e4e7ec; border-radius:999px; color:#687181; font-size:9px; font-weight:900; letter-spacing:.05em; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-grid { grid-template-columns:1fr; gap:0; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-card {
  padding:15px 0;
  border:0;
  border-bottom:1px solid #eef0f3;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-card:last-child { border-bottom:0; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-card:hover,
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-card:focus-visible { transform:translateX(3px); box-shadow:none; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-card__icon { flex-basis:34px; width:34px; height:34px; border-radius:9px; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-card__title strong { color:#111827; font-size:13px; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-card__title span { color:#77808f; font-size:10px; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-meter { height:5px; background:#f0f2f5; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-meter span { background:linear-gradient(90deg,var(--vl-primary),var(--vl-accent)); box-shadow:0 0 12px color-mix(in srgb,var(--vl-accent) 35%,transparent); }
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-group--traits .vl-skill-card { margin-top:10px; padding:13px; border:1px solid color-mix(in srgb,var(--vl-skill-color) 16%,#e5e7eb); border-radius:14px; background:color-mix(in srgb,var(--vl-skill-color) 5%,#fff); }
.vl-profile-root[data-vl-profile-view="studio"] .vl-skill-group--traits .vl-skill-card + .vl-skill-card { margin-top:9px; }
.vl-profile-root[data-vl-profile-view="studio"] .vl-expertise__notice { margin-top:18px; }

.vl-profile-root[data-vl-profile-view="studio"] .vl-career-intro {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin:48px 0 42px;
  scroll-margin-top:120px;
  text-align:left;
}
.vl-career-intro__icon { display:grid; flex:0 0 50px; width:50px; height:50px; place-items:center; border:1px solid #e5e7eb; border-radius:15px; color:var(--vl-primary); background:#fff; box-shadow:0 8px 22px rgba(15,23,42,.07); font-size:26px; font-weight:900; }
.vl-career-intro h2 { margin:0; color:#080b12; font-size:clamp(34px,4.6vw,56px); font-weight:950; letter-spacing:-.055em; line-height:1; }
.vl-career-intro p { margin:9px 0 0; color:#737b89; font-size:14px; }
.vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"] #posts { margin-bottom:28px; }
.vl-profile-root[data-vl-profile-view="studio"] #posts > .post-container { border-color:#e2e5e9; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(15,23,42,.065); }
.vl-profile-root[data-vl-profile-view="studio"] .vl-timeline-month { color:#4f5968; letter-spacing:.04em; }

@media (min-width:1200px) {
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts { padding-top:24px; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts::before { width:2px; background:linear-gradient(180deg,var(--vl-primary),var(--vl-accent)); box-shadow:0 0 22px color-mix(in srgb,var(--vl-primary) 22%,transparent); }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts > .post-container { width:calc(50% - 38px); margin-bottom:42px; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts > .post-container::before { right:-49px; width:18px; height:18px; border-width:5px; }
  .vl-profile-root[data-vl-profile-view="studio"][data-vl-timeline-style="journey"][data-vl-timeline-axis="center"] #posts > .post-container.is-vl-right::before { right:auto; left:-49px; }
}

@media (max-width:991px) {
  .vl-profile-root[data-vl-profile-view="studio"] .vl-studio-hero-wrap { grid-template-columns:minmax(0,1fr) minmax(270px,330px); gap:28px; min-height:620px; padding:76px 20px 52px; }
  .vl-studio-hero-copy h1 { font-size:clamp(44px,7.5vw,66px); }
  .vl-studio-hero-about { font-size:16px; }
  .vl-profile-root[data-vl-profile-view="studio"] .vl-expertise__canvas { grid-template-columns:1fr; }
}

@media (max-width:720px) {
  .vl-profile-root[data-vl-profile-view="studio"] { max-width:100%; overflow-x:clip; }
  .vl-profile-root[data-vl-profile-view="studio"] > .container,
  .vl-profile-root[data-vl-profile-view="studio"] > .container > .row { max-width:100%; margin-right:0 !important; margin-left:0 !important; }
  .vl-profile-root[data-vl-profile-view="studio"] > .container > .row > .middlecol,
  .vl-profile-root[data-vl-profile-view="studio"] > .container > .row > .rightcol { width:100%; max-width:100%; margin-right:0; margin-left:0; }
  .vl-profile-root[data-vl-profile-view="studio"] .vl-profile-toolbar { position:sticky; top:54px; z-index:98; margin:8px auto -52px 8px; transform:scale(.9); transform-origin:left top; }
  .vl-profile-root[data-vl-profile-view="studio"] .vl-studio-hero-wrap { display:block; min-height:0; padding:86px 18px 56px; }
  .vl-studio-overline { margin-top:20px; }
  .vl-studio-hero-copy h1 { font-size:clamp(43px,13vw,60px); line-height:1.02; }
  .vl-studio-hero-about { margin-top:22px; font-size:16px; line-height:1.55; }
  .vl-studio-hero-actions { margin-top:27px; }
  .vl-studio-cta { min-height:46px; padding:0 18px; font-size:12px; }
  .vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card { width:min(100%,330px); margin-top:126px; }
  .vl-profile-root[data-vl-profile-view="studio"] > .container > .row { padding-top:30px; }
  .vl-profile-root[data-vl-profile-view="studio"] .vl-expertise { margin-bottom:30px; padding:22px 16px; border-radius:21px; }
  .vl-profile-root[data-vl-profile-view="studio"] .vl-expertise__header { display:block; }
  .vl-profile-root[data-vl-profile-view="studio"] .vl-expertise h2 { font-size:34px; }
  .vl-profile-root[data-vl-profile-view="studio"] .vl-skill-group { padding:16px; border-radius:18px; }
  .vl-skill-group__badge { display:none; }
  .vl-profile-root[data-vl-profile-view="studio"] .vl-career-intro { justify-content:flex-start; margin:36px 0 28px; }
  .vl-career-intro h2 { font-size:36px; }
  .vl-career-intro p { font-size:12px; }
}

/* Studio also restyles Wondertag's existing global left sidebar. The body class
   is toggled with the view, so Classic immediately returns to the native skin. */
body.vl-profile-page-studio .tag_sidebar {
  border-right:1px solid rgba(124,58,237,.13);
  background:
    radial-gradient(circle at 12% 2%,rgba(124,58,237,.09),transparent 27%),
    radial-gradient(circle at 88% 36%,rgba(6,182,212,.07),transparent 32%),
    rgba(250,251,255,.97);
  box-shadow:18px 0 60px rgba(30,41,59,.055);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
}
body.vl-profile-page-studio .tag_sidebar .sidebar_innr { padding:14px 10px 24px; gap:8px; }
body.vl-profile-page-studio .tag_sidebar_section_prnt {
  margin:0 2px;
  padding:10px 7px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:18px;
  background:rgba(255,255,255,.64);
  box-shadow:0 9px 28px rgba(15,23,42,.035);
}
body.vl-profile-page-studio .tag_sidebar_head {
  min-height:31px;
  margin:0 0 4px;
  padding:5px 8px;
  color:#7b8494;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
body.vl-profile-page-studio .tag_sidebar_head::before { display:none; }
body.vl-profile-page-studio .tag_sidebar_section { display:flex; flex-direction:column; flex-wrap:nowrap; gap:2px; }
body.vl-profile-page-studio .tag_sidebar_section > a {
  display:flex;
  align-items:center;
  width:100%;
  min-height:42px;
  margin:0;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:13px;
  color:#4f596b;
  line-height:1.25;
  text-align:left;
  transition:transform .18s ease,color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.vl-profile-page-studio .tag_sidebar_section > a::before { border-radius:13px; }
body.vl-profile-page-studio .tag_sidebar_section > a:hover,
body.vl-profile-page-studio .tag_sidebar_section > a.active,
body.vl-profile-page-studio .tag_sidebar_section > a[aria-current="page"] {
  color:#5b21b6;
  border-color:rgba(124,58,237,.12);
  background:linear-gradient(110deg,rgba(124,58,237,.095),rgba(37,99,235,.055) 58%,rgba(6,182,212,.08));
  box-shadow:0 8px 20px rgba(76,29,149,.065);
  transform:translateX(3px);
}
body.vl-profile-page-studio .tag_sidebar_section > a svg,
body.vl-profile-page-studio .tag_sidebar_section > a img {
  flex:0 0 23px;
  width:23px;
  height:23px;
  margin:0 12px 0 0;
  filter:saturate(.92);
  transition:transform .18s ease,filter .18s ease;
}
body.vl-profile-page-studio .tag_sidebar_section > a:hover svg,
body.vl-profile-page-studio .tag_sidebar_section > a:hover img { transform:translateY(-1px) scale(1.06); filter:saturate(1.12); }
body.vl-profile-page-studio .tag_sidebar .tag_footer_pc { opacity:.78; }
body.vl-profile-page-studio .fixture-left {
  gap:4px;
  padding:13px;
  border-color:rgba(124,58,237,.14);
  border-radius:22px;
  background:radial-gradient(circle at 0 0,rgba(124,58,237,.1),transparent 34%),rgba(255,255,255,.9);
  box-shadow:0 18px 48px rgba(30,41,59,.08);
  backdrop-filter:blur(18px);
}
body.vl-profile-page-studio .fixture-left strong { padding:8px 10px; color:#7b8494; font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
body.vl-profile-page-studio .fixture-left a { padding:11px 12px; border:1px solid transparent; border-radius:13px; color:#4f596b; transition:.18s ease; }
body.vl-profile-page-studio .fixture-left a:hover,
body.vl-profile-page-studio .fixture-left a:first-of-type { color:#5b21b6; border-color:rgba(124,58,237,.12); background:linear-gradient(110deg,rgba(124,58,237,.1),rgba(6,182,212,.07)); transform:translateX(3px); }

body.night-mode.vl-profile-page-studio .tag_sidebar {
  border-color:#29344a;
  background:radial-gradient(circle at 8% 3%,rgba(124,58,237,.16),transparent 28%),rgba(10,15,25,.97);
}
body.night-mode.vl-profile-page-studio .tag_sidebar_section_prnt { border-color:#263248; background:rgba(17,24,39,.72); }
body.night-mode.vl-profile-page-studio .tag_sidebar_head { color:#8994a8; }
body.night-mode.vl-profile-page-studio .tag_sidebar_section > a { color:#c2cad7; }
body.night-mode.vl-profile-page-studio .tag_sidebar_section > a:hover,
body.night-mode.vl-profile-page-studio .tag_sidebar_section > a.active,
body.night-mode.vl-profile-page-studio .tag_sidebar_section > a[aria-current="page"] { color:#ddd6fe; border-color:rgba(139,92,246,.24); background:linear-gradient(110deg,rgba(124,58,237,.2),rgba(6,182,212,.1)); }

body.night-mode .vl-profile-root[data-vl-profile-view="studio"],
body.night-mode .vl-profile-root[data-vl-profile-view="studio"][data-vl-background="aurora"] { background:#090d15; }
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-studio-hero-copy h1,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-career-intro h2,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-expertise h2 { color:#f8fafc; }
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-studio-availability,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-studio-cta,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-expertise,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-skill-group,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-career-intro__icon,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] #posts > .post-container { color:#e5e7eb; border-color:#263246; background:#111827; }
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-skill-group__heading h3,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-skill-card__title strong,
body.night-mode .vl-profile-root[data-vl-profile-view="studio"] .vl-studio-id-card .event-info-cont-small h3 { color:#f8fafc !important; }