/* Voicepa Profile Editor Tabs
   Scoped to the existing profile page to avoid affecting other pages. */

#page.voicepa-profile-page .voicepa-profile-editor,
#page.voicepa-profile-page .voicepa-profile-editor *,
#page.voicepa-profile-page .voicepa-profile-editor *::before,
#page.voicepa-profile-page .voicepa-profile-editor *::after {
  box-sizing: border-box;
}

#page.voicepa-profile-page .voicepa-profile-editor {
  --vpe-ink: #171c25;
  --vpe-soft: #515b6b;
  --vpe-muted: #778090;
  --vpe-border: rgba(23, 28, 37, .12);
  --vpe-border-strong: rgba(23, 28, 37, .22);
  --vpe-surface: #fff;
  --vpe-surface-soft: #fbfaf6;
  --vpe-accent: #c59a3d;
  --vpe-accent-dark: #76581d;
  --vpe-accent-soft: rgba(197, 154, 61, .14);
  --vpe-danger: #b93858;
  --vpe-success: #177245;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  color: var(--vpe-ink);
}

#page.voicepa-profile-page .voicepa-profile-editor__tabs {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin: 0 0 16px;
  padding: 8px;
  border: 1px solid var(--vpe-border);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(15,23,42,.06);
}

#page.voicepa-profile-page .voicepa-profile-editor__tab {
  appearance: none;
  -webkit-appearance: none;
  min-height: 48px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: var(--vpe-soft);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .03em;
  cursor: pointer;
  transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

#page.voicepa-profile-page .voicepa-profile-editor__tab:hover,
#page.voicepa-profile-page .voicepa-profile-editor__tab:focus-visible {
  border-color: rgba(197,154,61,.42);
  background: #fffaf0;
  color: var(--vpe-accent-dark);
  outline: none;
}

#page.voicepa-profile-page .voicepa-profile-editor__tab.is-active {
  border-color: rgba(197,154,61,.55);
  background: linear-gradient(180deg, #fff7e4, #fffaf2);
  color: #1f2937;
  box-shadow: 0 8px 18px rgba(197,154,61,.14), 0 0 0 1px rgba(197,154,61,.06) inset;
}

#page.voicepa-profile-page .voicepa-profile-editor__panel {
  width: 100%;
  max-width: 100%;
}

#page.voicepa-profile-page .voicepa-profile-editor__panel[hidden] {
  display: none !important;
}

#page.voicepa-profile-page .voicepa-profile-editor-soft-alert,
#page.voicepa-profile-page .voicepa-profile-editor-login-required {
  padding: 16px;
  border: 1px solid var(--vpe-border);
  border-radius: 16px;
  background: #fff;
  color: var(--vpe-soft);
  line-height: 1.7;
}

#page.voicepa-profile-page .voicepa-profile-editor-panel-head,
#page.voicepa-profile-page .voicepa-mood-card {
  width: 100%;
  margin: 0 0 14px;
  border: 1px solid var(--vpe-border);
  border-radius: 18px;
  background: var(--vpe-surface);
  box-shadow: 0 1px 2px rgba(15,23,42,.035), 0 14px 34px rgba(15,23,42,.045);
}

#page.voicepa-profile-page .voicepa-profile-editor-panel-head {
  padding: 20px;
  background: linear-gradient(180deg, #fff, #fbf8ee);
  overflow: hidden;
  position: relative;
}

#page.voicepa-profile-page .voicepa-profile-editor-panel-head::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #d6aa54, #96702c);
}

#page.voicepa-profile-page .voicepa-profile-editor-panel-head__eyebrow {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--vpe-accent-dark);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .14em;
}

#page.voicepa-profile-page .voicepa-profile-editor-panel-head h3 {
  margin: 0;
  font-size: clamp(20px, 3vw, 26px);
  line-height: 1.25;
  font-weight: 900;
  color: var(--vpe-ink);
}

#page.voicepa-profile-page .voicepa-profile-editor-panel-head p,
#page.voicepa-profile-page .voicepa-mood-card__head p {
  margin: 8px 0 0;
  color: var(--vpe-muted);
  font-size: 13px;
  line-height: 1.75;
}

#page.voicepa-profile-page .voicepa-mood-card {
  padding: 16px;
}

#page.voicepa-profile-page .voicepa-mood-card__head {
  margin-bottom: 14px;
}

#page.voicepa-profile-page .voicepa-mood-card__head h4,
#page.voicepa-profile-page .voicepa-heart-stamp-group h5 {
  margin: 0;
  color: var(--vpe-ink);
  font-size: 15px;
  font-weight: 880;
  line-height: 1.45;
}

#page.voicepa-profile-page .voicepa-profile-editor-status {
  margin: 0 0 14px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--vpe-border);
  background: #fff;
  color: var(--vpe-soft);
  font-size: 13px;
  line-height: 1.6;
}

#page.voicepa-profile-page .voicepa-profile-editor-status.is-saving {
  border-color: rgba(197,154,61,.38);
  background: #fff8e9;
  color: var(--vpe-accent-dark);
}

#page.voicepa-profile-page .voicepa-profile-editor-status.is-success {
  border-color: rgba(23,114,69,.28);
  background: #effaf4;
  color: var(--vpe-success);
}

#page.voicepa-profile-page .voicepa-profile-editor-status.is-error {
  border-color: rgba(185,56,88,.28);
  background: #fff1f5;
  color: var(--vpe-danger);
}

#page.voicepa-profile-page .voicepa-heart-picker {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

#page.voicepa-profile-page .voicepa-heart-option {
  position: relative;
  display: flex;
  min-height: 76px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 10px 8px;
  border: 1px solid var(--vpe-border);
  border-radius: 15px;
  background: #fff;
  color: var(--vpe-soft);
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

#page.voicepa-profile-page .voicepa-heart-option:hover,
#page.voicepa-profile-page .voicepa-heart-option:focus-within {
  transform: translateY(-1px);
  border-color: rgba(197,154,61,.44);
  background: #fffaf0;
}

#page.voicepa-profile-page .voicepa-heart-option.is-active {
  border-color: rgba(197,154,61,.7);
  background: linear-gradient(180deg, #fff6df, #fffaf1);
  box-shadow: 0 10px 22px rgba(197,154,61,.14);
}

#page.voicepa-profile-page .voicepa-heart-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#page.voicepa-profile-page .voicepa-heart-option__hearts {
  color: #bd476a;
  font-size: 15px;
  letter-spacing: -1px;
  white-space: nowrap;
}

#page.voicepa-profile-page .voicepa-heart-option__label {
  font-size: 11px;
  font-weight: 820;
}

#page.voicepa-profile-page .voicepa-mood-preview {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(160px, .7fr);
  gap: 12px;
  margin: 0 0 14px;
}

#page.voicepa-profile-page .voicepa-mood-preview__text,
#page.voicepa-profile-page .voicepa-mood-preview__stamps {
  min-height: 88px;
  padding: 14px;
  border: 1px solid rgba(197,154,61,.22);
  border-radius: 16px;
  background: #fffbef;
}

#page.voicepa-profile-page .voicepa-mood-preview__text span {
  display: block;
  margin-bottom: 6px;
  color: var(--vpe-accent-dark);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}

#page.voicepa-profile-page .voicepa-mood-preview__text strong {
  display: block;
  color: var(--vpe-ink);
  font-size: 15px;
  line-height: 1.7;
  white-space: normal;
}

#page.voicepa-profile-page .voicepa-mood-preview__text strong.is-empty {
  color: var(--vpe-muted);
  font-weight: 700;
}

#page.voicepa-profile-page .voicepa-mood-card input[type="text"],
#page.voicepa-profile-page .voicepa-mood-card textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 1px solid rgba(31,41,55,.14);
  border-radius: 13px;
  background: #fff;
  color: #1f2937;
  padding: 12px 13px;
  font-size: 14px;
  line-height: 1.55;
  outline: none;
}

#page.voicepa-profile-page .voicepa-mood-card input[type="text"]:focus,
#page.voicepa-profile-page .voicepa-mood-card textarea:focus {
  border-color: rgba(197,154,61,.68);
  box-shadow: 0 0 0 3px rgba(197,154,61,.18);
}

#page.voicepa-profile-page .voicepa-mood-last-updated {
  margin-top: 8px;
  color: var(--vpe-muted);
  font-size: 12px;
}

#page.voicepa-profile-page .voicepa-kibun-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#page.voicepa-profile-page .voicepa-kibun-field {
  display: block;
}

#page.voicepa-profile-page .voicepa-kibun-field span,
#page.voicepa-profile-page .voicepa-longjump-row label span {
  display: block;
  margin: 0 0 6px;
  color: var(--vpe-soft);
  font-size: 12px;
  font-weight: 820;
}

#page.voicepa-profile-page .voicepa-heart-stamp-groups {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

#page.voicepa-profile-page .voicepa-heart-stamp-group {
  padding: 13px;
  border: 1px solid rgba(31,41,55,.10);
  border-radius: 16px;
  background: var(--vpe-surface-soft);
}

#page.voicepa-profile-page .voicepa-heart-stamp-group h5 {
  margin-bottom: 10px;
}

#page.voicepa-profile-page .voicepa-mood-stamp-selector--empty {
  padding: 12px;
  border: 1px dashed rgba(31,41,55,.20);
  border-radius: 14px;
  background: #fff;
  color: var(--vpe-muted);
  font-size: 13px;
  line-height: 1.7;
}

#page.voicepa-profile-page .voicepa-mood-stamp-selector__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

#page.voicepa-profile-page .voicepa-mood-stamp-selector__tab {
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid var(--vpe-border);
  border-radius: 999px;
  background: #fff;
  color: var(--vpe-soft);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

#page.voicepa-profile-page .voicepa-mood-stamp-selector__tab.is-active {
  border-color: rgba(197,154,61,.55);
  color: var(--vpe-accent-dark);
  background: #fff7e8;
}

#page.voicepa-profile-page .voicepa-mood-stamp-selector__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  gap: 8px;
}

#page.voicepa-profile-page .voicepa-mood-stamp-card {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  border: 2px solid transparent;
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(15,23,42,.05);
}

#page.voicepa-profile-page .voicepa-mood-stamp-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#page.voicepa-profile-page .voicepa-mood-stamp-card__image,
#page.voicepa-profile-page .voicepa-mood-stamp-card__image img {
  display: block;
  width: 100%;
  height: 100%;
}

