/* =====================================================================
   MARTINEZZ STUDIO — arkusz stylów
   Jeden plik, zero zewnętrznych zależności. Mobile-first, bez rozjazdów.
   ===================================================================== */

:root{
  --c-primary:#2f4858;
  --c-accent:#b9863f;
  --c-ink:#1b2027;
  --c-ink-2:#4a5560;
  --c-line:#e6e0d7;
  --c-bg:#ffffff;
  --c-bg-2:#faf7f2;
  --c-bg-3:#f2ede4;
  --c-card:#ffffff;          /* tło kart — podmieniane przez motyw kosmiczny */
  --c-head:rgba(255,255,255,.92);
  --c-foot:var(--c-ink);
  --r:16px;
  --r-sm:10px;
  --sh:0 1px 2px rgba(27,32,39,.05), 0 8px 24px rgba(27,32,39,.06);
  --sh-lg:0 2px 4px rgba(27,32,39,.06), 0 18px 48px rgba(27,32,39,.10);
  --f-head:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --f-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --step:clamp(2.5rem,5vw,4.5rem);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--c-bg);color:var(--c-ink);
  font:400 clamp(16px,1rem + .1vw,17px)/1.7 var(--f-body);
  overflow-x:hidden;                 /* nic nie wystaje poza ekran */
  -webkit-font-smoothing:antialiased;
}
img,svg,video,iframe{max-width:100%;height:auto;display:block}
a{color:var(--c-primary);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--c-accent)}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:600;line-height:1.18;letter-spacing:-.01em;margin:0 0 .5em;color:var(--c-ink);text-wrap:balance}
h1{font-size:clamp(2rem,1.3rem + 2.6vw,3.2rem)}
h2{font-size:clamp(1.5rem,1.15rem + 1.3vw,2.2rem)}
h3{font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem)}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.25em}
blockquote{margin:1.6em 0;padding:1.1em 1.4em;border-left:3px solid var(--c-accent);background:var(--c-bg-2);border-radius:0 var(--r-sm) var(--r-sm) 0;font-family:var(--f-head);font-size:1.1em;font-style:italic;color:var(--c-ink-2)}
blockquote p:last-child{margin:0}
hr{border:0;border-top:1px solid var(--c-line);margin:2.5em 0}
::selection{background:color-mix(in srgb,var(--c-accent) 28%,transparent)}

/* ---------- Kontenery: klucz do braku rozjazdów na desktopie ---------- */
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.wrap.narrow,.narrow{width:min(760px,100%);margin-inline:auto}
.center{text-align:center}
.sr,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;clip:auto;z-index:999;background:#fff;padding:10px 16px;border-radius:8px;box-shadow:var(--sh)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--c-accent) 60%,transparent);outline-offset:2px;border-radius:4px}

/* ---------- Przyciski ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  padding:.78em 1.5em;border:1px solid transparent;border-radius:999px;
  background:var(--c-primary);color:#fff;font:600 .95rem/1 var(--f-body);
  text-decoration:none;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s;
  text-align:center;
}
.btn:hover{background:color-mix(in srgb,var(--c-primary) 86%,#000);color:#fff;transform:translateY(-1px);box-shadow:var(--sh)}
.btn-lg{padding:1em 2em;font-size:1.02rem}
.btn-sm{padding:.55em 1.05em;font-size:.86rem}
.btn-ghost{background:transparent;color:var(--c-primary);border-color:var(--c-line)}
.btn-ghost:hover{background:var(--c-bg-2);color:var(--c-primary)}

/* ---------- Nagłówek strony ---------- */
.site-head{position:sticky;top:0;z-index:60;background:var(--c-head);backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--c-line)}
.head-inner{display:flex;align-items:center;gap:1.25rem;min-height:74px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit;flex:0 0 auto}
.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:10px}
.brand-txt{display:flex;flex-direction:column;line-height:1.15}
.brand-txt strong{font:700 1.02rem/1.1 var(--f-body);letter-spacing:.14em}
.brand-txt em{font:400 .72rem/1.3 var(--f-body);font-style:normal;color:var(--c-ink-2);letter-spacing:.02em}

.nav-toggle{margin-left:auto;display:grid;gap:5px;width:44px;height:44px;place-content:center;background:none;border:1px solid var(--c-line);border-radius:10px;cursor:pointer}
.nav-toggle span:not(.sr){display:block;width:20px;height:2px;background:var(--c-ink);border-radius:2px;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.main-nav{display:none}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav > ul > li > a{
  display:block;padding:.6rem .72rem;border-radius:9px;text-decoration:none;
  color:var(--c-ink);font:600 .875rem/1.3 var(--f-body);white-space:nowrap;
}
.main-nav > ul > li > a:hover{background:var(--c-bg-3);color:var(--c-primary)}
.main-nav a[aria-current="page"]{color:var(--c-accent)}
.main-nav.open{display:block;position:absolute;left:0;right:0;top:100%;background:var(--c-card);border-bottom:1px solid var(--c-line);box-shadow:var(--sh);padding:.6rem 1.25rem 1.1rem;max-height:calc(100vh - 74px);overflow-y:auto}
.main-nav.open > ul > li > a{padding:.7rem .4rem;border-bottom:1px solid var(--c-bg-3)}
.main-nav .sub{padding-left:.9rem}
.main-nav .sub a{display:block;padding:.5rem .4rem;font-size:.85rem;color:var(--c-ink-2);text-decoration:none}

@media (min-width:1080px){
  .nav-toggle{display:none}
  .main-nav{display:block;margin-left:auto}
  .main-nav > ul{display:flex;align-items:center;gap:.1rem;flex-wrap:wrap;justify-content:flex-end}
  .main-nav .nav-more > a{color:var(--c-ink-2)}
  .main-nav > ul > li{position:relative}
  .main-nav .sub{
    position:absolute;top:100%;left:0;min-width:220px;background:var(--c-card);border:1px solid var(--c-line);
    border-radius:var(--r-sm);box-shadow:var(--sh-lg);padding:.4rem;opacity:0;visibility:hidden;
    transform:translateY(6px);transition:.16s;z-index:20;
  }
  .main-nav li.has-sub:hover .sub,.main-nav li.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
  .main-nav .nav-more > .sub{left:auto;right:0}
  .main-nav .sub a{display:block;padding:.5rem .7rem;border-radius:7px;font-size:.87rem;text-decoration:none;color:var(--c-ink)}
  .main-nav .sub a:hover{background:var(--c-bg-2)}
}
/* Bardzo długie menu: na średnich ekranach lekko mniejsza czcionka zamiast łamania układu */
@media (min-width:1080px) and (max-width:1320px){
  .main-nav > ul > li > a{padding:.55rem .55rem;font-size:.81rem}
}

/* ---------- Slajder główny ---------- */
.hero{position:relative;isolation:isolate;background:var(--c-bg-3)}
.hero-track{display:flex;overflow:hidden;margin:0;padding:0;list-style:none}
.hero-slide{position:relative;flex:0 0 100%;min-width:100%;margin:0}
.hero-img{width:100%;height:clamp(380px,62vh,660px);object-fit:cover;object-position:center 32%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(20,26,32,.78) 0%,rgba(20,26,32,.52) 42%,rgba(20,26,32,.12) 78%)}
.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.4rem;color:#fff}
.hero-plain{padding:var(--step) 0;background:linear-gradient(160deg,var(--c-bg-2),var(--c-bg-3))}
.hero-plain .hero-copy{position:static;color:var(--c-ink);padding:2rem 0}
.hero-title{font-family:var(--f-head);font-weight:600;font-size:clamp(2.1rem,1.2rem + 3.4vw,3.6rem);line-height:1.1;margin:0;max-width:16ch;color:inherit}
.hero-sub{font-size:clamp(1rem,.95rem + .4vw,1.2rem);max-width:46ch;opacity:.93;margin:.6rem 0 1.4rem}
.hero .btn{background:var(--c-accent)}
.hero .btn:hover{background:color-mix(in srgb,var(--c-accent) 85%,#000)}
.hero-plain .btn{background:var(--c-primary)}
.hero-nav{
  position:absolute;top:50%;translate:0 -50%;z-index:3;width:46px;height:46px;border-radius:50%;
  border:0;background:rgba(255,255,255,.88);color:var(--c-ink);font-size:1.6rem;line-height:1;cursor:pointer;
  display:grid;place-content:center;transition:background .15s;
}
.hero-nav:hover{background:#fff}
.hero-nav.prev{left:14px}
.hero-nav.next{right:14px}
.hero-dots{position:absolute;bottom:18px;left:50%;translate:-50% 0;z-index:3;display:flex;gap:8px}
.hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}
.hero-dots button[aria-selected="true"]{background:#fff;width:26px;border-radius:999px}
@media (max-width:640px){.hero-nav{display:none}.hero-shade{background:linear-gradient(180deg,rgba(20,26,32,.35),rgba(20,26,32,.8))}}

/* ---------- Sekcje ---------- */
.sec{padding:var(--step) 0}
.sec.alt{background:var(--c-bg-2)}
.sec-head{max-width:620px;margin:0 auto 2.2rem;text-align:center}
.sec-head h2{margin-bottom:.3em}
.sec-head p{color:var(--c-ink-2);margin:0}
.sec-h2{margin:0 0 1.4rem}
.empty{padding:3rem 0;text-align:center;color:var(--c-ink-2)}

/* ---------- Uniwersalny slajder kafelków ---------- */
.slider{position:relative}
.sl-track{
  display:grid;grid-auto-flow:column;gap:1.15rem;list-style:none;margin:0;padding:.25rem .25rem 1.2rem;
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;
}
.sl-track::-webkit-scrollbar{height:6px}
.sl-track::-webkit-scrollbar-thumb{background:var(--c-line);border-radius:99px}
.sl-track > *{scroll-snap-align:start}
.cards-3{grid-auto-columns:minmax(260px,1fr)}
.cards-4{grid-auto-columns:minmax(230px,1fr)}
.cards-5{grid-auto-columns:minmax(178px,1fr)}
@media (min-width:760px){
  .cards-3{grid-auto-columns:calc((100% - 2.3rem)/3)}
  .cards-4{grid-auto-columns:calc((100% - 2.3rem)/3)}
  .cards-5{grid-auto-columns:calc((100% - 3.45rem)/4)}
}
@media (min-width:1020px){
  .cards-4{grid-auto-columns:calc((100% - 3.45rem)/4)}
  .cards-5{grid-auto-columns:calc((100% - 5.75rem)/6)}
}
/* Mało kafelków — nie rozciągaj ich na całą szerokość, wyśrodkuj */
.sl-track.sl-few{justify-content:center;grid-auto-columns:minmax(260px,330px)}
.sl-track.sl-few.books-row{grid-auto-columns:minmax(170px,215px)}
@media (max-width:620px){.sl-track.sl-few{justify-content:start;grid-auto-columns:minmax(250px,85%)}}

.sl-nav{
  position:absolute;top:calc(50% - .6rem);translate:0 -50%;z-index:4;width:40px;height:40px;border-radius:50%;
  border:1px solid var(--c-line);background:var(--c-card);color:var(--c-ink);font-size:1.4rem;line-height:1;cursor:pointer;
  display:none;place-content:center;box-shadow:var(--sh);
}
.sl-nav.prev{left:-18px}
.sl-nav.next{right:-18px}
.sl-nav[hidden]{display:none!important}
@media (min-width:900px){.slider:hover .sl-nav,.slider:focus-within .sl-nav{display:grid}}

/* ---------- Karty ---------- */
.card{margin:0;list-style:none}
.card-link{
  display:flex;flex-direction:column;height:100%;background:var(--c-card);border:1px solid var(--c-line);
  border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.card-link:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--c-accent) 40%,var(--c-line));color:inherit}
.card-body{display:flex;flex-direction:column;gap:.4rem;padding:1.05rem 1.15rem 1.25rem}
.card-title{font-family:var(--f-head);font-size:1.08rem;font-weight:600;line-height:1.25}
.card-text{font-size:.9rem;color:var(--c-ink-2);line-height:1.55}
.card-more{margin-top:auto;padding-top:.5rem;font-size:.84rem;font-weight:600;color:var(--c-accent)}
.card-icon{display:grid;place-content:center;height:96px;font-size:2.4rem;background:linear-gradient(150deg,var(--c-bg-2),var(--c-bg-3))}
.card-media{display:block;background:var(--c-bg-3)}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-media.ratio{aspect-ratio:1/1}
.card-media.ratio.wide{aspect-ratio:16/10}
.card-service .card-link{text-align:center}
.card-service .card-body{align-items:center}

.books-row .book-cover{display:block;aspect-ratio:2/3;background:var(--c-bg-3);overflow:hidden}
.books-row .book-cover img{width:100%;height:100%;object-fit:cover}
.books-row .card-body{padding:.8rem .85rem 1rem}
.books-row .card-title{font-size:.96rem}
.books-row .card-text{font-size:.8rem}

.price{font-weight:700;color:var(--c-primary);font-size:1rem}
.price s{font-weight:400;color:var(--c-ink-2);margin-left:.5em;font-size:.88em}
.price.big{font-size:1.5rem}
.tag{display:inline-block;padding:.22em .7em;border-radius:99px;background:var(--c-bg-3);color:var(--c-ink-2);font-size:.73rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;width:fit-content}

/* ---------- Opinie ---------- */
.tst-grid{display:grid;gap:1.2rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}
@media (min-width:820px){.tst-grid{grid-template-columns:repeat(3,1fr)}}
.tst{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);padding:1.6rem 1.5rem;box-shadow:var(--sh)}
.tst .stars{color:var(--c-accent);letter-spacing:.14em;margin:0 0 .6rem}
.tst blockquote{margin:0 0 1rem;padding:0;border:0;background:none;font-size:1rem;font-style:normal;font-family:var(--f-body);color:var(--c-ink)}
.tst-who{margin:0;font-size:.88rem}
.tst-who span{display:block;color:var(--c-ink-2);font-size:.83rem}

