/* Loaded only by ut0z/index.html; shared profile styles remain unchanged. */
body.liquid-glass-page { --line: rgba(255,255,255,.27); --muted: rgba(255,255,255,.8); }
.liquid-glass-page .background-video { filter: brightness(.96); }
body.liquid-glass-page .shade { background: rgba(0,0,0,.12); }
.liquid-glass-page .profile-card,
.liquid-glass-page .profile-card:hover {
  border-radius: 48px;
  background: linear-gradient(125deg, #ffffff24, #ffffff02 30%, #ffffff08 65%, #ffffff1c), rgba(12,18,22,.09);
  border: 1px solid #ffffff65;
  backdrop-filter: blur(10px) saturate(175%);
  -webkit-backdrop-filter: blur(10px) saturate(175%);
  box-shadow: inset 0 2px 3px #ffffffe0, inset 3px 0 7px #ffffff40, inset -3px -4px 9px #ffffff38, inset 0 0 22px #ffffff13, 0 2px 2px #0003, 0 24px 65px #0004;
}
.liquid-glass-page .profile-card::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  padding: 3px;
  background: linear-gradient(125deg, #ffffffed, #bcf7ff35 23%, #ffffff08 38%, #ffffffb0 62%, #dfcfff28 77%, #ffffffd0);
  background-size: 180% 180%;
  background-position: calc(50% + var(--layer-x)) calc(50% + var(--layer-y));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.liquid-glass-page :is(.icon-link, .round-control, .badge-strip, .roblox-card) {
  position: relative;
  background: radial-gradient(ellipse at calc(25% + var(--layer-x)) calc(5% + var(--layer-y)), #ffffff4a, #ffffff08 52%, #ffffff1a), linear-gradient(155deg, #ffffff20, #ffffff04 50%, #ffffff20);
  border-color: #ffffff66;
  backdrop-filter: blur(5px) saturate(170%);
  -webkit-backdrop-filter: blur(5px) saturate(170%);
  box-shadow: inset 0 2px 2px #ffffffc0, inset 2px 0 4px #ffffff45, inset -2px -3px 5px #ffffff55, inset 0 -7px 10px #ffffff10, 0 6px 15px #0004;
}
.liquid-glass-page :is(.icon-link, .round-control, .roblox-card):is(:hover, :focus-visible) {
  background: radial-gradient(ellipse at calc(25% + var(--layer-x)) calc(5% + var(--layer-y)), #ffffff70, #ffffff14 55%, #ffffff30);
  border-color: #ffffffa0;
  box-shadow: inset 0 2px 3px #fffffff0, inset 3px 0 6px #ffffff50, inset -2px -4px 7px #ffffff80, 0 12px 28px #0004;
}
.liquid-glass-page .payment-row .icon-link { border-radius: 27px; }
.liquid-glass-page .roblox-card { border-radius: 34px; }
.liquid-glass-page :is(.icon-link, .round-control, .roblox-card)::before {
  content: ''; position: absolute; inset: 2px; border-radius: inherit; pointer-events: none;
  background: linear-gradient(155deg, #ffffff40, transparent 28%, transparent 70%, #ffffff1c);
  box-shadow: inset 0 1px 0 #ffffff65;
}
.liquid-glass-page :is(.icon-link, .round-control) { transition: transform 220ms cubic-bezier(.2,.8,.2,1.2), scale 180ms ease, background 180ms ease, box-shadow 180ms ease; }
.liquid-glass-page :is(.icon-link, .round-control) img { filter: drop-shadow(0 2px 3px #0004) drop-shadow(0 0 8px #ffffff35); }
.liquid-glass-page :is(.icon-link, .round-control):active { scale: .92; }
.liquid-glass-page .avatar-frame { background: #ffffff16; border-color: #ffffff80; box-shadow: inset 0 1px 2px #ffffff90, 0 12px 28px #0004; }
.liquid-glass-page :is(.profile-copy, .track-meta, .roblox-meta, .contacts-heading) { text-shadow: 0 1px 5px #0009; }
.liquid-glass-page .profile-copy h1 { text-shadow: 0 2px 12px #0007, 0 0 18px #ffffff30; }
.liquid-glass-page .music-bar, .liquid-glass-page .contacts-heading { border-color: #ffffff30; }
@supports not (backdrop-filter: blur(1px)) { .liquid-glass-page .profile-card { background: rgba(25,30,35,.8); } }
@media(prefers-reduced-motion: reduce) { .liquid-glass-page :is(.icon-link, .round-control):active { scale: 1; } }
@media(max-width: 720px) { .liquid-glass-page .profile-card { border-radius: 36px; } }
/* Refraction bends only the backdrop, leaving labels and icons sharp. */
.liquid-glass-page .refractive-glass,
.liquid-glass-page .refractive-glass:hover {
  backdrop-filter: var(--refraction-filter);
  -webkit-backdrop-filter: var(--refraction-filter);
  background: linear-gradient(135deg, #ffffff18, #ffffff03 45%, #ffffff10);
  box-shadow: inset 0 1px 1px #ffffff90, inset 0 -1px 2px #ffffff50, 0 12px 28px #0003;
}
.liquid-glass-page .profile-card.refractive-glass,
.liquid-glass-page .profile-card.refractive-glass:hover {
  background: linear-gradient(135deg, #ffffff12, #ffffff01 38%, #ffffff06 72%, #ffffff15);
  border-color: #ffffff70;
  box-shadow: inset 0 2px 2px #ffffffb0, inset 3px 0 9px #ffffff30, inset -3px -5px 10px #ffffff45, inset 0 0 24px #ffffff0c, 0 3px 5px #0002, 0 22px 52px #0003;
}
.liquid-glass-page .profile-card.refractive-glass::before {
  padding: 5px;
  opacity: .95;
  background: linear-gradient(125deg, #ffffffcc, #ffffff20 20%, transparent 36%, #ffffff75 60%, #ffffff08 75%, #ffffffc0);
  background-size: 160% 160%;
  background-position: calc(50% + var(--layer-x, 0px)) calc(50% + var(--layer-y, 0px));
}
.liquid-glass-page .profile-card::after {
  content: ''; position: absolute; inset: 7px; border-radius: inherit; pointer-events: none;
  border: 1px solid #ffffff16;
  box-shadow: inset 0 1px 3px #ffffff30, 0 1px 3px #00000018;
}
.liquid-glass-page .avatar-frame::after {
  content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  border: 1px solid #ffffff90;
  box-shadow: inset 0 3px 4px #ffffff80, inset -2px -4px 7px #ffffff50;
  background: linear-gradient(145deg, #ffffff24, transparent 30%, transparent 75%, #ffffff16);
}
.liquid-glass-page .water-button { user-select: none; -webkit-user-drag: none; }
.liquid-glass-page .water-button,
.liquid-glass-page .water-button * { cursor: default; }
.liquid-glass-page .water-button.water-held {
  transform: var(--held-transform) !important;
  transition: none;
}
.liquid-glass-page .water-button.water-dragging {
  cursor: default; z-index: 8;
  translate: var(--drag-x, 0px) var(--drag-y, 0px);
  scale: var(--drag-sx, 1) var(--drag-sy, 1);
  rotate: var(--drag-angle, 0deg);
  transition: none;
  box-shadow: inset 0 2px 3px #ffffffb0, inset -3px -3px 8px #ffffff45, 0 16px 30px #0004;
}
/* A rounded water-drop surface: bright crown, clear center and lower caustic. */
.liquid-glass-page :is(.icon-link, .round-control, .roblox-card),
.liquid-glass-page :is(.icon-link, .round-control, .roblox-card):hover {
  background: radial-gradient(ellipse at 32% 12%, #ffffff65, #ffffff12 34%, transparent 60%),
    radial-gradient(ellipse at 65% 100%, #ffffff45, transparent 48%),
    linear-gradient(155deg, #ffffff16, #00000016 62%, #ffffff18);
  border-color: #ffffff85;
  box-shadow: inset 0 3px 3px #ffffffc0, inset 4px 1px 7px #ffffff48,
    inset -5px -7px 10px #00000045, inset 0 -3px 3px #ffffffa0,
    0 4px 5px #00000038, 0 13px 18px #00000045;
}
.liquid-glass-page :is(.icon-link, .round-control, .roblox-card)::before {
  inset: 5% 10% 52%;
  border-radius: 50%;
  background: radial-gradient(ellipse at 45% 0%, #ffffffb0, #ffffff25 48%, transparent 74%);
  box-shadow: none;
  opacity: .8;
}
.liquid-glass-page :is(.icon-link, .round-control, .roblox-card)::after {
  content: ''; position: absolute; inset: 3px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 68% 96%, #ffffff70, transparent 30%);
  box-shadow: inset -1px -1px 2px #ffffff65;
}
.liquid-glass-page :is(.icon-link, .round-control, .roblox-card):is(:hover, :focus-visible) {
  border-color: #ffffffc0;
  box-shadow: inset 0 3px 4px #ffffffed, inset 4px 1px 8px #ffffff60,
    inset -5px -7px 10px #00000040, inset 0 -3px 4px #ffffffc0,
    0 5px 6px #00000035, 0 15px 22px #00000050;
}