.pato-mood{
  --mood-accent:#8b7cff;
  position:relative;
  overflow:hidden;
  padding:48px 0 42px;
  color:#fff;
  background:
    radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--mood-accent) 18%,transparent),transparent 32%),
    linear-gradient(180deg,#0a0a0f,#101018);
}
.pato-mood__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.pato-mood__eyebrow{display:block;margin-bottom:7px;color:#ffffff72;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.pato-mood__title{margin:0;color:#fff;font-size:clamp(30px,4.4vw,62px);line-height:.96;letter-spacing:-.045em}
.pato-mood__hint{max-width:380px;margin:0;color:#ffffff74;font-size:13px;line-height:1.75}
.pato-mood__choices{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}
.pato-mood__choice{appearance:none;border:1px solid #ffffff1f;background:#ffffff08;color:#ffffffb0;padding:10px 14px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:.22s ease}
.pato-mood__choice:hover,.pato-mood__choice.is-active{border-color:var(--choice-color,var(--mood-accent));background:color-mix(in srgb,var(--choice-color,var(--mood-accent)) 18%,#090909);color:#fff;transform:translateY(-1px)}
.pato-mood__status{display:flex;align-items:center;gap:10px;min-height:24px;margin-bottom:14px;color:#ffffff68;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.pato-mood__status i{color:var(--mood-accent)}
.pato-mood__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pato-mood-card{position:relative;min-width:0;overflow:hidden;border:1px solid #ffffff12;background:#0c0c0f;text-decoration:none;color:#fff;transition:.22s ease}
.pato-mood-card:hover{color:#fff;transform:translateY(-4px);border-color:color-mix(in srgb,var(--mood-accent) 45%,transparent);box-shadow:0 18px 45px #0007}
.pato-mood-card__media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#111}
.pato-mood-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s ease}
.pato-mood-card:hover .pato-mood-card__media img{transform:scale(1.035)}
.pato-mood-card__energy{position:absolute;left:10px;top:10px;padding:5px 7px;background:#000a;backdrop-filter:blur(8px);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.pato-mood-card__body{padding:15px}
.pato-mood-card__kicker{display:block;margin-bottom:5px;color:#ffffff58;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.pato-mood-card__title{margin:0 0 7px;color:#fff;font-size:17px;line-height:1.15}
.pato-mood-card__meta{display:flex;flex-wrap:wrap;gap:5px 10px;color:#ffffff68;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.pato-mood__empty{grid-column:1/-1;padding:26px;border:1px dashed #ffffff1c;color:#ffffff70;text-align:center}
.pato-mood.is-loading .pato-mood__grid{opacity:.38;pointer-events:none}
@media(max-width:1199px){.pato-mood__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.pato-mood{padding:36px 0}.pato-mood__head{align-items:flex-start;flex-direction:column}.pato-mood__hint{max-width:none}.pato-mood__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.pato-mood__grid{grid-template-columns:1fr}.pato-mood__choice{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.pato-mood__choice,.pato-mood-card,.pato-mood-card__media img{transition:none}.pato-mood__choice:hover,.pato-mood-card:hover{transform:none}}