.horoscope-section{--horoscope-accent:#bd4f08;--horoscope-border:#f57c20;background:var(--hero-background-pattern), var(--hero-background)}.horoscope-header{text-align:center;margin-bottom:2rem}.horoscope-title{margin-bottom:.75rem}.horoscope-title span{color:var(--horoscope-accent)}.horoscope-subtitle{color:var(--text-secondary);margin:0 auto;font-size:1rem}.horoscope-signs{grid-template-columns:repeat(12,minmax(0,1fr));gap:.625rem;margin:-4px -4px 1.75rem;padding:4px;display:grid}.horoscope-sign{background:color-mix(in srgb, var(--bg-surface) 65%, transparent);min-width:0;color:var(--text-secondary);font:inherit;cursor:pointer;scroll-snap-align:start;transition:background var(--transition), border-color var(--transition), color var(--transition);border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.625rem;padding:.875rem .25rem;font-size:.75rem;font-weight:600;display:flex}.horoscope-sign:hover{background:var(--bg-surface);border-color:var(--border-medium)}.horoscope-sign[aria-pressed=true]{border-color:var(--horoscope-border);background:var(--bg-surface);color:var(--horoscope-accent)}.horoscope-icon{border-radius:50%;width:48px;height:48px;display:flex}.horoscope-icon img{width:100%;height:100%}.horoscope-sign[aria-pressed=true] .horoscope-icon{outline:2px solid var(--horoscope-border);outline-offset:2px}.horoscope-reading{background:var(--bg-surface);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:160px;padding:2.5rem 1.5rem;display:flex}.horoscope-reading-title{font-family:var(--font-body), sans-serif;margin:0;font-size:1rem;font-weight:600;line-height:1.5}.horoscope-reading p{margin:0;font-size:.9375rem}@media (max-width:1100px){.horoscope-signs{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--horoscope-border) transparent;padding-bottom:.875rem;scroll-padding-inline:4px;display:flex;overflow-x:auto}.horoscope-sign{flex:0 0 88px}}@media (max-width:480px){.horoscope-header{margin-bottom:1.5rem}.horoscope-sign{flex-basis:82px}.horoscope-reading{padding:2rem 1.25rem}}