#page.voicepa-profile-page .voicepa-mood-stamp-card__image img {
  object-fit: cover;
}

#page.voicepa-profile-page .voicepa-mood-stamp-card.is-selected {
  border-color: rgba(197,154,61,.82);
  box-shadow: 0 0 0 3px rgba(197,154,61,.16), 0 10px 20px rgba(15,23,42,.08);
}

#page.voicepa-profile-page .voicepa-mood-stamp-card.is-selected::after {
  content: "✓";
  position: absolute;
  right: 6px;
  top: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #151a24;
  color: #fff;
  font-weight: 900;
  font-size: 13px;
}

#page.voicepa-profile-page .voicepa-intro-stamps-gallery {
  width: 100%;
}

#page.voicepa-profile-page .voicepa-intro-stamps-gallery__group + .voicepa-intro-stamps-gallery__group {
  margin-top: 10px;
}

#page.voicepa-profile-page .voicepa-intro-stamps-gallery__tab {
  margin-bottom: 7px;
  color: var(--vpe-accent-dark);
  font-size: 11px;
  font-weight: 900;
}

#page.voicepa-profile-page .voicepa-intro-stamps-gallery__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#page.voicepa-profile-page .voicepa-intro-stamps-gallery__item {
  width: var(--voicepa-stamp-size, 76px);
  height: var(--voicepa-stamp-size, 76px);
  margin: 0;
  border: 1px solid rgba(31,41,55,.10);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15,23,42,.05);
}

#page.voicepa-profile-page .voicepa-intro-stamps-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#page.voicepa-profile-page .voicepa-longjump-editor__rows {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

#page.voicepa-profile-page .voicepa-longjump-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(31,41,55,.11);
  border-radius: 16px;
  background: #fff;
  transition: opacity .16s ease, transform .16s ease, box-shadow .16s ease;
}

#page.voicepa-profile-page .voicepa-longjump-row.is-dragging {
  opacity: .58;
  transform: scale(.995);
}

#page.voicepa-profile-page .voicepa-longjump-row__handle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  min-height: 100%;
  border-radius: 12px;
  background: #f7f2e7;
  color: var(--vpe-accent-dark);
  font-weight: 900;
  cursor: grab;
}

#page.voicepa-profile-page .voicepa-longjump-row__main {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#page.voicepa-profile-page .voicepa-longjump-row__main label:nth-of-type(2),
#page.voicepa-profile-page .voicepa-longjump-row__main label:nth-of-type(4) {
  grid-column: 1 / -1;
}

#page.voicepa-profile-page .voicepa-longjump-score {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

#page.voicepa-profile-page .voicepa-longjump-score__label {
  flex: 0 0 100%;
  color: var(--vpe-soft);
  font-size: 12px;
  font-weight: 820;
}

#page.voicepa-profile-page .voicepa-longjump-score__button {
  min-height: 34px;
  padding: 6px 8px;
  border: 1px solid var(--vpe-border);
  border-radius: 999px;
  background: #fff;
  color: #bd476a;
  font-size: 12px;
  cursor: pointer;
}

#page.voicepa-profile-page .voicepa-longjump-score__button.is-active {
  border-color: rgba(197,154,61,.62);
  background: #fff4dc;
  box-shadow: 0 0 0 3px rgba(197,154,61,.12);
}

#page.voicepa-profile-page .voicepa-longjump-row__tools {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

#page.voicepa-profile-page .voicepa-longjump-row__tools button,
#page.voicepa-profile-page .voicepa-profile-editor-button {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid var(--vpe-border);
  border-radius: 12px;
  background: #fff;
  color: var(--vpe-soft);
  font-size: 12px;
  font-weight: 820;
  min-height: 36px;
  padding: 8px 12px;
  cursor: pointer;
}

#page.voicepa-profile-page .voicepa-profile-editor-button--primary {
  width: min(100%, 360px);
  min-height: 52px;
  border-color: rgba(255,255,255,.12);
  color: #fff;
  background: linear-gradient(180deg, #252b37, #151a24);
  box-shadow: 0 14px 28px rgba(15,23,42,.18);
}

#page.voicepa-profile-page .voicepa-profile-editor-button--primary:disabled {
  opacity: .62;
  cursor: wait;
}

#page.voicepa-profile-page .voicepa-profile-editor-button--sub {
  background: #fffaf0;
  color: var(--vpe-accent-dark);
  border-color: rgba(197,154,61,.32);
}

#page.voicepa-profile-page .voicepa-longjump-editor__actions,
#page.voicepa-profile-page .voicepa-profile-editor-submit-row {
  margin-top: 14px;
  text-align: center;
}

#page.voicepa-profile-page .voicepa-longjump-public,
#page.voicepa-profile-page .voicepa-profile-mood-public,
#page.voicepa-profile-page .voicepa-profile-free-space,
#page.voicepa-profile-page .voicepa-profile-contact-email {
  width: 100%;
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid var(--vpe-border);
  border-radius: 16px;
  background: #fff;
  color: var(--vpe-ink);
  line-height: 1.7;
}

#page.voicepa-profile-page .voicepa-longjump-public__row {
  padding: 12px;
  border: 1px solid rgba(31,41,55,.10);
  border-radius: 14px;
  background: #fbfaf6;
}

#page.voicepa-profile-page .voicepa-longjump-public__row + .voicepa-longjump-public__row {
  margin-top: 10px;
}

#page.voicepa-profile-page .voicepa-longjump-public__meta strong {
  display: block;
  font-size: 15px;
  font-weight: 880;
}

#page.voicepa-profile-page .voicepa-longjump-public__meta p,
#page.voicepa-profile-page .voicepa-longjump-public__detail {
  margin: 6px 0 0;
  color: var(--vpe-soft);
  font-size: 13px;
}

#page.voicepa-profile-page .voicepa-longjump-public__track {
  position: relative;
  height: 32px;
  margin: 10px 0;
}

#page.voicepa-profile-page .voicepa-longjump-public__runway {
  position: absolute;
  left: 0;
  right: 0;
  top: 16px;
  height: 2px;
  background: linear-gradient(90deg, rgba(197,154,61,.15), rgba(197,154,61,.55));
}

#page.voicepa-profile-page .voicepa-longjump-public__jumper {
  position: absolute;
  left: calc((var(--voicepa-longjump-score, 3) - 1) * 22%);
  top: 5px;
  color: var(--vpe-accent-dark);
  transition: left .3s ease;
}

#page.voicepa-profile-page .voicepa-longjump-public__result {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

#page.voicepa-profile-page .voicepa-longjump-public__score {
  color: #bd476a;
  font-weight: 900;
}

#page.voicepa-profile-page .voicepa-longjump-public__label {
  color: var(--vpe-accent-dark);
  font-weight: 850;
}

#page.voicepa-profile-page .voicepa-profile-contact-email__label {
  display: inline-block;
  margin-right: 10px;
  color: var(--vpe-accent-dark);
  font-weight: 900;
}

@media (max-width: 760px) {
  #page.voicepa-profile-page .voicepa-profile-editor__tabs {
    position: relative;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    padding: 6px;
  }

  #page.voicepa-profile-page .voicepa-profile-editor__tab {
    min-height: 44px;
    padding: 6px 4px;
    font-size: 12px;
  }

  #page.voicepa-profile-page .voicepa-heart-picker {
    grid-template-columns: 1fr;
  }

  #page.voicepa-profile-page .voicepa-heart-option {
    min-height: 56px;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 13px;
  }

  #page.voicepa-profile-page .voicepa-mood-preview,
  #page.voicepa-profile-page .voicepa-kibun-grid,
  #page.voicepa-profile-page .voicepa-longjump-row,
  #page.voicepa-profile-page .voicepa-longjump-row__main {
    grid-template-columns: 1fr;
  }

  #page.voicepa-profile-page .voicepa-longjump-row__handle {
    display: none;
  }

  #page.voicepa-profile-page .voicepa-longjump-row__tools {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

/* Public shortcode fallback styles: scoped by unique Voicepa classes, usable outside the edit page. */
.voicepa-profile-mood-public,
.voicepa-profile-free-space,
.voicepa-profile-contact-email,
.voicepa-longjump-public {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid rgba(23,28,37,.12);
  border-radius: 16px;
  background: #fff;
  color: #171c25;
  line-height: 1.7;
}

.voicepa-profile-mood-public__heart,
.voicepa-longjump-public__score {
  color: #bd476a;
  font-weight: 900;
}

.voicepa-profile-mood-public__kibun,
.voicepa-profile-mood-public__seiheki,
.voicepa-profile-free-space,
.voicepa-longjump-public__detail {
  white-space: normal;
}

.voicepa-intro-stamps-gallery {
  width: 100%;
  box-sizing: border-box;
}

.voicepa-intro-stamps-gallery__group + .voicepa-intro-stamps-gallery__group {
  margin-top: 10px;
}

.voicepa-intro-stamps-gallery__tab {
  margin-bottom: 7px;
  color: #76581d;
  font-size: 11px;
  font-weight: 900;
}

.voicepa-intro-stamps-gallery__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.voicepa-intro-stamps-gallery__item {
  box-sizing: border-box;
  width: var(--voicepa-stamp-size, 76px);
  height: var(--voicepa-stamp-size, 76px);
  margin: 0;
  border: 1px solid rgba(31,41,55,.10);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15,23,42,.05);
}

.voicepa-intro-stamps-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.voicepa-longjump-public__row {
  padding: 12px;
  border: 1px solid rgba(31,41,55,.10);
  border-radius: 14px;
  background: #fbfaf6;
}

.voicepa-longjump-public__row + .voicepa-longjump-public__row {
  margin-top: 10px;
}

.voicepa-longjump-public__meta strong {
  display: block;
  font-size: 15px;
  font-weight: 880;
}

.voicepa-longjump-public__meta p,
.voicepa-longjump-public__detail {
  margin: 6px 0 0;
  color: #515b6b;
  font-size: 13px;
}

.voicepa-longjump-public__track {
  position: relative;
  height: 32px;
  margin: 10px 0;
}

.voicepa-longjump-public__runway {
  position: absolute;
  left: 0;
  right: 0;
  top: 16px;
  height: 2px;
  background: linear-gradient(90deg, rgba(197,154,61,.15), rgba(197,154,61,.55));
}

