/* «Кто твой Господь?» — слой облика «Ночное небо» (облик Б Дизайнера, № 1535) поверх классической разметки (№ 1545).
   Включается только атрибутом <html data-oblik="nebo">; без него этот файл ничего не меняет.
   Светлая: шапка, первый экран, полосы заголовков, панель записей, плеер и подвал — ночные, страница чтения белая.
   Тёмная: всё ночное, по странице — редкие точки-звёзды. Палитра — из oblik/b.css ветки oblik-b-1535. */

:root[data-oblik="nebo"] {
  --navy: #0b1d3a;
  --navy-2: #12305c;
  --navy-3: #183a6b;
  --nebo-glub: #071328;
  --nebo-tekst: #ecf2fa;
  --nebo-vtor: #a9bbd2;
  --nebo-liniya: rgba(169, 187, 210, .14);
  --nebo-tochki: radial-gradient(circle, rgba(169, 187, 210, .13) 1px, transparent 1.4px);
  --akcent: #00b3ff;
  --panel: #0b1d3a;
}
:root[data-oblik="nebo"][data-tema="den"] {
  --akcent-t: #0072a8; --knopka-fon: #0072a8; --knopka-fon-2: #005f8c; --knopka-tekst: #ffffff;
  --tekst: #2c333d; --tekst-2: #5d6876; --sery: #cfd9e5;
  --fon: #ffffff; --fon-2: #eef3f9; --fon-3: #dde7f2;
  --zag: #0b1d3a; --fokus: #0072a8; --metka: rgba(0, 179, 255, .2);
  color-scheme: light;
}
:root[data-oblik="nebo"][data-tema="noch"] {
  --akcent-t: #4cc6ff; --knopka-fon: #00b3ff; --knopka-fon-2: #33c2ff; --knopka-tekst: #04223f;
  --tekst: #dfe8f3; --tekst-2: #a9bbd2; --sery: #2c4a75;
  --fon: #0b1d3a; --fon-2: #12305c; --fon-3: #1d4277;
  --zag: #ffffff; --fokus: #00b3ff; --metka: rgba(0, 179, 255, .32);
  --panel: #0f2647;
  color-scheme: dark;
}
:root[data-oblik="nebo"][data-tema="noch"] body { background-image: var(--nebo-tochki); background-size: 22px 22px; }

/* шапка: ночная плёнка с точками-звёздами, без синей полосы сверху */
[data-oblik="nebo"] .sh { background: var(--navy) var(--nebo-tochki); background-size: 22px 22px; box-shadow: inset 0 -1px 0 var(--nebo-liniya); }
[data-oblik="nebo"] .sh::before { display: none; }
[data-oblik="nebo"] .glavnaya .sh:not(.sh-sploshnaya) { background: transparent; box-shadow: none; }
@media (min-width: 440px) { [data-oblik="nebo"] .sh-logo { font-size: 1.125rem; } }
[data-oblik="nebo"] .pl-vyp { background: var(--navy-2); border-top: 0; border-radius: 14px; box-shadow: 0 18px 48px rgba(2, 8, 20, .55); }

/* первый экран: звёздная плитка поверх неба, заголовок тонким Literata */
[data-oblik="nebo"] .geroy { background: var(--navy) url("/kartinki/zvezdy-uzor.svg") repeat; background-size: 360px; }
[data-oblik="nebo"] .geroy::before { content: ""; position: absolute; inset: 0; z-index: 1; background-image: var(--nebo-tochki); background-size: 22px 22px; pointer-events: none; }
[data-oblik="nebo"] .geroy-foto { mix-blend-mode: screen; }
[data-oblik="nebo"] .geroy-tekst { z-index: 2; }
[data-oblik="nebo"] .geroy h1 { font-weight: 400; font-variation-settings: "opsz" 72; letter-spacing: -.028em; }
[data-oblik="nebo"] .strelka { z-index: 2; }
[data-oblik="nebo"] .strelka svg { background: rgba(7, 19, 40, .38); border-color: rgba(236, 242, 250, .35); }