/* ---------- Pas CTA ---------- */
.cta-band{background:var(--c-primary);color:#fff}
.cta-inner{text-align:center;max-width:620px;margin-inline:auto}
.cta-band h2{color:#fff}
.cta-band p{opacity:.85;margin-bottom:1.6rem}
.cta-band .btn{background:var(--c-accent)}

.cta-box{
  display:flex;flex-wrap:wrap;align-items:center;gap:1.3rem;justify-content:space-between;
  margin:3rem 0;padding:1.6rem 1.8rem;border:1px solid var(--c-line);border-radius:var(--r);
  background:linear-gradient(150deg,var(--c-bg-2),var(--c-card));
}
.cta-box h2{font-size:1.3rem;margin:0 0 .25em}
.cta-box p{margin:0;color:var(--c-ink-2);font-size:.94rem}

/* ---------- Nagłówek podstrony ---------- */
.page-head{position:relative;padding:clamp(2.2rem,4vw,3.6rem) 0 clamp(1.4rem,2.5vw,2.2rem);background:linear-gradient(170deg,var(--c-bg-2),var(--c-card))}
.page-head.slim{padding-bottom:0;background:none}
.page-head.has-img{color:#fff;background:#222}
.page-head-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-head-shade{position:absolute;inset:0;background:linear-gradient(110deg,rgba(20,26,32,.8),rgba(20,26,32,.38))}
.page-head.has-img .wrap{position:relative;z-index:2}
.page-head.has-img h1,.page-head.has-img .crumbs a,.page-head.has-img .crumbs span{color:#fff}
.page-head h1{margin-bottom:.2em}
.lead{font-size:clamp(1.02rem,.98rem + .35vw,1.18rem);color:var(--c-ink-2);max-width:60ch;margin:0}
.page-head.has-img .lead{color:rgba(255,255,255,.88)}

.crumbs{margin:0 0 1rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0;font-size:.82rem;color:var(--c-ink-2)}
.crumbs li+li::before{content:"›";margin-right:.45rem;opacity:.5}
.crumbs a{color:var(--c-ink-2);text-decoration:none}
.crumbs a:hover{color:var(--c-accent)}

/* ---------- Treść (prose) ---------- */
.prose{padding:clamp(1.4rem,3vw,2.4rem) 0 1rem;font-size:1.04rem}
.prose.intro{padding-top:1.2rem;padding-bottom:0;max-width:70ch}
.prose > *:first-child{margin-top:0}
.prose h2{margin-top:2em}
.prose h3{margin-top:1.6em}
.prose ul,.prose ol{padding-left:1.35em}
.prose li{margin-bottom:.5em}
.prose li::marker{color:var(--c-accent)}
.prose img{border-radius:var(--r-sm);margin:1.5em 0}
.prose figure{margin:1.8em 0}
.prose figure iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--r-sm);background:#000}
.prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.94rem}
.prose th,.prose td{border:1px solid var(--c-line);padding:.6em .8em;text-align:left}
.prose th{background:var(--c-bg-2)}
.prose a{color:var(--c-primary);text-decoration:underline}
.prose a:hover{color:var(--c-accent)}

/* ---------- Filtry ---------- */
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 2rem}
.chip{padding:.45em 1em;border:1px solid var(--c-line);border-radius:999px;font-size:.85rem;font-weight:600;text-decoration:none;color:var(--c-ink-2);background:var(--c-card)}
.chip:hover{border-color:var(--c-accent);color:var(--c-accent)}
.chip.on{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.chip span{font-weight:400;opacity:.7}

/* ---------- Siatka książek (jak w księgarni) ---------- */
.grid-books{display:grid;gap:1.6rem 1.25rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));list-style:none;margin:0 0 2rem;padding:0}
.grid-books.small{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.bk{display:flex;flex-direction:column}
.bk-cover{position:relative;display:block;aspect-ratio:2/3;border-radius:var(--r-sm);overflow:hidden;background:var(--c-bg-3);box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.bk-cover:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.bk-cover img{width:100%;height:100%;object-fit:cover}
.bk-badge{position:absolute;top:8px;left:8px;padding:.2em .6em;border-radius:99px;background:var(--c-accent);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.bk-info{padding:.75rem .1rem 0;display:flex;flex-direction:column;gap:.3rem}
.bk-title{font-size:.98rem;margin:0;line-height:1.3}
.bk-title a{text-decoration:none;color:var(--c-ink)}
.bk-title a:hover{color:var(--c-accent)}
.bk-sub{margin:0;font-size:.82rem;color:var(--c-ink-2);line-height:1.45}
.bk-buy{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 0}

/* ---------- Siatka produktów ---------- */
.grid-products{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));list-style:none;margin:0 0 2rem;padding:0}
.pr{display:flex;flex-direction:column;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s}
.pr:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.pr-media{position:relative;display:block;aspect-ratio:1/1;background:var(--c-bg-3)}
.pr-media img{width:100%;height:100%;object-fit:cover}
.pr-body{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.1rem 1.2rem}
.pr-body h2,.pr-body h3{font-size:1.02rem;margin:0}
.pr-body h2 a,.pr-body h3 a{text-decoration:none;color:var(--c-ink)}
.pr-body h2 a:hover,.pr-body h3 a:hover{color:var(--c-accent)}
.pr-sub{margin:0;font-size:.86rem;color:var(--c-ink-2)}
.pr-body .btn{margin-top:.35rem;align-self:flex-start}

/* ---------- Siatka artykułów ---------- */
.grid-articles{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;margin:0 0 2rem;padding:0}
.art{display:flex;flex-direction:column;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s}
.art:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.art-media{display:block;aspect-ratio:16/10;background:var(--c-bg-3)}
.art-media img{width:100%;height:100%;object-fit:cover}
.art-body{display:flex;flex-direction:column;gap:.5rem;padding:1.15rem 1.25rem 1.4rem}
.art-body h2,.art-body h3{font-size:1.14rem;margin:0}
.art-body h2 a,.art-body h3 a{text-decoration:none;color:var(--c-ink)}
.art-body h2 a:hover,.art-body h3 a:hover{color:var(--c-accent)}
.art-body p{margin:0;font-size:.92rem;color:var(--c-ink-2)}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;color:var(--c-ink-2);margin:0!important}
.more{font-weight:600;font-size:.88rem;text-decoration:none;color:var(--c-accent)}