.voicepa-longjump-public__jumper {
  position: absolute;
  left: calc((var(--voicepa-longjump-score, 3) - 1) * 22%);
  top: 5px;
  color: #76581d;
}

.voicepa-longjump-public__result {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.voicepa-longjump-public__label,
.voicepa-profile-contact-email__label {
  color: #76581d;
  font-weight: 850;
}

/* Admin-suite frontend refinements */
#page.voicepa-profile-page .voicepa-profile-editor{max-width:var(--vp-profile-editor-max-width,100%);margin-left:auto;margin-right:auto;--voicepa-profile-accent:var(--vp-profile-accent,#c59a3d);--voicepa-profile-radius:var(--vp-profile-radius,18px)}
#page.voicepa-profile-page .voicepa-profile-editor-tab-description{margin:0 0 14px;padding:12px 14px;border:1px solid rgba(197,154,61,.18);border-radius:var(--voicepa-profile-radius);background:rgba(197,154,61,.08);color:#6b5628;font-size:13px;line-height:1.7;font-weight:600}
#page.voicepa-profile-page .voicepa-profile-editor__tab-icon{display:inline-flex;margin-right:6px;line-height:1}
#page.voicepa-profile-page .voicepa-heart-option__desc{display:block;margin-top:3px;color:#6f7684;font-size:11px;font-weight:600;line-height:1.35}
#page.voicepa-profile-page .voicepa-heart-option.is-active{border-color:var(--voicepa-heart-color,var(--voicepa-profile-accent))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--voicepa-heart-color,var(--voicepa-profile-accent)) 16%,transparent)}
#page.voicepa-profile-page .voicepa-kibun-field em{display:block;margin-top:6px;color:#8a6b24;font-size:11px;font-style:normal;line-height:1.45}
#page.voicepa-profile-page .voicepa-profile-bottles{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
#page.voicepa-profile-page .voicepa-profile-bottle-card{padding:14px;border:1px solid rgba(23,30,43,.1);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.035)}
#page.voicepa-profile-page .voicepa-profile-bottle-card__head{margin:0 0 12px}
#page.voicepa-profile-page .voicepa-profile-bottle-card__head h5{margin:0 0 4px;color:#1f2937;font-size:15px;font-weight:850}
#page.voicepa-profile-page .voicepa-profile-bottle-card__head p{margin:0;color:#6f7684;font-size:12px;line-height:1.6}
.voicepa-profile-bottles-public{display:grid;gap:14px}.voicepa-profile-bottle-public{padding:14px;border:1px solid rgba(23,30,43,.1);border-radius:16px;background:#fff}.voicepa-profile-bottle-public__title{margin:0 0 10px;font-size:15px;font-weight:800;color:#1f2937}


/* =========================================================
   Voicepa SBP bottle popup editor: one board, bottle-preview first
   ========================================================= */
#page.voicepa-profile-page .voicepa-bottle-editor{
  display:grid;
  gap:14px;
  padding:16px;
  border:1px solid rgba(31,41,55,.10);
  border-radius:var(--vp-profile-radius,18px);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,250,238,.92));
  box-shadow:0 1px 2px rgba(15,23,42,.035);
}
#page.voicepa-profile-page .voicepa-bottle-editor__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
}
#page.voicepa-profile-page .voicepa-bottle-editor__eyebrow{
  display:inline-flex;
  margin:0 0 6px;
  color:var(--vp-profile-accent-dark,#7b5a1a);
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}
#page.voicepa-profile-page .voicepa-bottle-editor__title{
  margin:0;
  color:#1f2937;
  font-size:18px;
  font-weight:900;
  line-height:1.35;
}
#page.voicepa-profile-page .voicepa-bottle-editor__lead,
#page.voicepa-profile-page .voicepa-bottle-editor__hint{
  margin:7px 0 0;
  color:var(--vp-profile-muted,#6f7684);
  font-size:13px;
  line-height:1.75;
}
#page.voicepa-profile-page .voicepa-bottle-editor__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  max-width:430px;
}
#page.voicepa-profile-page .voicepa-bottle-editor__count{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 10px;
  border:1px solid rgba(197,154,61,.20);
  border-radius:999px;
  background:rgba(255,255,255,.80);
  color:#76581d;
  font-size:12px;
  font-weight:850;
}
#page.voicepa-profile-page .voicepa-bottle-editor__status{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(31,41,55,.12);
  background:#fff;
  color:var(--vp-profile-muted,#6f7684);
  font-size:13px;
  line-height:1.6;
}
#page.voicepa-profile-page .voicepa-bottle-editor__status.is-success{border-color:rgba(34,197,94,.25);background:#f0fdf4;color:#166534}
#page.voicepa-profile-page .voicepa-bottle-editor__status.is-error{border-color:rgba(239,68,68,.25);background:#fef2f2;color:#991b1b}
#page.voicepa-profile-page .voicepa-bottle-editor__status.is-saving{border-color:rgba(197,154,61,.28);background:#fffbeb;color:#7b5a1a}
#page.voicepa-profile-page .voicepa-bottle-editor__actions .voicepa-profile-editor-button,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button{
  appearance:none;
  border:1px solid rgba(31,41,55,.14);
  border-radius:12px;
  background:#fff;
  color:#1f2937;
  padding:9px 12px;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
}
#page.voicepa-profile-page .voicepa-bottle-editor__actions .voicepa-profile-editor-button--primary,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button--primary{
  color:#fff;
  background:linear-gradient(180deg,#232936,#151a24);
  border-color:rgba(255,255,255,.10);
}
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button--danger{
  color:#991b1b;
  border-color:rgba(220,38,38,.20);
  background:#fff5f5;
}
#page.voicepa-profile-page .voicepa-bottle-preview{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
  gap:12px;
  align-items:stretch;
  width:100%;
  max-width:100%;
  padding:14px;
  border:1px dashed rgba(197,154,61,.25);
  border-radius:18px;
  background:rgba(255,255,255,.68);
}
#page.voicepa-profile-page .voicepa-bottle-preview__item,
#page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle{
  --voicepa-bottle-fill:0%;
  position:relative;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  justify-items:center;
  gap:8px;
  min-height:174px;
  width:100%;
  padding:12px 9px 10px;
  border:1px solid rgba(31,41,55,.12);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,rgba(255,251,240,.94));
  color:#1f2937;
  text-align:center;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
#page.voicepa-profile-page .voicepa-bottle-preview__item:hover,
#page.voicepa-profile-page .voicepa-bottle-preview__item:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(197,154,61,.55);
  box-shadow:0 14px 32px rgba(15,23,42,.10),0 0 0 3px rgba(197,154,61,.14);
  outline:none;
}
#page.voicepa-profile-page .voicepa-bottle-preview__item.is-empty{
  background:linear-gradient(180deg,#fff,rgba(248,250,252,.88));
}
#page.voicepa-profile-page .voicepa-bottle-preview__visual{
  position:relative;
  display:grid;
  justify-items:center;
  align-items:end;
  width:62px;
  height:94px;
}
#page.voicepa-profile-page .voicepa-bottle-preview__neck{
  position:absolute;
  top:0;
  left:50%;
  width:23px;
  height:22px;
  transform:translateX(-50%);
  border:2px solid rgba(31,41,55,.28);
  border-bottom:0;
  border-radius:8px 8px 2px 2px;
  background:rgba(255,255,255,.74);
  z-index:2;
}
#page.voicepa-profile-page .voicepa-bottle-preview__body{
  position:absolute;
  bottom:0;
  left:50%;
  width:54px;
  height:74px;
  overflow:hidden;
  transform:translateX(-50%);
  border:2px solid rgba(31,41,55,.28);
  border-radius:18px 18px 20px 20px;
  background:linear-gradient(90deg,rgba(255,255,255,.80),rgba(255,255,255,.35));
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.36),0 8px 18px rgba(15,23,42,.08);
}
#page.voicepa-profile-page .voicepa-bottle-preview__liquid{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:var(--voicepa-bottle-fill,0%);
  min-height:0;
  background:linear-gradient(180deg,#ffe58a,#f6be36);
  border-radius:14px 14px 16px 16px;
  transition:height .22s ease;
}
#page.voicepa-profile-page .voicepa-bottle-preview__shine{
  position:absolute;
  top:10px;
  left:10px;
  width:9px;
  height:48px;
  border-radius:999px;
  background:rgba(255,255,255,.52);
  filter:blur(.2px);
}
#page.voicepa-profile-page .voicepa-bottle-preview__copy{
  display:grid;
  gap:5px;
  width:100%;
  min-width:0;
}
#page.voicepa-profile-page .voicepa-bottle-preview__name{
  display:block;
  color:#243041;
  font-size:12px;
  font-weight:900;
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
#page.voicepa-profile-page .voicepa-bottle-preview__meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:4px;
}
#page.voicepa-profile-page .voicepa-bottle-preview__badge,
#page.voicepa-profile-page .voicepa-bottle-preview__amount{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:0 7px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
}
#page.voicepa-profile-page .voicepa-bottle-preview__badge{
  color:#76581d;
  background:rgba(197,154,61,.13);
}
#page.voicepa-profile-page .voicepa-bottle-preview__amount{
  color:#475569;
  background:#f1f5f9;
}
#page.voicepa-profile-page .voicepa-bottle-preview__item.is-empty .voicepa-bottle-preview__visual{opacity:.58}
#page.voicepa-profile-page .voicepa-bottle-preview__item.is-empty .voicepa-bottle-preview__badge{background:#eef2ff;color:#4338ca}
.voicepa-bottle-modal-open{
  overflow:hidden !important;
  touch-action:none;
}
.voicepa-bottle-modal{
  z-index:2147483200 !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal[hidden]{display:none!important;}
#page.voicepa-profile-page .voicepa-bottle-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483200 !important;
  display:grid !important;
  place-items:center !important;
  padding:clamp(14px,2.2vw,28px) !important;
  isolation:isolate !important;
  pointer-events:auto !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(214,160,74,.26), transparent 34%),
    radial-gradient(circle at 78% 82%, rgba(120,35,70,.28), transparent 36%),
    rgba(5,7,12,.74) !important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08) !important;
  backdrop-filter:blur(12px) saturate(1.08) !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__panel{
  --vp-bottle-modal-ink:#f8efe1;
  --vp-bottle-modal-muted:rgba(248,239,225,.68);
  --vp-bottle-modal-gold:#d9ad5b;
  --vp-bottle-modal-wine:#6f2548;
  --vp-bottle-modal-dark:#100b12;
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(118px,148px) minmax(0,1fr) !important;
  grid-template-areas:
    "head head"
    "visual fields"
    "footer footer" !important;
  gap:12px 16px !important;
  width:min(96vw,520px) !important;
  max-height:min(88svh,640px) !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
  padding:18px !important;
  border:1px solid rgba(245,216,155,.34) !important;
  border-radius:24px !important;
  color:var(--vp-bottle-modal-ink) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) padding-box,
    radial-gradient(circle at 18% 0%, rgba(245,196,103,.24), transparent 34%),
    radial-gradient(circle at 98% 22%, rgba(138,39,84,.28), transparent 42%),
    linear-gradient(155deg, #1a121d 0%, #100b12 52%, #201016 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 24px 80px rgba(0,0,0,.58),
    0 8px 26px rgba(75,20,48,.28) !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__panel::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:23px;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), transparent 26%, transparent 72%, rgba(217,173,91,.13)),
    radial-gradient(circle at 12% 0%, rgba(255,230,177,.14), transparent 30%);
  opacity:.95;
}
#page.voicepa-profile-page .voicepa-bottle-modal__close{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  z-index:4 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:32px !important;
  height:32px !important;
  padding:0 !important;
  border:1px solid rgba(255,236,190,.25) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.08) !important;
  color:rgba(255,246,229,.88) !important;
  font-size:22px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
  transition:transform .16s ease, background .16s ease, border-color .16s ease !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__close:hover,
