.webapp-hero{display:grid;min-height:min(820px,calc(100svh - 72px));align-items:center;gap:36px;padding-block:64px 80px}.webapp-hero-copy{position:relative;z-index:2;max-width:760px}.webapp-hero h1{max-width:800px;margin:0;font-size:clamp(3rem,13vw,6.8rem);font-weight:880;letter-spacing:-.065em;line-height:.94}.webapp-hero-copy>p:not(.eyebrow){max-width:680px;margin:24px 0 30px;color:var(--muted-foreground);font-size:clamp(1.05rem,3.5vw,1.27rem)}.cosmic-orb{position:relative;display:grid;width:min(86vw,450px);aspect-ratio:1;place-items:center;margin-inline:auto;border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 22%,var(--surface)) 0 26%,transparent 27%),radial-gradient(circle,transparent 55%,color-mix(in srgb,var(--secondary) 12%,transparent) 56% 57%,transparent 58%);box-shadow:inset 0 0 80px color-mix(in srgb,var(--primary) 10%,transparent),0 35px 90px color-mix(in srgb,var(--primary) 18%,transparent)}.cosmic-orb:after,.cosmic-orb:before{position:absolute;inset:12%;border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:50%;content:"";transform:rotate(42deg) scaleY(.48)}.cosmic-orb:after{inset:3%;border-color:color-mix(in srgb,var(--secondary) 22%,transparent);transform:rotate(-24deg) scaleY(.68)}.cosmic-orb>span{position:absolute;z-index:2;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--primary);background:var(--surface);box-shadow:var(--shadow);font-size:1.2rem}.cosmic-orb>span:first-child{top:6%;left:46%}.cosmic-orb>span:nth-child(2){top:28%;right:3%;color:var(--secondary)}.cosmic-orb>span:nth-child(3){right:14%;bottom:8%}.cosmic-orb>span:nth-child(4){bottom:14%;left:5%}.cosmic-orb>span:nth-child(5){top:22%;left:2%;color:var(--accent-warm)}.cosmic-orb>div{z-index:2;display:grid;place-items:center;gap:9px;color:var(--secondary)}.cosmic-orb>div strong{color:var(--foreground);font-size:.78rem;letter-spacing:.2em}.experience-section{padding-block:76px}.experience-heading{max-width:720px;margin-bottom:34px}.experience-heading.centered{margin-inline:auto;text-align:center}.experience-heading h2{margin:0;font-size:clamp(2.05rem,8vw,4rem);letter-spacing:-.045em;line-height:1.03}.experience-heading>p:last-child{margin:16px 0 0;color:var(--muted-foreground);font-size:1.04rem}.profile-form{display:grid;max-width:900px;gap:16px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.form-field{display:grid;align-content:start;gap:8px}.form-field label{display:flex;align-items:center;gap:8px;font-weight:750}.form-field label svg{color:var(--primary)}.form-field input,.form-field select{width:100%;height:56px;min-height:52px;max-height:56px;padding-inline:14px;border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--foreground);background:var(--background);font:inherit}.form-field small{color:var(--subtle-foreground)}.personality-test-help{display:grid;gap:2px}.personality-test-help a{display:inline-flex;width:fit-content;min-height:48px;align-items:center;gap:6px;color:var(--primary);font-size:.86rem;font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.personality-test-help a:hover{color:var(--secondary)}.personality-test-help small{font-size:.74rem;line-height:1.5}.profile-submit{width:100%;margin-top:4px}.form-error{grid-column:1/-1;margin:0;color:var(--error);font-weight:700}.dashboard-grid{display:grid;gap:22px}.horoscope-dashboard{min-width:0}.profile-summary-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.profile-zodiac{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;color:var(--primary);background:var(--surface-soft);font-size:2rem}.profile-summary-card h3{margin:0;font-size:1.4rem}.profile-summary-card p{margin:1px 0;color:var(--muted-foreground);font-size:.86rem}.profile-summary-card .eyebrow{color:var(--primary);font-size:.67rem}.profile-summary-card .text-button{grid-column:1/-1;justify-self:start}.text-button{min-height:48px;padding:0 4px;border:0;color:var(--primary);background:transparent;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.category-grid{display:grid;gap:12px;margin-top:18px}.category-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:146px;align-items:center;gap:12px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);background:var(--surface);text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.category-card:hover{border-color:var(--border-bright);box-shadow:var(--shadow);transform:translateY(-2px)}.category-icon{display:grid;width:45px;height:45px;place-items:center;border-radius:50%;background:var(--surface-raised)}.category-icon.theme-love,.theme-love .category-icon{color:var(--love)}.category-icon.theme-finance,.theme-finance .category-icon{color:var(--finance)}.category-icon.theme-family,.theme-family .category-icon{color:var(--family)}.category-copy{display:grid;gap:2px}.category-copy strong{font-size:1.01rem}.category-copy small{color:var(--muted-foreground)}.category-arrow{color:var(--subtle-foreground)}.timing-preview{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted-foreground);font-size:.72rem}.timing-preview span{display:grid}.timing-preview b{color:var(--foreground);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.horoscope-result{margin-top:18px;padding:24px;border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface));box-shadow:var(--shadow)}.result-header{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--border)}.result-header h3{margin:0;font-size:1.45rem}.result-header p{margin:0;color:var(--muted-foreground);font-size:.8rem}.result-header .eyebrow{color:var(--primary)}.horoscope-copy{max-width:780px;padding-block:10px}.horoscope-copy p{margin-block:16px}.horoscope-ad{min-height:132px;margin-top:28px;padding:14px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.horoscope-ad-label{display:block;margin-bottom:8px;color:var(--subtle-foreground);font-size:.68rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}.horoscope-ad .adsbygoogle{min-height:90px}.timing-details{display:grid;gap:12px;padding:18px;border-radius:var(--radius-md);background:var(--background)}.timing-now{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.timing-now>svg{color:var(--secondary)}.timing-now div{display:grid}.timing-now div span{color:var(--muted-foreground);font-size:.76rem}.timing-now p{grid-column:1/-1;margin:5px 0 0}.timing-windows{display:grid;grid-template-columns:1fr 1fr;gap:8px}.timing-windows div{display:grid;gap:2px;padding:11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.timing-windows span{color:var(--muted-foreground);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.timing-windows strong{font-size:.84rem}.timing-details>small{color:var(--subtle-foreground)}.streak-panel{align-self:start;padding:22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.streak-heading{display:flex;align-items:center;gap:12px}.streak-heading>span{display:grid;width:45px;height:45px;place-items:center;border-radius:50%;color:var(--accent-warm);background:color-mix(in srgb,var(--accent-warm) 13%,transparent)}.streak-heading h3{margin:0;font-size:1.25rem}.streak-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.streak-stats div{display:grid;gap:2px;padding:11px 7px;border-radius:var(--radius-sm);background:var(--background);text-align:center}.streak-stats strong{font-size:1.6rem}.streak-stats span{justify-content:center;gap:3px;font-size:.66rem}.streak-stats span,.today-state{display:flex;align-items:center;color:var(--muted-foreground)}.today-state{gap:7px;margin:14px 0;font-size:.82rem;font-weight:750}.today-state.is-read{color:var(--secondary)}.streak-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.streak-calendar span{display:grid;aspect-ratio:1;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--subtle-foreground);font-size:.68rem}.streak-calendar .day-read{border-color:var(--secondary);color:var(--primary-foreground);background:var(--secondary)}.calendar-legend{margin:12px 0 0;color:var(--subtle-foreground);font-size:.68rem}.card-reading-tool{max-width:1050px;margin-inline:auto}.deck-switch{display:grid;gap:12px}.deck-switch button{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;min-height:126px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);background:var(--surface);text-align:left;cursor:pointer}.deck-switch button.is-active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 22%,transparent)}.deck-switch button>span{grid-row:1/3;display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:var(--primary);background:var(--surface-soft);font-size:1.45rem}.deck-switch strong{align-self:end;font-size:1.05rem}.deck-switch small{color:var(--muted-foreground)}.reading-options{display:grid;gap:16px;margin-top:16px;padding:22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.reading-options fieldset{display:grid;gap:8px;margin:0;padding:0;border:0}.reading-options legend{margin-bottom:8px;font-weight:800}.reading-options fieldset label,.reversal-option{display:flex;min-height:62px;align-items:center;gap:11px;padding:10px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.reading-options input{width:20px;height:20px;accent-color:var(--primary)}.reading-options label span{display:grid}.reading-options label small{color:var(--muted-foreground)}.draw-button{width:100%}.draw-note{margin:0;color:var(--subtle-foreground);font-size:.76rem}.drawn-reading{margin-top:32px}.drawn-cards{display:grid;gap:14px}.drawn-card{min-height:420px;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);background:var(--surface);cursor:pointer}.card-back,.card-face{display:flex;min-height:420px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px}.card-back{background:radial-gradient(circle,color-mix(in srgb,var(--primary) 18%,transparent),transparent 55%),repeating-linear-gradient(45deg,color-mix(in srgb,var(--primary) 8%,var(--surface)) 0 8px,var(--surface) 8px 16px)}.card-back svg{color:var(--primary)}.card-back strong{font-size:.72rem;letter-spacing:.12em}.card-back small{color:var(--muted-foreground)}.card-face{justify-content:flex-start;text-align:center}.card-position{color:var(--primary);font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.card-symbol{display:grid;width:92px;height:92px;place-items:center;margin-block:8px;border:1px solid var(--border);border-radius:50%;color:var(--primary);background:var(--surface-soft);font-size:3rem}.card-symbol.is-reversed{transform:rotate(180deg)}.card-face>strong{font-size:1.25rem}.card-face>small{color:var(--subtle-foreground)}.card-face>b{color:var(--secondary);font-size:.85rem}.card-face>span:last-child{color:var(--muted-foreground)}.reveal-all{display:flex;margin:12px auto}.synthesis-card{margin-block:20px;padding:24px;border:1px solid color-mix(in srgb,var(--secondary) 40%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--secondary) 7%,var(--surface))}.synthesis-card h3{margin:0;font-size:1.65rem}.synthesis-card>strong{display:block;margin-top:16px;color:var(--secondary)}.profile-required{max-width:650px;margin:0 auto;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted-foreground);background:var(--surface);text-align:center}.seo-intro{display:grid;gap:24px;padding-block:78px}.app-promo h2,.seo-faq h2,.seo-intro h2,.zodiac-section h2{margin:0;font-size:clamp(2rem,7vw,3.6rem);letter-spacing:-.045em;line-height:1.05}.seo-intro>div:first-child>p:last-child{max-width:780px;color:var(--muted-foreground);font-size:1.05rem}.zodiac-section{padding-block:78px}.zodiac-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.zodiac-grid article{min-width:0;padding:18px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:center}.zodiac-grid article>span{color:var(--primary);font-size:2rem}.zodiac-grid h3{margin:5px 0;font-size:1rem}.zodiac-grid p{margin:0;color:var(--muted-foreground);font-size:.73rem}.seo-faq{display:grid;gap:24px;padding-block:78px}.app-promo{display:grid;gap:22px;align-items:center;margin-block:18px 78px;padding-block:36px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.app-promo p:not(.eyebrow){color:var(--muted-foreground)}.app-promo .button{justify-self:start}@media (min-width:640px){.profile-form{padding:30px}.form-field-wide,.profile-submit{grid-column:1/-1}.category-grid,.deck-switch{grid-template-columns:repeat(2,1fr)}.category-card:last-child{grid-column:1/-1}.reading-options fieldset{grid-template-columns:repeat(2,1fr)}.reading-options legend{grid-column:1/-1}.drawn-cards.three-cards{grid-template-columns:repeat(3,1fr)}.card-back,.card-face,.drawn-card{min-height:460px}.zodiac-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.webapp-hero{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}.profile-form{grid-template-columns:repeat(3,minmax(0,1fr))}.form-field-wide{grid-column:auto}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start}.horoscope-ad{min-height:202px}.horoscope-ad .adsbygoogle{min-height:160px}.category-grid{grid-template-columns:repeat(3,1fr)}.category-card:last-child{grid-column:auto}.category-card{min-height:194px;align-content:start}.timing-preview{grid-template-columns:1fr}.reading-options{grid-template-columns:1.2fr 1fr auto;align-items:end}.reading-options fieldset{grid-template-columns:repeat(2,1fr)}.draw-button{width:auto;min-width:220px}.draw-note{grid-column:1/-1}.seo-intro{grid-template-columns:1.6fr .7fr;align-items:end}.zodiac-grid{grid-template-columns:repeat(6,1fr)}.seo-faq{grid-template-columns:.65fr 1fr;align-items:start}.app-promo{grid-template-columns:1fr auto}}@media (prefers-reduced-motion:reduce){.category-card{transition:none}}