.pager{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:2rem 0}
.pager a{min-width:40px;padding:.5em .8em;text-align:center;border:1px solid var(--c-line);border-radius:9px;text-decoration:none;color:var(--c-ink-2);font-weight:600;font-size:.9rem}
.pager a.on,.pager a:hover{background:var(--c-primary);border-color:var(--c-primary);color:#fff}

/* ---------- Widok szczegółowy ---------- */
.detail{display:grid;gap:2rem;grid-template-columns:1fr;padding:1.5rem 0 1rem}
@media (min-width:860px){.detail{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:3rem;align-items:start}}
.detail-media img{width:100%;border-radius:var(--r);box-shadow:var(--sh-lg);background:var(--c-bg-3)}
.detail-body .meta{font-size:.9rem;color:var(--c-ink-2)}
.buy-row{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.6rem 0 0}
.disclaimer{font-size:.82rem;color:var(--c-ink-2);margin-top:1.2rem;padding:.8rem 1rem;background:var(--c-bg-2);border-radius:var(--r-sm)}
.disclaimer.wide{max-width:70ch}

.post-head{padding:1rem 0 .5rem}
.post-media{margin:1.5rem 0 0}
.post-media img{width:100%;border-radius:var(--r);box-shadow:var(--sh)}

/* ---------- Kontakt ---------- */
.contact-grid{display:grid;gap:2.5rem;grid-template-columns:1fr;padding:2rem 0 3.5rem}
@media (min-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:3.5rem;align-items:start}}
.contact-form{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);padding:clamp(1.4rem,3vw,2.2rem);box-shadow:var(--sh)}
.fld{display:block;margin-bottom:1.1rem}
.fld > span{display:block;margin-bottom:.4rem;font-size:.88rem;font-weight:600}
.fld em{color:var(--c-accent);font-style:normal}
.fld input,.fld textarea{
  width:100%;padding:.8em .95em;border:1px solid var(--c-line);border-radius:var(--r-sm);
  font:inherit;font-size:.96rem;background:var(--c-bg-2);color:var(--c-ink);
}
.fld input:focus,.fld textarea:focus{background:var(--c-card);border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 18%,transparent)}
.fld textarea{resize:vertical;min-height:140px}
.fld-captcha input{max-width:120px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{margin:.9rem 0 0;font-size:.8rem;color:var(--c-ink-2)}
.alert{padding:1rem 1.2rem;border-radius:var(--r-sm);margin-bottom:1.2rem;font-size:.94rem}
.alert.ok{background:#e9f6ec;border:1px solid #bfe3c8;color:#1d5b2c}
.alert.err{background:#fdecec;border:1px solid #f3c2c2;color:#8a2020}
.alert p{margin:.3em 0 0}
.ticks{list-style:none;padding:0;margin:1.5rem 0 0}
.ticks li{position:relative;padding-left:1.8em;margin-bottom:.6em;font-size:.94rem}
.ticks li::before{content:"✓";position:absolute;left:0;color:var(--c-accent);font-weight:700}

/* ---------- Stopka ---------- */
.site-foot{margin-top:var(--step);background:var(--c-foot);color:rgba(255,255,255,.76);padding:clamp(2.5rem,5vw,4rem) 0 0}
.foot-grid{display:grid;gap:2.2rem;grid-template-columns:1fr;padding-bottom:2.5rem}
@media (min-width:760px){.foot-grid{grid-template-columns:1.5fr 1fr 1fr}}
.foot-brand{font:700 1.1rem/1 var(--f-body);letter-spacing:.16em;color:#fff;margin:0 0 .35rem}
.foot-tag{margin:0 0 .9rem;color:var(--c-accent);font-size:.9rem}
.foot-desc{font-size:.88rem;line-height:1.65;max-width:42ch;margin:0}
.foot-h{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;font-family:var(--f-body);font-weight:700;margin:0 0 .9rem}
.foot-list{list-style:none;margin:0;padding:0}
.foot-list li{margin-bottom:.5rem}
.foot-list a{color:rgba(255,255,255,.76);text-decoration:none;font-size:.9rem}
.foot-list a:hover{color:var(--c-accent)}
.foot-bar{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;align-items:center;padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem}
.foot-bar p{margin:0}
.foot-bar a{color:rgba(255,255,255,.5);text-decoration:none}
.foot-bar a:hover{color:var(--c-accent)}

/* ---------- Druk / ograniczony ruch ---------- */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
@media print{
  .site-head,.site-foot,.hero-nav,.sl-nav,.cta-box,.cta-band{display:none!important}
  body{font-size:12pt}
}

/* =====================================================================
   NARZĘDZIA INTERAKTYWNE (poradnik, autohipnoza)
   ===================================================================== */
.tool-frame{margin:2rem 0 1rem;border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;background:#1B1D36;box-shadow:var(--sh-lg)}
.tool-frame iframe{display:block;width:100%;height:1400px;border:0}
.tool-frame.tall iframe{height:min(900px,88vh)}
.tool-full{text-align:center;margin:0 0 1rem}
@media (max-width:640px){.tool-frame iframe{height:1600px}.tool-frame.tall iframe{height:82vh}}

/* =====================================================================
   HOROSKOP
   ===================================================================== */
.h-modes{margin-bottom:.4rem}
.h-modedesc{color:var(--c-ink-2);font-size:.95rem;margin:0 0 1.8rem}

.h-form{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);padding:clamp(1.2rem,3vw,2rem);box-shadow:var(--sh)}
.h-person{border:0;border-top:1px solid var(--c-line);margin:0 0 1.4rem;padding:1.2rem 0 0}
.h-person:first-of-type{border-top:0;padding-top:0}
.h-person legend{font:600 .82rem/1 var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--c-ink-2);padding:0 .6rem 0 0}
.h-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:700px){.h-grid{grid-template-columns:repeat(2,1fr)}}
.h-form .fld{margin-bottom:0}
.h-form .fld > span:first-child{display:block;margin-bottom:.35rem;font-size:.88rem;font-weight:600}
.h-form .fld .hint{font-weight:400;font-size:.8rem;color:var(--c-ink-2);margin:.3rem 0 0;display:block}
.h-form input[type=text],.h-form input[type=date],.h-form input[type=time],.h-form input[type=number],.h-form select{
  width:100%;padding:.72em .9em;border:1px solid var(--c-line);border-radius:var(--r-sm);font:inherit;font-size:.95rem;background:var(--c-bg-2);color:var(--c-ink)}
.h-form input:focus,.h-form select:focus{background:var(--c-card);border-color:var(--c-accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 18%,transparent)}
.fld-bool{display:flex;align-items:center;gap:.6rem;font-size:.9rem;align-self:end}
.fld-bool input{width:auto;margin:0}
.h-place{position:relative;margin-top:1rem}
.h-sugg{position:absolute;z-index:20;left:0;right:0;top:100%;margin:.2rem 0 0;padding:.3rem;list-style:none;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-sm);box-shadow:var(--sh-lg);max-height:260px;overflow-y:auto}
.h-sugg li{padding:.55rem .7rem;border-radius:7px;cursor:pointer;font-size:.92rem}
.h-sugg li:hover,.h-sugg li[aria-selected="true"]{background:var(--c-bg-3)}
.h-manual{margin-top:.9rem;font-size:.9rem}
.h-manual summary{cursor:pointer;color:var(--c-ink-2);font-size:.85rem}
.h-manual .h-grid{margin-top:.9rem}
.h-adv{margin:1.2rem 0}
.h-adv summary{cursor:pointer;color:var(--c-ink-2);font-size:.85rem}
.short-fld{max-width:340px;margin:1.2rem 0}

.h-result{margin:2.5rem 0 0;scroll-margin-top:90px}
.h-rhead{padding-bottom:1rem;border-bottom:2px solid var(--c-accent);margin-bottom:1.8rem}
.h-rhead h2{margin:0 0 .3em}
.h-meta{color:var(--c-ink-2);font-size:.9rem;margin:0}
.alert.warn-alert{background:#fdf3e2;border:1px solid #f0dcb4;color:#7a5510}

.h-two{display:grid;gap:1.8rem;grid-template-columns:1fr;align-items:start}
@media (min-width:920px){.h-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.4rem}}
.h-wheelbox{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);padding:1rem;box-shadow:var(--sh)}
.h-wlabel{text-align:center;font-weight:600;margin:0 0 .5rem;font-size:.95rem}
.h-quick{display:grid;gap:1rem;align-content:start}
.h-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);padding:1.2rem 1.35rem}
.h-card h3{font-size:1.05rem;margin:0 0 .35em}
.h-card p{margin:0 0 .6em;font-size:.94rem}
.h-card p:last-child{margin:0}
.h-card-lead{border-left:4px solid var(--c-accent)}
.h-pos{font-weight:600;color:var(--c-accent);font-size:.9rem!important}

.h-sec{margin:2.5rem 0}
.h-sec h3{font-size:1.25rem;margin:0 0 .9rem}
.h-sub{margin:1.6rem 0 .7rem;font-size:1.05rem}