#page.voicepa-profile-page .voicepa-bottle-modal__close:focus-visible{
  transform:translateY(-1px) !important;
  background:rgba(255,255,255,.15) !important;
  border-color:rgba(245,216,155,.52) !important;
  outline:none !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__head{
  position:relative !important;
  z-index:1 !important;
  grid-area:head !important;
  padding:0 42px 10px 0 !important;
  border-bottom:1px solid rgba(245,216,155,.18) !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 5px !important;
  color:var(--vp-bottle-modal-gold) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--vp-bottle-modal-gold);
  box-shadow:0 0 0 5px rgba(217,173,91,.13), 0 0 16px rgba(217,173,91,.55);
}
#page.voicepa-profile-page .voicepa-bottle-modal__title{
  margin:0 !important;
  color:#fff7e9 !important;
  font-size:clamp(18px,2.1vw,22px) !important;
  font-weight:950 !important;
  line-height:1.2 !important;
  letter-spacing:.01em !important;
  text-shadow:0 2px 18px rgba(217,173,91,.12) !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__desc{
  max-width:38em !important;
  margin:5px 0 0 !important;
  color:var(--vp-bottle-modal-muted) !important;
  font-size:12px !important;
  line-height:1.55 !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__visual{
  position:relative !important;
  z-index:1 !important;
  grid-area:visual !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:176px !important;
  padding:12px 8px !important;
  border:1px solid rgba(245,216,155,.18) !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 50% 22%, rgba(255,237,190,.16), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.09) inset !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle{
  width:132px !important;
  min-height:154px !important;
  cursor:default !important;
  transform:none!important;
  margin:0 auto !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__visual{
  transform:scale(.94) !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__fields{
  position:relative !important;
  z-index:1 !important;
  grid-area:fields !important;
  display:grid !important;
  gap:10px !important;
  min-width:0 !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__field{
  display:grid !important;
  gap:6px !important;
  min-width:0 !important;
  color:#fff2db !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__field > span{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__field > span::after{
  content:"";
  flex:1 1 auto;
  height:1px;
  min-width:24px;
  background:linear-gradient(90deg, rgba(217,173,91,.34), transparent) !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__field small{
  color:rgba(248,239,225,.58) !important;
  font-size:11px !important;
  line-height:1.45 !important;
  font-weight:650 !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__field input[type="text"],
#page.voicepa-profile-page .voicepa-bottle-modal__field textarea{
  width:100%!important;
  min-width:0 !important;
  border:1px solid rgba(245,216,155,.20)!important;
  border-radius:14px!important;
  padding:10px 11px!important;
  background:rgba(255,250,239,.96)!important;
  color:#241620!important;
  font-size:14px!important;
  line-height:1.5!important;
  box-shadow:0 1px 0 rgba(255,255,255,.72) inset, 0 10px 22px rgba(0,0,0,.12)!important;
  outline:none!important;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease!important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__field input[type="text"]:focus,
#page.voicepa-profile-page .voicepa-bottle-modal__field textarea:focus{
  border-color:rgba(217,173,91,.82)!important;
  background:#fffdf7!important;
  box-shadow:0 0 0 3px rgba(217,173,91,.18), 0 10px 22px rgba(0,0,0,.14)!important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__field textarea{
  min-height:92px !important;
  max-height:130px !important;
  resize:vertical !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__range-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 54px !important;
  gap:10px !important;
  align-items:center !important;
  min-width:0 !important;
  padding:10px 11px !important;
  border:1px solid rgba(245,216,155,.16) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.06) !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__range-row input[type="range"]{
  width:100% !important;
  accent-color:#d9ad5b !important;
  cursor:pointer !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__range-row output{
  min-width:54px !important;
  text-align:right !important;
  color:#ffe6ac !important;
  font-size:13px !important;
  font-weight:950 !important;
  font-variant-numeric:tabular-nums !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__footer{
  position:relative !important;
  z-index:3 !important;
  grid-area:footer !important;
  display:grid !important;
  grid-template-columns:minmax(0,auto) minmax(0,1fr) !important;
  gap:10px !important;
  align-items:center !important;
  margin:2px 0 0 !important;
  padding:12px 0 0 !important;
  border-top:1px solid rgba(245,216,155,.18) !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__move-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:7px !important;
  justify-content:flex-start !important;
  min-width:0 !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions{
  display:grid !important;
  grid-template-columns:minmax(130px,1fr) auto auto !important;
  gap:7px !important;
  justify-content:stretch !important;
  align-items:center !important;
  min-width:0 !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__move-actions button,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions button,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  height:auto !important;
  margin:0 !important;
  padding:9px 13px !important;
  border:1px solid rgba(255,232,177,.20) !important;
  border-radius:12px !important;
  color:#fff1d7 !important;
  background:rgba(255,255,255,.075) !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:.02em !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:0 1px 0 rgba(255,255,255,.09) inset !important;
  cursor:pointer !important;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal__move-actions button:hover,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions button:hover,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button:hover,
#page.voicepa-profile-page .voicepa-bottle-modal__move-actions button:focus-visible,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions button:focus-visible,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button:focus-visible{
  transform:translateY(-1px) !important;
  border-color:rgba(217,173,91,.48) !important;
  background:rgba(255,255,255,.13) !important;
  box-shadow:0 0 0 3px rgba(217,173,91,.14), 0 10px 22px rgba(0,0,0,.18) !important;
  outline:none !important;
}
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button--primary{
  border-color:rgba(255,225,151,.58)!important;
  color:#241620!important;
  background:linear-gradient(180deg,#ffe2a2 0%, #d9a94e 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset, 0 12px 24px rgba(217,173,91,.24)!important;
}
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button--primary:hover,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button--primary:focus-visible{
  background:linear-gradient(180deg,#ffedc3 0%, #e1b762 100%)!important;
  box-shadow:0 0 0 3px rgba(217,173,91,.19), 0 16px 30px rgba(217,173,91,.28)!important;
}
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button--danger{
  color:#ffd8df!important;
  border-color:rgba(244,114,138,.30)!important;
  background:rgba(127,29,48,.28)!important;
}
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button--danger:hover,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button--danger:focus-visible{
  border-color:rgba(244,114,138,.52)!important;
  background:rgba(159,39,67,.38)!important;
}
#page.voicepa-profile-page .voicepa-profile-bottle-public__descriptions{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
#page.voicepa-profile-page .voicepa-profile-bottle-public__descriptions li{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.88);border:1px solid rgba(31,41,55,.10)}
#page.voicepa-profile-page .voicepa-profile-bottle-public__descriptions strong{color:#2f3644}
#page.voicepa-profile-page .voicepa-profile-bottle-public__descriptions span{color:#6f7684;line-height:1.65;font-size:13px}
@media screen and (max-width:640px){
  #page.voicepa-profile-page .voicepa-bottle-editor{padding:13px;border-radius:16px}
  #page.voicepa-profile-page .voicepa-bottle-editor__head{grid-template-columns:1fr}
  #page.voicepa-profile-page .voicepa-bottle-editor__actions{display:grid;grid-template-columns:1fr 1fr;max-width:none;justify-content:stretch}
  #page.voicepa-profile-page .voicepa-bottle-editor__count,
  #page.voicepa-profile-page .voicepa-bottle-editor__actions .voicepa-profile-editor-button--primary{grid-column:1 / -1}
  #page.voicepa-profile-page .voicepa-bottle-preview{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:10px}
  #page.voicepa-profile-page .voicepa-bottle-preview__item{min-height:164px;padding:10px 7px}
  #page.voicepa-profile-page .voicepa-bottle-modal{align-items:end !important;place-items:end center !important;padding:0 !important}
  #page.voicepa-profile-page .voicepa-bottle-modal__backdrop{background:rgba(5,7,12,.76)!important}
  #page.voicepa-profile-page .voicepa-bottle-modal__panel{
    width:100% !important;
    max-width:100% !important;
    max-height:91svh !important;
    grid-template-columns:104px minmax(0,1fr) !important;
    gap:10px 12px !important;
    border-radius:24px 24px 0 0 !important;
    padding:16px 14px calc(14px + env(safe-area-inset-bottom,0px)) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:0 !important;
  }
  #page.voicepa-profile-page .voicepa-bottle-modal__head{padding-right:40px!important;padding-bottom:9px!important}
  #page.voicepa-profile-page .voicepa-bottle-modal__visual{min-height:154px;padding:10px 6px;border-radius:18px!important}
  #page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle{width:104px!important;min-height:138px!important}
  #page.voicepa-profile-page .voicepa-bottle-modal__field textarea{min-height:78px!important;max-height:104px!important}
  #page.voicepa-profile-page .voicepa-bottle-modal__footer{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding-top:10px !important;
  }
  #page.voicepa-profile-page .voicepa-bottle-modal__move-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  #page.voicepa-profile-page .voicepa-bottle-modal__main-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  #page.voicepa-profile-page .voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--primary{grid-column:1 / -1!important;min-height:42px!important}
  #page.voicepa-profile-page .voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--danger,
  #page.voicepa-profile-page .voicepa-bottle-modal__main-actions [data-bottle-modal-close]{min-height:38px!important}
}
@media screen and (max-width:420px){
  #page.voicepa-profile-page .voicepa-bottle-modal__panel{
    grid-template-columns:1fr !important;
    grid-template-areas:"head" "visual" "fields" "footer" !important;
    max-height:92svh!important;
  }
  #page.voicepa-profile-page .voicepa-bottle-modal__visual{min-height:132px!important}
  #page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle{width:118px!important;min-height:132px!important}
}


/* =========================================================
   Mood tab inline heart panels
   - The heart picker works like tabs.
   - nowkibun textareas and Mood Stamps live inside the preview area.
   - Hidden panels remain form fields, so all five values are submitted.
   ========================================================= */
#page.voicepa-profile-page .voicepa-mood-preview--heart-tabs {
  align-items: start;
}

#page.voicepa-profile-page .voicepa-mood-preview--text-only {
  grid-template-columns: minmax(0, 1fr);
}

#page.voicepa-profile-page .voicepa-heart-panel[hidden] {
  display: none !important;
}

#page.voicepa-profile-page .voicepa-heart-panel.is-active {
  display: block;
}

#page.voicepa-profile-page .voicepa-mood-preview__label {
  display: block;
  margin: 0 0 10px;
  color: var(--vpe-accent-dark);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#page.voicepa-profile-page .voicepa-mood-preview__text .voicepa-kibun-field {
  margin: 0;
}

#page.voicepa-profile-page .voicepa-mood-preview__text .voicepa-kibun-field > span,
#page.voicepa-profile-page .voicepa-mood-preview__stamps .voicepa-heart-stamp-group > h5 {
  display: block;
  margin: 0 0 8px;
  color: var(--vpe-soft);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.55;
}

#page.voicepa-profile-page .voicepa-mood-preview__text textarea {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 132px;
  border: 1px solid rgba(31,41,55,.14) !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #1f2937 !important;
  padding: 12px 13px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  outline: none !important;
  resize: vertical;
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset;
}

#page.voicepa-profile-page .voicepa-mood-preview__text textarea:focus {
  border-color: rgba(197,154,61,.68) !important;
  box-shadow: 0 0 0 3px rgba(197,154,61,.18), 0 1px 0 rgba(255,255,255,.96) inset !important;
}

