/* Soulbrew Mood AI — neutral, editorial recommendation panel */
.mood{position:relative;overflow:hidden;padding-block:clamp(86px,10vw,142px);background:#191817;color:#f8f5ef}.mood::before{content:"";position:absolute;inset:-40% 45% auto -15%;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(184,164,145,.18),transparent 66%);pointer-events:none}.mood__grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(48px,8vw,118px);align-items:center}.mood__intro h2{max-width:12ch;margin-top:17px;color:#f8f5ef;font:500 clamp(52px,6vw,84px)/.94 var(--font-body);letter-spacing:-.05em}.mood__intro>p:not(.ey){max-width:50ch;margin-top:25px;color:#bcb6af;font:400 15px/1.7 var(--font-body)}.mood__ai{display:inline-flex;align-items:center;gap:9px;margin-bottom:34px;padding:8px 12px;border:1px solid rgba(248,245,239,.16);border-radius:999px;color:#d8d0c6;font:600 9px/1 var(--font-body);letter-spacing:.13em;text-transform:uppercase}.mood__ai i{width:7px;height:7px;border-radius:50%;background:#cbb6a1;box-shadow:0 0 0 5px rgba(203,182,161,.11);animation:mood-pulse 1.8s ease-in-out infinite}.mood__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:35px}.mood__choices button{display:flex;align-items:center;gap:11px;min-height:54px;padding:10px 14px;border:1px solid rgba(248,245,239,.15);border-radius:12px;background:rgba(248,245,239,.025);color:#e6e0d8;text-align:left;font:500 12px/1.25 var(--font-body);transition:.2s ease}.mood__choices button span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(248,245,239,.08);color:#cbb6a1;font-size:14px}.mood__choices button:hover,.mood__choices button[aria-pressed="true"]{border-color:#b9a897;background:#f8f5ef;color:#25221f;transform:translateY(-2px)}.mood__choices button[aria-pressed="true"] span{background:#25221f;color:#f8f5ef}.mood__panel{position:relative;min-height:620px;border:1px solid rgba(248,245,239,.13);border-radius:24px;background:linear-gradient(145deg,#262321,#1d1b1a);box-shadow:0 36px 90px rgba(0,0,0,.28);overflow:hidden}.mood__panel::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent)}.mood__idle,.mood__loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#f8f5ef}.mood__idle strong,.mood__loading strong{font:500 20px/1.2 var(--font-body)}.mood__idle small,.mood__loading small{color:#938c84;font:500 10px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase}.mood__orb{position:relative;display:grid;place-items:center;width:132px;aspect-ratio:1;margin-bottom:22px;border:1px solid rgba(203,182,161,.25);border-radius:50%;box-shadow:0 0 0 24px rgba(203,182,161,.035),0 0 0 48px rgba(203,182,161,.018)}.mood__orb::after{content:"";width:54px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#efe7df,#a48d78 48%,#5e4f43);box-shadow:0 0 35px rgba(203,182,161,.32);animation:mood-float 4s ease-in-out infinite}.mood__orb i{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(203,182,161,.4),transparent);transform:rotate(var(--r,0deg))}.mood__orb i:nth-child(2){--r:60deg}.mood__orb i:nth-child(3){--r:120deg}.mood__loading .mood__orb{animation:mood-spin 2.2s linear infinite}.mood__result{position:relative;z-index:2;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:620px}.mood__visual{position:relative;display:grid;place-items:center;min-height:400px;background:radial-gradient(circle at 50% 52%,rgba(203,182,161,.19),transparent 54%)}.mood__visual img{width:min(78%,470px);height:auto;filter:drop-shadow(0 30px 28px rgba(0,0,0,.34));animation:mood-arrive .6s cubic-bezier(.22,1,.36,1) both}.mood__match{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(248,245,239,.16);border-radius:999px;color:#d9d1c8;font:600 9px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase}.mood__match i{width:6px;height:6px;border-radius:50%;background:#d7bda5}.mood__details{padding:27px 30px 31px;border-top:1px solid rgba(248,245,239,.11);background:rgba(20,18,17,.52);backdrop-filter:blur(12px)}.mood__details>small{color:#a89e94;font:600 9px/1 var(--font-body);letter-spacing:.13em;text-transform:uppercase}.mood__details h3{margin-top:9px;color:#f8f5ef;font:500 clamp(30px,3.2vw,46px)/1 var(--font-body);letter-spacing:-.035em}.mood__details p{max-width:48ch;margin-top:12px;color:#aaa39c;font:400 13px/1.55 var(--font-body)}.mood__foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:23px}.mood__foot strong{font:600 16px/1 var(--font-body)}.mood__foot a{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#f8f5ef;color:#25221f;font:600 11px/1 var(--font-body)}
@keyframes mood-pulse{50%{opacity:.45;box-shadow:0 0 0 9px rgba(203,182,161,0)}}@keyframes mood-float{50%{transform:translateY(-7px) scale(1.03)}}@keyframes mood-spin{to{transform:rotate(360deg)}}@keyframes mood-arrive{from{opacity:0;transform:translateY(22px) scale(.94)}}
@media(max-width:900px){.mood__grid{grid-template-columns:1fr}.mood__intro{max-width:680px}.mood__panel,.mood__result{min-height:570px}}
@media(max-width:640px){.mood__choices{grid-template-columns:1fr 1fr}.mood__choices button{min-height:50px;padding:8px 10px}.mood__panel,.mood__result{min-height:520px}.mood__visual{min-height:340px}.mood__details{padding:23px 21px 25px}.mood__foot{align-items:flex-start;flex-direction:column}.mood__match{top:16px;left:16px}}
@media(prefers-reduced-motion:reduce){.mood__ai i,.mood__orb,.mood__orb::after,.mood__visual img{animation:none}}

/* Conversational prompt and interpreted-result layer */
.mood__intro>p:not(.ey){max-width:52ch}.mood__prompt{margin-top:31px;padding:17px;border:1px solid rgba(248,245,239,.18);border-radius:18px;background:rgba(248,245,239,.045);transition:border-color .2s,background .2s}.mood__prompt:focus-within{border-color:#b9a897;background:rgba(248,245,239,.07)}.mood__prompt label{display:block;margin-bottom:10px;color:#d7d0c8;font:600 10px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase}.mood__prompt textarea{display:block;width:100%;min-height:104px;padding:0;border:0;outline:0;resize:vertical;background:transparent;color:#f8f5ef;font:400 15px/1.55 var(--font-body)}.mood__prompt textarea::placeholder{color:#77716b}.mood__prompt textarea[aria-invalid="true"]::placeholder{color:#d69b8d}.mood__prompt-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;border-top:1px solid rgba(248,245,239,.1)}.mood__prompt-foot small{max-width:24ch;color:#88817a;font:500 9px/1.35 var(--font-body)}.mood__prompt-foot button{display:inline-flex;align-items:center;gap:10px;flex:none;padding:13px 17px;border:0;border-radius:999px;background:#f8f5ef;color:#25221f;font:600 11px/1 var(--font-body)}.mood__sparks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:13px}.mood__sparks>span{width:100%;color:#77716b;font:500 9px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase}.mood__sparks button{padding:8px 10px;border:1px solid rgba(248,245,239,.13);border-radius:999px;background:transparent;color:#bcb6af;font:500 10px/1 var(--font-body);transition:.2s ease}.mood__sparks button:hover{border-color:#b9a897;color:#f8f5ef}
.mood__visual{min-height:390px}.mood__visual img{width:min(76%,450px)}.mood__details{padding:25px 30px 29px}.mood__read{display:flex;align-items:center;gap:11px;margin-bottom:13px}.mood__read small{flex:none;color:#827a73;font:600 8px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase}.mood__read div{display:flex;flex-wrap:wrap;gap:5px}.mood__read span{padding:5px 7px;border-radius:999px;background:rgba(248,245,239,.08);color:#c9c1b8;font:500 8px/1 var(--font-body)}.mood__alternate{margin-top:12px;color:#77716b;font:500 10px/1.3 var(--font-body)}.mood__alternate a{border-bottom:1px solid #8f8378;color:#cbbeb2;font-weight:600}.mood__foot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-content:initial;gap:12px;margin-top:20px}.mood__foot a{justify-self:end}.mood__foot>button{padding:0;border:0;background:none;color:#938c84;font:600 9px/1 var(--font-body);text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.mood__prompt-foot{align-items:flex-start;flex-direction:column}.mood__prompt-foot button{align-self:stretch;justify-content:center}.mood__panel,.mood__result{min-height:570px}.mood__visual{min-height:330px}.mood__details{padding:21px}.mood__foot{display:grid;grid-template-columns:auto 1fr;align-items:center}.mood__foot a{justify-self:end}.mood__foot>button{grid-column:1/-1;justify-self:start}}

.mood__empty { min-height: 180px; display: grid; place-items: center; align-content: center; gap: 8px; padding: 28px; border: 1px dashed rgba(248,245,239,.2); border-radius: 16px; color: #f8f5ef; text-align: center; }
.mood__empty strong { font: 500 20px/1.2 var(--font-body); }
.mood__empty small { color: #938c84; font: 500 10px/1.4 var(--font-body); }