.mystery-page{background:var(--gradient-warm,linear-gradient(180deg, #fff8f3 0%, #fffdf9 100%))}.mystery-hero{text-align:center}.mystery-hero__icon{font-size:3rem;line-height:1}.mystery-steps{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.mystery-step{border:1px solid var(--color-border,#f0d9c8);text-align:center;background:#ffffffa6;border-radius:1rem;padding:.75rem .5rem}.mystery-step__num{background:var(--color-pastel-peach,#fde8d8);width:1.5rem;height:1.5rem;color:var(--color-caramel,#c45c26);border-radius:9999px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.mystery-step__label{color:var(--color-text-secondary,#6b5344);margin-top:.35rem;font-size:.68rem;font-weight:600;display:block}.mystery-panel{border:1px solid var(--color-border,#f0d9c8);box-shadow:var(--shadow-pl-card,0 8px 32px #5c30180f);background:#ffffffd9;border-radius:1.75rem;padding:1.5rem}.mystery-occasion-btn{border:2px solid var(--color-border,#f0d9c8);background:var(--color-white,#fff);text-align:center;border-radius:1.25rem;padding:.85rem .5rem;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.mystery-occasion-btn:hover{border-color:#c45c2659;transform:translateY(-2px)}.mystery-occasion-btn.is-active{border-color:var(--color-caramel,#c45c26);background:#fde8d8bf;box-shadow:0 6px 20px #c45c261f}.mystery-budget-btn{border:2px solid var(--color-border,#f0d9c8);background:var(--color-white,#fff);text-align:center;border-radius:1.25rem;padding:.9rem .75rem;transition:transform .2s,border-color .2s,background .2s}.mystery-budget-btn:hover:not(:disabled){border-color:#c45c2659;transform:translateY(-2px)}.mystery-budget-btn.is-active{border-color:var(--color-caramel,#c45c26);color:var(--color-caramel,#c45c26);background:#fde8d8bf}.mystery-budget-btn:disabled{opacity:.45;cursor:not-allowed}.mystery-result{animation:.45s ease-out both mystery-reveal}@keyframes mystery-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mystery-result-item{background:#fff8f3cc;border-radius:1rem;align-items:center;gap:.75rem;padding:.65rem;display:flex}.mystery-result-item__img{object-fit:cover;border-radius:1rem;flex-shrink:0;width:3.5rem;height:3.5rem}