#page.voicepa-profile-page .voicepa-mood-preview__text em {
  display: block;
  margin-top: 8px;
  color: var(--vpe-muted);
  font-size: 12px;
  line-height: 1.65;
  font-style: normal;
}

#page.voicepa-profile-page .voicepa-mood-preview__stamps .voicepa-heart-stamp-group {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#page.voicepa-profile-page .voicepa-mood-preview__stamps .voicepa-mood-stamp-selector__grid {
  grid-template-columns: repeat(auto-fill, minmax(68px, 1fr));
}

@media screen and (max-width: 640px) {
  #page.voicepa-profile-page .voicepa-mood-preview--heart-tabs {
    grid-template-columns: 1fr;
  }

  #page.voicepa-profile-page .voicepa-mood-preview__text textarea {
    min-height: 118px;
  }
}

/* Mood inline editor notice: show only for the active heart when its textarea is empty. */
#page.voicepa-profile-page .voicepa-kibun-empty-notice:not(.is-visible) {
  display: none !important;
}

/* =========================================================
   v1.2.4 Bottle modal professional compact redesign
   - Higher than fixed headers/chat widgets.
   - Compact, controlled panel layout.
   - Footer buttons no longer collapse or float unpredictably.
   - Editing remains scoped to the profile editor modal only.
   ========================================================= */
html.voicepa-bottle-modal-open,
body.voicepa-bottle-modal-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

.voicepa-bottle-modal[hidden],
#page.voicepa-profile-page .voicepa-bottle-modal[hidden]{
  display:none !important;
}

.voicepa-bottle-modal,
#page.voicepa-profile-page .voicepa-bottle-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483200 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:100vh !important;
  padding:clamp(10px, 2.2vh, 22px) !important;
  isolation:isolate !important;
  pointer-events:auto !important;
  box-sizing:border-box !important;
}

.voicepa-bottle-modal__backdrop,
#page.voicepa-profile-page .voicepa-bottle-modal__backdrop{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    radial-gradient(circle at 50% 16%, rgba(238, 187, 83, .22), rgba(238, 187, 83, 0) 30%),
    radial-gradient(circle at 18% 80%, rgba(199, 70, 118, .22), rgba(199, 70, 118, 0) 34%),
    linear-gradient(135deg, rgba(7, 9, 16, .88), rgba(22, 14, 25, .82) 48%, rgba(6, 8, 14, .90)) !important;
  backdrop-filter:blur(12px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(12px) saturate(1.2) !important;
}

.voicepa-bottle-modal__panel,
#page.voicepa-profile-page .voicepa-bottle-modal__panel{
  --vpb-modal-ink:#fff8ea;
  --vpb-modal-muted:rgba(255,248,234,.68);
  --vpb-modal-line:rgba(255,255,255,.13);
  --vpb-modal-gold:#f1c56a;
  --vpb-modal-rose:#c74a83;
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:126px minmax(0, 1fr) !important;
  grid-template-areas:
    "head head"
    "visual fields"
    "footer footer" !important;
  column-gap:16px !important;
  row-gap:12px !important;
  width:min(94vw, 520px) !important;
  max-width:520px !important;
  max-height:min(91dvh, 650px) !important;
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:16px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:24px !important;
  color:var(--vpb-modal-ink) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035)),
    radial-gradient(circle at 20% 8%, rgba(241,197,106,.19), rgba(241,197,106,0) 38%),
    radial-gradient(circle at 100% 78%, rgba(199,74,131,.18), rgba(199,74,131,0) 42%),
    linear-gradient(145deg, #11131d 0%, #1d1421 52%, #0c0f18 100%) !important;
  box-shadow:
    0 38px 90px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 1px 0 rgba(255,255,255,.18) inset !important;
  box-sizing:border-box !important;
}

.voicepa-bottle-modal__panel::before,
#page.voicepa-profile-page .voicepa-bottle-modal__panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(90deg, rgba(241,197,106,.78), rgba(199,74,131,.72), rgba(36,172,232,.42)) 0 0 / 100% 2px no-repeat,
    radial-gradient(circle at 50% -18%, rgba(255,255,255,.18), rgba(255,255,255,0) 28%);
  opacity:.98;
}

.voicepa-bottle-modal__panel::after,
#page.voicepa-profile-page .voicepa-bottle-modal__panel::after{
  content:"";
  position:absolute;
  inset:auto 14px 78px 14px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(241,197,106,.48), transparent);
  opacity:.78;
}

.voicepa-bottle-modal__close,
#page.voicepa-profile-page .voicepa-bottle-modal__close{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  z-index:6 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:999px !important;
  color:#fff7e7 !important;
  background:rgba(255,255,255,.09) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.20), 0 1px 0 rgba(255,255,255,.10) inset !important;
  font-size:20px !important;
  line-height:1 !important;
  cursor:pointer !important;
  transition:background .16s ease, transform .16s ease, border-color .16s ease !important;
}
.voicepa-bottle-modal__close:hover,
.voicepa-bottle-modal__close:focus-visible,
#page.voicepa-profile-page .voicepa-bottle-modal__close:hover,
#page.voicepa-profile-page .voicepa-bottle-modal__close:focus-visible{
  background:rgba(241,197,106,.18) !important;
  border-color:rgba(241,197,106,.42) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}

.voicepa-bottle-modal__head,
#page.voicepa-profile-page .voicepa-bottle-modal__head{
  grid-area:head !important;
  min-width:0 !important;
  padding:2px 42px 0 2px !important;
}
.voicepa-bottle-modal__eyebrow,
#page.voicepa-profile-page .voicepa-bottle-modal__eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 4px !important;
  color:var(--vpb-modal-gold) !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
.voicepa-bottle-modal__eyebrow::before,
#page.voicepa-profile-page .voicepa-bottle-modal__eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--vpb-modal-gold), var(--vpb-modal-rose));
  box-shadow:0 0 0 4px rgba(241,197,106,.11), 0 0 18px rgba(199,74,131,.36);
}
.voicepa-bottle-modal__title,
#page.voicepa-profile-page .voicepa-bottle-modal__title{
  margin:0 !important;
  color:#fff8ea !important;
  font-size:clamp(18px, 2.4vw, 22px) !important;
  font-weight:950 !important;
  line-height:1.18 !important;
  letter-spacing:-.02em !important;
}
.voicepa-bottle-modal__desc,
#page.voicepa-profile-page .voicepa-bottle-modal__desc{
  max-width:43em !important;
  margin:5px 0 0 !important;
  color:var(--vpb-modal-muted) !important;
  font-size:12px !important;
  line-height:1.58 !important;
}

.voicepa-bottle-modal__visual,
#page.voicepa-profile-page .voicepa-bottle-modal__visual{
  grid-area:visual !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:8px 8px 10px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(241,197,106,.16), rgba(241,197,106,0) 55%),
    rgba(255,255,255,.045) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset !important;
}
.voicepa-bottle-modal-visual-bottle,
#page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle{
  width:112px !important;
  min-height:148px !important;
  padding:8px 6px !important;
  transform:none !important;
  cursor:default !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__visual,
#page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__visual{
  width:74px !important;
  height:94px !important;
}
.voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__name,
#page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__name{
  color:#fff8ea !important;
  font-size:12px !important;
}
.voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__amount,
#page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__amount{
  background:rgba(255,255,255,.12) !important;
  color:#fff8ea !important;
}

