@font-face{font-family:'Playfair Display';font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/fonts/playfair-display-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Playfair Display';font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/fonts/playfair-display-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/fonts/playfair-display-cyrillic-wght-italic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Playfair Display';font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/fonts/playfair-display-latin-wght-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Mistorika V4 — «живое ночное небо». Indigo night, moon gold, lilac and aurora accents. */
:root{
 color-scheme:dark;
 --night-0:#07061a;--night-1:#0d0b29;--night-2:#171341;--night-3:#221a5c;
 --ink:#f5f0e6;--muted:#aaa4c8;--faint:#7d77a3;--line:#ffffff17;--line-2:#ffffff2a;
 --moon:#f3d79e;--moon-2:#e3b465;--lilac:#bba8ff;--violet:#7a5cf0;--aurora:#7fe6d3;--rose:#ff9fc0;
 --mood:#7a5cf0;
 --glass:linear-gradient(150deg,#ffffff0f,#ffffff04 60%);
 --serif:Georgia,'Iowan Old Style','Times New Roman',serif;
 --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
 --r:18px;--ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
q{quotes:"«" "»"}.lens q{quotes:none}
html{scroll-behavior:smooth;background:var(--night-0)}
body{margin:0;color:var(--ink);font:16px/1.65 var(--sans);min-height:100vh;overflow-x:hidden;
 background:
  radial-gradient(1200px 700px at 78% -8%,color-mix(in srgb,var(--mood) 38%,transparent),transparent 65%),
  radial-gradient(900px 600px at 0% 30%,#3a1f7a55,transparent 70%),
  radial-gradient(800px 800px at 100% 75%,#1d3f7a40,transparent 70%),
  linear-gradient(180deg,var(--night-1) 0%,var(--night-0) 40%,#0a0722 100%);
 background-attachment:fixed;transition:background .8s}
#sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.18em}
.ic.big{width:30px;height:30px}
button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a,summary{touch-action:manipulation}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--moon);outline-offset:4px;border-radius:6px}
h1,h2,h3,h4,blockquote{font-family:var(--serif);font-weight:400;text-wrap:balance}
em{font-style:italic;color:var(--moon);background:linear-gradient(90deg,var(--moon),#ffe9c2 50%,var(--lilac));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.site-header,main,.site-footer{position:relative;z-index:1}.site-header{z-index:3}

/* Header */
.site-header{max-width:1320px;margin:auto;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:15px;letter-spacing:3px;font-weight:400} /* как в шапке сонника (seo.css) */
nav{display:flex;gap:28px;align-items:center;font-size:14px;color:#cfc8ea}
nav a{position:relative}nav a:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--moon);transform:scaleX(0);transition:transform .25s var(--ease)}nav a:hover:after{transform:scaleX(1)}
.text-button{border:0;background:none;padding:8px 0;color:inherit}
.history-pill{display:flex;gap:8px;align-items:center;padding:9px 16px;border:1px solid #f3d79e55;border-radius:999px;color:var(--moon);background:#f3d79e0d;transition:background .2s}
.history-pill:hover{background:#f3d79e1f}

/* Hero */
.hero{position:relative;max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;padding:40px 48px 90px;align-items:start}
.moon{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff8e6,#f6dfab 40%,#e2b56b 75%,#b98a4a);box-shadow:0 0 80px 10px #f3d79e55,inset -24px -18px 50px #8a5d2a66;opacity:.92}
.moon:after{content:'';position:absolute;inset:-2px;border-radius:50%;background:radial-gradient(circle at 78% 30%,var(--night-1) 0 46%,transparent 47%);opacity:.0}
.moon i{position:absolute;border-radius:50%;background:#c79a5a2e;box-shadow:inset 2px 2px 5px #8a5d2a33}
.moon i:nth-child(1){width:46px;height:46px;left:52%;top:22%}.moon i:nth-child(2){width:26px;height:26px;left:28%;top:58%}.moon i:nth-child(3){width:18px;height:18px;left:62%;top:66%}
.cloud{position:absolute;height:60px;border-radius:999px;background:#c9bfff;filter:blur(28px);opacity:.13;animation:drift linear infinite}
.cloud.c1{width:520px;top:250px;right:-10%;animation-duration:70s}.cloud.c2{width:380px;top:120px;right:30%;opacity:.08;animation-duration:95s;animation-delay:-30s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-60vw)}}
.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:var(--moon);font-weight:600;margin:0 0 18px}
.eyebrow.center,.center{justify-content:center;text-align:center}
h1{font-size:clamp(40px,4.6vw,66px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 22px}
.intro{max-width:540px;color:#cfc8ea;font-size:17px;margin:0 0 28px}
.field{border-radius:16px;background:#07061a99;border:1px solid #bba8ff2e;transition:border-color .2s,box-shadow .2s}
.field:focus-within{border-color:#f3d79eaa;box-shadow:0 0 0 4px #f3d79e1a}
.field textarea:focus-visible{outline:none} /* фокус показывает рамка .field — без второй обводки */
textarea{width:100%;display:block;background:transparent;border:0;color:var(--ink);padding:16px 16px 8px;resize:vertical;outline:none;line-height:1.6;min-height:120px;font-size:16px}
textarea::placeholder{color:#8b84b3}
.detail-meter{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);min-width:0}
.detail-meter[data-level="3"] #detailLabel{color:var(--moon)}
.moods{display:flex;flex-wrap:wrap;gap:8px}
.moods label{position:relative;padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;cursor:pointer;transition:all .2s;color:#d8d2f0}
.moods label:hover{border-color:#bba8ff88}
.moods input{position:absolute;opacity:0;pointer-events:none}
.moods label:has(input:checked){background:color-mix(in srgb,var(--mood) 35%,transparent);border-color:var(--mood);color:#fff;box-shadow:0 0 18px -4px var(--mood)}
.moods label:has(input:focus-visible){outline:2px solid var(--moon);outline-offset:2px}
.prompts{margin:14px 0 0;font-size:12px;color:var(--muted)}.prompts>span{display:block;margin-bottom:8px}
#promptList{display:flex;flex-wrap:wrap;gap:8px}
.prompt{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px dashed #7fe6d388;background:#7fe6d30f;color:#c9fff4;font-size:12.5px;transition:background .2s,transform .2s;animation:pop-in .35s var(--ease) both}
.prompt:hover{background:#7fe6d326;transform:translateY(-1px)}.prompt .ic{color:var(--aurora)}
@keyframes pop-in{from{opacity:0;transform:scale(.85)}}
.primary{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:16px;border:0;border-radius:14px;padding:18px 22px;font-weight:650;font-size:15px;letter-spacing:.3px;color:#231a0a;background:linear-gradient(135deg,#ffeec8,var(--moon) 40%,var(--moon-2));box-shadow:0 12px 30px -10px #e3b46599,0 0 0 1px #fff3 inset;transition:transform .2s var(--ease),box-shadow .2s}
.primary:after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,#ffffffaa,transparent);transform:skewX(-20deg);animation:shine 4.5s ease-in-out infinite}
.primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px #e3b465cc,0 0 0 1px #fff5 inset}
.primary .ic{width:20px;height:20px;transition:transform .2s}.primary:hover .ic{transform:translateX(4px)}
.primary.inline{display:inline-flex;width:auto;min-width:300px}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
button:disabled{opacity:.6;cursor:wait}
.form-note{font-size:12px;color:var(--muted);text-align:center;margin:12px 0 0}.form-note strong{color:var(--moon)}
.error{color:#ffb4aa;font-size:14px}
body.is-gathering .star-node .core{animation:pulse .7s ease-in-out infinite alternate}

/* Constellation */
.constellation{position:relative;margin-top:120px;padding:26px;border-radius:28px;background:linear-gradient(160deg,#ffffff0a,#ffffff02);border:1px solid var(--line);backdrop-filter:blur(4px)}
.stage{position:relative;aspect-ratio:420/340}
#constSvg{width:100%;height:100%;overflow:visible}
@keyframes draw{from{stroke-dashoffset:var(--len,2000)}}
.star-node{cursor:pointer;outline:none}
.star-node .core{fill:var(--moon);filter:drop-shadow(0 0 6px var(--moon));transform-box:fill-box;transform-origin:center;transition:transform .2s}
.star-node.act .core{fill:var(--aurora);filter:drop-shadow(0 0 6px var(--aurora))}
.star-node.feel .core{fill:var(--rose);filter:drop-shadow(0 0 6px var(--rose))}
.star-node .halo{opacity:.35}
.star-node text{fill:#ece6ff;font:13px var(--sans);paint-order:stroke;stroke:#0d0b29;stroke-width:4px}
.star-node text.order{font-size:9px;fill:var(--faint);stroke-width:3px}
.star-node:hover .core,.star-node:focus .core{transform:scale(1.5)}
.star-node:focus-visible .halo{opacity:.8}
.star-node.is-new .core{animation:birth .7s var(--ease) both}
.star-node.is-new .halo{animation:flash 1s ease-out both}
@keyframes birth{0%{transform:scale(0) rotate(-90deg)}70%{transform:scale(1.8)}100%{transform:scale(1)}}
@keyframes flash{0%{opacity:1;transform:scale(2.5)}100%{opacity:.35;transform:scale(1)}}
@keyframes pulse{to{transform:scale(1.6)}}
.star-tip{position:absolute;left:var(--x);top:var(--y);width:220px;padding:12px 14px;border-radius:14px;background:#1b1548f2;border:1px solid #bba8ff44;box-shadow:0 18px 40px -12px #000a;font-size:13px;pointer-events:none;opacity:0;transform:translate(16px,-50%) scale(.96);transition:opacity .2s,transform .2s;z-index:3}
.star-tip.left{transform:translate(calc(-100% - 16px),-50%) scale(.96)}
.star-tip.on{opacity:1;transform:translate(16px,-50%)}.star-tip.on.left{transform:translate(calc(-100% - 16px),-50%)}
.star-tip b{font:18px var(--serif);margin-right:8px}.star-tip p{margin:6px 0 0;color:#d6cff2;line-height:1.45}
.kind{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:#f3d79e22;color:var(--moon)}.kind.act{background:#7fe6d322;color:var(--aurora)}.kind.feel{background:#ff9fc022;color:var(--rose)}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:6px}.dot.sym{background:var(--moon);margin-left:0}.dot.act{background:var(--aurora)}.dot.feel{background:var(--rose)}
.tiny{font-size:12px;color:var(--faint)}
.sample-link{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:10px 0;border:0;background:none;color:var(--moon);font-size:14px}
.sample-link:hover .ic{transform:translateX(3px)}.sample-link .ic{transition:transform .2s}

/* Marquee */
.marquee{position:relative;z-index:1;overflow:hidden;padding:16px 0;border-block:1px solid var(--line);background:#ffffff05;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.m-chip{white-space:nowrap;padding:8px 18px;border-radius:999px;border:1px solid #bba8ff33;background:#bba8ff0d;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:#ddd5fb;transition:all .2s}
.m-chip:hover{border-color:var(--moon);color:var(--moon);background:#f3d79e14}

/* Sections */
.section{position:relative;z-index:1;max-width:1240px;margin:auto;padding:110px 48px}
h2{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-1px;margin:0 0 20px}
.lead{color:#cfc8ea;font-size:17px;max-width:620px}.lead.center{margin:0 auto 40px}
.glass{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(6px)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*90ms)}
.reveal.in{opacity:1;transform:none}

/* Lenses */
.lens{text-align:left;padding:26px;border-radius:var(--r);border:1px solid var(--line);background:var(--glass);transition:all .35s var(--ease);position:relative;overflow:hidden}
.lens:before{content:'';position:absolute;width:220px;height:220px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,#f3d79e33,transparent 70%);opacity:0;transition:opacity .35s}
.lens.active,.lens:hover{border-color:#f3d79e77;transform:translateY(-4px);box-shadow:0 20px 50px -20px #f3d79e55}
.lens.active:before,.lens:hover:before{opacity:1}.lens h3{font-size:26px;margin:6px 0 8px}.lens p{color:var(--muted);font-size:14px;margin:0 0 12px}
.lens q{display:block;font:italic 15px var(--serif);color:var(--lilac);opacity:.55;transition:opacity .3s}.lens.active q,.lens:hover q{opacity:1}

/* How */
.phase{display:block;width:60px;height:60px;margin:0 auto 18px;border-radius:50%;position:relative;background:var(--night-1);border:1px solid #f3d79e55;box-shadow:0 0 30px -6px #f3d79e66}
.phase:after{content:'';position:absolute;inset:10px;border-radius:50%;background:var(--moon)}

/* Preview */
.dream-note{padding:34px;border-radius:var(--r);background:linear-gradient(160deg,#f3d79e14,#ffffff05);border:1px solid #f3d79e33;position:relative}
mark{background:none;color:inherit;border-bottom:2px solid;padding:0 1px}
mark.sym{border-color:var(--moon);color:#ffe7b8}mark.act{border-color:var(--aurora);color:#c9fff4}mark.feel{border-color:var(--rose);color:#ffd2e1}
.reading-card{padding:30px;border-radius:var(--r);background:linear-gradient(160deg,#2a2070aa,#120e33cc);border:1px solid #bba8ff33}
.tabs{display:inline-flex;padding:4px;border-radius:999px;background:#0006;border:1px solid var(--line);margin-bottom:24px}
.tabs button{border:0;background:none;padding:9px 18px;border-radius:999px;font-size:14px;color:var(--muted);transition:all .25s}
.tabs button[aria-selected=true]{background:linear-gradient(135deg,#ffeec8,var(--moon));color:#231a0a;font-weight:600}.typed.typing:after{content:'▍';color:var(--moon);animation:blink .8s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.pop{animation:pop-in .35s var(--ease) both}
.question{margin:22px 0;padding:16px 18px;border-radius:14px;background:#f3d79e10;border-left:2px solid var(--moon)}
.question span{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--moon);margin-bottom:4px}
.question strong{font:400 19px/1.45 var(--serif);color:#fff}

/* Atlas */
.tile{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 10px;border-radius:16px;border:1px solid var(--line);background:var(--glass);font:17px var(--serif);color:#e8e2fb;transition:all .25s var(--ease)}
.tile .ic{color:var(--lilac);transition:color .25s,transform .25s}
.tile:hover{border-color:#bba8ff77;transform:translateY(-3px)}.tile:hover .ic{transform:scale(1.12)}
.tile[aria-pressed=true]{border-color:var(--moon);background:linear-gradient(160deg,#f3d79e22,#f3d79e06);box-shadow:0 0 40px -12px var(--moon);color:var(--moon)}
.tile[aria-pressed=true] .ic{color:var(--moon)}
.ad-head{display:flex;align-items:center;gap:16px}.ad-head .ic{color:var(--moon);filter:drop-shadow(0 0 10px #f3d79e88)}.ad-head h3{font-size:38px;margin:0}
.ad-lead{font:italic 19px/1.5 var(--serif);color:#f2ead8}
.ad-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--faint);margin:18px 0 10px}
.variants{display:flex;flex-wrap:wrap;gap:8px}
.variant{padding:7px 13px;border-radius:999px;border:1px solid var(--line-2);background:none;font-size:13px;color:#d8d2f0;transition:all .2s}
.variant[aria-pressed=true]{background:#7fe6d322;border-color:var(--aurora);color:#dffff9}
.variant-text{min-height:3.2em;color:#ddd5f5;margin:14px 0 0}

/* Diary */
.diary{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:12px;border:1px solid #f3d79e66;background:#f3d79e0d;color:var(--moon);font-weight:600;transition:background .2s}.ghost:hover{background:#f3d79e22}

/* Ritual */
.ritual-list{list-style:none;padding:0;max-width:820px;margin:0 auto;display:grid;gap:10px;position:relative}
.ritual-list button{width:100%;display:grid;grid-template-columns:36px 1fr;gap:4px 16px;text-align:left;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--glass);transition:all .25s}
.ritual-list button:hover{border-color:#bba8ff66}
.ritual-list .tick{grid-row:span 2;width:32px;height:32px;border-radius:50%;border:1px solid #f3d79e66;display:grid;place-items:center;color:transparent;transition:all .25s}
.ritual-list b{font:20px var(--serif)}.ritual-list span:last-child{color:var(--muted);font-size:14px}
.ritual-list button[aria-pressed=true]{border-color:#f3d79e88;background:linear-gradient(160deg,#f3d79e18,#ffffff04)}
.ritual-list button[aria-pressed=true] .tick{background:var(--moon);color:#231a0a;box-shadow:0 0 18px var(--moon)}

/* Principles */
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.principle-grid article{padding:24px;border-radius:var(--r);border:1px solid var(--line);background:#ffffff05}
.principle-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ff9fc01a;color:var(--rose);font-size:14px;margin-bottom:14px}
.principle-grid h3{font-size:21px;margin:0 0 8px}.principle-grid p{color:var(--muted);font-size:14px;margin:0}

/* FAQ */
.faq{max-width:860px}
.faq details{border-bottom:1px solid var(--line);padding:20px 4px}
.faq summary{cursor:pointer;list-style:none;font:21px var(--serif);display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'✦';color:var(--moon);transition:transform .3s}.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{color:var(--muted);margin:12px 40px 0 0}

/* Final CTA */
.final-moon{width:150px;height:150px;margin:0 auto 30px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff8e6,#f6dfab 45%,#d9a858);box-shadow:0 0 120px 30px #f3d79e44;animation:float 10s ease-in-out infinite}

/* Footer */
.site-footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:40px 48px 60px;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}
.site-footer p{margin:0;color:var(--muted);font-size:14px}

/* Dialogs */
dialog{background:linear-gradient(165deg,#241b62,#110d30);color:var(--ink);border:1px solid #bba8ff44;border-radius:26px;padding:40px;width:min(560px,calc(100% - 24px));max-height:92vh;overflow:auto;box-shadow:0 40px 120px -20px #000d}
dialog[open]{animation:dialog-in .35s var(--ease)}
@keyframes dialog-in{from{opacity:0;transform:translateY(16px) scale(.97)}}
dialog::backdrop{background:#04020fcc;backdrop-filter:blur(8px)}
dialog h2{font-size:36px}dialog>p{color:var(--muted);font-size:14px}
.close{position:absolute;right:14px;top:12px;width:44px;height:44px;display:grid;place-items:center;padding:0;font-size:28px;color:var(--muted);border:0;background:none;border-radius:50%}.close:hover{background:#ffffff10;color:#fff}
.price{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:16px 20px;border-radius:16px;background:#0004;border:1px solid var(--line)}
.price strong{font:38px var(--serif);color:var(--moon)}.price span{font-size:13px;color:var(--muted)}
.danger{color:#ffb4aa;margin-top:14px}
.muted{color:var(--muted)}

/* Result */
.shimmer-title{background:linear-gradient(90deg,#fff,var(--moon) 30%,#fff 50%,var(--lilac) 80%,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 6s linear infinite}
@keyframes shimmer{to{background-position:-200% center}}
.reading-body p{font-size:18px;line-height:1.8;color:#e2dbf7}
.dream-quote{border:0;background:#f3d79e1c;color:#ffe9bf;padding:1px 4px;border-radius:5px;font-family:var(--serif);font-style:italic}
.insight{margin-top:18px;padding:18px 20px;border-radius:16px;background:#7fe6d30c;border:1px solid #7fe6d333}
.insight>span{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--aurora)}.insight p{font-size:16px!important;margin:6px 0 0}
.big-question{display:grid;grid-template-columns:auto 1fr;gap:0 14px;align-items:center;padding:22px;margin-top:26px}
.big-question .qmoon{grid-row:span 2;width:40px;height:40px;color:var(--moon);fill:#f3d79e33;filter:drop-shadow(0 0 10px #f3d79e88)}
.big-question strong{font-size:22px}
.primary.glow{box-shadow:0 0 50px -8px #f3d79ecc,0 12px 30px -10px #e3b46599}
.full-report h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:6px}
.scene-path{list-style:none;padding:0;margin:20px 0 0;position:relative}
.scene-path:before{content:'';position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--moon),var(--lilac),var(--aurora));opacity:.6}
.scene-path li.scene{position:relative;padding:0 0 18px 66px}
.scene-path .node{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--night-2);border:1px solid var(--moon);color:var(--moon);font:15px var(--serif);box-shadow:0 0 20px -2px #f3d79e88}
.scene-path blockquote{font:italic 21px/1.45 var(--serif);color:#fff2d8;margin:6px 0 8px}
.scene-path p{color:#d8d0f5;margin:0}
.scene-path li.link{position:relative;margin:0 0 22px 66px;padding:14px 18px;border-radius:14px;background:#bba8ff10;border:1px dashed #bba8ff44;font-size:15px}
.scene-path li.link span{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--lilac)}.scene-path li.link p{margin:4px 0 0;color:#ddd5f5}
.versions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.version{position:relative;padding:24px;border-radius:18px;border:1px solid var(--line-2);background:#ffffff07;transition:all .3s var(--ease)}
.version>span{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--moon)}
.version h4{font-size:22px;margin:6px 0 10px;color:#fff}.version p{color:#d8d0f5;font-size:15px}
.version.chosen{border-color:var(--moon);background:linear-gradient(160deg,#f3d79e1c,#ffffff06);box-shadow:0 0 50px -16px var(--moon)}
.pick{border:1px solid var(--line-2);background:none;border-radius:999px;padding:7px 14px;font-size:13px;color:#ddd5fb;transition:all .2s}
.pick[aria-pressed=true]{background:var(--moon);color:#231a0a;border-color:var(--moon)}
.context-reading{padding:24px;border-radius:18px;background:#7fe6d30a;border:1px solid #7fe6d333}
.context-quote{font:italic 18px var(--serif);color:#c9fff4;border-left:2px solid var(--aurora);padding-left:14px;margin:6px 0 12px}
.q-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.q-cards li{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px;border:1px solid var(--line-2);background:linear-gradient(160deg,#bba8ff12,#ffffff04);transition:all .3s}
.q-cards b{font:16px var(--serif);color:var(--moon)}.q-cards p{font:18px/1.45 var(--serif);margin:0;flex:1}
.q-cards li.done{border-color:#7fe6d388;background:#7fe6d30f}.q-cards li .pick{align-self:flex-start}
.closing{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted)}
.full-report .primary{max-width:440px;margin:28px 0 12px}

/* ===== V4.1: registration funnel ===== */
.gate{position:relative;margin-top:36px;padding:34px;border-radius:24px;background:linear-gradient(160deg,#f3d79e12,#bba8ff0a);border:1px solid #f3d79e44;overflow:hidden}
.gate:before{content:'';position:absolute;width:340px;height:340px;right:-140px;top:-170px;border-radius:50%;background:radial-gradient(circle,#f3d79e30,transparent 70%);pointer-events:none}
.gate h2{font-size:clamp(26px,3vw,36px);margin-bottom:10px}
.skeleton{grid-column:2;display:grid;gap:7px;padding-top:4px}
.skeleton i{display:block;height:9px;border-radius:9px;background:linear-gradient(90deg,#ffffff0f,#bba8ff2e,#ffffff0f);background-size:200% 100%;animation:skel 2.4s linear infinite;filter:blur(1.5px)}
.skeleton i:nth-child(2){width:86%}.skeleton i:nth-child(3){width:64%}
@keyframes skel{to{background-position:-200% 0}}
.reg-form{display:grid;gap:12px;align-content:start}
.reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.reg-field span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.reg-field input,.cab-input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #bba8ff44;background:#07061aaa;color:var(--ink);font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}
.reg-field input:focus,.cab-input:focus{border-color:var(--moon);box-shadow:0 0 0 4px #f3d79e1a}
.check{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:13px;color:#d8d0f5;cursor:pointer}
.check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--moon)}
.check.soft{color:var(--muted)}
.reg-form .primary{margin-top:4px}.reg-form .form-note{text-align:left;margin:0}.reg-form .error{margin:0}
.reg-form details{border-top:1px solid var(--line);padding:10px 0 0}.reg-form details>summary{cursor:pointer;color:var(--moon);font-size:14px;font-weight:600;list-style:none}.reg-form details>summary:before{content:'✦ '}
.reg-form details[open]>summary{margin-bottom:10px}
.gate-link{color:var(--moon);text-decoration:underline;text-underline-offset:3px}
/* wheel */
.wheel .z-sector{stroke:#ffffff1c;stroke-width:1}
.wheel .z-sector.el-fire{fill:#ff8a5c14}.wheel .z-sector.el-earth{fill:#9be38a12}.wheel .z-sector.el-air{fill:#9fd0ff14}.wheel .z-sector.el-water{fill:#8f7dff18}
.wheel .z-glyph{font-size:22px;fill:#e8e0ff;font-family:'Apple Symbols','Segoe UI Symbol','DejaVu Sans',sans-serif}
.wheel .z-glyph.el-fire{fill:#ffb08f}.wheel .z-glyph.el-earth{fill:#bdf0b0}.wheel .z-glyph.el-air{fill:#bfe2ff}.wheel .z-glyph.el-water{fill:#c2b6ff}
.wheel .ring{fill:none;stroke:#ffffff2e}.wheel .ring.faint{stroke:#ffffff10;stroke-dasharray:2 5}
.wheel .tick{stroke:#ffffff30}
.wheel .house{stroke:#ffffff18}.wheel .house.axis{stroke:#f3d79e88;stroke-width:1.4}
.wheel .house-n{font:11px var(--sans);fill:var(--faint)}
.wheel .asp{stroke-width:1.2;opacity:.75;stroke-dasharray:600;animation:draw-asp 1.4s var(--ease) both;animation-delay:calc(.6s + var(--i)*60ms)}
.wheel .asp.soft{stroke:var(--aurora)}.wheel .asp.hard{stroke:var(--rose)}.wheel .asp.conj{stroke:var(--moon)}
@keyframes draw-asp{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
.wheel .planet{animation:pl-in .6s var(--ease) both;animation-delay:calc(.2s + var(--i)*70ms);cursor:default;outline:none}
@keyframes pl-in{from{opacity:0}to{opacity:1}}
.wheel .pl-bg{fill:#17123f;stroke:#f3d79e66}
.wheel .planet:hover .pl-bg,.wheel .planet:focus .pl-bg{fill:#2a2070;stroke:var(--moon)}
.wheel .pl-glyph{font-size:18px;fill:var(--moon);font-family:'Apple Symbols','Segoe UI Symbol','DejaVu Sans',sans-serif}
.wheel .pl-lead{stroke:#f3d79e44}.wheel .pl-dot{fill:var(--moon)}
.wheel .pl-retro{font-size:11px;fill:var(--rose)}
.wheel .angle-line{stroke:var(--moon);stroke-width:2}.wheel .angle-label{font:600 12px var(--sans);fill:var(--moon);letter-spacing:1px}
.wheel .wheel-center .core{fill:var(--moon)}
.wheel-rot{transform-origin:300px 300px;animation:wheel-in 1.4s var(--ease) both}
@keyframes wheel-in{from{transform:rotate(-40deg) scale(.92);opacity:0}}
@media(max-width:650px){.gate{padding:22px 16px}.reg-grid{grid-template-columns:1fr}}

/* V5.1 story voice + hook */
.story-voice p{font:400 21px/1.75 var(--serif);color:#f1ebdf;letter-spacing:.1px;max-width:760px}
.lede{font:400 clamp(24px,2.6vw,32px)/1.35 var(--serif);color:#fff6e4;max-width:760px;margin:6px 0 22px;text-wrap:balance}
.meaning{max-width:760px;margin:0 0 22px;padding:20px 22px;border-radius:18px;background:linear-gradient(150deg,#f3d79e1f,#bba8ff10);border:1px solid #f3d79e55;box-shadow:0 0 50px -24px var(--moon)}
.meaning>span{display:block;font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--moon);margin-bottom:6px}
.meaning p{margin:0;font:400 19px/1.6 var(--serif);color:#f6efe2}
.meaning p.answer{font-size:22px;color:var(--moon);margin-bottom:8px}
.story-voice p{font-size:18px!important;color:#d9d0ee!important}
.story-voice .dream-quote{background:none;padding:0;color:#ffe1a6;border-bottom:1px solid #f3d79e66;border-radius:0}
.hook{position:relative;max-width:760px;margin-top:6px;padding-bottom:30px;-webkit-mask:linear-gradient(#000 45%,transparent 100%);mask:linear-gradient(#000 45%,transparent 100%)}
.hook p{font:italic 21px/1.75 var(--serif);color:#e6dcff;margin:0}
.hook .dream-quote{background:none;padding:0;color:#ffe1a6;font-style:italic}
@media(max-width:650px){.story-voice p,.hook p{font-size:18px}}
/* Responsive */
@media(max-width:1060px){.hero{gap:32px;padding-inline:32px}.diary{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:20px}.constellation{margin-top:0;max-width:640px}.site-header{padding:18px 20px}nav a{display:none}.section{padding:80px 20px}.hero{padding:24px 20px 60px}.q-cards{grid-template-columns:1fr}}
@media(max-width:650px){
 body{font-size:15px}
 .brand{font-size:13px;letter-spacing:2px}.history-pill{padding:7px 12px;font-size:13px}.cloud{display:none}
 h1{font-size:36px;letter-spacing:-.8px;margin-bottom:14px;padding-right:40px}
 .intro{font-size:14px;line-height:1.55;margin-bottom:18px}
 .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:12px}
 textarea{min-height:110px;font-size:16px;padding:12px 12px 6px}.detail-meter{font-size:11px}
 .prompts{margin-top:10px}.prompts>span{margin-bottom:6px;font-size:11px}#promptList{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px}#promptList::-webkit-scrollbar{display:none}.prompt{flex:none;padding:6px 11px}
 .chip{font-size:11px;padding:3px 9px;border-radius:99px;background:#f3d79e1a;color:var(--moon);animation:pop-in .3s var(--ease) both}.chip.act{background:#7fe6d31a;color:var(--aurora)}.chip.feel{background:#ff9fc01a;color:var(--rose)}
 .primary{padding:15px 18px;font-size:14px;margin-top:12px}.primary.inline{min-width:0;width:100%}
 .constellation{padding:18px;border-radius:22px}
 .star-tip{width:180px}
 h2{font-size:31px}.lead{font-size:15px}
 .section{padding:64px 18px}.tile{padding:14px 6px;font-size:14px}.ad-head h3{font-size:30px}
 .versions{grid-template-columns:1fr}
 .principle-grid{grid-template-columns:1fr}
 .site-footer{grid-template-columns:1fr;padding:30px 20px}
 dialog{padding:30px 20px}dialog h2{font-size:29px}
 .reading-body p{font-size:16px}.big-question strong{font-size:19px}
 .scene-path li.scene{padding-left:56px}.scene-path li.link{margin-left:56px}.scene-path blockquote{font-size:18px}.dream-note,.reading-card{padding:22px}
}
@media(max-width:380px){h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media print{
 body{background:#fff;color:#111}#sky,.site-header,.hero,.marquee,.section,.site-footer,.full-report>.primary,.pick{display:none!important}
}

/* «Небо сна»: сон × астрология */
.sky-formula{font:italic 19px/1.55 var(--serif);color:#e6dcff;max-width:760px}.sky-formula.center{margin:34px auto}.sky-formula em{color:var(--moon)}
.night-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.night-grid.two{grid-template-columns:1fr 1fr}
.night-grid>div{padding:18px;border-radius:16px;background:#0003;border:1px solid var(--line)}
.night-grid small{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.night-grid b{display:block;font:400 21px/1.25 var(--serif);color:var(--moon);margin-bottom:8px}
.night-grid p{margin:0;font-size:14px;color:#ddd5f5}
.tonight{max-width:1000px;margin:0 auto 18px;padding:28px}
.sky-card{margin-top:30px}.sky-card.glass{padding:30px}.sky-card h3{font-size:26px;margin:22px 0 8px}.sky-card.glass>h3{margin-top:0}
.interp-row.personal{background:linear-gradient(90deg,#f3d79e12,transparent);border-radius:12px}
@media(max-width:760px){.night-grid,.night-grid.two{grid-template-columns:1fr}.tonight{padding:20px 16px}.sky-card.glass{padding:20px 16px}}

/* Примета сна */
.omen{position:relative;max-width:760px;margin:0 0 22px;padding:26px 26px 22px;border-radius:20px;background:linear-gradient(150deg,#f3d79e2b,#7a5cf01f);border:1px solid #f3d79e88;box-shadow:0 0 70px -26px var(--moon)}
.omen>span{display:block;font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--moon);margin-bottom:8px}
.omen p{margin:0;font:400 19px/1.6 var(--serif);color:#f6efe2}
.omen p.omen-head{font-size:clamp(24px,2.8vw,30px);line-height:1.25;color:var(--moon);margin-bottom:12px;text-wrap:balance}
.omen p.omen-term{margin-top:14px;padding-top:12px;border-top:1px solid #f3d79e33;font:italic 16px/1.5 var(--serif);color:#d9cff7}

.intro strong{color:var(--moon);font-weight:600}

/* Бенефиты кабинета */
.perk{position:relative;overflow:hidden;padding:26px;border-radius:22px;background:linear-gradient(160deg,#241b62cc,#120e33e6);border:1px solid #bba8ff2e;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.perk:hover{transform:translateY(-4px);border-color:#f3d79e66;box-shadow:0 24px 60px -30px #f3d79e66}
.perk h3{font-size:24px;margin:10px 0 8px}.perk p{color:var(--muted);font-size:14.5px;margin:0 0 12px}

/* Заголовки — Playfair Display */
:root{--display:'Playfair Display',Georgia,'Times New Roman',serif}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;letter-spacing:-.01em}
h1{font-weight:500}

/* Сравнение: колонки шире, заголовки не слипаются */

/* УТП: ИИ-толкователь */
.orbit{position:absolute;border-radius:50%}.orbit:before{content:'';position:absolute;inset:0;border-radius:50%;border:1px dashed #bba8ff40;animation:spin linear infinite;animation-duration:inherit}
.orbit span{position:absolute;left:50%;top:50%;white-space:nowrap;padding:5px 11px;border-radius:99px;background:#17123fee;border:1px solid #bba8ff44;font-size:12px;color:#e6dcff;--r:50%}
.orbit span{transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--d)*-1)) rotate(calc(var(--a)*-1))}
.orbit span:nth-child(1){--a:0deg}.orbit span:nth-child(2){--a:120deg}.orbit span:nth-child(3){--a:240deg}
@keyframes spin{to{transform:rotate(360deg)}}
.orbit span{animation:twinkle 4s ease-in-out infinite;animation-delay:calc(var(--a)/90deg*-1s)}
@keyframes twinkle{50%{opacity:.6;box-shadow:0 0 16px -4px var(--moon)}}
.ai-vs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.ai-vs>div{padding:20px 22px;border-radius:18px;background:#ffffff06;border:1px solid var(--line)}
.ai-vs b{font:500 20px var(--display)}.ai-vs p{margin:6px 0 0;color:var(--muted);font-size:14px}
@media(max-width:650px){.ai-vs{grid-template-columns:1fr}.orbit span{font-size:10.5px;padding:4px 8px}}

/* Акцентные цитаты */
.dream-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;text-align:left}
.dream-facts article{padding:20px 22px;border-radius:18px;background:#ffffff07;border:1px solid var(--line)}
.dream-facts b{font:500 19px var(--display);color:var(--moon)}.dream-facts p{margin:6px 0 0;color:var(--muted);font-size:14px}
/* Отзывы */
.review{break-inside:avoid;margin:0 0 16px;padding:24px;border-radius:20px;background:linear-gradient(160deg,#241b62cc,#120e33e6);border:1px solid #bba8ff2e}
.stars{color:var(--moon);letter-spacing:3px;font-size:15px}
.review p{font:italic 17px/1.6 var(--display);color:#f2ead8;margin:12px 0 16px}
.review footer{display:flex;align-items:center;gap:10px}.review footer b{font-size:14px}.review footer small{display:block;font-size:12px;color:var(--faint)}
.review footer>span+b{margin-right:auto}
@media(max-width:760px){.dream-facts{grid-template-columns:1fr}}

/* Рисованная луна (гравюра, GPT Image) вместо CSS-градиента */
.moon,.final-moon{background:url(/assets/img/moon.webp) center/contain no-repeat!important}
.moon{box-shadow:none;opacity:1;filter:none}
.moon i,.moon:after{display:none}
.final-moon{box-shadow:none;filter:drop-shadow(0 0 70px #f3d79e55)}

/* Гравюрный пейзаж внизу первого экрана вместо SVG-холмов */
.hero{padding-bottom:min(26vw,350px)}
@media(max-width:650px){.hero{padding-bottom:46vw}}

/* ===== Растровые иллюстрации (гравюра) ===== */
/* Фон первого экрана — на всю ширину окна: город и свечение луны не обрезаются по краям контейнера */
html{overflow-x:clip}
.cloud{background:url(/assets/img/clouds.webp) center/contain no-repeat;filter:none;opacity:.55;height:auto;aspect-ratio:3/2;border-radius:0}
.cloud.c1{width:min(44vw,640px);top:200px;right:-6%}.cloud.c2{width:min(34vw,480px);top:40px;right:34%;opacity:.28}
/* Атлас: медальоны вместо иконок */
.tile-medal{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 6px 14px #0008);transition:transform .3s var(--ease)}
.tile:hover .tile-medal{transform:scale(1.07) rotate(-3deg)}
.tile[aria-pressed=true] .tile-medal{filter:drop-shadow(0 0 18px #f3d79e88)}
.ad-medal{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 24px #f3d79e55)}
/* Ядро блока ИИ — астролябия */
/* Цитаты — орнамент */
/* Как это работает — фазы Луны */
/* Истории открытий */
/* Дневник в бенефитах */
/* Финальный экран — спящий сновидец */
/* Окно входа — спящий полумесяц */
@media(max-width:650px){.tile-medal{width:58px;height:58px}.ad-medal{width:90px;height:90px}.cloud{display:block}.cloud.c2{display:none}}

/* Полтора облака */
.cloud{aspect-ratio:1000/474;background-size:contain}
.cloud.c1{width:min(40vw,560px);top:230px;right:-4%;opacity:.7}

/* «ИИ» на луне внутри сферы астролябии */

/* Финальная сцена — арка-окно с тонкой двойной золотой рамкой */

/* Три облака-гравюры, медленный дрейф туда-обратно */
.cloud{animation:cloud-sway ease-in-out infinite alternate}
.cloud.c1{animation-duration:38s}
.cloud.c2{display:block;background-image:url(/assets/img/clouds-2.webp);aspect-ratio:900/216;width:min(46vw,680px);top:90px;right:auto;left:30%;opacity:.38;animation-duration:52s;animation-delay:-14s}
@keyframes cloud-sway{from{transform:translateX(0)}to{transform:translateX(-7vw)}}
@media(max-width:900px){.cloud.c2{left:10%;width:70vw;top:60px;opacity:.3}}
@media(max-width:650px){.cloud.c2{display:block}}

.cloud.c1{top:300px;opacity:.5}.cloud.c2{opacity:.32}

/* Созвездия-гравюры на боковых полях (только десктоп, слой создаёт constellations.js) */
.sky-figures{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.sky-fig{position:absolute;top:0;width:clamp(260px,24vw,430px);height:auto;opacity:.3;will-change:transform;transform:translate3d(0,-999px,0)}
.sky-fig.l{left:max(-130px,calc((100vw - 1320px)/2 - 330px))}
.sky-fig.r{right:max(-130px,calc((100vw - 1320px)/2 - 330px))}
@media print{.sky-figures{display:none}}

/* Блок результата — спокойная версия: одна ровная поверхность, без луны на рамке, без свечений и вложенных светящихся карточек.
   Иерархия: заголовок → тихий заход → примета (единственный золотой акцент, линейка слева) → смысл за волосяной линией → текст. */
.shimmer-title{background:none;-webkit-text-fill-color:currentColor;color:var(--ink);animation:none}
.lede{font-size:clamp(19px,1.7vw,22px);line-height:1.5;color:#cfc8ea;margin:0 0 36px}
.omen{background:none;border:0;border-left:2px solid var(--moon);border-radius:0;box-shadow:none;padding:2px 0 2px 26px;margin-bottom:36px}
.omen p.omen-term{border-top:0;padding-top:0;margin-top:12px;color:var(--muted)}
.meaning{background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:28px 0 0;margin-bottom:24px}
.meaning>span{color:var(--muted)}
.meaning p.answer{color:var(--ink)}
.gate{background:#ffffff05;border-color:var(--line-2)}
.gate:before{display:none}
@media(max-width:650px){.omen{padding-left:18px;margin-bottom:28px}.lede{margin-bottom:28px}}

/* Знак Мисторики (вариант A: спящий полумесяц со звездой) */
.brand-mark{width:28px;height:28px;flex:none;filter:drop-shadow(0 0 6px #f3d79e40)}
@media(max-width:650px){.brand-mark{width:24px;height:24px}}
/* 1. Медальон над «Один email — и у твоих снов появляется дом»: знак в двух тонких орбитах */
/* 2. Водяной знак за «Чего мы не делаем» */
/* 3. Печать перед подвалом */

/* ===== Созвездие сна: растровые звёзды, вспышки, комета, прогресс толкования ===== */
/* Облако c1 больше не проплывает за карточкой; карточка плотная, без размытия того, что за ней */
@media(min-width:901px){.cloud.c1{display:none}}
.constellation{background:linear-gradient(160deg,#16123bf0,#0b0924f2);backdrop-filter:none}
/* линии */
.const-seg{stroke:#bba8ff80;stroke-width:1.2;filter:drop-shadow(0 0 3px #bba8ff88)}
.const-seg.is-new{stroke-dasharray:var(--len);animation:draw .55s var(--ease) both}
.const-comet{fill:none;stroke:#fff3d6;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:16 calc(var(--len)*1px);animation:comet 4.5s linear infinite;filter:drop-shadow(0 0 5px var(--moon)) drop-shadow(0 0 10px var(--moon))}
@keyframes comet{from{stroke-dashoffset:16px}to{stroke-dashoffset:calc(var(--len)*-1px)}}
/* звезда */
.star-body{transform-box:fill-box;transform-origin:center}
.star-node .halo{opacity:.45}
.star-node .core{fill:none;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 5px #f3d79eaa);animation:star-twinkle 3.4s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.8s)}
.star-node.act .core{filter:drop-shadow(0 0 5px #7fe6d3aa)}.star-node.feel .core{filter:drop-shadow(0 0 5px #ff9fc0aa)}
@keyframes star-twinkle{0%,100%{transform:scale(.92) rotate(0);opacity:.85}50%{transform:scale(1.08) rotate(8deg);opacity:1}}
.orbit-ring{fill:none;stroke:#f3d79e40;stroke-width:.8;stroke-dasharray:1.5 3.5;transform-box:fill-box;transform-origin:center;animation:spin 16s linear infinite}
.star-node.act .orbit-ring{stroke:#7fe6d340}.star-node.feel .orbit-ring{stroke:#ff9fc040}
.star-node:hover .star-body,.star-node:focus .star-body{transform:scale(1.25);transition:transform .25s var(--ease)}
.star-node:hover .core,.star-node:focus .core{transform:none}
/* рождение: сначала дорисовывается линия, потом звезда вспыхивает */
.star-node.is-new .star-body{animation:star-in .8s var(--ease) both;animation-delay:calc(.3s + var(--n,0)*.12s)}
@keyframes star-in{0%{transform:scale(0) rotate(-140deg);opacity:0}55%{transform:scale(1.6) rotate(12deg);opacity:1}100%{transform:none}}
.burst line{stroke:#fff3d6;stroke-width:1.4;stroke-linecap:round}
.star-node.act .burst line{stroke:#c9fff4}.star-node.feel .burst line{stroke:#ffd2e1}
.burst{transform-box:fill-box;transform-origin:center;opacity:0;animation:burst .9s ease-out both;animation-delay:calc(.38s + var(--n,0)*.12s)}
@keyframes burst{0%{opacity:1;transform:scale(.3) rotate(0)}100%{opacity:0;transform:scale(1.7) rotate(22deg)}}
.shock{fill:none;stroke:var(--moon);stroke-width:1}
/* подписи и номера */
.star-node text.name{fill:#f2ecff;font:600 13px var(--sans);letter-spacing:.3px;paint-order:stroke;stroke:#0d0b29;stroke-width:4px}
.star-node.is-new text.name{animation:fade-up .5s var(--ease) both;animation-delay:calc(.55s + var(--n,0)*.12s)}
.star-node .order circle{fill:#0d0b29;stroke:var(--moon);stroke-width:.9}
.star-node.act .order circle{stroke:var(--aurora)}.star-node.feel .order circle{stroke:var(--rose)}
.star-node .order text{fill:var(--moon);font:700 9px var(--sans);stroke:none}
.star-node.act .order text{fill:var(--aurora)}.star-node.feel .order text{fill:var(--rose)}
.star-node .order{transform-box:fill-box;transform-origin:center}
.star-node.is-new .order{animation:badge-in .45s var(--ease) both;animation-delay:calc(.7s + var(--n,0)*.12s)}
@keyframes badge-in{from{opacity:0;scale:0}}
@keyframes fade-up{from{opacity:0;transform:translateY(5px)}}
/* разбор идёт: комета ускоряется, звёзды загораются по очереди, линии светлеют */
body.is-gathering .const-comet{animation-duration:1.3s}
body.is-gathering .const-seg{stroke:var(--moon);stroke-width:1.6;filter:drop-shadow(0 0 6px var(--moon))}
body.is-gathering .star-node .core{animation:star-call 1.4s ease-in-out infinite;animation-delay:calc(var(--i,0)*.18s)}
body.is-gathering .star-node .halo{animation:star-call-halo 1.4s ease-in-out infinite;animation-delay:calc(var(--i,0)*.18s);transform-box:fill-box;transform-origin:center}
@keyframes star-call{0%,100%{transform:scale(1)}30%{transform:scale(1.55) rotate(45deg)}}
@keyframes star-call-halo{0%,100%{opacity:.4;transform:scale(1)}30%{opacity:1;transform:scale(1.9)}}

/* Прогресс толкования */

/* Эмблема вместо луны на первом экране: перед карточкой, без размытия, с мягкой тенью на неё */
@media(max-width:650px){h1{padding-right:72px}}
/* Фоновое небо внутри сцены созвездия */
.sky-dust circle{fill:#dfe6ff}
.sky-dust circle:nth-child(5n){fill:#ffe3a8}
.sky-dust .tw{animation:dust-tw 4.5s ease-in-out infinite}
@keyframes dust-tw{50%{opacity:.08}}

/* Облачка над созвездием и шкалой: парят поверх карточки, как эмблема, но только по краям — содержимое не закрывают */
.card-cloud{position:absolute;z-index:3;pointer-events:none;will-change:transform}
.card-cloud img{display:block;width:100%;filter:drop-shadow(0 14px 16px #04021088);animation:cloud-bob ease-in-out infinite alternate}
@keyframes cloud-bob{from{transform:translate(0,0)}to{transform:translate(10px,-7px)}}

/* Гравюрные фазы Луны вместо эмодзи (moon-phases.js), спрайт из 8 кадров */
.moon-ph{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em;font-style:normal;background:url(/assets/img/moon-phase-sprite.webp) 0 0/800% 100% no-repeat;background-position-x:calc(var(--k,4)*100%/7);filter:drop-shadow(0 0 4px #f3d79e33)}

/* «Сонник / Толкователь / Мисторика»: без обводки — только стекло (размытие + блик по верхней кромке) и свечение снизу */
.ai-vs>div{border:0;background:linear-gradient(165deg,#ffffff0e,#ffffff03 70%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff17,0 22px 44px -26px #000c}

/* ===== Стекло без обводки — по всему сайту (приём из карточек сравнения) =====
   Край — блик по верхней кромке, отрыв от фона — тень снизу. Акцент и выбранное состояние — золотое свечение под карточкой,
   «действие» и «готово» — бирюзовое. Ширину рамки не трогаем (только цвет), чтобы ничего не сдвинулось. */
:root{
 --edge:inset 0 1px 0 #ffffff17;--drop:0 22px 44px -26px #000c;
 --edge-gold:inset 0 1px 0 #fff3d640;--glow-gold:0 30px 60px -24px #f3d79e70,0 10px 30px -18px #f3d79e55;
 --edge-teal:inset 0 1px 0 #c9fff440;--glow-teal:0 26px 50px -24px #7fe6d35c,0 8px 26px -18px #7fe6d340;
}
.glass,.lens,.principle-grid article,.dream-facts article,.perk,.review,.constellation,.reading-card,.tile,.ritual-list button,.night-grid>div,.version,.q-cards li{border-color:transparent!important}
.glass,.lens,.principle-grid article,.dream-facts article,.perk,.review,.constellation,.reading-card,.tile,.ritual-list button,.night-grid>div,.version,.q-cards li{box-shadow:var(--edge),var(--drop)}
.glass,.lens,.principle-grid article,.dream-facts article,.review,.tile,.ritual-list button{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
/* тёплые акцентные карточки */
.dream-note,.gate{border-color:transparent!important}
.dream-note,.gate{box-shadow:var(--edge-gold),var(--glow-gold)}
/* наведение и выбор: вместо цветной рамки — свечение снизу */
.perk:hover,.lens.active,.lens:hover,.tile:hover,.ritual-list button:hover{box-shadow:var(--edge-gold),var(--glow-gold)}
.tile[aria-pressed=true],.ritual-list button[aria-pressed=true],.version.chosen{box-shadow:var(--edge-gold),var(--glow-gold),0 0 40px -12px #f3d79e88}
.q-cards li.done{box-shadow:var(--edge-teal),var(--glow-teal)}

/* ===== Гороскоп: гравюрные медальоны знаков (zodiac-art.js), стекло без обводки, иллюстрация раздела ===== */
.zod-medal{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px #04021099)}
/* сетка знаков */
.sign-tile{border-color:transparent!important;box-shadow:var(--edge),var(--drop);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:14px 8px 14px;gap:4px}
.sign-tile .sign-g[data-zod]{width:72px;height:72px;margin-bottom:4px;transition:transform .35s var(--ease)}
.sign-tile:hover{box-shadow:var(--edge-gold),var(--glow-gold)}
.sign-tile:hover .sign-g[data-zod]{transform:scale(1.08) rotate(-4deg)}
.sign-tile[aria-pressed=true]{box-shadow:var(--edge-gold),var(--glow-gold),0 0 40px -12px #f3d79e88}
.sign-tile[aria-pressed=true] .zod-medal{filter:drop-shadow(0 0 16px #f3d79e77) drop-shadow(0 8px 14px #04021099)}
/* карточка дня */
.horo-glyph[data-zod]{flex:none;width:118px;height:118px;text-shadow:none;animation:float 10s ease-in-out infinite}
.horo-block .horo-glyph[data-zod]{width:92px;height:92px}
.horo-scores>div{border-color:transparent!important;box-shadow:var(--edge),0 14px 28px -20px #000b}
.horo-lock{border:0!important;align-items:center;justify-content:flex-start;gap:14px;background:linear-gradient(160deg,#f3d79e14,#ffffff04);box-shadow:var(--edge-gold),0 20px 40px -26px #f3d79e66;transition:box-shadow .3s}
.horo-lock:before{content:'';flex:none;width:40px;aspect-ratio:1;background:url(/assets/img/lock-moon.webp) center/contain no-repeat;filter:drop-shadow(0 6px 10px #04021099)}
.horo-lock:hover{box-shadow:var(--edge-gold),var(--glow-gold)}
.horo-lock span{margin-left:auto}
/* иллюстрация над заголовком страницы */
.horo-hero{position:relative;padding-top:40px}
.horo-hero:before{content:'';display:block;width:190px;aspect-ratio:1;margin:0 auto 6px;background:url(/assets/img/cab-horoscope.webp) center/contain no-repeat;filter:drop-shadow(0 16px 24px #04021099) drop-shadow(0 0 34px #f3d79e22);animation:float 11s ease-in-out infinite}
@media(max-width:560px){.sign-tile .sign-g[data-zod]{width:56px;height:56px}.horo-glyph[data-zod]{width:84px;height:84px}.horo-hero:before{width:130px}}

/* Золотая кромка за курсором (rim.js): клин света ±45° от центра в сторону курсора, только по рамке (маска), за элемент не выходит */
.rim{position:relative}
.rim::after{content:'';position:absolute;inset:0;left:0;right:0;top:0;bottom:0;height:auto;width:auto;transform:none;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:2;
 background:conic-gradient(from calc(var(--ang,315deg) - 45deg) at 50% 50%,transparent 0deg,#f3d79e66 18deg,#ffe9bf 45deg,#f3d79e66 72deg,transparent 90deg 360deg);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
 opacity:0;transition:opacity .35s var(--ease)}
.rim.rim-on::after{opacity:1}
/* меню кабинета: старая подчёркивающая полоска из общего правила nav a:after выходила за пункт — её больше нет */
.cab-nav a:after{background:conic-gradient(from calc(var(--ang,315deg) - 45deg) at 50% 50%,transparent 0deg,#f3d79e66 18deg,#ffe9bf 45deg,#f3d79e66 72deg,transparent 90deg 360deg);}
.cab-nav a:not(.rim):after{content:none}

/* Документы и согласия */
.legal-links{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}.legal-links a{color:var(--muted);font-size:13px;text-decoration:underline;text-decoration-color:#ffffff33;text-underline-offset:3px}.legal-links a:hover{color:var(--moon)}
.check a{color:inherit;text-decoration:underline;text-underline-offset:2px}.xb-consent{margin:4px 0 12px;font-size:13px;color:var(--muted)}
.cab-footer{position:relative;z-index:1}
.xb-consent.flag{color:#ffd9a0;border-radius:10px;outline:1px solid #f3d79e88;outline-offset:6px;animation:xbflag .9s var(--ease) 2}@keyframes xbflag{50%{outline-color:transparent}}@media(prefers-reduced-motion:reduce){.xb-consent.flag{animation:none}}

/* ===== Гороскоп как лендинг знака (horo-landing.js) ===== */
/* выбор знака — одна лёгкая строка медальонов вместо плотной сетки */
@media(min-width:1001px){
 .horo-page .sign-grid{grid-template-columns:repeat(12,1fr);gap:8px;margin-top:26px}
 .horo-page .sign-tile{padding:10px 4px 9px;gap:2px;border-radius:14px}
 .horo-page .sign-tile .sign-g[data-zod]{width:54px;height:54px;margin-bottom:2px}
 .horo-page .sign-tile b{font-size:13.5px}
 .horo-page .sign-tile small{display:none}
}
.horo-page .horo-hero{padding-bottom:10px}
/* герой знака */
.sign-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;padding-top:70px;padding-bottom:40px}
.sh-medal{position:relative;width:min(420px,100%);aspect-ratio:1;margin:auto;display:grid;place-items:center;will-change:transform}
.sh-zod{width:78%;filter:drop-shadow(0 30px 40px #04021099) drop-shadow(0 0 60px #f3d79e33);animation:float 11s ease-in-out infinite}
.sh-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #f3d79e2e;pointer-events:none}
.sh-ring.r1{background:repeating-conic-gradient(from 0deg,#f3d79e66 0 .6deg,transparent .6deg 30deg);-webkit-mask:radial-gradient(circle,transparent 66%,#000 66.5% 68%,transparent 68.5%);mask:radial-gradient(circle,transparent 66%,#000 66.5% 68%,transparent 68.5%);border:0;animation:spin 120s linear infinite}
.sh-ring.r2{inset:-4%;border-style:dashed;border-color:#bba8ff33;animation:spin 90s linear infinite reverse}
.sh-title{font-size:clamp(46px,6vw,86px);line-height:1;margin:0 0 18px;letter-spacing:-.02em}
.sh-title em{display:block;font-size:.5em;margin-top:10px}
.sh-lead{font:400 clamp(18px,1.6vw,21px)/1.6 var(--display);color:#efe6d4;max-width:560px;margin:0 0 26px}
.sh-traits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;max-width:600px}
.sh-trait{padding:14px 16px;border-radius:16px;background:linear-gradient(160deg,#ffffff0b,#ffffff02);box-shadow:var(--edge),var(--drop)}
.sh-trait small{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.sh-trait b{font:500 18px/1.25 var(--display);color:#fff}
.sh-trait.power b{color:var(--moon)}.sh-trait.shadow b{color:#d9cdfc}.sh-trait.love b{color:#ffd2e1}
.sh-chips{display:flex;flex-wrap:wrap;gap:10px;max-width:600px}
.sh-chip{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:#ffffff08;box-shadow:var(--edge)}
.sh-chip:not(:has(img)){padding-left:16px}
.sh-chip-img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 8px #04021099)}
.sh-chip small{display:block;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint)}
.sh-chip b{font:500 15px var(--display);color:#f2ecff}
/* цитата знака */
.sign-quote{padding-top:40px;padding-bottom:40px}
.sq-fig{margin:0 auto;max-width:900px;text-align:center;padding:50px 40px;position:relative}
.sq-fig:before{content:'';position:absolute;inset:0;border-radius:32px;background:radial-gradient(ellipse at 50% 0%,#f3d79e17,transparent 70%);pointer-events:none}
.sq-orn{display:block;width:min(380px,80%);margin:0 auto 14px;opacity:.85}
.sq-fig blockquote{margin:0 auto 20px;font:italic 400 clamp(26px,3.2vw,42px)/1.32 var(--display);color:#fff6e4;text-wrap:balance}
.sq-fig blockquote.story{font-size:clamp(22px,2.4vw,32px)}
.sq-fig figcaption b{display:block;font:500 20px var(--display);color:var(--moon)}
.sq-fig figcaption small{color:var(--muted);font-size:13px}
/* три лица */
.sf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.sf-card{position:relative;padding:30px 28px 28px;border-radius:24px;background:linear-gradient(165deg,#ffffff0d,#ffffff03 70%);box-shadow:var(--edge),var(--drop);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sf-img{width:96px;height:96px;object-fit:contain;margin:-58px 0 10px;filter:drop-shadow(0 12px 18px #04021099)}
.sf-card small{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--moon)}
.sf-card h3{font-size:24px;margin:6px 0 10px}.sf-card p{margin:0;color:#ddd5f5;font-size:15.5px;line-height:1.6}
.sign-faces{padding-top:70px}
.sf-cta{display:flex;width:max-content;margin:34px auto 0}
/* сны знака */
.sign-dreams{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.sd-medals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sd-medal{margin:0;text-align:center;transition-delay:calc(var(--j,0)*120ms)}
.sd-medal img{width:100%;max-width:170px;filter:drop-shadow(0 18px 24px #04021099);animation:float 9s ease-in-out infinite;animation-delay:calc(var(--j,0)*-3s)}
.sd-medal:nth-child(2) img{transform:translateY(26px)}
.sd-medal figcaption{margin-top:10px;font:italic 17px var(--display);color:var(--moon)}
.sd-copy .primary{margin-top:10px}
/* финал */
.sfin{max-width:760px;margin:0 auto;text-align:center}
.sfin-emblem{width:150px;margin:0 auto 14px;display:block;filter:drop-shadow(0 18px 26px #04021099);animation:float 10s ease-in-out infinite}
.sfin .lead.center{margin:0 auto 26px}.sfin .tiny{margin-top:12px}
/* появление и смена знака */
.hl-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.hl-reveal.in{opacity:1;transform:none}
.sign-hero.swap .sh-copy,.sign-hero.swap .sh-medal{animation:sign-swap .7s var(--ease) both}
.sign-hero.swap .sh-medal{animation-delay:.05s}
@keyframes sign-swap{from{opacity:0;filter:blur(6px);transform:translateY(14px)}}
@media(max-width:1000px){.sign-hero{grid-template-columns:1fr;gap:30px;text-align:left}.sh-medal{width:min(320px,80%)}.sign-dreams{grid-template-columns:1fr}.sf-grid{grid-template-columns:1fr;gap:50px}}
@media(max-width:560px){.sh-traits{grid-template-columns:1fr}.sq-fig{padding:34px 8px}.sd-medals{gap:10px}}
@media(prefers-reduced-motion:reduce){.hl-reveal{opacity:1;transform:none}}
@media(max-width:560px){.sh-traits{grid-template-columns:repeat(3,1fr);gap:6px}.sh-trait{padding:10px}.sh-trait small{font-size:9.5px;letter-spacing:1px}.sh-trait b{font-size:14.5px}}

/* Статьи о знаке (horo-landing.js, данные — /horo-articles.js) */
.sr-head{max-width:760px;margin-bottom:34px}
.sr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sr-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:26px 24px 22px;border:0;border-radius:22px;color:inherit;cursor:pointer;
 background:linear-gradient(165deg,#ffffff0d,#ffffff03 70%);box-shadow:var(--edge),var(--drop);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .35s var(--ease),box-shadow .35s;transition-delay:calc(var(--j,0)*60ms)}
.sr-card:hover{transform:translateY(-5px);box-shadow:var(--edge-gold),var(--glow-gold)}
.sr-img{width:74px;height:74px;object-fit:contain;margin:-48px 0 4px;filter:drop-shadow(0 10px 16px #04021099);transition:transform .4s var(--ease)}
.sr-card:hover .sr-img{transform:rotate(-6deg) scale(1.06)}
.sr-kind{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--moon)}
.sr-card h3{font-size:22px;line-height:1.25;margin:0}
.sr-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
.sr-people{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.sr-people span{padding:4px 10px;border-radius:99px;background:#f3d79e12;color:#efe2c4;font-size:12px}
.sr-more{margin-top:auto;padding-top:8px;color:var(--moon);font-size:13.5px;font-weight:600}
.sr-card.lead-card{grid-column:span 2;grid-row:span 2;padding:34px 34px 30px;background:linear-gradient(160deg,#f3d79e17,#bba8ff0a 70%)}
.sr-card.lead-card .sr-img{width:120px;height:120px;margin-top:-70px}
.sr-card.lead-card h3{font-size:clamp(28px,2.6vw,38px)}.sr-card.lead-card p{font:400 18px/1.6 var(--display);color:#e9e0cf}
.sign-reads{padding-top:90px}
/* читалка */
.sr-reader{width:min(720px,calc(100% - 24px));padding:44px 48px 40px;background:linear-gradient(165deg,#1d1650,#0f0c2c);border:0;box-shadow:inset 0 1px 0 #ffffff17,0 50px 120px -30px #000}
.sr-reader-img{display:block;width:110px;height:110px;object-fit:contain;margin:-6px auto 10px;filter:drop-shadow(0 12px 18px #04021099)}
.sr-reader article{text-align:left}
.sr-reader h2{font-size:clamp(28px,3.4vw,40px);margin:6px 0 12px}
.sr-reader .sr-lead{font:italic 400 20px/1.55 var(--display);color:#fff2d8;margin:0 0 18px}
.sr-reader p{color:#ddd5f5;font-size:16.5px;line-height:1.75;margin:0 0 14px}
.sr-plist{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px}
.sr-plist li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:10px 14px;border-radius:12px;background:#ffffff07;box-shadow:var(--edge)}
.sr-plist b{font:500 17px var(--display);color:var(--moon)}.sr-plist span{color:var(--muted);font-size:13.5px}
@media(max-width:1000px){.sr-grid{grid-template-columns:1fr 1fr;row-gap:44px}.sr-card.lead-card{grid-column:1/-1;grid-row:auto}}
@media(max-width:600px){.sr-grid{grid-template-columns:1fr}.sr-reader{padding:34px 20px 26px}}
.sr-card.lead-card{grid-row:auto}
.sr-card .sr-excerpt{color:#cfc6e6;font-size:15px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
/* Кнопки-«пилюли» в навигации (Кабинет, Войти и т.п.): без подчёркивающей полоски из общего правила nav a:after — ховер даёт золотая кромка за курсором */
nav a.history-pill:not(.rim)::after,nav a.ghost:not(.rim)::after{content:none}
nav a.history-pill.rim::after,nav a.ghost.rim::after{left:0;right:0;top:0;bottom:0;height:auto;transform:none}

/* Главная: «Популярное в соннике» под атласом — таблетки с мини-медальонами */
.atlas-more{margin:46px auto 0;max-width:1000px;text-align:center}
.atlas-more-title{margin:0 0 16px;font:600 11px var(--sans,inherit);letter-spacing:4px;text-transform:uppercase;color:var(--moon)}
.atlas-more-title:before,.atlas-more-title:after{content:'✦';margin:0 12px;font-size:10px;opacity:.7}
.atlas-more ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.atlas-more li a{display:inline-flex;align-items:center;gap:9px;padding:5px 16px 5px 5px;border-radius:99px;background:#ffffff08;box-shadow:var(--edge);color:#e9e1f5;text-decoration:none;font-size:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .3s,box-shadow .3s,color .3s}
.atlas-more li img{width:34px;height:34px;filter:drop-shadow(0 4px 8px #04021099);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.atlas-more li a:hover{transform:translateY(-2px);color:var(--moon);box-shadow:var(--edge-gold),var(--glow-gold)}
.atlas-more li a:hover img{transform:rotate(-10deg) scale(1.1)}
.atlas-all{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font:500 17px var(--display);color:var(--moon);text-decoration:none;border-bottom:1px solid #f3d79e55;padding-bottom:2px;transition:border-color .3s,gap .3s}
.atlas-all:hover{border-color:var(--moon);gap:12px}
@media(max-width:650px){.atlas-more{margin-top:34px}.atlas-more ul{gap:8px}.atlas-more li a{font-size:14px;padding-right:13px}.atlas-more li img{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.atlas-more li a,.atlas-more li img{transition:none}}
.atlas>.atlas-more{grid-column:1/-1;display:block;width:100%;justify-self:stretch}
.atlas-more ul{max-width:1180px;margin:0 auto}.atlas>.atlas-more{max-width:none}
/* таблетки светятся вместо подчёркивания; «Весь сонник» — тоже светящийся баллон */
.atlas-more li a{box-shadow:var(--edge),0 0 0 1px #f3d79e1f,0 6px 22px -8px #f3d79e40}
.atlas-more li a:hover{box-shadow:var(--edge-gold),0 0 0 1px #f3d79e55,0 8px 30px -6px #f3d79e8c}
.atlas-all{border-bottom:0;padding:10px 22px;border-radius:99px;background:#f3d79e14;box-shadow:inset 0 1px 0 #fff3d640,0 0 0 1px #f3d79e4d,0 10px 34px -8px #f3d79e80;font-size:16px}
.atlas-all:hover{background:#f3d79e22;box-shadow:inset 0 1px 0 #fff3d660,0 0 0 1px #f3d79e88,0 12px 42px -6px #f3d79eaa}
.atlas-more a:after{content:none}
/* «Популярное в соннике» — равные отступы сверху и снизу: над блоком отступ секции, под ним секция не добавляет свой нижний */
#symbols.section{padding-bottom:0}.atlas>.atlas-more{margin-top:110px}
@media(max-width:900px){.atlas>.atlas-more{margin-top:80px}}
@media(max-width:650px){.atlas>.atlas-more{margin-top:64px}}
.geo-credit{margin:8px 0 0;font-size:12px;color:var(--faint)}.geo-credit a{color:inherit}