.h-wheel{width:100%;height:auto;display:block}
.w-ring{fill:none;stroke:var(--c-line);stroke-width:1}
.w-inner{fill:#fdfcfa}
.w-sep{stroke:var(--c-line);stroke-width:1}
.w-cusp{stroke:var(--c-line);stroke-width:1;stroke-dasharray:3 3}
.w-axis{stroke:var(--c-primary);stroke-width:1.6}
.w-tick{stroke:var(--c-ink-2);stroke-width:1}
.w-sign{font:16px var(--f-body);fill:var(--c-accent);text-anchor:middle}
.w-hnum{font:10px var(--f-body);fill:var(--c-ink-2);text-anchor:middle}
.w-ang{font:9px var(--f-body);font-weight:700;fill:var(--c-primary);text-anchor:middle;letter-spacing:.04em}
.w-planet{font:17px var(--f-body);fill:var(--c-ink);text-anchor:middle}
.w-planet.retro{fill:#b3261e}
.w-asp-h{stroke:#3f8f6b;stroke-width:1}
.w-asp-t{stroke:#c0553f;stroke-width:1}
.w-asp-n{stroke:#8a7b5e;stroke-width:1}

.h-tablewrap{overflow-x:auto;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-card)}
.h-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:420px}
.h-table th{text-align:left;padding:.6rem .8rem;background:var(--c-bg-2);border-bottom:1px solid var(--c-line);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--c-ink-2)}
.h-table td{padding:.55rem .8rem;border-bottom:1px solid var(--c-line)}
.h-table tr:last-child td{border:0}
.h-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.h-glyph{font-size:1.1em;color:var(--c-accent)}
.h-retro{color:#b3261e;font-weight:700}
.h-ax{font-size:.72rem;color:var(--c-primary);font-weight:700}
.h-hmean{color:var(--c-ink-2);font-size:.86rem}

.h-list{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.75rem}
.h-list > li{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:.85rem 1.05rem;font-size:.93rem}
.h-asp > li{border-left:4px solid var(--c-line)}
.h-asp > li.k-harmony{border-left-color:#3f8f6b}
.h-asp > li.k-tension{border-left-color:#c0553f}
.h-asp > li.k-neutral{border-left-color:var(--c-accent)}
.h-asp p{margin:.35rem 0 0;color:var(--c-ink-2)}
.h-tag{display:inline-block;margin-left:.5rem;padding:.1em .55em;border-radius:99px;background:var(--c-bg-3);color:var(--c-ink-2);font-size:.74rem;font-weight:600}

.h-elements{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem;max-width:420px}
.h-elements li{display:grid;grid-template-columns:5.5rem 1fr 1.6rem;align-items:center;gap:.7rem;font-size:.9rem}
.h-elbar{height:9px;border-radius:99px;background:var(--c-bg-3);position:relative;overflow:hidden}
.h-elbar::after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--n) * 14%);max-width:100%;background:var(--c-accent);border-radius:99px}
.h-elname{color:var(--c-ink-2)}

.h-score{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);padding:1.4rem 1.6rem;margin-bottom:1rem}
.h-scoreval{--p:50;flex:0 0 auto;width:96px;height:96px;border-radius:50%;display:grid;place-content:center;
  background:conic-gradient(var(--c-accent) calc(var(--p)*1%),var(--c-bg-3) 0);position:relative}
.h-scoreval::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--c-card)}
.h-scoreval b,.h-scoreval span{position:relative;text-align:center;display:block;line-height:1}
.h-scoreval b{font:700 1.7rem/1 var(--f-body);color:var(--c-primary)}
.h-scoreval span{font-size:.72rem;color:var(--c-ink-2);margin-top:.2rem}
.h-score p{margin:0;flex:1 1 260px}
.h-moonnote{background:var(--c-bg-2);border-radius:var(--r-sm);padding:.9rem 1.1rem;font-size:.93rem;margin:0 0 1.8rem}

