.frame{--frame-gap:var(--space-5);width:100%;max-width:var(--page-width);padding-inline:var(--space-4);box-sizing:border-box;margin-inline:auto}.grid-7-5,.grid-8-4,.grid-6-6,.grid-4,.grid-3{--frame-gap:var(--space-3);gap:var(--frame-gap);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.grid-2-phone{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-4-phone{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (min-width:64rem){.grid-7-5,.grid-8-4,.grid-6-6,.grid-4,.grid-3{--frame-gap:var(--space-5)}.grid-7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.grid-8-4{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.grid-6-6{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(4,minmax(0,1fr))}}.measure{max-width:40rem}.section{margin-block:var(--space-7) 0}.section>h2:first-child,.section__head{margin:0 0 var(--space-5)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.section__head>h2{margin:0}@media (min-width:64rem){.section{margin-block-start:var(--space-9)}}.surface-card{background:var(--color-surface);border-radius:var(--radius-m);box-shadow:var(--shadow-1)}.surface-tint{background:var(--color-tint);border-radius:var(--radius-m)}.surface-sky{--sky-star:#ffffffd9;background:radial-gradient(1.2px 1.2px at 12% 22%, var(--sky-star), transparent 60%), radial-gradient(1px 1px at 32% 68%, var(--sky-star), transparent 60%), radial-gradient(1.4px 1.4px at 58% 14%, var(--sky-star), transparent 60%), radial-gradient(1px 1px at 78% 44%, var(--sky-star), transparent 60%), radial-gradient(1.2px 1.2px at 90% 84%, var(--sky-star), transparent 60%), radial-gradient(120% 90% at 85% 0%, var(--color-sky-glow) 0%, transparent 60%), linear-gradient(165deg, var(--color-sky-top) 0%, var(--color-sky-bottom) 100%);color:var(--color-sky-text);border-radius:var(--radius-l);box-shadow:var(--shadow-sky-edge)}.surface-sky :is(h2,h3){color:var(--color-sky-heading)}.surface-sky a{color:var(--color-sky-link)}.surface-sky :focus-visible{outline-color:var(--color-sky-link)}@media (min-width:64rem){.surface-card{border-radius:var(--radius-l)}.surface-sky{border-radius:var(--radius-xl)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){a.surface-card{transition:transform .2s,box-shadow .2s}a.surface-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}}.tone-astrologiya{--tone:var(--color-group-astro);--tone-bg:var(--color-group-astro-bg)}.tone-taro-i-gadaniya{--tone:var(--color-group-taro);--tone-bg:var(--color-group-taro-bg)}.tone-numerologiya{--tone:var(--color-group-num);--tone-bg:var(--color-group-num-bg)}.tone-sonnik-gruppa{--tone:var(--color-group-son);--tone-bg:var(--color-group-son-bg)}.tone-luna{--tone:var(--color-group-moon);--tone-bg:var(--color-group-moon-bg)}.tone-testy-gruppa{--tone:var(--color-group-test);--tone-bg:var(--color-group-test-bg)}@media (forced-colors:active){.surface-card,.surface-tint,.surface-sky{border:1px solid canvastext}input,select,textarea{outline:2px solid canvastext}[aria-current]:not([aria-current=false]){outline:2px solid highlight}.moon-disc,.matrix-chart svg,.natal-chart svg{forced-color-adjust:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.site-header__bar{background:var(--color-surface)}}