:root{--bg:#06101f;--surface:#0d1a2d;--surface-2:#12233b;--text:#f6f4ef;--muted:#a9b4c5;--gold:#f5bf4e;--gold-2:#d8932e;--line:#203650;--red:#e04f66;--blue:#5578ff;--radius:20px;--max:1180px;--shadow:0 16px 40px rgba(0,0,0,.3)}
:root[data-theme="light"]{--bg:#f4f6fb;--surface:#ffffff;--surface-2:#eef2f8;--text:#172033;--muted:#677287;--line:#dfe4ec;--shadow:0 16px 40px rgba(30,40,60,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:850}.brand-mark{font-size:32px;color:var(--gold);filter:drop-shadow(0 0 12px rgba(245,191,78,.25))}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:550;margin-top:-5px}.nav-links{display:flex;gap:20px;margin-left:auto}.nav-links a{font-size:14px;color:var(--muted);font-weight:650}.nav-links a.active,.nav-links a:hover{color:var(--gold)}.nav-actions{display:flex;gap:8px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}.menu-btn{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 20%,rgba(40,70,150,.42),transparent 36%),linear-gradient(115deg,#030b16,#07172b 55%,#081325);min-height:500px}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:75px 75px;opacity:.12}.hero-art{position:absolute;right:1%;top:40px;width:46%;height:390px;background:url('/assets/hero-art.png') no-repeat right center/contain;filter:drop-shadow(0 20px 50px rgba(0,0,0,.45));opacity:.98}.hero-inner{position:relative;z-index:2;min-height:500px;display:flex;align-items:center}.hero-copy{width:58%;padding:56px 0}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:var(--gold);font-weight:800}.hero h1{font:700 clamp(40px,5vw,64px)/1.03 Georgia,serif;margin:10px 0 12px}.hero p{font-size:18px;color:#cfd8e6;max-width:620px}.period-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.period-tabs a,.period-tabs button{border:1px solid var(--line);background:#0d1a2d;color:#d8e2f0;border-radius:11px;padding:10px 18px;font-weight:750;cursor:pointer}.period-tabs a.active,.period-tabs button.active{background:linear-gradient(135deg,var(--gold),#e59f32);color:#121722;border-color:transparent}
main{padding:32px 0 70px}.section{margin-bottom:40px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.section h2{font:700 30px/1.2 Georgia,serif;margin:0}.section p.lead{color:var(--muted);margin:6px 0 0}.link-more{color:var(--gold);font-weight:750;font-size:14px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),var(--surface));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:22px}
.zodiac-strip{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-top:-35px;position:relative;z-index:5}.zodiac-mini{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:12px 5px;text-align:center;box-shadow:var(--shadow)}.zodiac-mini .glyph{font-size:29px;color:var(--gold)}.zodiac-mini span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.hor-card{padding:22px;min-height:235px;position:relative;overflow:hidden}.hor-card .sign-row{display:flex;align-items:center;gap:14px}.sign-icon{width:52px;height:52px;border:1px solid color-mix(in srgb,var(--gold) 50%,var(--line));border-radius:50%;display:grid;place-items:center;font-size:27px;color:var(--gold);background:rgba(245,191,78,.06)}.hor-card h3{margin:0;font-size:23px}.hor-card p{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:11px;font-weight:800;background:linear-gradient(135deg,var(--gold),#e49a2d);color:#151a21}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}
.utility-card{padding:22px}.utility-card .big-icon{font-size:34px}.utility-card h3{margin:8px 0 6px}.utility-card p{color:var(--muted);margin:0 0 15px}.article-card{overflow:hidden}.article-thumb{height:115px;background:radial-gradient(circle at 60% 35%,rgba(85,120,255,.45),transparent 34%),linear-gradient(145deg,#12213f,#080e19);display:grid;place-items:center;font-size:44px}.article-body{padding:18px}.article-body h3{margin:0 0 6px}.meta{font-size:12px;color:var(--muted)}
.page-hero{padding:42px 0 24px;background:radial-gradient(circle at 85% 0,rgba(74,95,180,.18),transparent 30%)}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:12px}.page-hero h1{font:700 clamp(35px,4.5vw,54px)/1.1 Georgia,serif;margin:0}.page-hero .intro{font-size:18px;color:var(--muted);max-width:820px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.prose{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.prose h2{font:700 28px/1.25 Georgia,serif;margin-top:34px}.prose h3{font-size:20px;margin-top:28px}.prose p{color:color-mix(in srgb,var(--text) 88%,var(--muted));}.summary{padding:18px;border-left:4px solid var(--gold);background:var(--surface-2);border-radius:10px}.side-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px}.side-card h3{margin:0 0 12px}.list-links{display:grid;gap:8px}.list-links a{padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.list-links a:last-child{border:0}.notice{padding:16px 18px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;font-size:14px;color:var(--muted)}
.calc{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:grid;gap:6px}.field label{font-size:13px;color:var(--muted);font-weight:650}.field input,.field select{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:11px;padding:12px}.field.full{grid-column:1/-1}.result-box{margin-top:18px;padding:20px;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));border-radius:14px;background:rgba(245,191,78,.05)}
.site-footer{border-top:1px solid var(--line);padding:38px 0 28px;background:#050d19}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:26px}.footer-grid h4{margin:0 0 10px}.footer-grid a{display:block;color:var(--muted);font-size:14px;padding:4px 0}.copyright{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;color:var(--muted);font-size:13px}
@media(max-width:980px){.nav-links{display:none}.menu-btn{display:inline-grid}.hero-art{width:58%;right:-10%;opacity:.72}.hero-copy{width:70%}.zodiac-strip{grid-template-columns:repeat(6,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.content-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 22px,var(--max))}.nav{height:64px}.brand{font-size:19px}.brand small{display:none}.hero{min-height:585px}.hero-inner{min-height:585px;align-items:flex-start}.hero-copy{width:100%;padding-top:42px}.hero h1{font-size:43px}.hero-art{width:100%;height:280px;right:0;top:auto;bottom:0;background-position:center bottom;opacity:.62}.period-tabs a,.period-tabs button{padding:9px 12px}.zodiac-strip{grid-template-columns:repeat(4,1fr);margin-top:-20px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.prose{padding:22px}.calc{grid-template-columns:1fr}}

/* ── Допълнения за продукцията (върху одобрения дизайн) ───────────── */
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--surface);color:var(--text);padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:12px}
button{font:inherit}
.nav-links a{padding:6px 0;border-bottom:2px solid transparent}.nav-links a.active{border-color:var(--gold)}
.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--gold)}.breadcrumb span[aria-hidden]{margin:0 6px}
.zodiac-mini{display:block;transition:transform .15s,border-color .15s}.zodiac-mini:hover{transform:translateY(-3px);border-color:var(--gold)}
.hero-copy .lead-date{color:#cfd8e6;font-size:15px;margin:0 0 6px}
.hor-card .mood{display:inline-block;margin-top:2px;font-size:12px;font-weight:700;color:var(--gold)}
.hor-card p{margin:14px 0}
.hor-card .btn{margin-top:auto}
.hor-card{display:flex;flex-direction:column}
.period-tabs a{transition:border-color .15s}.period-tabs a:hover{border-color:var(--gold)}
.page-hero .period-tabs{margin-top:18px}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a,.chips span.chip{padding:7px 13px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:14px;font-weight:650}.chips a:hover{border-color:var(--gold);color:var(--gold)}.chips .chip.on{border-color:var(--gold);color:var(--gold)}
.prose ul,.prose ol{padding-left:22px}.prose li{margin:6px 0}
.prose .lede{font-size:19px;color:var(--muted)}
.prose h2:first-child{margin-top:0}
.reading-block{margin:26px 0}
.mood-box{display:inline-flex;flex-direction:column;padding:10px 16px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));border-radius:14px;background:rgba(245,191,78,.06)}.mood-box span{font-size:12px;color:var(--muted)}.mood-box b{color:var(--gold)}
.advice{padding:16px 18px;border-radius:12px;background:rgba(245,191,78,.07);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));margin:22px 0}
.meta-line{color:var(--muted);font-size:14px}
.empty{padding:22px;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}
.hint{color:var(--muted);font-size:13px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}.facts div{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.facts dt{font-size:12px;color:var(--muted)}.facts dd{margin:2px 0 0;font-weight:750}.facts dd a{color:var(--gold)}
.trait-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.trait-cols>div{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:6px 18px 12px}
.trait-cols h2,.trait-cols h3{margin:14px 0 4px!important;font-size:18px!important}
.num-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.num-grid a,.num-grid .num-cell{display:block;padding:14px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;font-weight:750}.num-grid a:hover{border-color:var(--gold);color:var(--gold)}.num-grid small{display:block;font-weight:500;color:var(--muted);font-size:12px;margin-top:2px}.num-grid b{display:block;font-size:24px;color:var(--gold)}
.num-grid.wide{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.num-grid .master b{text-shadow:0 0 14px rgba(245,191,78,.5)}
.moon-hero{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}
.moon-disc{width:120px;height:120px;border-radius:50%;background:#182347;position:relative;overflow:hidden;border:1px solid var(--line);margin:auto;box-shadow:0 0 40px rgba(245,225,160,.12)}
.moon-fill{position:absolute;inset:0;background:radial-gradient(circle at 40% 38%,#fbf3d5,#e8dcae);clip-path:inset(0 0 0 calc(100% - var(--lit)))}
.moon-fill.waning{clip-path:inset(0 calc(100% - var(--lit)) 0 0)}
.moon-disc.sm{width:34px;height:34px;margin:6px auto}
.moon-hero h2{font-size:34px;margin:6px 0}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.cal .wd{font-size:12px;color:var(--muted);text-align:center;font-weight:700}
.cal .day{min-height:88px;border:1px solid var(--line);border-radius:12px;padding:8px 6px;background:var(--surface-2);text-align:center}.cal .day b{display:block;font-size:14px}.cal .day small{font-size:11px;color:var(--muted)}.cal .day.today{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.cal .blank{visibility:hidden}
.phase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.phase-grid>div{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:14px}.phase-grid .now{border-color:var(--gold)}.phase-grid b{display:block}
.ev-list{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.ev-list li{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);margin:0!important}.ev-list .today{border-color:var(--gold)}
.merc-status{padding:22px;border-radius:16px;border:1px solid var(--line);margin:0 0 22px}.merc-status.retro{border-color:var(--red);background:rgba(224,79,102,.08)}.merc-status.direct{border-color:color-mix(in srgb,var(--gold) 40%,var(--line));background:rgba(245,191,78,.05)}.merc-status .answer{font:700 44px/1 Georgia,serif;margin:0 0 8px}
.years{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.years a,.years span{padding:6px 14px;border:1px solid var(--line);border-radius:999px;font-weight:700;font-size:14px}.years .here{background:var(--gold);color:#151a21;border-color:transparent}
details{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:10px 0;background:var(--surface-2)}summary{cursor:pointer;font-weight:700}details p{margin:10px 0 0}
.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}.score{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.score strong{display:block;font-size:22px;color:var(--gold)}.score i{display:block;height:6px;border-radius:99px;background:var(--gold);margin-top:8px}.score .track{background:var(--line);border-radius:99px;height:6px;margin-top:8px}.score .track i{margin:0}
.field select,.field input{font:inherit}
.result-box[hidden]{display:none}
.result-box h3{margin:0 0 8px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}.trio>div{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:14px}.trio h4{margin:0 0 4px;color:var(--gold)}.trio a{font-weight:750;font-size:20px}
.result-card{border:1px solid var(--line);border-radius:14px;padding:16px;margin:14px 0;background:var(--surface-2)}.result-card .kw{font-weight:750;margin:0 0 6px;color:var(--gold)}
.pair-result{padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--surface-2);margin:22px 0}
.toc{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:18px 0}.toc p{margin:0 0 6px;font-weight:700}.toc ol{margin:0;padding-left:20px}
.mirror-now{padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);margin:14px 0}.mirror-now.is-hit{border-color:var(--gold)}
.center{text-align:center}
.legal-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px}.legal-links a{display:inline;padding:0}
.footer-grid .brand{display:flex}
.icon-btn:hover{border-color:var(--gold)}
:root[data-theme="light"] .hero,:root[data-theme="light"] .site-footer{color:#fff}
:root[data-theme="light"] .site-footer{background:#0b1730}
@media(max-width:980px){
  .nav-actions{margin-left:auto}
  .nav-links{position:absolute;left:0;right:0;top:72px;flex-direction:column;gap:0;background:var(--surface);border-bottom:1px solid var(--line);padding:8px 16px 14px;margin:0}
  .menu-open .nav-links{display:flex}
  .nav-links a{padding:12px 4px;border-bottom:1px solid var(--line)}
  .trait-cols{grid-template-columns:1fr}.trio{grid-template-columns:1fr}
}
@media(max-width:640px){.nav-links{top:64px}.section h2{font-size:25px}.hero-copy p{font-size:16px}.page-hero h1{font-size:33px}.moon-hero{grid-template-columns:1fr;text-align:center}.cal{gap:4px}.cal .day{min-height:64px;padding:4px 2px}.cal .day small{display:none}.zodiac-strip{gap:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.hero-art{-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 56%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000 56%,transparent 72%)}
@media(max-width:640px){.hero-art{-webkit-mask-image:radial-gradient(circle at 50% 55%,#000 50%,transparent 70%);mask-image:radial-gradient(circle at 50% 55%,#000 50%,transparent 70%)}}