.h-mapbox{border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;background:#eef3f6;box-shadow:var(--sh)}
.h-map{display:block;width:100%;height:auto}
.m-sea{fill:#dfeaf1}
.m-land{fill:#f3efe6;stroke:#c8bfae;stroke-width:0.25}
.m-grid{stroke:#b9c7d1;stroke-width:0.2;opacity:.6}
.m-eq{stroke:#9fb1bd;stroke-width:0.35}
.m-lbl{font:3px var(--f-body);text-anchor:middle;font-weight:700}
.h-maplegend{font-size:.86rem;color:var(--c-ink-2);margin:.8rem 0 2rem;max-width:80ch}
.h-nearlist{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;font-size:.9rem}
.h-print{margin:2.5rem 0 1rem;text-align:center}
@media print{.h-form,.h-modes,.h-modedesc,.h-print,.cta-box{display:none!important}.h-result{margin:0}}

.h-mapwrap{margin:0 0 1rem}
.h-map{display:block;width:100%;height:auto;border:1px solid var(--c-line);border-radius:var(--r);background:#dfeaf1;box-shadow:var(--sh)}
.m-line{stroke-width:0.8;fill:none;vector-effect:non-scaling-stroke}
.m-body{transition:opacity .15s}
.m-body.off{opacity:.07}
.m-lbl{font:2.6px var(--f-body);text-anchor:middle;font-weight:700;stroke:none}
.m-body.off .m-lbl{opacity:0}
.m-legend{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:.8rem 0 0;padding:0}
.m-chip{--c:#888;display:inline-flex;align-items:center;gap:.4em;padding:.3em .8em;border:1px solid var(--c-line);
  border-radius:999px;background:var(--c-card);font:600 .8rem/1.3 var(--f-body);color:var(--c-ink-2);cursor:pointer}
.m-chip .m-dot{width:9px;height:9px;border-radius:50%;background:var(--c)}
.m-chip.on{border-color:var(--c);color:var(--c-ink)}
.m-chip:not(.on){opacity:.5}
.m-chip[data-body="all"]{background:var(--c-bg-3)}

/* ---------- Wstęp od autora nad formularzem ---------- */
.tool-intro{
  margin:1.6rem 0 2rem;padding:1.4rem 1.7rem;border-radius:var(--r);
  background:linear-gradient(150deg,var(--c-bg-2),var(--c-card));
  border:1px solid var(--c-line);border-left:4px solid var(--c-accent);
}
.tool-intro > *:first-child{margin-top:0}
.tool-intro > *:last-child{margin-bottom:0}
.tool-intro p{font-size:1.02rem}
.tool-more{margin:3rem auto 0;padding-top:2rem;border-top:1px solid var(--c-line)}

/* =====================================================================
   DIETA INDYWIDUALNA
   ===================================================================== */
.d-form .fld-lbl{display:block;margin-bottom:.35rem;font-size:.88rem;font-weight:600}
.d-radios{display:flex;gap:1.2rem;padding:.5rem 0}
.d-radios label{display:flex;align-items:center;gap:.45rem;font-size:.95rem;cursor:pointer}
.d-radios input{width:auto;margin:0}
.d-conds{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.5rem;grid-template-columns:1fr}
@media (min-width:680px){.d-conds{grid-template-columns:1fr 1fr}}
.d-conds label{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;cursor:pointer;
  padding:.5rem .7rem;border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-bg-2)}
.d-conds label:hover{border-color:var(--c-accent)}
.d-conds input{width:auto;margin:.25rem 0 0}
.d-conds input:checked + span{font-weight:600}

.d-bmi{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);padding:1.4rem 1.6rem}
.d-bmi-val{display:flex;align-items:baseline;gap:.7rem;margin-bottom:1rem}
.d-bmi-val b{font:700 2.4rem/1 var(--f-body)}
.d-bmi-val span{font-size:.95rem;font-weight:600}
.d-bmi-val.b-ok b,.d-bmi-val.b-ok span{color:#1d7a44}
.d-bmi-val.b-warn b,.d-bmi-val.b-warn span{color:#9a6b14}
.d-bmi-val.b-bad b,.d-bmi-val.b-bad span{color:#b3261e}
.d-bmi-scale{position:relative;display:flex;height:10px;border-radius:99px;overflow:hidden;margin-bottom:1rem}
.d-bmi-scale span{display:block}
.d-bmi-scale .s1{flex:4.5;background:#e0b46a}
.d-bmi-scale .s2{flex:6.5;background:#63b37f}
.d-bmi-scale .s3{flex:5;background:#e0b46a}
.d-bmi-scale .s4{flex:10;background:#d88a7d}
.d-bmi-scale i{position:absolute;top:-4px;width:3px;height:18px;background:var(--c-ink);border-radius:2px;transform:translateX(-50%)}
.d-bmi p{margin:0;font-size:.94rem}

.d-cards{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:720px){.d-cards{grid-template-columns:repeat(3,1fr)}}
.d-cards li{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);padding:1.1rem 1.25rem;text-align:center}
.d-cards li.d-main{border-color:var(--c-accent);border-width:2px;background:linear-gradient(160deg,color-mix(in srgb,var(--c-accent) 6%,var(--c-card)),var(--c-card))}
.d-cards span{display:block;font-size:.82rem;color:var(--c-ink-2);margin-bottom:.35rem}
.d-cards b{display:block;font:700 2rem/1 var(--f-body);color:var(--c-primary)}
.d-cards li.d-main b{color:var(--c-accent);font-size:2.4rem}
.d-cards em{display:block;font-style:normal;font-size:.78rem;color:var(--c-ink-2);margin-top:.35rem}

.d-macros{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:1fr}
@media (min-width:640px){.d-macros{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.d-macros{grid-template-columns:repeat(5,1fr)}}
.d-macros li{background:var(--c-card);border:1px solid var(--c-line);border-top:3px solid var(--c-line);border-radius:var(--r-sm);padding:.9rem 1rem;text-align:center}
.d-macros li.m-p{border-top-color:#c0553f}
.d-macros li.m-f{border-top-color:#d9a441}
.d-macros li.m-c{border-top-color:#3f8f6b}
.d-macros span{display:block;font-size:.8rem;color:var(--c-ink-2)}
.d-macros b{display:block;font:700 1.35rem/1.2 var(--f-body);margin:.2rem 0}
.d-macros em{font-style:normal;font-size:.75rem;color:var(--c-ink-2)}

.d-tips > li{display:flex;gap:.9rem;align-items:flex-start}
.d-num{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--c-accent);color:#fff;
  display:grid;place-content:center;font:700 .82rem/1 var(--f-body)}
.d-tips p{margin:.3rem 0 0;color:var(--c-ink-2)}

.d-download{margin:2.5rem 0 0;padding:1.6rem 1.8rem;border:1px solid var(--c-line);border-radius:var(--r);
  background:linear-gradient(150deg,var(--c-bg-2),var(--c-card));text-align:center}
.d-download h3{margin:0 0 .3em}
.d-download p{margin:0 0 1rem;color:var(--c-ink-2);font-size:.94rem}
.d-download .inline-form{display:inline}
.d-download .btn{margin:.25rem}
.d-download .hint{margin:1rem auto 0;max-width:52ch;font-size:.82rem;color:var(--c-ink-2)}
@media print{.d-form,.d-download,.tool-intro{display:none!important}}


/* =====================================================================
   MOTYW KOSMICZNY (klasa .space na <body>)
   Wszystko na zmiennych z :root — komponenty przełączają się same.
   Gwiazdy to tło SVG wbudowane w ten plik: zero dodatkowych zapytań.
   ===================================================================== */
.space{
  --c-primary:#6d5cf0;
  --c-accent:#ffc46b;
  --c-ink:#f1f3ff;
  --c-ink-2:#aab4e0;
  --c-line:rgba(150,168,255,.22);
  --c-bg:#05060f;
  --c-bg-2:#0a0e21;
  --c-bg-3:#161d40;
  --c-card:rgba(20,26,58,.62);
  --c-head:rgba(6,8,22,.78);
  --c-foot:#04050d;
  --sh:0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.35);
  --sh-lg:0 2px 6px rgba(0,0,0,.45), 0 24px 60px rgba(0,0,0,.5);
  --glow:0 0 0 1px rgba(150,168,255,.16), 0 18px 50px -18px rgba(109,92,240,.65);
  color-scheme:dark;
  background:var(--c-bg);
}

/* --- Mgławice: kolorowe poświaty na tle (czysty CSS) --- */
.space::before{
  content:"";position:fixed;inset:-12%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(38% 30% at 18% 12%, rgba(120,86,255,.55), transparent 70%),
    radial-gradient(34% 26% at 84% 22%, rgba(0,190,215,.34), transparent 70%),
    radial-gradient(42% 34% at 70% 72%, rgba(226,70,160,.30), transparent 72%),
    radial-gradient(40% 32% at 24% 86%, rgba(60,110,255,.30), transparent 72%),
    radial-gradient(70% 60% at 50% 40%, rgba(12,16,44,.9), #05060f 78%);
  filter:blur(10px);
  animation:mz-neb 42s ease-in-out infinite alternate;
}
@keyframes mz-neb{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(1.5%,-1.5%,0)}}

/* --- Gwiazdy: trzy warstwy, jedna migocze --- */
.space::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22900%22%20height=%22760%22%20fill=%22%23fff%22%3E%3Cg%20opacity=%22.35%22%3E%3Ccircle%20cx=%22463%22%20cy=%22573%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22877%22%20cy=%22476%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22462%22%20cy=%22520%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22875%22%20cy=%22601%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22194%22%20cy=%22189%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22823%22%20cy=%22524%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22487%22%20cy=%22644%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22628%22%20cy=%22190%22%20r=%22.6%22/%3E%3Ccircle%20cx=%2296%22%20cy=%22457%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22310%22%20cy=%22145%22%20r=%22.6%22/%3E%3Ccircle%20cx=%2292%22%20cy=%22551%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22829%22%20cy=%22710%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22649%22%20cy=%2242%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22609%22%20cy=%22405%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22463%22%20cy=%22669%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22756%22%20cy=%22630%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22665%22%20cy=%22161%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22638%22%20cy=%2215%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22851%22%20cy=%22541%22%20r=%22.6%22/%3E%3Ccircle%20cx=%2264%22%20cy=%2260%22%20r=%22.6%22/%3E%3Ccircle%20cx=%2236%22%20cy=%22194%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22247%22%20cy=%22614%22%20r=%22.6%22/%3E%3Ccircle%20cx=%2230%22%20cy=%22475%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22334%22%20cy=%22451%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22605%22%20cy=%22200%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22531%22%20cy=%22239%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22655%22%20cy=%22301%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22511%22%20cy=%224%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22678%22%20cy=%2287%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22468%22%20cy=%22670%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22284%22%20cy=%22416%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22564%22%20cy=%2285%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22724%22%20cy=%22260%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22322%22%20cy=%22235%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22525%22%20cy=%22295%22%20r=%22.6%22/%3E%3Ccircle%20cx=%2230%22%20cy=%2271%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22576%22%20cy=%22110%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22410%22%20cy=%22110%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22866%22%20cy=%22297%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22395%22%20cy=%2268%22%20r=%22.6%22/%3E%3Ccircle%20cx=%2217%22%20cy=%22701%22%20r=%22.6%22/%3E%3Ccircle%20cx=%220%22%20cy=%22218%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22214%22%20cy=%2253%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22481%22%20cy=%22384%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22725%22%20cy=%22406%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22429%22%20cy=%2274%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22579%22%20cy=%22644%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22203%22%20cy=%22691%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22276%22%20cy=%22344%22%20r=%22.6%22/%3E%3Ccircle%20cx=%2289%22%20cy=%22318%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22340%22%20cy=%2215%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22419%22%20cy=%22120%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22137%22%20cy=%22252%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22723%22%20cy=%22103%22%20r=%22.6%22/%3E%3Ccircle%20cx=%2211%22%20cy=%2261%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22476%22%20cy=%22498%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22181%22%20cy=%22698%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22572%22%20cy=%22192%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22458%22%20cy=%22521%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22195%22%20cy=%22749%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22787%22%20cy=%22134%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22429%22%20cy=%22659%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22392%22%20cy=%22119%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22404%22%20cy=%22430%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22217%22%20cy=%220%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22276%22%20cy=%22606%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22311%22%20cy=%2220%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22215%22%20cy=%22191%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22403%22%20cy=%22616%22%20r=%22.6%22/%3E%3Ccircle%20cx=%22657%22%20cy=%22590%22%20r=%22.6%22/%3E%3C/g%3E%3Cg%20opacity=%22.55%22%3E%3Ccircle%20cx=%22102%22%20cy=%2243%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22149%22%20cy=%22218%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22452%22%20cy=%22264%22%20r=%22.9%22/%3E%3Ccircle%20cx=%229%22%20cy=%22624%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22336%22%20cy=%22303%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22395%22%20cy=%2275%22%20r=%22.9%22/%3E%3Ccircle%20cx=%2276%22%20cy=%2292%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22213%22%20cy=%22596%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22651%22%20cy=%22248%22%20r=%22.9%22/%3E%3Ccircle%20cx=%2215%22%20cy=%22615%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22377%22%20cy=%22380%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22637%22%20cy=%22464%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22130%22%20cy=%22601%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22495%22%20cy=%22588%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22138%22%20cy=%22395%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22187%22%20cy=%22642%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22157%22%20cy=%22318%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22233%22%20cy=%22625%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22255%22%20cy=%22742%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22194%22%20cy=%22162%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22757%22%20cy=%22644%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22567%22%20cy=%22201%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22703%22%20cy=%22397%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22494%22%20cy=%22618%22%20r=%22.9%22/%3E%3Ccircle%20cx=%2280%22%20cy=%22431%22%20r=%22.9%22/%3E%3Ccircle%20cx=%2248%22%20cy=%22106%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22111%22%20cy=%2239%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22524%22%20cy=%22261%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22244%22%20cy=%22757%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22721%22%20cy=%22401%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22263%22%20cy=%22430%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22843%22%20cy=%22610%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22502%22%20cy=%22300%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22532%22%20cy=%22179%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22737%22%20cy=%2270%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22129%22%20cy=%22233%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22490%22%20cy=%22572%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22669%22%20cy=%22630%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22629%22%20cy=%2275%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22286%22%20cy=%22217%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22208%22%20cy=%2216%22%20r=%22.9%22/%3E%3Ccircle%20cx=%2270%22%20cy=%22275%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22421%22%20cy=%22456%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22255%22%20cy=%2261%22%20r=%22.9%22/%3E%3Ccircle%20cx=%2247%22%20cy=%22180%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22288%22%20cy=%22377%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22543%22%20cy=%22585%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22134%22%20cy=%2294%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22370%22%20cy=%22141%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22461%22%20cy=%22338%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22672%22%20cy=%22750%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22707%22%20cy=%22534%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22598%22%20cy=%22143%22%20r=%22.9%22/%3E%3Ccircle%20cx=%22604%22%20cy=%2235%22%20r=%22.9%22/%3E%3Ccircle%20cx=%2218%22%20cy=%22486%22%20r=%22.9%22/%3E%3C/g%3E%3Cg%20opacity=%22.75%22%3E%3Ccircle%20cx=%22366%22%20cy=%22717%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22319%22%20cy=%2234%22%20r=%221.2%22/%3E%3Ccircle%20cx=%2221%22%20cy=%22612%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22651%22%20cy=%2276%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22493%22%20cy=%2268%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22748%22%20cy=%22318%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22326%22%20cy=%22139%22%20r=%221.2%22/%3E%3Ccircle%20cx=%2274%22%20cy=%2277%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22463%22%20cy=%22559%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22376%22%20cy=%22754%22%20r=%221.2%22/%3E%3Ccircle%20cx=%2245%22%20cy=%22754%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22754%22%20cy=%22720%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22132%22%20cy=%22349%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22360%22%20cy=%2286%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22701%22%20cy=%22484%22%20r=%221.2%22/%3E%3Ccircle%20cx=%2279%22%20cy=%22427%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22809%22%20cy=%2230%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22884%22%20cy=%22511%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22586%22%20cy=%2214%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22639%22%20cy=%22678%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22391%22%20cy=%22388%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22596%22%20cy=%2212%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22623%22%20cy=%2273%22%20r=%221.2%22/%3E%3Ccircle%20cx=%2282%22%20cy=%2292%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22654%22%20cy=%22118%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22263%22%20cy=%22426%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22745%22%20cy=%22338%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22397%22%20cy=%22752%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22710%22%20cy=%22594%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22468%22%20cy=%22451%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22473%22%20cy=%22554%22%20r=%221.2%22/%3E%3Ccircle%20cx=%2285%22%20cy=%22531%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22768%22%20cy=%22526%22%20r=%221.2%22/%3E%3Ccircle%20cx=%2230%22%20cy=%22317%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22615%22%20cy=%2289%22%20r=%221.2%22/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22640%22%20height=%22560%22%20fill=%22%23fff%22%3E%3Cg%20opacity=%22.6%22%3E%3Ccircle%20cx=%22561%22%20cy=%2277%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22354%22%20cy=%22295%22%20r=%221.2%22/%3E%3Ccircle%20cx=%2288%22%20cy=%22522%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22352%22%20cy=%22402%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22425%22%20cy=%2219%22%20r=%221.2%22/%3E%3Ccircle%20cx=%2233%22%20cy=%22106%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22455%22%20cy=%22230%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22357%22%20cy=%2287%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22509%22%20cy=%22337%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22622%22%20cy=%22555%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22429%22%20cy=%22204%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22457%22%20cy=%22174%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22224%22%20cy=%22444%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22417%22%20cy=%22536%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22201%22%20cy=%22556%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22432%22%20cy=%22305%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22284%22%20cy=%22524%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22225%22%20cy=%22420%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22483%22%20cy=%22528%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22147%22%20cy=%22314%22%20r=%221.2%22/%3E%3C/g%3E%3Cg%20opacity=%22.85%22%3E%3Ccircle%20cx=%22306%22%20cy=%22482%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22406%22%20cy=%22101%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22376%22%20cy=%22142%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22270%22%20cy=%22153%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22348%22%20cy=%2270%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22565%22%20cy=%22407%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22167%22%20cy=%22425%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22436%22%20cy=%22477%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22288%22%20cy=%22159%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22328%22%20cy=%22210%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22285%22%20cy=%2215%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2222%22%20cy=%22408%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22424%22%20cy=%22139%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22446%22%20cy=%22154%22%20r=%221.7%22/%3E%3C/g%3E%3Cg%20opacity=%221%22%3E%3Ccircle%20cx=%22297%22%20cy=%229%22%20r=%222.2%22/%3E%3Ccircle%20cx=%2249%22%20cy=%2240%22%20r=%222.2%22/%3E%3Ccircle%20cx=%22315%22%20cy=%22123%22%20r=%222.2%22/%3E%3Ccircle%20cx=%227%22%20cy=%22530%22%20r=%222.2%22/%3E%3Ccircle%20cx=%2259%22%20cy=%2239%22%20r=%222.2%22/%3E%3Ccircle%20cx=%22527%22%20cy=%228%22%20r=%222.2%22/%3E%3Ccircle%20cx=%22154%22%20cy=%22178%22%20r=%222.2%22/%3E%3Ccircle%20cx=%22459%22%20cy=%22378%22%20r=%222.2%22/%3E%3C/g%3E%3Cg%20opacity=%22.8%22%3E%3Cpath%20d=%22M236%2062l1%205l-1%205l-1%20-5z%22/%3E%3Cpath%20d=%22M231%2067l5%201l5%20-1l-5%20-1z%22/%3E%3C/g%3E%3Cg%20opacity=%22.8%22%3E%3Cpath%20d=%22M197%20255l1%208l-1%208l-1%20-8z%22/%3E%3Cpath%20d=%22M189%20263l8%201l8%20-1l-8%20-1z%22/%3E%3C/g%3E%3Cg%20opacity=%22.8%22%3E%3Cpath%20d=%22M22%20123l1%206l-1%206l-1%20-6z%22/%3E%3Cpath%20d=%22M16%20129l6%201l6%20-1l-6%20-1z%22/%3E%3C/g%3E%3C/svg%3E");
  background-size:900px 760px,640px 560px;
  background-position:0 0,120px 60px;
  opacity:.9;
}
.space .sky-twinkle{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22520%22%20height=%22480%22%20fill=%22%23cfe0ff%22%3E%3Cg%20opacity=%22.75%22%3E%3Ccircle%20cx=%22360%22%20cy=%2232%22%20r=%221.5%22/%3E%3Ccircle%20cx=%22440%22%20cy=%22283%22%20r=%221.5%22/%3E%3Ccircle%20cx=%22464%22%20cy=%22292%22%20r=%221.5%22/%3E%3Ccircle%20cx=%22351%22%20cy=%22131%22%20r=%221.5%22/%3E%3Ccircle%20cx=%22395%22%20cy=%22200%22%20r=%221.5%22/%3E%3Ccircle%20cx=%2241%22%20cy=%22407%22%20r=%221.5%22/%3E%3Ccircle%20cx=%22428%22%20cy=%22337%22%20r=%221.5%22/%3E%3Ccircle%20cx=%2224%22%20cy=%2252%22%20r=%221.5%22/%3E%3Ccircle%20cx=%220%22%20cy=%22135%22%20r=%221.5%22/%3E%3Ccircle%20cx=%22493%22%20cy=%22370%22%20r=%221.5%22/%3E%3Ccircle%20cx=%229%22%20cy=%22469%22%20r=%221.5%22/%3E%3Ccircle%20cx=%22323%22%20cy=%22290%22%20r=%221.5%22/%3E%3Ccircle%20cx=%22437%22%20cy=%22117%22%20r=%221.5%22/%3E%3Ccircle%20cx=%22243%22%20cy=%22267%22%20r=%221.5%22/%3E%3C/g%3E%3Cg%20opacity=%221%22%3E%3Ccircle%20cx=%22367%22%20cy=%22226%22%20r=%222.3%22/%3E%3Ccircle%20cx=%22247%22%20cy=%2217%22%20r=%222.3%22/%3E%3Ccircle%20cx=%22383%22%20cy=%22366%22%20r=%222.3%22/%3E%3Ccircle%20cx=%22361%22%20cy=%22307%22%20r=%222.3%22/%3E%3Ccircle%20cx=%22350%22%20cy=%22285%22%20r=%222.3%22/%3E%3Ccircle%20cx=%22200%22%20cy=%22122%22%20r=%222.3%22/%3E%3Ccircle%20cx=%2236%22%20cy=%2264%22%20r=%222.3%22/%3E%3Ccircle%20cx=%22341%22%20cy=%2250%22%20r=%222.3%22/%3E%3C/g%3E%3Cg%20opacity=%22.8%22%3E%3Cpath%20d=%22M371%20288l1%208l-1%208l-1%20-8z%22/%3E%3Cpath%20d=%22M363%20296l8%201l8%20-1l-8%20-1z%22/%3E%3C/g%3E%3Cg%20opacity=%22.8%22%3E%3Cpath%20d=%22M258%2043l1%206l-1%206l-1%20-6z%22/%3E%3Cpath%20d=%22M252%2049l6%201l6%20-1l-6%20-1z%22/%3E%3C/g%3E%3C/svg%3E");background-size:520px 480px;
  animation:mz-twinkle 5.5s ease-in-out infinite alternate;
}
@keyframes mz-twinkle{from{opacity:.25}to{opacity:1}}

/* --- Sekcje: przezroczyste, zamiast tła delikatne poświaty --- */
.space .sec,.space .sec.alt,.space .hero,.space .page-head{background:transparent}
.space .sec{position:relative;isolation:isolate}
.space .sec.alt::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 70% at 50% 50%, rgba(109,92,240,.16), transparent 72%);
}
.space .sec-head p{color:var(--c-ink-2)}
.space h1,.space h2,.space h3,.space h4{color:var(--c-ink)}
.space .site-head{border-bottom-color:rgba(150,168,255,.16)}
.space .site-foot{border-top:1px solid rgba(150,168,255,.14)}
.space .nav-toggle{border-color:var(--c-line)}
.space .main-nav > ul > li > a:hover{background:rgba(120,140,255,.14);color:#fff}
.space .main-nav.open,.space .main-nav .sub{background:#0d1230;backdrop-filter:blur(14px)}
.space .skip:focus{background:#0d1230;color:#fff}

/* --- Przyciski --- */
.space .btn{
  background:linear-gradient(135deg,#5b3fe0,#2f57c8);color:#fff;
  box-shadow:0 8px 24px -10px rgba(110,90,255,.9);
}
.space .btn:hover{background:linear-gradient(135deg,#6b4ff0,#3d67d8);box-shadow:0 14px 34px -12px rgba(120,100,255,1)}
.space .hero .btn,.space .cta-band .btn,.space .d-download .btn:not(.btn-ghost){
  background:linear-gradient(135deg,#ffd07a,#ff9d5c);color:#1a1030;
}
.space .hero .btn:hover,.space .cta-band .btn:hover{background:linear-gradient(135deg,#ffdb96,#ffb072);color:#1a1030}
.space .btn-ghost{background:rgba(255,255,255,.04);color:var(--c-ink);border-color:var(--c-line)}
.space .btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}

/* --- Hero: zdjęcie wtopione w kosmos --- */
.space .hero{isolation:isolate;overflow:hidden}
.space .hero-img{filter:saturate(.75) contrast(1.05) brightness(.72)}
.space .hero-shade{
  background:
    linear-gradient(100deg,rgba(5,6,15,.92) 0%,rgba(8,10,30,.72) 42%,rgba(10,14,40,.35) 78%),
    radial-gradient(70% 120% at 78% 50%, rgba(140,90,255,.42), transparent 70%);
}
.space .hero-slide::after{                 /* poświata pod tekstem */
  content:"";position:absolute;inset:auto auto -30% -10%;width:60%;height:70%;z-index:1;pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%, rgba(255,196,107,.20), transparent 70%);
}
.space .hero-copy{z-index:2}
.space .hero-title{text-shadow:0 2px 30px rgba(0,0,0,.6)}
.space .hero-plain{
  background:radial-gradient(70% 90% at 30% 30%, rgba(109,92,240,.28), transparent 70%);
}
.space .hero-nav{background:rgba(20,26,58,.7);color:#fff;border:1px solid var(--c-line);backdrop-filter:blur(8px)}
.space .hero-nav:hover{background:rgba(40,50,100,.9)}

/* Meteor przelatujący nad heroem — rzadko, żeby nie rozpraszał */
.space .hero::after{
  content:"";position:absolute;top:-10%;left:-15%;width:180px;height:2px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
  filter:drop-shadow(0 0 6px rgba(180,200,255,.9));
  transform:rotate(22deg);opacity:0;
  animation:mz-meteor 17s linear infinite;
}
@keyframes mz-meteor{
  0%,88%{opacity:0;transform:translate3d(0,0,0) rotate(22deg)}
  89%{opacity:1}
  100%{opacity:0;transform:translate3d(130vw,52vh,0) rotate(22deg)}
}

/* --- Karty: szkło + kolorowa poświata --- */
.space .card-link,.space .tst,.space .h-card,.space .h-form,.space .contact-form,
.space .h-wheelbox,.space .d-bmi,.space .d-cards li,.space .d-macros li,.space .h-list > li,
.space .h-score,.space .h-tablewrap,.space .pr,.space .art,.space .tool-intro,.space .d-download{
  backdrop-filter:blur(12px) saturate(1.2);
  box-shadow:var(--glow);
}
.space .card-link:hover,.space .pr:hover,.space .art:hover{
  border-color:rgba(160,150,255,.55);
  box-shadow:0 0 0 1px rgba(160,150,255,.35), 0 26px 60px -20px rgba(120,100,255,.85);
}
.space .card-icon{
  background:radial-gradient(60% 60% at 50% 45%, rgba(124,108,255,.45), rgba(20,26,58,0) 70%);
  height:112px;font-size:2.6rem;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5));
}
/* każdy kafelek usługi dostaje własny kolor poświaty */
.space .card-service:nth-child(6n+1) .card-icon{background:radial-gradient(60% 60% at 50% 45%, rgba(124,108,255,.5), transparent 70%)}
.space .card-service:nth-child(6n+2) .card-icon{background:radial-gradient(60% 60% at 50% 45%, rgba(236,84,168,.45), transparent 70%)}
.space .card-service:nth-child(6n+3) .card-icon{background:radial-gradient(60% 60% at 50% 45%, rgba(0,190,215,.45), transparent 70%)}
.space .card-service:nth-child(6n+4) .card-icon{background:radial-gradient(60% 60% at 50% 45%, rgba(255,181,92,.45), transparent 70%)}
.space .card-service:nth-child(6n+5) .card-icon{background:radial-gradient(60% 60% at 50% 45%, rgba(72,214,158,.42), transparent 70%)}
.space .card-service:nth-child(6n+6) .card-icon{background:radial-gradient(60% 60% at 50% 45%, rgba(92,134,255,.5), transparent 70%)}
.space .card-media,.space .book-cover,.space .bk-cover,.space .pr-media,.space .art-media{background:#10142e}
.space .card-text,.space .art-body p,.space .pr-sub,.space .bk-sub{color:var(--c-ink-2)}
.space .card-more{color:var(--c-accent)}
.space .tag{background:rgba(124,108,255,.2);color:#cfd6ff}
.space .price{color:#ffd79a}
.space .bk-title a,.space .art-body h2 a,.space .art-body h3 a,.space .pr-body h2 a,.space .pr-body h3 a{color:var(--c-ink)}
.space .sl-nav{background:rgba(20,26,58,.85);color:#fff;backdrop-filter:blur(8px)}
.space .sl-track::-webkit-scrollbar-thumb{background:rgba(150,168,255,.3)}

/* --- Opinie --- */
.space .tst blockquote{color:var(--c-ink)}
.space .tst .stars{color:#ffd07a;text-shadow:0 0 14px rgba(255,190,110,.55)}
.space .tst-who span{color:var(--c-ink-2)}

/* --- Pas CTA --- */
.space .cta-band{position:relative;border-radius:0;overflow:hidden;background:transparent}
.space .cta-band::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(60% 120% at 50% 120%, rgba(255,160,90,.30), transparent 70%),
    radial-gradient(80% 140% at 50% 0%, rgba(124,92,255,.42), transparent 70%),
    linear-gradient(180deg,rgba(12,16,44,.6),rgba(8,10,28,.85));
  border-top:1px solid rgba(150,168,255,.2);
  border-bottom:1px solid rgba(150,168,255,.2);
}
.space .cta-band h2{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.space .cta-band p{color:rgba(255,255,255,.82)}
.space .cta-box{background:linear-gradient(150deg,rgba(30,38,80,.7),rgba(16,20,48,.6));backdrop-filter:blur(12px);box-shadow:var(--glow)}
.space .cta-box p{color:var(--c-ink-2)}

/* --- Formularze --- */
.space .fld input,.space .fld textarea,.space .h-form input,.space .h-form select,
.space .d-conds label,.space .h-sugg{background:rgba(10,14,36,.85);color:var(--c-ink);border-color:var(--c-line)}
.space .fld input::placeholder,.space .fld textarea::placeholder,.space .h-form input::placeholder{color:#7d87b5}
.space .fld input:focus,.space .fld textarea:focus,.space .h-form input:focus,.space .h-form select:focus{
  background:rgba(16,22,52,.95);border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(255,196,107,.22)}
.space .h-sugg li:hover,.space .h-sugg li[aria-selected="true"]{background:rgba(124,108,255,.25)}
.space .chip{background:rgba(255,255,255,.05);color:var(--c-ink-2)}
.space .chip.on{background:linear-gradient(135deg,#5b3fe0,#2f57c8);border-color:transparent;color:#fff}
.space .alert.ok{background:rgba(32,110,66,.28);border-color:rgba(90,200,140,.45);color:#b6f0cb}
.space .alert.err{background:rgba(130,32,32,.3);border-color:rgba(230,120,120,.45);color:#ffc9c9}
.space .alert.warn-alert{background:rgba(120,88,20,.3);border-color:rgba(230,190,110,.4);color:#ffe2b0}
.space .disclaimer,.space .h-moonnote{background:rgba(255,255,255,.05);color:var(--c-ink-2)}
.space blockquote{background:rgba(255,255,255,.05);color:var(--c-ink-2)}
.space .prose a{color:#a9b6ff}
.space .prose a:hover{color:var(--c-accent)}
.space .prose th{background:rgba(124,108,255,.18)}
.space .pager a{background:rgba(255,255,255,.04);color:var(--c-ink-2);border-color:var(--c-line)}

/* --- Narzędzia: jasna ramka „unosi się” w kosmosie --- */
.space .tool-frame{border-color:var(--c-line);box-shadow:0 0 0 1px rgba(150,168,255,.2),0 30px 80px -30px rgba(110,90,255,.9)}
.space .tool-intro{
  background:linear-gradient(150deg,rgba(34,42,88,.7),rgba(16,20,48,.55));
  border-left-color:var(--c-accent);
}
.space .tool-more{border-top-color:var(--c-line)}

/* --- Horoskop: koło i mapa w ciemnych barwach --- */
.space .w-inner{fill:#0b1030}
.space .w-planet{fill:#eef1ff}
.space .w-planet.retro{fill:#ff8a7a}
.space .w-sign{fill:#ffc46b}
.space .w-hnum{fill:#9aa4d4}
.space .w-ang{fill:#b9a7ff}
.space .w-axis{stroke:#b9a7ff}
.space .w-ring,.space .w-sep,.space .w-cusp{stroke:rgba(150,168,255,.3)}
.space .w-tick{stroke:rgba(150,168,255,.4)}
.space .w-asp-h{stroke:#4fd6a0}.space .w-asp-t{stroke:#ff8a7a}.space .w-asp-n{stroke:#c5b48a}
.space .h-map{background:#081026;border-color:var(--c-line)}
.space .m-sea{fill:#081026}
.space .m-land{fill:#1b2450;stroke:#39477f;stroke-width:.25}
.space .m-grid{stroke:#39477f;stroke-width:.2;opacity:.5}
.space .m-eq{stroke:#5566a6;stroke-width:.35}
.space .m-chip{background:rgba(20,26,58,.8);color:var(--c-ink-2)}
.space .m-chip.on{color:#fff}
.space .h-table th{background:rgba(124,108,255,.16);color:#c3cbf5}
.space .h-glyph{color:var(--c-accent)}
.space .h-retro{color:#ff8a7a}
.space .h-ax{color:#b9a7ff}
.space .h-elbar{background:rgba(255,255,255,.08)}
.space .h-elbar::after{background:linear-gradient(90deg,#7b62ff,#ffc46b)}
.space .h-scoreval b{color:#fff}
.space .h-tag{background:rgba(124,108,255,.22);color:#cfd6ff}
.space .h-asp > li.k-harmony{border-left-color:#4fd6a0}
.space .h-asp > li.k-tension{border-left-color:#ff8a7a}

/* --- Dieta --- */
.space .d-cards b{color:#cfd6ff}
.space .d-cards li.d-main{background:linear-gradient(160deg,rgba(255,196,107,.16),rgba(20,26,58,.6));border-color:rgba(255,196,107,.55)}
.space .d-cards li.d-main b{color:#ffd79a}
.space .d-bmi-val.b-ok b,.space .d-bmi-val.b-ok span{color:#5fd99a}
.space .d-bmi-val.b-warn b,.space .d-bmi-val.b-warn span{color:#ffc46b}
.space .d-bmi-val.b-bad b,.space .d-bmi-val.b-bad span{color:#ff8a7a}
.space .d-bmi-scale i{background:#fff}
.space .d-num{background:linear-gradient(135deg,#ffd07a,#ff9d5c);color:#1a1030}
.space .d-tips p{color:var(--c-ink-2)}
.space .d-download{background:linear-gradient(150deg,rgba(34,42,88,.7),rgba(16,20,48,.55))}

/* --- Stopka --- */
.space .site-foot{color:#aab4e0}
.space .foot-list a{color:#aab4e0}
.space .foot-tag{color:var(--c-accent)}

/* --- Szacunek dla ustawień i drukarki --- */
@media (prefers-reduced-motion:reduce){
  .space::before,.space .sky-twinkle,.space .hero::after{animation:none!important}
  .space .sky-twinkle{opacity:.6}
}
@media print{
  .space{
    --c-ink:#1b2027;--c-ink-2:#4a5560;--c-line:#ddd;--c-bg:#fff;--c-bg-2:#fff;--c-bg-3:#fff;
    --c-card:#fff;--c-primary:#2f4858;--c-accent:#8a6222;background:#fff;
  }
  .space::before,.space::after,.space .sky-twinkle,.space .sec.alt::before{display:none!important}
  .space .card-link,.space .tst,.space .h-card,.space .d-bmi,.space .d-cards li,
  .space .d-macros li,.space .h-list > li,.space .h-score,.space .h-tablewrap,.space .h-wheelbox{
    backdrop-filter:none!important;box-shadow:none!important;border:1px solid #ddd!important;background:#fff!important}
  .space .w-inner{fill:#fff}.space .w-planet{fill:#1b2027}.space .w-sign{fill:#8a6222}
  .space .m-sea{fill:#eef3f6}.space .m-land{fill:#f3efe6;stroke:#c8bfae}
  .space .h-table th{background:#f2ede4;color:#1b2027}
  .space .d-cards b,.space .d-cards li.d-main b{color:#1b2027}
}

/* --- Nagłówki sekcji w kosmosie: gradient + świecąca kreska --- */
.space .sec-head{position:relative;padding-bottom:.4rem}
.space .sec-head h2{
  background:linear-gradient(100deg,#ffffff 0%,#d9d2ff 42%,#ffd7a1 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  padding-bottom:.08em;
}
.space .sec-head::after{
  content:"";display:block;width:84px;height:2px;margin:1rem auto 0;border-radius:2px;
  background:linear-gradient(90deg,transparent,#8f7dff,#ffc46b,transparent);
  box-shadow:0 0 14px rgba(150,120,255,.8);
}
/* Delikatna kreska światła na górnej krawędzi kart */
.space .card-link,.space .tst,.space .h-card,.space .d-cards li,.space .d-macros li{position:relative}
.space .card-link::before,.space .tst::before{
  content:"";position:absolute;top:0;left:12%;right:12%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(190,200,255,.6),transparent);
}
/* Opinie: cudzysłów jako duch w tle */
.space .tst{overflow:hidden}
.space .tst::after{
  content:"\201D";position:absolute;right:.4rem;bottom:-1.6rem;font:700 7rem/1 var(--f-head);
  color:rgba(150,168,255,.12);pointer-events:none;
}
/* Okładki i zdjęcia lekko świecą */
.space .book-cover img,.space .bk-cover img{box-shadow:0 18px 40px -20px rgba(0,0,0,.9)}
.space .card-media img,.space .art-media img,.space .pr-media img{filter:saturate(.95) brightness(.94)}
.space .card-link:hover .card-media img,.space .art:hover .art-media img{filter:saturate(1.05) brightness(1)}


/* --- Hero w kosmosie: gwiazdy nad zdjęciem, horyzont planety, zejście w tło --- */
.space .hero-slide::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22640%22%20height=%22560%22%20fill=%22%23fff%22%3E%3Cg%20opacity=%22.6%22%3E%3Ccircle%20cx=%22561%22%20cy=%2277%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22354%22%20cy=%22295%22%20r=%221.2%22/%3E%3Ccircle%20cx=%2288%22%20cy=%22522%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22352%22%20cy=%22402%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22425%22%20cy=%2219%22%20r=%221.2%22/%3E%3Ccircle%20cx=%2233%22%20cy=%22106%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22455%22%20cy=%22230%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22357%22%20cy=%2287%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22509%22%20cy=%22337%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22622%22%20cy=%22555%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22429%22%20cy=%22204%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22457%22%20cy=%22174%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22224%22%20cy=%22444%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22417%22%20cy=%22536%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22201%22%20cy=%22556%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22432%22%20cy=%22305%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22284%22%20cy=%22524%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22225%22%20cy=%22420%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22483%22%20cy=%22528%22%20r=%221.2%22/%3E%3Ccircle%20cx=%22147%22%20cy=%22314%22%20r=%221.2%22/%3E%3C/g%3E%3Cg%20opacity=%22.85%22%3E%3Ccircle%20cx=%22306%22%20cy=%22482%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22406%22%20cy=%22101%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22376%22%20cy=%22142%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22270%22%20cy=%22153%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22348%22%20cy=%2270%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22565%22%20cy=%22407%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22167%22%20cy=%22425%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22436%22%20cy=%22477%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22288%22%20cy=%22159%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22328%22%20cy=%22210%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22285%22%20cy=%2215%22%20r=%221.7%22/%3E%3Ccircle%20cx=%2222%22%20cy=%22408%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22424%22%20cy=%22139%22%20r=%221.7%22/%3E%3Ccircle%20cx=%22446%22%20cy=%22154%22%20r=%221.7%22/%3E%3C/g%3E%3Cg%20opacity=%221%22%3E%3Ccircle%20cx=%22297%22%20cy=%229%22%20r=%222.2%22/%3E%3Ccircle%20cx=%2249%22%20cy=%2240%22%20r=%222.2%22/%3E%3Ccircle%20cx=%22315%22%20cy=%22123%22%20r=%222.2%22/%3E%3Ccircle%20cx=%227%22%20cy=%22530%22%20r=%222.2%22/%3E%3Ccircle%20cx=%2259%22%20cy=%2239%22%20r=%222.2%22/%3E%3Ccircle%20cx=%22527%22%20cy=%228%22%20r=%222.2%22/%3E%3Ccircle%20cx=%22154%22%20cy=%22178%22%20r=%222.2%22/%3E%3Ccircle%20cx=%22459%22%20cy=%22378%22%20r=%222.2%22/%3E%3C/g%3E%3Cg%20opacity=%22.8%22%3E%3Cpath%20d=%22M236%2062l1%205l-1%205l-1%20-5z%22/%3E%3Cpath%20d=%22M231%2067l5%201l5%20-1l-5%20-1z%22/%3E%3C/g%3E%3Cg%20opacity=%22.8%22%3E%3Cpath%20d=%22M197%20255l1%208l-1%208l-1%20-8z%22/%3E%3Cpath%20d=%22M189%20263l8%201l8%20-1l-8%20-1z%22/%3E%3C/g%3E%3Cg%20opacity=%22.8%22%3E%3Cpath%20d=%22M22%20123l1%206l-1%206l-1%20-6z%22/%3E%3Cpath%20d=%22M16%20129l6%201l6%20-1l-6%20-1z%22/%3E%3C/g%3E%3C/svg%3E");background-size:640px 560px;opacity:.55;
  mix-blend-mode:screen;
}
.space .hero-shade{
  background:
    linear-gradient(100deg,rgba(4,5,14,.94) 0%,rgba(8,10,30,.76) 40%,rgba(12,16,46,.42) 74%),
    radial-gradient(75% 130% at 82% 46%, rgba(150,96,255,.45), transparent 68%),
    linear-gradient(180deg,rgba(4,5,14,.55) 0%,transparent 26%,transparent 62%,rgba(5,6,15,.96) 100%);
}
/* łuk „horyzontu planety” u dołu slajdu */
.space .hero::before{
  content:"";position:absolute;left:50%;bottom:0;width:180%;height:44%;translate:-50% 74%;
  z-index:2;pointer-events:none;border-radius:50% 50% 0 0 / 100% 100% 0 0;
  background:linear-gradient(180deg,rgba(124,108,255,.28),rgba(90,70,220,.05) 40%,transparent 70%);
  border-top:1px solid rgba(190,180,255,.55);
  box-shadow:0 -14px 50px -12px rgba(140,110,255,.75);
}
.space .hero-dots{z-index:4}
.space .hero-nav{z-index:4}
.space .hero-img{filter:saturate(.78) contrast(1.06) brightness(.66)}

/* --- Naprzemienna poświata także w sekcjach bez klasy alt --- */
.space .sec-services::before,.space .sec-tst::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(56% 64% at 22% 40%, rgba(0,170,210,.14), transparent 70%),
             radial-gradient(52% 60% at 80% 68%, rgba(236,84,168,.13), transparent 72%);
}
.space .sec-shop::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 70% at 50% 50%, rgba(72,214,158,.12), transparent 72%);
}

/* --- Drobiazgi wykończeniowe motywu kosmicznego --- */
.space{accent-color:var(--c-accent)}
.space input[type=checkbox],.space input[type=radio]{accent-color:#8f7dff}
.space .d-conds input:checked + span{color:#fff}
.space .d-conds label:hover{border-color:rgba(160,150,255,.6);background:rgba(20,26,58,.9)}
.space .h-manual summary,.space .h-adv summary{color:#9aa4d4}
.space .h-modedesc,.space .h-meta,.space .h-maplegend,.space .form-note,.space .hint,.space .d-macros em,.space .d-cards em{color:var(--c-ink-2)}
.space .h-rhead{border-bottom-color:var(--c-accent)}
.space .crumbs a,.space .crumbs ol{color:#9aa4d4}
.space .lead{color:var(--c-ink-2)}
.space .empty{color:var(--c-ink-2)}
.space .foot-bar a{color:#7d87b5}
.space ::selection{background:rgba(255,196,107,.35);color:#fff}
.space .d-bmi-scale{box-shadow:0 0 0 1px rgba(150,168,255,.25)}
/* Na telefonie zdjęcie ma być widoczne — przyciemnienie z góry i z dołu, nie z boku */
@media (max-width:640px){
  .space .hero-shade{
    background:
      linear-gradient(180deg,rgba(5,6,15,.8) 0%,rgba(8,10,30,.3) 34%,rgba(8,10,30,.42) 60%,rgba(5,6,15,.97) 100%),
      radial-gradient(75% 46% at 50% 42%, rgba(150,96,255,.34), transparent 72%);
  }
  .space .hero::before{height:26%;translate:-50% 76%}
}