@font-face{font-family:"TradeWindsCustom";src:url("/assets/trade-winds.ttf") format("truetype");font-display:swap}
:root{
  --bg:#050505;
  --bg2:#0b0a0f;
  --card:#111116cc;
  --text:#f6f2ff;
  --muted:#b8afcc;
  --accent:#b98aff;
  --accent2:#59e1ff;
  --accent3:#f4cf86;
  --line:rgba(255,255,255,.14);
  --goldGlow:rgba(244,207,134,.35);
}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;font-family:Inter,system-ui,sans-serif;color:#f6f2ff;background:radial-gradient(900px 520px at 85% -20%, rgba(181,139,255,.24), transparent 62%),radial-gradient(720px 430px at 5% 8%, rgba(110,242,255,.16), transparent 58%),radial-gradient(700px 420px at 50% 115%, rgba(244,207,134,.10), transparent 70%),#07060d;background-repeat:no-repeat;background-size:cover}
.wrap{max-width:1024px;margin:0 auto;padding:28px 18px 36px}
.hero{position:relative;overflow:hidden;min-width:0;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));border:1px solid rgba(244,207,134,.18);border-radius:22px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.52),0 0 0 1px rgba(171,46,95,.12) inset;backdrop-filter:blur(8px)}
.hero-top{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}
.logo-wrap{display:flex;justify-content:center}
.logo{width:220px;height:220px;max-width:100%;object-fit:cover;object-position:center;display:block;border-radius:50%;clip-path:circle(50% at 50% 50%);border:1px solid rgba(244,207,134,.38);background:#0b0a0f;box-shadow:0 18px 48px rgba(0,0,0,.62),0 0 0 2px rgba(244,207,134,.10),0 0 20px rgba(185,138,255,.08)}
.hero-copy{min-width:0}
.badge{display:inline-block;padding:8px 13px;border-radius:999px;background:linear-gradient(90deg,#2a1622,#4b1f38,#2a1622);border:1px solid rgba(244,207,134,.45);font-size:12px;color:#fff1da;box-shadow:0 0 0 1px rgba(244,207,134,.2) inset,0 10px 24px rgba(0,0,0,.35),0 6px 18px rgba(171,46,95,.2)}
h1{font-family:"TradeWindsCustom","Palatino Linotype","Book Antiqua",Palatino,serif;font-size:clamp(32px,5vw,56px);line-height:1.02;margin:12px 0 10px;letter-spacing:.012em;color:#fff4e6;text-shadow:0 10px 28px rgba(0,0,0,.52),0 2px 10px rgba(244,207,134,.16),0 1px 14px rgba(185,138,255,.12)}
p{margin:0;color:var(--muted);font-size:clamp(16px,2vw,20px);overflow-wrap:anywhere}
.toprow{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:600;transition:transform .2s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(90deg,#2a1622,#4b1f38,#2a1622);color:#fff7ef;border:1px solid rgba(244,207,134,.45);box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 0 1px rgba(244,207,134,.18) inset,0 8px 22px rgba(171,46,95,.22)}
.btn-ghost{border:1px solid rgba(244,207,134,.28);color:#f3e8ff;background:linear-gradient(90deg,rgba(42,22,34,.75),rgba(75,31,56,.55),rgba(42,22,34,.75))}
.what-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f1d7a5;margin-bottom:8px}
.socials{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin-top:14px;padding-top:8px;border-top:1px solid rgba(244,207,134,.16);opacity:.86}
.member-panel{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:14px}
.member-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.member-panel .btn{padding:9px 12px;border-radius:10px;font-size:14px}
.member-panel #memberState{margin:0;color:#a79bbb;min-height:18px;font-size:12px;text-align:left;opacity:.9}
.member-panel #memberActions{margin:0;display:flex;gap:8px}
.ephemeris-panel{margin-top:18px;padding:16px;border:1px solid rgba(244,207,134,.2);border-radius:16px;background:linear-gradient(180deg, rgba(75,31,56,.22), rgba(14,10,18,.56));box-shadow:0 10px 30px rgba(0,0,0,.22) inset}
.ephemeris-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.ephemeris-head h2{margin:6px 0 0;font-size:clamp(22px,3vw,30px);line-height:1.05;color:#fff0da;text-shadow:0 6px 18px rgba(0,0,0,.35),0 0 14px rgba(244,207,134,.12)}
.ephemeris-head p{margin:0;font-size:13px;color:#c9bbdd;max-width:340px}
.astro-accordion{margin-top:14px;border:1px solid rgba(244,207,134,.18);border-radius:14px;background:linear-gradient(180deg, rgba(42,22,34,.24), rgba(15,11,19,.44));overflow:hidden}
.astro-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#fff0da;font-weight:700}
.astro-summary::-webkit-details-marker{display:none}
.astro-summary-icon{transition:transform .2s ease;color:#f1d7a5}
.astro-accordion[open] .astro-summary-icon{transform:rotate(180deg)}
.astro-accordion>:not(summary){padding:0 14px 14px}
.ephemeris-grid{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:18px;align-items:center;margin-top:14px}
.ephemeris-wheel-wrap{display:flex;justify-content:center}
.ephemeris-wheel{width:min(100%,280px);height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.32))}
.ephemeris-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.planet-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;border:1px solid rgba(244,207,134,.16);background:linear-gradient(90deg,rgba(42,22,34,.72),rgba(75,31,56,.34),rgba(42,22,34,.72))}
.planet-main{display:flex;align-items:center;gap:10px;min-width:0}
.planet-glyph{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:#140d12;background:var(--planet-color, #f4cf86);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 4px 12px rgba(0,0,0,.25)}
.planet-copy{min-width:0}
.planet-name{display:block;font-size:14px;font-weight:700;color:#fff2dc}
.planet-sign{display:block;font-size:12px;color:#d5c8e9}
.planet-angle{font-size:13px;color:#f2e1bf;text-align:right;white-space:nowrap}
.planet-retro{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:11px;color:#ffb7b0}
.focus-panel,.houses-panel{margin-top:0;padding:2px 2px 0;border:none;border-radius:0;background:none}
.reading-panel{margin-top:0;padding:2px 2px 0;border:none;border-radius:0;background:none}
.houses-head p{margin:4px 0 0;font-size:13px;color:#cbbfe0}
.astro-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.astro-point{padding:10px 11px;border-radius:12px;border:1px solid rgba(244,207,134,.18);background:linear-gradient(90deg,rgba(42,22,34,.72),rgba(75,31,56,.28),rgba(42,22,34,.72))}
.astro-point-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#f0cf9d}
.astro-point-value{display:block;margin-top:5px;color:#fff1db;font-weight:700;font-size:14px}
.astro-point-sub{display:block;margin-top:3px;color:#d5c8e9;font-size:12px}
.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.focus-card{padding:10px 11px;border-radius:12px;border:1px solid rgba(244,207,134,.22);background:radial-gradient(circle at top left, rgba(244,207,134,.12), transparent 45%),linear-gradient(90deg,rgba(42,22,34,.78),rgba(75,31,56,.34),rgba(42,22,34,.78));box-shadow:0 0 0 1px rgba(244,207,134,.08) inset,0 8px 24px rgba(0,0,0,.18)}
.focus-house{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#f0cf9d}
.focus-theme{display:block;margin-top:5px;color:#fff1db;font-weight:700;font-size:14px}
.focus-planets{display:block;margin-top:4px;color:#d5c8e9;font-size:12px;line-height:1.4}
.houses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.house-card{padding:10px 11px;border-radius:12px;border:1px solid rgba(244,207,134,.18);background:radial-gradient(circle at top left, rgba(185,138,255,.10), transparent 42%),linear-gradient(90deg,rgba(42,22,34,.72),rgba(75,31,56,.28),rgba(42,22,34,.72))}
.house-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#f0cf9d}
.house-sign{display:block;margin-top:5px;color:#fff1db;font-weight:700;font-size:14px}
.house-degree{display:block;margin-top:3px;color:#d5c8e9;font-size:12px}
.reading-text,.reading-summary,.reading-caution{margin:0;color:#e9def5}
.reading-text{font-size:15px;line-height:1.6}
.reading-summary,.reading-caution{margin-top:10px;font-size:14px;color:#d7c8ea}
.reading-caution{color:#f1c6be}
.ephemeris-empty{padding:12px;border-radius:12px;border:1px dashed rgba(244,207,134,.2);color:#cabddd;font-size:14px}
.horoscope-box-meta{margin-top:12px;font-size:13px;line-height:1.5;color:#c9bbdd}
.horoscope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.horoscope-card{padding:14px;border-radius:14px;border:1px solid rgba(244,207,134,.18);background:radial-gradient(circle at top left, rgba(185,138,255,.10), transparent 38%),linear-gradient(180deg, rgba(42,22,34,.78), rgba(18,14,23,.60));box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 0 1px rgba(244,207,134,.06) inset}
.horoscope-sign{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#fff1db;margin-bottom:8px}
.horoscope-impulse{display:block;font-size:13px;line-height:1.55;color:#e8dbf7;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(244,207,134,.12)}
.horoscope-lines{display:grid;gap:7px}
.horoscope-line{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:start;font-size:12px;color:#d5c8e9;line-height:1.5}
.horoscope-line strong{color:#f2d9aa;display:block}
.horoscope-line span{display:block}
.story-ticker{display:none;margin-top:16px;border:1px solid rgba(244,207,134,.24);border-radius:12px;background:linear-gradient(90deg,rgba(42,22,34,.66),rgba(75,31,56,.42),rgba(42,22,34,.66));overflow:hidden;position:relative;max-width:100%}
.story-ticker::before,.story-ticker::after{content:"";position:absolute;top:0;bottom:0;width:64px;z-index:2;pointer-events:none}
.story-ticker::before{left:0;background:linear-gradient(90deg,#0f0d13,transparent)}
.story-ticker::after{right:0;background:linear-gradient(270deg,#0f0d13,transparent)}
.story-track{display:inline-block;white-space:nowrap;padding:10px 0;animation:storyMarquee 1000s linear infinite;animation-play-state:running}
.story-line{display:inline-block;padding-right:56px;color:#e9defa;font-size:14px;letter-spacing:.02em;text-shadow:0 3px 10px rgba(0,0,0,.35)}
@keyframes storyMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.icon-btn{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#dfd2ef;border:1px solid rgba(244,207,134,.24);background:linear-gradient(90deg,rgba(42,22,34,.7),rgba(75,31,56,.45),rgba(42,22,34,.7));transition:all .2s ease;font-size:14px}
.icon-btn:hover{transform:translateY(-1px);border-color:rgba(244,207,134,.65);box-shadow:0 0 0 1px rgba(244,207,134,.2) inset,0 6px 20px rgba(0,0,0,.35)}
.icon-btn--support{color:#ff7a8f;border-color:rgba(255,122,143,.55);background:radial-gradient(circle at 30% 30%, rgba(255,122,143,.22), rgba(255,122,143,.08));opacity:1}
.icon-btn--support:hover{border-color:#ff9e79;box-shadow:0 0 0 1px rgba(255,122,143,.3) inset,0 8px 24px rgba(255,122,143,.28)}
footer{margin-top:18px;color:#9c93b5;font-size:12px;line-height:1.5}
.footer-links{white-space:nowrap;display:block;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.footer-links::-webkit-scrollbar{display:none}
footer a{color:#d5c8ff}
.consent-link{color:#d5c8ff;cursor:pointer;text-decoration:underline}
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;background:#12121acc;border:1px solid rgba(244,207,134,.25);border-radius:14px;padding:14px;backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(0,0,0,.45)}
.consent[hidden]{display:none}
.consent p{margin:0 0 10px;font-size:14px;color:#ddd3ec}
.consent-actions{display:flex;gap:8px;flex-wrap:wrap}
.consent .btn{padding:9px 12px;font-size:12px}
@media (max-width:980px){.horoscope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.wrap{padding:20px 10px 28px}.hero{padding:18px}.hero-top{grid-template-columns:1fr}.logo{width:180px;height:180px;margin:0 auto}.actions{gap:8px}.btn{max-width:100%}.ephemeris-grid{grid-template-columns:1fr}.ephemeris-list{grid-template-columns:1fr}.focus-grid,.houses-grid,.horoscope-grid{grid-template-columns:1fr}.ephemeris-wheel{max-width:240px}.story-ticker::before,.story-ticker::after{display:none}.story-line{padding-right:24px}.member-panel{width:100%;align-items:flex-start;margin-top:8px}.member-panel #memberState{text-align:left;overflow-wrap:anywhere;font-size:12px}footer{font-size:12px}}