.voicepa-bottle-modal__fields,
#page.voicepa-profile-page .voicepa-bottle-modal__fields{
  grid-area:fields !important;
  display:grid !important;
  gap:10px !important;
  min-width:0 !important;
  min-height:0 !important;
  max-height:min(42dvh, 310px) !important;
  overflow:auto !important;
  padding:0 4px 0 0 !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(241,197,106,.38) rgba(255,255,255,.08) !important;
}
.voicepa-bottle-modal__field,
#page.voicepa-profile-page .voicepa-bottle-modal__field{
  display:grid !important;
  gap:6px !important;
  margin:0 !important;
  color:#ffe8b8 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.025em !important;
}
.voicepa-bottle-modal__field small,
#page.voicepa-profile-page .voicepa-bottle-modal__field small{
  display:block !important;
  margin:-1px 0 0 !important;
  color:rgba(255,248,234,.58) !important;
  font-size:11px !important;
  line-height:1.45 !important;
  font-weight:650 !important;
}
.voicepa-bottle-modal__field input[type="text"],
.voicepa-bottle-modal__field textarea,
#page.voicepa-profile-page .voicepa-bottle-modal__field input[type="text"],
#page.voicepa-profile-page .voicepa-bottle-modal__field textarea{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:14px !important;
  color:#1c1420 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,249,235,.94)) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.78) inset, 0 10px 24px rgba(0,0,0,.10) !important;
  font-size:14px !important;
  line-height:1.52 !important;
  outline:none !important;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.voicepa-bottle-modal__field input[type="text"],
#page.voicepa-profile-page .voicepa-bottle-modal__field input[type="text"]{
  min-height:42px !important;
  padding:10px 12px !important;
}
.voicepa-bottle-modal__field textarea,
#page.voicepa-profile-page .voicepa-bottle-modal__field textarea{
  min-height:102px !important;
  max-height:170px !important;
  padding:10px 12px !important;
  resize:vertical !important;
}
.voicepa-bottle-modal__field input[type="text"]:focus,
.voicepa-bottle-modal__field textarea:focus,
#page.voicepa-profile-page .voicepa-bottle-modal__field input[type="text"]:focus,
#page.voicepa-profile-page .voicepa-bottle-modal__field textarea:focus{
  border-color:rgba(241,197,106,.86) !important;
  box-shadow:0 0 0 3px rgba(241,197,106,.20), 0 12px 28px rgba(0,0,0,.14) !important;
}

.voicepa-bottle-modal__range-row,
#page.voicepa-profile-page .voicepa-bottle-modal__range-row{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 54px !important;
  align-items:center !important;
  gap:10px !important;
  min-height:38px !important;
  padding:8px 10px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.07) !important;
}
.voicepa-bottle-modal__range-row input[type="range"],
#page.voicepa-profile-page .voicepa-bottle-modal__range-row input[type="range"]{
  width:100% !important;
  accent-color:var(--vpb-modal-gold) !important;
  cursor:pointer !important;
}
.voicepa-bottle-modal__range-row output,
#page.voicepa-profile-page .voicepa-bottle-modal__range-row output{
  min-width:54px !important;
  text-align:right !important;
  color:#ffe8b8 !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
}

.voicepa-bottle-modal__footer,
#page.voicepa-profile-page .voicepa-bottle-modal__footer{
  grid-area:footer !important;
  position:relative !important;
  z-index:4 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:9px !important;
  margin:0 !important;
  padding:12px 0 0 !important;
  border-top:1px solid rgba(255,255,255,.11) !important;
}
.voicepa-bottle-modal__move-actions,
#page.voicepa-profile-page .voicepa-bottle-modal__move-actions{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
  justify-content:stretch !important;
  order:2 !important;
}
.voicepa-bottle-modal__main-actions,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
  gap:8px !important;
  justify-content:stretch !important;
  order:1 !important;
}
.voicepa-bottle-modal__move-actions button,
.voicepa-bottle-modal__main-actions button,
.voicepa-bottle-modal .voicepa-profile-editor-button,
#page.voicepa-profile-page .voicepa-bottle-modal__move-actions button,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions button,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:40px !important;
  margin:0 !important;
  padding:10px 12px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:13px !important;
  color:#fff8ea !important;
  background:rgba(255,255,255,.075) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset, 0 10px 22px rgba(0,0,0,.10) !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  text-align:center !important;
  white-space:normal !important;
  cursor:pointer !important;
  transition:transform .14s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease !important;
}
.voicepa-bottle-modal__move-actions button:hover,
.voicepa-bottle-modal__main-actions button:hover,
.voicepa-bottle-modal .voicepa-profile-editor-button:hover,
.voicepa-bottle-modal__move-actions button:focus-visible,
.voicepa-bottle-modal__main-actions button:focus-visible,
.voicepa-bottle-modal .voicepa-profile-editor-button:focus-visible,
#page.voicepa-profile-page .voicepa-bottle-modal__move-actions button:hover,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions button:hover,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button:hover,
#page.voicepa-profile-page .voicepa-bottle-modal__move-actions button:focus-visible,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions button:focus-visible,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button:focus-visible{
  transform:translateY(-1px) !important;
  border-color:rgba(241,197,106,.38) !important;
  background:rgba(255,255,255,.12) !important;
  box-shadow:0 0 0 3px rgba(241,197,106,.12), 0 12px 26px rgba(0,0,0,.16) !important;
  outline:none !important;
}
.voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--primary,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--primary{
  grid-column:1 / -1 !important;
  min-height:46px !important;
  color:#211306 !important;
  border-color:rgba(255,255,255,.20) !important;
  background:linear-gradient(135deg, #ffe18b 0%, #f1b75f 44%, #d45b92 100%) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.42) inset, 0 16px 34px rgba(199,74,131,.22), 0 10px 28px rgba(241,197,106,.18) !important;
  font-size:13px !important;
  letter-spacing:.025em !important;
}
.voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--danger,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--danger{
  color:#ffd5df !important;
  border-color:rgba(248,113,113,.22) !important;
  background:rgba(127,29,29,.26) !important;
}
.voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--danger:hover,
.voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--danger:focus-visible,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--danger:hover,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--danger:focus-visible{
  border-color:rgba(248,113,113,.42) !important;
  background:rgba(127,29,29,.36) !important;
  box-shadow:0 0 0 3px rgba(248,113,113,.12), 0 12px 26px rgba(0,0,0,.18) !important;
}

@media screen and (max-width: 680px){
  .voicepa-bottle-modal,
  #page.voicepa-profile-page .voicepa-bottle-modal{
    align-items:flex-end !important;
    padding:0 !important;
  }
  .voicepa-bottle-modal__panel,
  #page.voicepa-profile-page .voicepa-bottle-modal__panel{
    width:100% !important;
    max-width:100% !important;
    max-height:91dvh !important;
    grid-template-columns:92px minmax(0, 1fr) !important;
    column-gap:10px !important;
    row-gap:10px !important;
    padding:14px !important;
    border-right:0 !important;
    border-left:0 !important;
    border-bottom:0 !important;
    border-radius:22px 22px 0 0 !important;
  }
  .voicepa-bottle-modal__title,
  #page.voicepa-profile-page .voicepa-bottle-modal__title{
    font-size:19px !important;
  }
  .voicepa-bottle-modal__desc,
  #page.voicepa-profile-page .voicepa-bottle-modal__desc{
    font-size:11.5px !important;
  }
  .voicepa-bottle-modal__visual,
  #page.voicepa-profile-page .voicepa-bottle-modal__visual{
    padding:6px 4px !important;
    border-radius:16px !important;
  }
  .voicepa-bottle-modal-visual-bottle,
  #page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle{
    width:86px !important;
    min-height:126px !important;
  }
  .voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__visual,
  #page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__visual{
    width:58px !important;
    height:78px !important;
  }
  .voicepa-bottle-modal__fields,
  #page.voicepa-profile-page .voicepa-bottle-modal__fields{
    max-height:34dvh !important;
    gap:8px !important;
  }
  .voicepa-bottle-modal__field input[type="text"],
  #page.voicepa-profile-page .voicepa-bottle-modal__field input[type="text"]{
    min-height:40px !important;
  }
  .voicepa-bottle-modal__field textarea,
  #page.voicepa-profile-page .voicepa-bottle-modal__field textarea{
    min-height:92px !important;
  }
  .voicepa-bottle-modal__footer,
  #page.voicepa-profile-page .voicepa-bottle-modal__footer{
    padding-top:10px !important;
  }
}

@media screen and (max-width: 430px){
  .voicepa-bottle-modal__panel,
  #page.voicepa-profile-page .voicepa-bottle-modal__panel{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "head"
      "visual"
      "fields"
      "footer" !important;
  }
  .voicepa-bottle-modal__visual,
  #page.voicepa-profile-page .voicepa-bottle-modal__visual{
    min-height:92px !important;
  }
  .voicepa-bottle-modal-visual-bottle,
  #page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle{
    width:92px !important;
    min-height:118px !important;
  }
  .voicepa-bottle-modal__fields,
  #page.voicepa-profile-page .voicepa-bottle-modal__fields{
    max-height:28dvh !important;
  }
}

/* =========================================================
   v1.2.4 Bottle modal premium polish
   - compact, high z-index, professional/yohen modal layout
   - overrides the previous simple panel without changing data attributes
   ========================================================= */
