/* GoTooi home skeleton — Trip-style cards with brand watermark, no loading text */

.load-section-skeleton--preset {
  display: block;
  width: 100%;
  padding: 0;
  gap: 0;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.load-section-skeleton--preset .load-section-skeleton-spinner,
.load-section-skeleton--preset .load-section-skeleton-label {
  display: none !important;
}

@keyframes gotooi-sk-shimmer {
  0% { background-position: 120% 0; }
  100% { background-position: -40% 0; }
}

.gotooi-sk-cover,
.gotooi-sk-line,
.gotooi-sk-pill,
.gotooi-sk-avatar,
.gotooi-sk-activity,
.gotooi-sk-discovery .gotooi-sk-cover--disc {
  background: linear-gradient(
    105deg,
    var(--gotooi-sk-base, #e8ecf8) 0%,
    var(--gotooi-sk-highlight, #f6f8fd) 42%,
    var(--gotooi-sk-base, #e8ecf8) 78%
  );
  background-size: 220% 100%;
  animation: gotooi-sk-shimmer 1.35s ease-in-out infinite;
}

.gotooi-sk-card {
  pointer-events: none;
  border-color: var(--color-border, rgb(91 127 255 / 12%));
}

.gotooi-sk-cover {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: var(--card-radius, 14px) var(--card-radius, 14px) 0 0;
  overflow: hidden;
}

.gotooi-sk-cover--tall { aspect-ratio: 3 / 4.2; }
.gotooi-sk-cover--short { aspect-ratio: 4 / 3.4; }
.gotooi-sk-cover--portrait { aspect-ratio: 3 / 4; border-radius: 14px; }
.gotooi-sk-cover--landscape { aspect-ratio: 16 / 10; border-radius: 14px 14px 0 0; }
.gotooi-sk-cover--rank { aspect-ratio: 16 / 11; border-radius: 16px; }
.gotooi-sk-cover--disc {
  aspect-ratio: 3 / 4;
  border-radius: 14px;
  min-width: 108px;
}

.gotooi-sk-logo {
  opacity: 0.2;
  filter: saturate(0.85);
  pointer-events: none;
  user-select: none;
}

.gotooi-sk-body {
  padding: 0.65rem 0.7rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.gotooi-sk-caption {
  padding: 0.15rem 0.1rem 0;
}

.discovery-attraction-card.gotooi-sk-card {
  position: relative;
  flex: 0 0 min(68vw, 250px);
  overflow: hidden;
}

.gotooi-sk-line {
  display: block;
  height: 0.65rem;
  border-radius: 999px;
}

.gotooi-sk-line--title { width: 78%; height: 0.72rem; }
.gotooi-sk-line--short { width: 52%; }
.gotooi-sk-line--xs { width: 38%; height: 0.55rem; }

.gotooi-sk-foot {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.15rem;
}

.gotooi-sk-avatar {
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  flex-shrink: 0;
}

.gotooi-sk-pill {
  display: inline-block;
  height: 2rem;
  min-width: 4.5rem;
  border-radius: 999px;
}

.gotooi-sk-pill--wide {
  min-width: 5.5rem;
  height: 2.15rem;
}

.gotooi-sk-pills {
  display: flex;
  gap: 0.5rem;
  flex-wrap: nowrap;
  overflow: hidden;
}

.gotooi-sk-discovery-row {
  display: flex;
  gap: 0.65rem;
  overflow: hidden;
}

.gotooi-sk-discovery {
  flex: 0 0 108px;
  display: block;
}

.gotooi-sk-activity-row {
  display: flex;
  gap: 0.85rem;
}

.gotooi-sk-activity {
  flex: 0 0 min(100%, 280px);
  min-height: 168px;
  border-radius: var(--card-radius, 14px);
  display: grid;
  place-items: center;
  align-content: center;
  gap: 0.65rem;
  padding: 1rem;
  border: 1px solid var(--color-border, rgb(91 127 255 / 12%));
}

.gotooi-sk-tasks {
  display: grid;
  gap: 0.55rem;
}

.gotooi-sk-task {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.55rem 0.65rem;
  border-radius: 12px;
  border: 1px solid var(--color-border, rgb(91 127 255 / 10%));
  background: var(--color-surface, #fff);
}

.gotooi-sk-rank-tabs {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}

.gotooi-sk-rank-card {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--color-border, rgb(91 127 255 / 12%));
  background: var(--color-surface, #fff);
}

.gotooi-sk-generic {
  padding: 0.35rem 0;
  display: grid;
  gap: 0.45rem;
}

.gotooi-sk-feed .gotooi-sk-card:nth-child(3n) .gotooi-sk-cover { aspect-ratio: 3 / 4.1; }
.gotooi-sk-feed .gotooi-sk-card:nth-child(3n+2) .gotooi-sk-cover { aspect-ratio: 4 / 3.6; }

.load-section-skeleton--visual {
  display: block;
  padding: 0.35rem 0;
}

.load-section-skeleton--visual .gotooi-sk-line { max-width: 12rem; }

[data-theme='dark'] {
  --gotooi-sk-base: #1e2648;
  --gotooi-sk-highlight: #2a3560;
}

[data-theme='dark'] .gotooi-sk-logo {
  opacity: 0.16;
  filter: brightness(1.15) saturate(0.7);
}

[data-theme='dark'] .gotooi-sk-task,
[data-theme='dark'] .gotooi-sk-rank-card,
[data-theme='dark'] .gotooi-sk-card {
  background: var(--color-surface, #151b35);
  border-color: var(--color-border, #2a3558);
}

@media (prefers-reduced-motion: reduce) {
  .gotooi-sk-cover,
  .gotooi-sk-line,
  .gotooi-sk-pill,
  .gotooi-sk-avatar,
  .gotooi-sk-activity,
  .gotooi-sk-discovery .gotooi-sk-cover--disc {
    animation: none;
    background: var(--gotooi-sk-base, #e8ecf8);
  }
}