body :is(#cosmeticPreviewModal, #farmRankingModal) {
  --gm-paper: var(--paper, #fff);
  --gm-soft: var(--paper-soft, #f7f9fc);
  --gm-ink: var(--ink, #243247);
  --gm-muted: var(--muted, #738196);
  --gm-line: var(--line, #e6ebf2);
  --gm-blue: #4878ed;
  --gm-blue-soft: #4878ed12;
  --gm-art: linear-gradient(125deg, #eef3ff, #f6f0ff);
  --gm-warm: #fff5e6;
  z-index: 7300;
  padding: 18px;
}:root[data-theme="dark"] body :is(#cosmeticPreviewModal, #farmRankingModal) {
  --gm-paper: #192333; --gm-soft: #202d40; --gm-ink: #e7edf7; --gm-muted: #a4b3c7; --gm-line: #344258; --gm-blue-soft: #4878ed26;
  --gm-art: linear-gradient(125deg, #223150, #2b2a45); --gm-warm: #33302a;
}body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-backdrop { background: #1b2a4466; backdrop-filter: none; }body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel {
  width: min(var(--gm-width, 1050px), calc(100vw - 32px));
  max-height: calc(100dvh - 36px);
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--gm-line) !important;
  border-radius: 22px !important;
  background: var(--gm-paper) !important;
  box-shadow: 0 18px 70px #12274626 !important;
  color: var(--gm-ink);
  font-family: inherit !important;
}body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel::before,
body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel::after,
body :is(#cosmeticPreviewModal, #farmRankingModal) .modal-scroll-area > header::before,
body :is(#cosmeticPreviewModal, #farmRankingModal) .modal-scroll-area > header::after { display: none !important; }body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel > .modal-scroll-area {
  max-height: calc(100dvh - 38px);
  padding: 28px !important;
  border: 0 !important;
  background: var(--gm-paper) !important;
  scrollbar-color: var(--gm-line) transparent;
}body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel :where(div, section, article, aside, header, ol, ul, li, details, summary, p, label, em, h3, dl, dt, dd) {
  border-width: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 0;
}body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel :where(div, section, article, aside, header, ol, li, details, p, em, h3):not(.garden-terrain) { background-image: none; }body :is(#cosmeticPreviewModal, #farmRankingModal) .modal-scroll-area > header {
  position: static !important;
  display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;
  min-height: 0 !important; margin: 0 0 20px !important; padding: 0 !important;
  border: 0 !important; background: none !important; color: var(--gm-ink) !important;
}body :is(#cosmeticPreviewModal, #farmRankingModal) .section-kicker {
  display: block; margin: 0; color: var(--gm-blue) !important; font-family: inherit !important; font-size: 11px; font-weight: 750; letter-spacing: .12em;
}body :is(#cosmeticPreviewModal, #farmRankingModal) .modal-scroll-area > header h2 {
  margin: 6px 0 8px !important; color: var(--gm-ink) !important; font-family: inherit !important; font-size: 32px; font-weight: 780; letter-spacing: -.03em; line-height: 1.2;
}body :is(#cosmeticPreviewModal, #farmRankingModal) .modal-scroll-area > header p {
  margin: 0; color: var(--gm-muted) !important; font-family: inherit; font-size: 14px; line-height: 1.6;
}body :is(#cosmeticPreviewModal, #farmRankingModal) :is(h3, h4, strong, label, b, dd) { color: var(--gm-ink) !important; font-family: inherit !important; }body :is(#cosmeticPreviewModal, #farmRankingModal) :is(p, small, em, dt) { color: var(--gm-muted); font-family: inherit; }body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel button {
  min-height: 40px; padding: 8px 14px;
  border: 1px solid var(--gm-line) !important; border-radius: 10px !important;
  background: var(--gm-paper) !important; color: var(--gm-ink) !important;
  box-shadow: none !important; text-shadow: none !important; transform: none !important;
  font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel button:hover:not(:disabled) { background: var(--gm-soft) !important; filter: none; }body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel button:disabled { opacity: .5; cursor: default; }body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel :is(button, input, select, textarea):focus-visible { outline: 3px solid #4878ed66 !important; outline-offset: 2px; }body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel :is(button.active, button[aria-pressed="true"]) {
  border-color: var(--gm-blue) !important; background: var(--gm-blue-soft) !important; color: var(--gm-blue) !important;
}body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel button.active :is(span, small, strong) { color: inherit !important; }body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel :is(.farm-goal-action) {
  width: 100%; min-height: 54px !important; padding: 12px 18px !important;
  border-color: var(--gm-blue) !important; background: var(--gm-blue) !important; color: #fff !important;
  font-size: 16px !important; font-weight: 750 !important;
}body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel :is(.farm-goal-action):hover:not(:disabled) { background: #3a69dc !important; color: #fff !important; }body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel :is(.farm-goal-action):disabled { opacity: 1; background: #a9c0f6 !important; border-color: transparent !important; }:root[data-theme="dark"] body :is(#cosmeticPreviewModal) .market-modal-panel :is(.farm-goal-action):disabled { background: #2d3f63 !important; color: #8fa3c6 !important; }body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel :is(input, select, textarea) {
  min-height: 46px; padding: 10px 14px;
  border: 1px solid var(--gm-line) !important; border-radius: 10px !important;
  background: var(--gm-paper) !important; color: var(--gm-ink) !important; box-shadow: none !important;
  font: inherit; font-size: 14px;
}body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel input::placeholder { color: var(--gm-muted); opacity: 1; }body :is(#cosmeticPreviewModal, #farmRankingModal) .pixel-close-button {
  flex: 0 0 auto; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important;
  padding: 0 !important; font-size: 22px !important; line-height: 1;
}body #cosmeticPreviewModal .cosmetic-preview-body,
body #farmRankingModal .farm-ranking-layout {
  display: grid; gap: 28px; align-items: start;
  padding: 20px !important; border: 1px solid var(--gm-line) !important; border-radius: 18px !important; background: var(--gm-paper) !important;
}body #cosmeticPreviewModal .market-modal-panel > .modal-scroll-area { padding-bottom: 28px !important; }body #cosmeticPreviewModal .cosmetic-preview-body { grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr); }body #cosmeticPreviewModal .cosmetic-tryon-stage { margin: 0; padding: 0 !important; overflow: hidden; border-radius: 16px !important; background: var(--gm-soft) !important; }body #cosmeticPreviewModal .cosmetic-farm-preview,
body #cosmeticPreviewModal .cosmetic-farm-preview .farm-layout { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: none !important; }body #cosmeticPreviewModal .cosmetic-farm-preview .farm-panel-header { margin: 0 !important; padding: 12px 14px !important; min-height: 0 !important; background: var(--gm-paper) !important; border-bottom: 1px solid var(--gm-line) !important; }body #cosmeticPreviewModal .cosmetic-farm-preview .farm-panel-header::before,
body #cosmeticPreviewModal .cosmetic-farm-preview .farm-panel-header::after { display: none !important; }body #cosmeticPreviewModal .cosmetic-preview-detail { display: flex; flex-direction: column; gap: 14px; min-width: 0; }body #cosmeticPreviewModal .cosmetic-preview-kind { align-self: flex-start; padding: 5px 12px; border-radius: 20px; background: var(--gm-blue-soft); color: var(--gm-blue); font-size: 12px; font-weight: 700; }body #cosmeticPreviewModal #cosmeticPreviewDescription { margin: 0; color: var(--gm-ink) !important; font-size: 15px; line-height: 1.65; }body #cosmeticPreviewModal .cosmetic-preview-guide { margin: 0 !important; padding: 0 !important; background: none !important; color: var(--gm-muted) !important; font-size: 12px; text-align: center; }body #farmRankingModal .farm-ranking-layout { grid-template-columns: minmax(280px, .9fr) minmax(0, 1.4fr); }body #farmRankingModal .farm-ranking-side { display: grid; gap: 14px; min-width: 0; }body #farmRankingModal .farm-ranking-my-score {
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  padding: 20px !important; border-radius: 16px !important; background: var(--gm-art) !important;
}body #farmRankingModal .farm-ranking-period { display: flex; flex-direction: column; gap: 2px; margin-bottom: 12px; padding: 0 !important; background: none !important; }body #farmRankingModal .farm-ranking-period span { color: var(--gm-ink); font-size: 15px; font-weight: 700; }body #farmRankingModal .farm-ranking-period small { font-size: 12px; }body #farmRankingModal .farm-ranking-my-rank { margin: 12px 0 2px; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: var(--gm-blue) !important; font-size: 40px; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; }body #farmRankingModal .farm-ranking-my-score > span { color: var(--gm-muted); font-size: 13px; }body #farmRankingModal .farm-ranking-my-money { font-size: 24px; font-weight: 780; }body #farmRankingModal .farm-ranking-board { display: grid; gap: 16px; min-width: 0; }body #farmRankingModal .farm-ranking-podium { min-height: 250px; padding: 20px 14px 0 !important; margin: 0; border-radius: 16px !important; background: var(--gm-soft) !important; }body #farmRankingModal .farm-podium-place { background: none !important; }body #farmRankingModal .farm-podium-farmer { padding: 10px 6px !important; border: 1px solid var(--gm-line) !important; border-bottom: 0 !important; border-radius: 12px 12px 0 0 !important; background: var(--gm-paper) !important; }body #farmRankingModal .farm-podium-place.is-me .farm-podium-farmer { border-color: var(--gm-blue) !important; background: var(--gm-blue-soft) !important; }body #farmRankingModal .farm-podium-farmer strong:not(.farm-ranking-farm-title) { font-size: 14px; }body #farmRankingModal .farm-podium-score { color: var(--gm-ink) !important; font-size: 14px; }body #farmRankingModal .farm-podium-place > i { background: #c7d4ef !important; color: #2b3f66 !important; border-radius: 10px 10px 0 0 !important; font-size: 22px; font-style: normal; font-weight: 800; }body #farmRankingModal .farm-podium-place.is-me > i { background: var(--gm-blue) !important; color: #fff !important; }:root[data-theme="dark"] body #farmRankingModal .farm-podium-place:not(.is-me) > i { background: #2f4062 !important; color: #dce6f8 !important; }body #farmRankingModal .farm-ranking-table { overflow: hidden; padding: 0 !important; border: 1px solid var(--gm-line) !important; border-radius: 16px !important; }body #farmRankingModal .farm-ranking-table > header { display: grid; grid-template-columns: 70px 1fr auto; margin: 0 !important; padding: 12px 18px !important; background: var(--gm-soft) !important; }body #farmRankingModal .farm-ranking-table > header :is(strong, span) { color: var(--gm-muted) !important; font-size: 12px; font-weight: 600; }body #farmRankingModal .farm-ranking-list { margin: 0; padding: 4px 12px 8px !important; background: none !important; }body #farmRankingModal .farm-ranking-list > li { padding: 12px 6px !important; border-bottom: 1px solid var(--gm-line) !important; background: none !important; color: var(--gm-ink) !important; font-size: 14px; }body #farmRankingModal .farm-ranking-list > li:last-child { border-bottom: 0 !important; }body #farmRankingModal .farm-ranking-list > li.farm-ranking-empty { padding: 26px 6px !important; color: var(--gm-muted) !important; font-size: 13px; text-align: center; }body #farmRankingModal .farm-ranking-row.is-me { border-radius: 10px !important; background: var(--gm-blue-soft) !important; }
@media (max-width: 900px) {body #cosmeticPreviewModal .cosmetic-preview-body,
body #farmRankingModal .farm-ranking-layout { grid-template-columns: minmax(0, 1fr); gap: 22px; }
}
@media (max-width: 700px) {body :is(#cosmeticPreviewModal, #farmRankingModal) { padding: 10px; }body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel { width: calc(100vw - 20px); border-radius: 18px !important; }body :is(#cosmeticPreviewModal, #farmRankingModal) .market-modal-panel > .modal-scroll-area { padding: 20px 14px !important; }body :is(#cosmeticPreviewModal, #farmRankingModal) .modal-scroll-area > header h2 { font-size: 24px; }body #cosmeticPreviewModal .cosmetic-preview-body,
body #farmRankingModal .farm-ranking-layout { padding: 12px !important; }body #farmRankingModal .farm-ranking-my-rank { font-size: 32px; }
}body #farmRankingModal .farm-ranking-my-score > * { margin-left: 0 !important; padding-left: 0 !important; }body #farmRankingModal .farm-ranking-period > * { padding: 0 !important; margin: 0 !important; background: none !important; }body #farmRankingModal strong.farm-ranking-my-rank { margin: 14px 0 0 !important; font-size: 40px !important; line-height: 1.1 !important; }
@media (max-width: 700px) {body #farmRankingModal strong.farm-ranking-my-rank { font-size: 32px !important; }
}body #cosmeticPreviewModal .cosmetic-preview-detail { align-items: stretch !important; align-self: stretch; }body #farmRankingModal .farm-ranking-table .farm-ranking-list,
body #farmRankingModal .farm-ranking-table .farm-ranking-list > li { background: transparent !important; }body #farmRankingModal .farm-ranking-period span::before,
body #farmRankingModal .farm-ranking-period span::after { display: none !important; }body #farmRankingModal .farm-ranking-table { background: var(--gm-paper) !important; }body #farmRankingModal :is(.farm-ranking-my-score, .farm-ranking-period) { text-align: left !important; }body #farmRankingModal .farm-ranking-period { align-items: flex-start !important; }body #cosmeticPreviewModal .market-modal-panel { display: flex; flex-direction: column; }body #cosmeticPreviewModal .market-modal-panel > .modal-scroll-area { flex: 1 1 auto; min-height: 0; max-height: none; }body #cosmeticPreviewModal .farm-theme-preview-actions {
  display: flex; align-items: center; gap: 16px; flex-shrink: 0;
  padding: 16px 28px !important; border-top: 1px solid var(--gm-line) !important; background: var(--gm-paper) !important;
}body #cosmeticPreviewModal .farm-theme-preview-actions[hidden] { display: none !important; }body #cosmeticPreviewModal .cosmetic-preview-price { display: grid; gap: 2px; }body #cosmeticPreviewModal .cosmetic-preview-price span { color: var(--gm-muted); font-size: 12px; }body #cosmeticPreviewModal .cosmetic-preview-price strong { color: var(--gm-blue) !important; font-size: 24px; font-weight: 800; letter-spacing: -.02em; }body #cosmeticPreviewModal .farm-theme-preview-actions > p { flex: 1; margin: 0; color: var(--gm-muted) !important; font-size: 13px; }body #cosmeticPreviewModal .farm-theme-preview-actions .farm-goal-action { width: auto !important; min-width: 320px; }
@media (max-width: 700px) {body #cosmeticPreviewModal .farm-theme-preview-actions { flex-wrap: wrap; gap: 8px 12px; padding: 12px 14px !important; }body #cosmeticPreviewModal .farm-theme-preview-actions .farm-goal-action { flex: 1 1 100%; width: 100% !important; min-width: 0; min-height: 50px !important; }
}
@media (max-width: 700px) {body #cosmeticPreviewModal .farm-theme-preview-actions { flex-direction: row !important; align-items: center !important; text-align: left; }body #cosmeticPreviewModal .cosmetic-preview-price strong { font-size: 20px; }body #cosmeticPreviewModal .farm-theme-preview-actions > p { font-size: 12px; text-align: right; }
}body #farmRankingModal .farm-ranking-farm-title { display: block; color: var(--gm-ink) !important; font-size: 14px; font-weight: 700; line-height: 1.35; word-break: keep-all; overflow-wrap: anywhere; }body #farmRankingModal .farm-ranking-list .farm-ranking-farm-title { font-size: 15px; }body #farmRankingModal .farm-podium-place { padding-bottom: 40px; }
@media (max-width: 600px) {body #farmRankingModal .farm-podium-place[data-rank="1"] { min-height: 226px; }body #farmRankingModal .farm-podium-place[data-rank="2"] { min-height: 208px; }body #farmRankingModal .farm-podium-place[data-rank="3"] { min-height: 192px; }
}
@keyframes reward-box-float {0%,
100% { translate: 0 0; }50% { translate: 0 -4px; } }
@keyframes reward-prize-reveal {0% { opacity: 0; scale: .4; translate: 0 18px; }100% { opacity: 1; scale: 1; translate: 0 0; } }
@keyframes reward-box-pop {0% { scale: .92; }60% { scale: 1.03; }100% { scale: 1; } }