html.voicepa-bottle-modal-open,
body.voicepa-bottle-modal-open{
  overflow:hidden !important;
}
.voicepa-bottle-modal[hidden],
#page.voicepa-profile-page .voicepa-bottle-modal[hidden]{
  display:none !important;
}
.voicepa-bottle-modal,
#page.voicepa-profile-page .voicepa-bottle-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  display:grid !important;
  place-items:center !important;
  width:100vw !important;
  min-height:100dvh !important;
  padding:clamp(12px,2.4vw,24px) !important;
  isolation:isolate !important;
  pointer-events:auto !important;
}
.voicepa-bottle-modal__backdrop,
#page.voicepa-profile-page .voicepa-bottle-modal__backdrop{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(197,154,61,.18), transparent 34%),
    radial-gradient(circle at 18% 85%, rgba(139,38,77,.24), transparent 34%),
    rgba(5,7,13,.72) !important;
  backdrop-filter:blur(12px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(12px) saturate(1.12) !important;
}
.voicepa-bottle-modal__panel,
#page.voicepa-profile-page .voicepa-bottle-modal__panel{
  --vpbm-ink:#231821;
  --vpbm-muted:#7a6471;
  --vpbm-deep:#170d17;
  --vpbm-wine:#411a34;
  --vpbm-gold:#d7aa4f;
  --vpbm-gold-soft:rgba(215,170,79,.18);
  position:relative !important;
  z-index:2 !important;
  isolation:isolate !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:138px minmax(0,1fr) !important;
  grid-template-areas:
    "head head"
    "visual fields"
    "footer footer" !important;
  gap:12px 14px !important;
  width:min(94vw,510px) !important;
  max-width:510px !important;
  max-height:calc(100dvh - 28px) !important;
  margin:0 !important;
  padding:0 16px 16px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:24px !important;
  color:var(--vpbm-ink) !important;
  background:
    linear-gradient(180deg, rgba(255,252,245,.97), rgba(255,248,236,.97)) !important;
  box-shadow:
    0 32px 90px rgba(0,0,0,.52),
    0 2px 0 rgba(255,255,255,.46) inset,
    0 0 0 1px rgba(215,170,79,.06) inset !important;
}
.voicepa-bottle-modal__panel::before,
#page.voicepa-profile-page .voicepa-bottle-modal__panel::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0 0 auto 0;
  height:116px;
  background:
    radial-gradient(circle at 16% 18%, rgba(255,219,128,.34), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(214,90,139,.18), transparent 36%),
    linear-gradient(135deg, #170d17 0%, #2a1426 48%, #101827 100%);
}
.voicepa-bottle-modal__panel::after,
#page.voicepa-profile-page .voicepa-bottle-modal__panel::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(180deg, transparent 0 84px, rgba(255,252,245,.96) 118px),
    radial-gradient(circle at 50% 0, rgba(215,170,79,.10), transparent 42%);
  pointer-events:none;
}
.voicepa-bottle-modal__glow,
#page.voicepa-profile-page .voicepa-bottle-modal__glow{
  position:absolute !important;
  z-index:-1 !important;
  width:170px !important;
  height:170px !important;
  border-radius:999px !important;
  filter:blur(34px) !important;
  opacity:.46 !important;
  pointer-events:none !important;
}
.voicepa-bottle-modal__glow--left,
#page.voicepa-profile-page .voicepa-bottle-modal__glow--left{
  left:-70px !important;
  top:72px !important;
  background:rgba(215,170,79,.42) !important;
}
.voicepa-bottle-modal__glow--right,
#page.voicepa-profile-page .voicepa-bottle-modal__glow--right{
  right:-72px !important;
  top:14px !important;
  background:rgba(151,46,95,.36) !important;
}
.voicepa-bottle-modal__close,
#page.voicepa-profile-page .voicepa-bottle-modal__close{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  z-index:5 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:999px !important;
  color:#fff4df !important;
  background:rgba(255,255,255,.10) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.14) inset !important;
  font-size:22px !important;
  line-height:1 !important;
  cursor:pointer !important;
  transition:transform .16s ease, background .16s ease, border-color .16s ease !important;
}
.voicepa-bottle-modal__close:hover,
.voicepa-bottle-modal__close:focus-visible,
#page.voicepa-profile-page .voicepa-bottle-modal__close:hover,
#page.voicepa-profile-page .voicepa-bottle-modal__close:focus-visible{
  transform:translateY(-1px) !important;
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(215,170,79,.58) !important;
  outline:none !important;
}
.voicepa-bottle-modal__head,
#page.voicepa-profile-page .voicepa-bottle-modal__head{
  grid-area:head !important;
  position:relative !important;
  z-index:1 !important;
  min-height:96px !important;
  margin:0 -16px !important;
  padding:18px 58px 12px 18px !important;
  color:#fff !important;
}
.voicepa-bottle-modal__eyebrow,
#page.voicepa-profile-page .voicepa-bottle-modal__eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 7px !important;
  color:#ffe6a9 !important;
  font-size:10px !important;
  font-weight:950 !important;
  line-height:1.2 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
.voicepa-bottle-modal__eyebrow::before,
#page.voicepa-profile-page .voicepa-bottle-modal__eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--vpbm-gold);
  box-shadow:0 0 0 4px rgba(215,170,79,.14),0 0 18px rgba(215,170,79,.72);
}
.voicepa-bottle-modal__title,
#page.voicepa-profile-page .voicepa-bottle-modal__title{
  margin:0 !important;
  color:#fffaf0 !important;
  font-size:20px !important;
  font-weight:950 !important;
  line-height:1.18 !important;
  letter-spacing:.02em !important;
  text-shadow:0 10px 26px rgba(0,0,0,.26) !important;
}
.voicepa-bottle-modal__desc,
#page.voicepa-profile-page .voicepa-bottle-modal__desc{
  max-width:390px !important;
  margin:7px 0 0 !important;
  color:rgba(255,250,240,.78) !important;
  font-size:12.5px !important;
  font-weight:560 !important;
  line-height:1.58 !important;
}
.voicepa-bottle-modal__visual-card,
#page.voicepa-profile-page .voicepa-bottle-modal__visual-card{
  grid-area:visual !important;
  display:grid !important;
  align-content:center !important;
  justify-items:center !important;
  gap:8px !important;
  min-height:214px !important;
  padding:12px 10px !important;
  border:1px solid rgba(215,170,79,.20) !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 50% 16%, rgba(215,170,79,.17), transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,248,235,.70)) !important;
  box-shadow:0 14px 34px rgba(47,28,38,.10),0 1px 0 rgba(255,255,255,.74) inset !important;
}
.voicepa-bottle-modal__visual,
#page.voicepa-profile-page .voicepa-bottle-modal__visual{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:154px !important;
  padding:0 !important;
}
.voicepa-bottle-modal-visual-bottle,
#page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle{
  width:118px !important;
  min-height:150px !important;
  max-width:118px !important;
  padding:10px 8px 9px !important;
  border-radius:20px !important;
  cursor:default !important;
  transform:none !important;
  background:linear-gradient(180deg,#fffdf8,rgba(255,244,220,.88)) !important;
  box-shadow:0 16px 34px rgba(43,23,36,.12),0 0 0 1px rgba(215,170,79,.08) inset !important;
}
.voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__visual,
#page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__visual{
  width:58px !important;
  height:88px !important;
}
.voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__body,
#page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__body{
  width:50px !important;
  height:70px !important;
}
.voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__neck,
#page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle .voicepa-bottle-preview__neck{
  width:21px !important;
  height:20px !important;
}
.voicepa-bottle-modal__visual-note,
#page.voicepa-profile-page .voicepa-bottle-modal__visual-note{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:28px !important;
  padding:0 10px !important;
  border:1px solid rgba(215,170,79,.24) !important;
  border-radius:999px !important;
  color:#76581d !important;
  background:rgba(255,255,255,.76) !important;
  font-size:11px !important;
  font-weight:850 !important;
  box-shadow:0 8px 18px rgba(47,28,38,.06) !important;
}
.voicepa-bottle-modal__visual-note strong,
#page.voicepa-profile-page .voicepa-bottle-modal__visual-note strong{
  color:#3b1833 !important;
  font-size:12px !important;
  font-weight:950 !important;
}
.voicepa-bottle-modal__fields,
#page.voicepa-profile-page .voicepa-bottle-modal__fields{
  grid-area:fields !important;
  display:grid !important;
  align-content:start !important;
  gap:10px !important;
  min-width:0 !important;
}
.voicepa-bottle-modal__field,
#page.voicepa-profile-page .voicepa-bottle-modal__field{
  display:grid !important;
  gap:6px !important;
  margin:0 !important;
  padding:0 !important;
  color:#3a2a34 !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.voicepa-bottle-modal__field-label,
#page.voicepa-profile-page .voicepa-bottle-modal__field-label{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  min-height:20px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  color:#7a4d12 !important;
  background:rgba(215,170,79,.12) !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
}
.voicepa-bottle-modal__field small,
#page.voicepa-profile-page .voicepa-bottle-modal__field small{
  color:#8a7480 !important;
  font-size:11.5px !important;
  line-height:1.45 !important;
  font-weight:650 !important;
}
.voicepa-bottle-modal__field input[type="text"],
.voicepa-bottle-modal__field textarea,
#page.voicepa-profile-page .voicepa-bottle-modal__field input[type="text"],
#page.voicepa-profile-page .voicepa-bottle-modal__field textarea{
  width:100% !important;
  min-width:0 !important;
  border:1px solid rgba(64,29,49,.13) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.92) !important;
  color:#211621 !important;
  font-size:14px !important;
  line-height:1.5 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 22px rgba(47,28,38,.045) !important;
  outline:none !important;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}
.voicepa-bottle-modal__field input[type="text"],
#page.voicepa-profile-page .voicepa-bottle-modal__field input[type="text"]{
  min-height:42px !important;
  padding:9px 12px !important;
}
.voicepa-bottle-modal__field textarea,
#page.voicepa-profile-page .voicepa-bottle-modal__field textarea{
  min-height:94px !important;
  max-height:150px !important;
  padding:10px 12px !important;
  resize:vertical !important;
}
.voicepa-bottle-modal__field input[type="text"]:focus,
.voicepa-bottle-modal__field textarea:focus,
#page.voicepa-profile-page .voicepa-bottle-modal__field input[type="text"]:focus,
#page.voicepa-profile-page .voicepa-bottle-modal__field textarea:focus{
  border-color:rgba(215,170,79,.72) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(215,170,79,.16),0 1px 0 rgba(255,255,255,.9) inset !important;
}
.voicepa-bottle-modal__range-row,
#page.voicepa-profile-page .voicepa-bottle-modal__range-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 50px !important;
  gap:10px !important;
  align-items:center !important;
  min-height:42px !important;
  padding:8px 10px !important;
  border:1px solid rgba(64,29,49,.10) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.86) !important;
  box-shadow:0 10px 22px rgba(47,28,38,.04) !important;
}
.voicepa-bottle-modal__range-row input[type="range"],
#page.voicepa-profile-page .voicepa-bottle-modal__range-row input[type="range"]{
  width:100% !important;
  accent-color:#c59a3d !important;
}
.voicepa-bottle-modal__range-row output,
#page.voicepa-profile-page .voicepa-bottle-modal__range-row output{
  min-width:50px !important;
  text-align:right !important;
  color:#3b1833 !important;
  font-size:13px !important;
  font-weight:950 !important;
}
.voicepa-bottle-modal__footer,
#page.voicepa-profile-page .voicepa-bottle-modal__footer{
  grid-area:footer !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  padding:12px 0 0 !important;
  border-top:1px solid rgba(64,29,49,.10) !important;
  background:transparent !important;
}
.voicepa-bottle-modal__move-actions,
#page.voicepa-profile-page .voicepa-bottle-modal__move-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:7px !important;
  justify-content:flex-start !important;
  min-width:0 !important;
}
.voicepa-bottle-modal__main-actions,
#page.voicepa-profile-page .voicepa-bottle-modal__main-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  min-width:0 !important;
}
.voicepa-bottle-modal__mini-action,
.voicepa-bottle-modal .voicepa-profile-editor-button,
#page.voicepa-profile-page .voicepa-bottle-modal__mini-action,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  min-height:38px !important;
  margin:0 !important;
  padding:9px 12px !important;
  border:1px solid rgba(64,29,49,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.86) !important;
  color:#3d2a35 !important;
  box-shadow:0 10px 22px rgba(47,28,38,.045),0 1px 0 rgba(255,255,255,.9) inset !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