/* полоса-заголовок страницы */
[data-oblik="nebo"] .shapka:not(.shapka-glavnaya) { background: var(--navy) var(--nebo-tochki); background-size: 22px 22px; }
[data-oblik="nebo"] .shapka .zag { font-weight: 500; font-variation-settings: "opsz" 60; letter-spacing: -.022em; }
[data-oblik="nebo"] .shapka-glavnaya { background: transparent; }
[data-oblik="nebo"] .tekst h2 { font-variation-settings: "opsz" 36; color: var(--akcent-t); }
[data-oblik="nebo"] .tekst blockquote { font-style: italic; font-weight: 400; }

/* плеер и «поделиться» слева, нижняя панель телефона — ночные */
[data-oblik="nebo"] .p-polnyy { background: var(--navy) var(--nebo-tochki); background-size: 22px 22px; box-shadow: inset 0 0 0 1px var(--nebo-liniya); }
[data-oblik="nebo"][data-tema="noch"] .p-polnyy, [data-oblik="nebo"][data-tema="noch"] .shering { background-color: var(--panel); }
@media (max-width: 1199px) {
  [data-oblik="nebo"] .levaya { background: var(--nebo-glub); box-shadow: inset 0 1px 0 var(--nebo-liniya); }
}

/* записи и аудио: на компьютере — ночная панель, как в облике Б; на телефоне — ночной блок перед подвалом */
[data-oblik="nebo"] .vidzhety { --zag: var(--nebo-tekst); --tekst: var(--nebo-tekst); --tekst-2: var(--nebo-vtor); --akcent-t: #4cc6ff; --fon: var(--navy); --fon-2: var(--navy-2); --fon-3: var(--navy-3); --knopka-fon: #00b3ff; --knopka-fon-2: #33c2ff; --knopka-tekst: #04223f; --fokus: #00b3ff;
  background: var(--panel) var(--nebo-tochki); background-size: 22px 22px; color: var(--nebo-tekst); color-scheme: dark; }
[data-oblik="nebo"] .vidzhety .poisk-pole input { background: var(--navy-2); border-color: var(--navy-3); color: var(--nebo-tekst); }
@media (min-width: 1200px) {
  [data-oblik="nebo"] .vidzhety { padding: 22px 20px 4px; border-radius: 22px; box-shadow: inset 0 0 0 1px var(--nebo-liniya); }
}
[data-oblik="nebo"] .vd h2 { font-weight: 500; font-size: 1.125rem; }
/* № 1545: строка виджета аудио в «Небе» 160 px — названия мельче, чтобы длинное слово не рвалось */
[data-oblik="nebo"] .vd-audio .d-tekst a, [data-oblik="nebo"] .vd-audio .d-tekst .d-nazv { font-size: .875rem; }

/* карточки и плитки в светлой — холодная бумага, в тёмной — плёнка неба */
[data-oblik="nebo"] .audio-kartochka, [data-oblik="nebo"] .podskazka { box-shadow: inset 0 0 0 1px var(--nebo-liniya); }
[data-oblik="nebo"] .nachnem { background: var(--navy) var(--nebo-tochki); background-size: 22px 22px; color: #fff; box-shadow: inset 0 0 0 1px var(--nebo-liniya); }
[data-oblik="nebo"] .nachnem:hover { background-color: var(--navy-2); }
[data-oblik="nebo"] .n-glavnoe { font-family: var(--f-tekst); font-weight: 500; letter-spacing: -.015em; }

/* подвал — глубокая ночь */
[data-oblik="nebo"] .podval { background: var(--nebo-glub) url("/kartinki/zvezdy-uzor.svg") repeat; background-size: 360px; color: var(--nebo-vtor); box-shadow: inset 0 1px 0 var(--nebo-liniya); }
[data-oblik="nebo"] .pd-imya { font-weight: 400; font-variation-settings: "opsz" 72; letter-spacing: -.03em; }
[data-oblik="nebo"] .pd-niz { color: var(--nebo-vtor); border-top-color: var(--nebo-liniya); }

/* меню «Оформление» в облике неба — ночное во всех видах */
[data-oblik="nebo"] .oform-menyu { --fon: var(--navy-2); --fon-2: var(--navy-3); --zag: var(--nebo-tekst); --tekst-2: var(--nebo-vtor); --akcent-t: #4cc6ff; --fokus: #00b3ff; background: var(--navy-2); color: var(--nebo-tekst); box-shadow: 0 18px 48px rgba(2, 8, 20, .6), inset 0 0 0 1px var(--nebo-liniya); }