.bio-content-parsed {
a {
    font-weight: 600;
&:hover {
      border-bottom: 1px solid;
      text-decoration: none;
}
}
}
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
[data-v-c5e21330],[data-v-c5e21330]:before,[data-v-c5e21330]:after,[data-v-c5e21330]::backdrop {
      --tw-leading: initial;
      --tw-duration: initial;
      --tw-font-weight: initial;
}
}
}
.user-popup-card[data-v-c5e21330] {
  z-index: 1110;
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 1rem;
  width: 280px;
  padding: 14px;
  position: fixed;
  box-shadow: 0 4px 24px #0000001f;
}
.card-content[data-v-c5e21330] {
  flex-direction: column;
  display: flex;
}
.card-loading[data-v-c5e21330] {
  min-height: calc(var(--spacing, .25rem) * 25);
  justify-content: center;
  align-items: center;
  display: flex;
}
.card-header[data-v-c5e21330] {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.avatar-link[data-v-c5e21330] {
  --tw-leading: calc(var(--spacing, .25rem) * 0);
  line-height: calc(var(--spacing, .25rem) * 0);
  flex-shrink: 0;
  display: block;
}
.avatar[data-v-c5e21330] {
  cursor: pointer;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .15s;
  transition-duration: .15s;
}
.avatar[data-v-c5e21330]:hover {
  opacity: .85;
}
.card-identity[data-v-c5e21330] {
  margin-top: calc(var(--spacing, .25rem) * 1.5);
}
.nickname[data-v-c5e21330] {
  --tw-leading: 1.3;
  --tw-font-weight: var(--font-weight-bold, 700);
  font-size: 15px;
  line-height: 1.3;
  font-weight: var(--font-weight-bold, 700);
  overflow-wrap: break-word;
  color: oklab(0% none none / .9);
  text-decoration: none;
  display: block;
}
.nickname[data-v-c5e21330]:hover {
  text-decoration: underline;
}
.username[data-v-c5e21330] {
  margin-top: calc(var(--spacing, .25rem) * .5);
  color: oklab(0% none none / .5);
  font-size: 13px;
}
.card-bio[data-v-c5e21330] {
  margin-top: calc(var(--spacing, .25rem) * 1.25);
  -webkit-line-clamp: 2;
  overflow-wrap: break-word;
  color: oklab(0% none none / .8);
  -webkit-box-orient: vertical;
  font-size: 13px;
  display: -webkit-box;
  overflow: hidden;
}
.card-stats[data-v-c5e21330] {
  margin-top: calc(var(--spacing, .25rem) * 3);
  gap: calc(var(--spacing, .25rem) * 4);
  display: flex;
}
.stat-item[data-v-c5e21330] {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 1);
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .15s;
  text-decoration: none;
  transition-duration: .15s;
  display: flex;
}
.stat-item[data-v-c5e21330]:hover {
  opacity: .7;
}
.stat-value[data-v-c5e21330] {
  --tw-font-weight: var(--font-weight-bold, 700);
  font-size: 13px;
  font-weight: var(--font-weight-bold, 700);
  color: oklab(0% none none / .9);
}
.stat-label[data-v-c5e21330] {
  color: oklab(0% none none / .5);
  font-size: 13px;
}
.fade-scale-enter-active[data-v-c5e21330], .fade-scale-leave-active[data-v-c5e21330] {
  transition: opacity .18s cubic-bezier(.4, 0, .2, 1), transform .18s cubic-bezier(.4, 0, .2, 1);
}
.fade-scale-enter-from[data-v-c5e21330], .fade-scale-leave-to[data-v-c5e21330] {
  opacity: 0;
  transform: scale(.95);
}
@property --tw-leading {
  syntax: "*";
  inherits: false
}
@property --tw-duration {
  syntax: "*";
  inherits: false
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

.shop-preview[data-v-b078f754] {
  --shop-ink: var(--w-text, var(--ink));
  --shop-muted: var(--w-text-2, var(--mut));
  --shop-green: var(--w-primary-deep, var(--watcha-deep));
  --shop-paper: var(--w-bg, var(--paper-2));
  --shop-soft: var(--w-hover, var(--paper-3));
  font-family: var(--font-sans, inherit);
}
.shop-preview__trigger[data-v-b078f754] { display: inline-flex; align-items: center; gap: 6px; padding: 5px 0; border: 0; background: none; color: var(--shop-green); font: inherit; font-size: var(--t-ui, 13px); font-weight: 650; white-space: nowrap; cursor: pointer;
}
.shop-preview__trigger[data-v-b078f754]:hover { text-decoration: underline; text-underline-offset: 4px;
}
.shop-preview__dialog[data-v-b078f754] { position: fixed; inset: 0; width: min(740px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 40px); margin: auto; padding: 0; border: 1px solid var(--w-line, var(--line)); border-radius: 16px; background: var(--shop-paper); color: var(--shop-ink); font: inherit; overscroll-behavior: contain;
}
.shop-preview__dialog[data-v-b078f754]::backdrop { background: rgb(0 0 0 / 35%);
}
body:has(.shop-preview__dialog[open]) { overflow: hidden;
}
.shop-preview__surface[data-v-b078f754] { padding: 28px;
}
.shop-preview__header[data-v-b078f754] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
}
.shop-preview__eyebrow[data-v-b078f754] { margin: 0 0 6px; color: var(--shop-green); font-size: var(--t-mono, 11px);
}
.shop-preview__header h2[data-v-b078f754] { margin: 0; color: var(--shop-ink); font-family: var(--font-serif, inherit); font-size: var(--t-h2, 22px); font-weight: 700; line-height: 1.45;
}
.shop-preview__close[data-v-b078f754] { display: grid; width: 32px; height: 32px; flex: none; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--shop-muted); cursor: pointer;
}
.shop-preview__close[data-v-b078f754]:hover { background: var(--shop-soft);
}
.shop-preview__intro[data-v-b078f754] { margin: 10px 0 22px; color: var(--shop-muted); font-size: var(--t-ui, 13px); line-height: 1.6;
}
.shop-preview__grid[data-v-b078f754] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 18px;
}
.shop-preview__item[data-v-b078f754] { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 5px; border: 0; color: var(--shop-ink); text-decoration: none;
}
.shop-preview__image[data-v-b078f754] { display: grid; width: 100%; height: 124px; margin-bottom: 5px; place-items: center; border-radius: 10px; background: var(--shop-soft); color: var(--shop-green);
}
.shop-preview__image img[data-v-b078f754] { display: block; width: 64px; height: 64px; margin: 0; border: 0; border-radius: 10px; object-fit: contain;
}
.shop-preview__image.is-physical img[data-v-b078f754] { width: 100%; height: 100%; padding: 8px; border-radius: 0;
}
.shop-preview__item small[data-v-b078f754] { color: var(--shop-muted); font-size: var(--t-mono, 11px); line-height: 1.6;
}
.shop-preview__item strong[data-v-b078f754] { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 2.9em; color: inherit; font-size: var(--t-comp, 14px); font-weight: 650; line-height: 1.45;
}
.shop-preview__item:hover strong[data-v-b078f754] { color: var(--shop-green);
}
.shop-preview__cost[data-v-b078f754] { color: var(--shop-green); font-size: var(--t-ui, 13px); font-weight: 650; line-height: 1.6;
}
.shop-preview__footer[data-v-b078f754] { margin-top: 24px;
}
.shop-preview__footer > a[data-v-b078f754] { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 16px; border: 0; border-radius: 8px; background: var(--shop-green); color: var(--shop-paper); font-size: var(--t-ui, 13px); font-weight: 650; text-decoration: none;
}
.shop-preview__footer > a[data-v-b078f754]:hover { opacity: .9;
}
.shop-preview__footer p[data-v-b078f754] { margin: 10px 0 0; color: var(--shop-muted); font-size: var(--t-mono, 11px); line-height: 1.6; text-align: center;
}
.shop-preview__state[data-v-b078f754] { display: flex; min-height: 220px; margin: 0; align-items: center; justify-content: center; flex-direction: column; gap: 12px; color: var(--shop-muted); font-size: var(--t-ui, 13px); line-height: 1.6; text-align: center;
}
.shop-preview__state p[data-v-b078f754] { margin: 0;
}
.shop-preview__state button[data-v-b078f754] { padding: 4px 8px; border: 0; background: none; color: var(--shop-green); font: inherit; cursor: pointer;
}
.shop-preview[data-v-b078f754] :is(button, a):focus-visible { outline: 2px solid var(--shop-green); outline-offset: 3px;
}
.shop-preview__spinner[data-v-b078f754] { animation: shop-preview-spin-b078f754 1s linear infinite;
}
@keyframes shop-preview-spin-b078f754 {
to { transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.shop-preview__spinner[data-v-b078f754] { animation: none;
}
}
@media (max-width: 600px) {
.shop-preview__surface[data-v-b078f754] { padding: 20px;
}
.shop-preview__header h2[data-v-b078f754] { font-size: var(--t-h3, 18px);
}
.shop-preview__grid[data-v-b078f754] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px;
}
.shop-preview__image[data-v-b078f754] { height: 108px;
}
}