.voicepa-bottle-modal__mini-action:hover,
.voicepa-bottle-modal .voicepa-profile-editor-button:hover,
.voicepa-bottle-modal__mini-action:focus-visible,
.voicepa-bottle-modal .voicepa-profile-editor-button:focus-visible,
#page.voicepa-profile-page .voicepa-bottle-modal__mini-action:hover,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button:hover,
#page.voicepa-profile-page .voicepa-bottle-modal__mini-action:focus-visible,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button:focus-visible{
  transform:translateY(-1px) !important;
  border-color:rgba(215,170,79,.48) !important;
  box-shadow:0 0 0 4px rgba(215,170,79,.13),0 12px 24px rgba(47,28,38,.08) !important;
  outline:none !important;
}
.voicepa-bottle-modal .voicepa-profile-editor-button--primary,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button--primary{
  min-width:128px !important;
  color:#fff9ec !important;
  border-color:rgba(255,226,156,.25) !important;
  background:
    linear-gradient(180deg,rgba(215,170,79,.96),rgba(146,91,29,.98) 48%,rgba(42,20,36,.98)) !important;
  text-shadow:0 1px 10px rgba(0,0,0,.24) !important;
  box-shadow:0 14px 28px rgba(113,63,18,.22),0 1px 0 rgba(255,255,255,.22) inset !important;
}
.voicepa-bottle-modal .voicepa-profile-editor-button--danger,
#page.voicepa-profile-page .voicepa-bottle-modal .voicepa-profile-editor-button--danger{
  color:#9f1239 !important;
  border-color:rgba(190,18,60,.18) !important;
  background:rgba(255,241,244,.92) !important;
}
@media screen and (max-width:640px){
  .voicepa-bottle-modal,
  #page.voicepa-profile-page .voicepa-bottle-modal{
    place-items:end center !important;
    padding:0 !important;
  }
  .voicepa-bottle-modal__panel,
  #page.voicepa-profile-page .voicepa-bottle-modal__panel{
    width:100% !important;
    max-width:100% !important;
    max-height:88dvh !important;
    grid-template-columns:104px minmax(0,1fr) !important;
    gap:10px 10px !important;
    padding:0 14px 14px !important;
    border-radius:24px 24px 0 0 !important;
    border-right:0 !important;
    border-left:0 !important;
    border-bottom:0 !important;
  }
  .voicepa-bottle-modal__panel::before,
  #page.voicepa-profile-page .voicepa-bottle-modal__panel::before{
    height:102px !important;
  }
  .voicepa-bottle-modal__head,
  #page.voicepa-profile-page .voicepa-bottle-modal__head{
    min-height:88px !important;
    padding:16px 52px 10px 16px !important;
    margin:0 -14px !important;
  }
  .voicepa-bottle-modal__title,
  #page.voicepa-profile-page .voicepa-bottle-modal__title{
    font-size:18px !important;
  }
  .voicepa-bottle-modal__desc,
  #page.voicepa-profile-page .voicepa-bottle-modal__desc{
    font-size:12px !important;
    line-height:1.5 !important;
  }
  .voicepa-bottle-modal__visual-card,
  #page.voicepa-profile-page .voicepa-bottle-modal__visual-card{
    min-height:190px !important;
    padding:10px 8px !important;
    border-radius:18px !important;
  }
  .voicepa-bottle-modal-visual-bottle,
  #page.voicepa-profile-page .voicepa-bottle-modal-visual-bottle{
    width:98px !important;
    min-height:136px !important;
  }
  .voicepa-bottle-modal__field textarea,
  #page.voicepa-profile-page .voicepa-bottle-modal__field textarea{
    min-height:86px !important;
    max-height:120px !important;
  }
  .voicepa-bottle-modal__footer,
  #page.voicepa-profile-page .voicepa-bottle-modal__footer{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .voicepa-bottle-modal__move-actions,
  .voicepa-bottle-modal__main-actions,
  #page.voicepa-profile-page .voicepa-bottle-modal__move-actions,
  #page.voicepa-profile-page .voicepa-bottle-modal__main-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    gap:8px !important;
  }
  .voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--primary,
  #page.voicepa-profile-page .voicepa-bottle-modal__main-actions .voicepa-profile-editor-button--primary{
    grid-column:1 / -1 !important;
    min-width:0 !important;
  }
}
@media screen and (max-width:430px){
  .voicepa-bottle-modal__panel,
  #page.voicepa-profile-page .voicepa-bottle-modal__panel{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "head"
      "visual"
      "fields"
      "footer" !important;
    max-height:92dvh !important;
  }
  .voicepa-bottle-modal__visual-card,
  #page.voicepa-profile-page .voicepa-bottle-modal__visual-card{
    min-height:148px !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    justify-content:center !important;
  }
  .voicepa-bottle-modal__visual,
  #page.voicepa-profile-page .voicepa-bottle-modal__visual{
    min-height:124px !important;
  }
}
@media (prefers-reduced-motion: reduce){
  .voicepa-bottle-modal *,
  #page.voicepa-profile-page .voicepa-bottle-modal *{
    transition:none !important;
    animation:none !important;
    scroll-behavior:auto !important;
  }
}

/* =========================================================
   nowpromise: global viewer request textarea / public output
   ========================================================= */
#page.voicepa-profile-page .voicepa-nowpromise-field .wpuf-label label::after,
#page.voicepa-profile-page li.wpuf-el.nowpromise .wpuf-label label::after,
#page.voicepa-profile-page li.wpuf-el.voicepa_nowpromise .wpuf-label label::after {
    content: "共通メッセージ";
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 3px 8px;
    border-radius: 999px;
    color: #7b5a1a;
    background: rgba(197,154,61,.12);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .05em;
    vertical-align: middle;
}
#page.voicepa-profile-page .voicepa-nowpromise-wpuf-wrap textarea.voicepa-nowpromise-textarea,
#page.voicepa-profile-page li.wpuf-el.nowpromise textarea,
#page.voicepa-profile-page li.wpuf-el.voicepa_nowpromise textarea {
    min-height: 132px !important;
    line-height: 1.75 !important;
}
#page.voicepa-profile-page .voicepa-nowpromise-help,
#page.voicepa-profile-page .voicepa-nowpromise-note {
    display: block;
    margin-top: 9px;
    color: var(--vp-profile-muted, #6f7684);
    font-size: 12px;
    line-height: 1.65;
}
#page.voicepa-profile-page .voicepa-nowpromise-note {
    color: #7b5a1a;
    font-weight: 750;
}
.voicepa-nowpromise-public {
    position: relative;
    margin: 16px 0;
    padding: 18px;
    border: 1px solid rgba(197,154,61,.22);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,251,239,.94));
    box-shadow: 0 14px 34px rgba(15,23,42,.06);
    color: #1f2937;
    box-sizing: border-box;
}
.voicepa-nowpromise-public,
.voicepa-nowpromise-public * {
    box-sizing: border-box;
}
.voicepa-nowpromise-public__head {
    margin-bottom: 10px;
}
.voicepa-nowpromise-public__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
    color: #8a651f;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .13em;
}
.voicepa-nowpromise-public__head h3 {
    margin: 0;
    color: #111827;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 850;
}
.voicepa-nowpromise-public__body {
    color: #374151;
    font-size: 13px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

/* =========================================================
   Nowpromise: common viewer request / WPUF textarea
   ========================================================= */
#page.voicepa-profile-page .voicepa-nowpromise-field-row .voicepa-nowpromise-field,
#page.voicepa-profile-page .wpuf-el.nowpromise .wpuf-fields {
  position: relative;
}

#page.voicepa-profile-page .voicepa-nowpromise-textarea,
#page.voicepa-profile-page textarea[name="nowpromise"] {
  min-height: 132px !important;
  line-height: 1.75 !important;
}

#page.voicepa-profile-page .voicepa-nowpromise-help {
  display: block;
  margin-top: 8px;
}

#page.voicepa-profile-page .voicepa-nowpromise-note {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 9px 0 0;
  padding: 7px 10px;
  border: 1px solid rgba(197, 154, 61, .20);
  border-radius: 999px;
  color: #76581d;
  background: rgba(197, 154, 61, .08);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

#page.voicepa-profile-page .voicepa-nowpromise-note::before {
  content: "PROMISE";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border-radius: 999px;
  color: #fff;
  background: #1f2937;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .08em;
}

.voicepa-nowpromise-public,
.voicepa-nowpromise-public * {
  box-sizing: border-box;
}

.voicepa-nowpromise-public {
  width: 100%;
  margin: 14px 0;
  padding: 16px 17px;
  border: 1px solid rgba(197, 154, 61, .20);
  border-radius: 16px;
  color: #1f2937;
  background:
    radial-gradient(circle at 10% 0%, rgba(197, 154, 61, .12), rgba(197, 154, 61, 0) 34%),
    linear-gradient(180deg, #fff, #fffaf1);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 14px 34px rgba(15, 23, 42, .06);
}

.voicepa-nowpromise-public__head {
  margin: 0 0 10px;
}

.voicepa-nowpromise-public__eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 5px;
  color: #8a641d;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
}

.voicepa-nowpromise-public__head h3 {
  margin: 0;
  color: #111827;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.45;
}

.voicepa-nowpromise-public__body {
  color: #374151;
  font-size: 13px;
  font-weight: 520;
  line-height: 1.85;
  overflow-wrap: anywhere;
}