/* Десктоп — тот же интерфейс pages/mobile.html. Здесь только компоновка:
цвета, шрифт, иконки, кнопки и описания принадлежат общему app-theme. */
.desktop-library-open {display:none}
.desktop-reading {min-width:0}
.desktop-reading h2 {font-size:28px;letter-spacing:-.6px;margin:0 0 10px}
.desktop-reading>p {color:var(--ink-2);margin:0 0 26px;line-height:1.6}
.desktop-reading .cap.group {display:none}
.desktop-quote {margin-bottom:36px;padding-top:14px}
.desktop-quote p {font-size:clamp(26px,2.7vw,38px);font-weight:550;line-height:1.22;letter-spacing:-1.1px;margin:0;max-width:430px}
.desktop-quote-accent {color:var(--red)}
.desktop-quote .desktop-quote-note {font-size:15px;font-weight:400;letter-spacing:0;color:var(--ink-2);margin:10px 0 0}
.desktop-footer {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 0 12px;margin-top:64px;border-top:1px solid var(--line)}
.desktop-footer p {font-size:13px;color:var(--ink-2);margin:12px 0 0}
.desktop-footer nav {display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.desktop-footer nav a,.desktop-footer nav button {font:inherit;font-size:13px;text-transform:none;letter-spacing:0;color:var(--ink-2);padding:0;border:0;background:none;cursor:pointer;text-decoration:none}
.desktop-footer nav :is(a,button):hover {color:var(--accent);text-decoration:underline}
.desktop-footer .logo {font-size:22px}
.desktop-brand-caption {color:var(--ink-2);font-size:12px;margin-right:auto}
.desktop-new-chart {white-space:nowrap}
.desktop-app .desktop-lang-toggle {white-space:nowrap;margin:0;order:1}
.desktop-app .desktop-settings-open {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;margin:0;order:2}
.desktop-settings-open>.ui-icon {width:22px;height:22px;color:var(--red)}
.desktop-app #support-fab {right:28px;bottom:28px;width:54px;height:54px}
.desktop-has-result :is(#calc-or,#calc-fork) {display:none!important}
.desktop-has-result:has(#calc-form[hidden]) #calc-back {display:none}
/* Первый экран без home=1: «Назад» некуда, кнопка ничего не делала (аудит 09.09.2026, В-04). */
body.desktop-calc-root:not(.library-detail) #calc-view.desktop-intro-active #calc-back {display:none}
.desktop-app .desktop-new-chart[hidden] {display:none}
/* Полноэкранный расчёт сам прокручивается; библиотека под ним не удлиняет документ. */
body.desktop-app:has(>#calc-view:not([hidden]))>.app {display:none}
@media(min-width:900px) {
.desktop-app .app {max-width:1060px;padding:28px 32px 0;display:grid;
grid-template-columns:400px minmax(0,1fr);column-gap:64px;align-content:start}
.desktop-app .app>header {grid-column:1/-1;padding-bottom:20px;border-bottom:1px solid var(--line)}
.desktop-app .app>.hello {grid-column:1;grid-row:2;padding-top:38px}
.desktop-app .app>#mine-card {grid-column:1;grid-row:3}
.desktop-app .app>#calc-open {grid-column:1;grid-row:4}
.desktop-app .app>.home-secondary {grid-column:1;grid-row:5;margin-top:12px}
.desktop-app .app>#invite-open {grid-column:1;grid-row:6}
/* Плашка «Привязать Telegram» - текстовой строкой, как «Запросить бодиграф
друга»: карточка в 100 px выталкивала первый экран за окно (11.09.2026). */
.desktop-app .desktop-calculation-entry>#tg-link-banner {margin-top:0;gap:0;justify-content:center}
.desktop-app .desktop-calculation-entry>#tg-link-banner .calc-open {flex:0 1 auto;width:auto;display:flex;align-items:baseline;justify-content:center;gap:8px;min-height:30px;margin:0;padding:3px 0;background:none;border:0;color:var(--accent);font-size:13px;font-weight:550;text-align:center}
.desktop-app .desktop-calculation-entry>#tg-link-banner .calc-open small {margin:0}
.desktop-app .desktop-calculation-entry>#tg-link-banner #tg-link-hide {min-width:30px;min-height:30px}
.desktop-app .desktop-calculation-entry.show-library>#tg-link-banner,
.desktop-app .desktop-calculation-entry:has(>#desktop-inline-invite:not([hidden]))>#tg-link-banner {display:none}
/* Установка на компьютер — отдельный следующий этап. */
.desktop-app .app>#web-install-open {display:none!important}
.desktop-app .app>#list {grid-column:2;grid-row:2/9;padding-top:26px}
.desktop-app .app>#web-login-open {grid-column:1;grid-row:8}
.desktop-app .app>footer {grid-column:1/-1;margin-top:48px}
.desktop-app .hello :is(h1,h2) {font-size:48px}
.desktop-app .hello :is(h1,h2).short-question {font-size:65px}
/* До входа сохраняем простую стартовую страницу приложения. */
.desktop-app .app:has(#web-login-open:not([hidden])) {display:flex;max-width:600px}
.desktop-app.library-detail .app {display:flex;max-width:900px}
.desktop-app.library-detail .app>#list {padding-top:0}
.desktop-app #chart-view,.desktop-app #calc-view {
padding:28px max(32px,calc((100vw - 1240px)/2)) 40px;overflow-anchor:none;
}
.desktop-app #calc-view:has(#calc-result[hidden]),
.desktop-app #pair-view,.desktop-app #invite-view,
.desktop-app #transit-view,.desktop-app #settings-view {
padding:28px max(32px,calc((100vw - 650px)/2)) 40px;
}
.desktop-app #settings-view {padding:28px max(32px,calc((100vw - 1240px)/2)) 40px}
/* Готовый композит - почти на всю ширину страницы (Даниил, 09.09.2026). */
.desktop-app #pair-view:has(#pair-result:not([hidden])) {padding:28px max(32px,calc((100vw - 1240px)/2)) 40px}
.desktop-app #pair-view:has(#pair-result:not([hidden])) #pair-chart {max-width:none;width:100%}
.desktop-app #settings-view>.calc-card {max-width:none}
.desktop-settings-cols {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px;align-items:start}
.desktop-settings-col {min-width:0}
.desktop-chart-layout {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:start}
.desktop-chart-main,.desktop-chart-details {min-width:0}
.desktop-chart-details {margin-top:0;display:flex;flex-direction:column}
.desktop-reading {grid-column:1/-1;border-top:1px solid var(--line);padding-top:40px;margin-top:8px}
.desktop-app .desktop-reading :is(#chart-desc,#calc-desc) {max-width:none;margin:0}
.desktop-app .desktop-reading .desc {border-radius:16px;margin:12px 0}
.desktop-reading .desc>summary {font-size:17px;padding:22px 28px}
.desktop-reading .desc>.desc-body {max-width:820px;margin:auto;padding:4px 30px 32px;font-size:17px;line-height:1.9}
.desktop-reading .desc-head {margin-top:28px}
.desktop-chart-details :is(#chart-desc,#calc-desc,#chart-more,#calc-more) {max-width:none;margin:0}
.desktop-app .desktop-chart-main :is(#chart-desc,#calc-desc) {max-width:none;margin:28px 0 0}
.desktop-app .desktop-chart-main .chart-card {max-width:none;width:100%}
.desktop-app .desktop-chart-main .chart-card>svg {max-height:900px}
.desktop-app .desktop-chart-details .cap.group:first-child {padding-top:0}
.desktop-app .desktop-chart-details .desc:first-child {margin-top:0}
.desktop-app #chart-view:has(#edit-form:not([hidden])) .desktop-chart-details>:is(.desktop-quote,#chart-more) {display:none}
.desktop-app .desktop-chart-details #edit-form {width:100%;max-width:none;margin:0 0 12px}
.desktop-app .desktop-chart-details #edit-note {max-width:none}
.desktop-app .desktop-has-result:has(#calc-form:not([hidden])) :is(.desktop-quote,#calc-more,#save-pick,.desktop-reading) {display:none}
.desktop-app #calc-view:has(#save-pick:not([hidden])) .desktop-chart-details>:is(.desktop-quote,#calc-more) {display:none}
.desktop-app :is(#chart-view,#calc-view):has(#desktop-inline-pair:not([hidden])) .desktop-chart-details>:not(#desktop-inline-pair) {display:none}
.desktop-app .desktop-has-result .desktop-chart-details #calc-form {width:100%;margin:0;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.desktop-app #chart-view:has(#edit-form:not([hidden])) :is(.desktop-reading,.desktop-brand-caption,.desktop-new-chart) {display:none}
.desktop-app #calc-form {max-width:586px;margin:auto}
.desktop-app .app>.mine-card {width:100%}
.desktop-app :is(#chart-view,#calc-view,#settings-view)>.section-brand {display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.desktop-app :is(.app>header,.section-brand) .logo {font-size:28px;gap:10px}
.desktop-app :is(.app>header,.section-brand) .logo-mark {width:29px;height:32px}
.desktop-app :is(#calc-dl,#chart-dl) {border-color:var(--accent)}
.desktop-app #chart-bottom-bar {max-width:none;margin-left:0} /* нижняя «Назад» по левому краю, как верхняя */
.desktop-app .desktop-new-chart {margin:0;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent)}
.desktop-app #calc-view:has(#calc-result[hidden]) .desktop-new-chart {display:none}
.desktop-app #calc-view:has(#calc-result[hidden]) .desktop-brand-caption {display:none}
.desktop-app #calc-view:has(#calc-form:not([hidden])):has(#calc-result:not([hidden])) #calc-form {margin-bottom:40px}
.desktop-app .desktop-library-open {display:inline-flex;margin:0}
.desktop-app.desktop-browsing-library .app {display:flex;max-width:900px}
.desktop-app.desktop-browsing-library .app>:is(.hello,#mine-card,#calc-open,.home-secondary,#invite-open) {display:none}
.desktop-app.desktop-browsing-library .app>#list {padding-top:0}
.desktop-app #desktop-return-chart {align-self:flex-start;margin:20px 0}
.desktop-mode-active>:not(.desktop-mode-panel) {display:none!important}
.desktop-mode-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.desktop-mode-heading h2 {font-size:20px;margin:0}
.desktop-mode-heading .back-btn {margin:0;flex-shrink:0}
.desktop-mode-panel>.desc-body {padding:0}
/* DDP-карта широкая (1156×820) и в столбике карты мельчала: режим занимает всю
ширину страницы, список режимов уходит под него (аудит 09.09.2026, мелкое п. 5). */
.desktop-app .desktop-chart-layout:has(.desktop-mode-selected>summary [data-icon=ddp])>:is(.desktop-chart-main,.desktop-chart-details) {grid-column:1/-1}
/* Лунный цикл Рефлектора: календарь из семи столбцов на всю ширину страницы,
в клетке время входа и имя ворот (на телефоне только номера). */
.desktop-app .desktop-chart-layout:has(.desktop-mode-selected>summary [data-icon=moon])>:is(.desktop-chart-main,.desktop-chart-details) {grid-column:1/-1}
.desktop-app .lc-head {font-size:15px}
.desktop-app .lc-region {max-width:420px}
.desktop-app .lc-nav .iv-btn {flex:none;padding:8px 16px}
.desktop-app .lc-cal {gap:6px;margin-top:14px}
.desktop-app .lc-wd {font-size:12.5px;padding:4px 0}
.desktop-app .lc-c {min-height:118px;padding:6px 9px 8px;text-align:left;font-size:12.5px;line-height:1.5}
.desktop-app .lc-c>b {font-size:12px;margin-bottom:4px}
/* Три колонки фиксированной ширины: жирное время гармонических ворот шире
обычного, и номера с именами «плыли» по строкам (Даниил, 10.09.2026). */
.desktop-app .lc-e {display:flex;margin:0;white-space:nowrap}
.desktop-app .lc-e .lc-t {display:inline;flex:0 0 40px;color:var(--ink-3);font-weight:400;font-variant-numeric:tabular-nums}
.desktop-app .lc-e .lc-g {flex:0 0 22px;font-weight:600}
.desktop-app .lc-e .lc-n {display:inline;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink-2);font-weight:400}
/* Гармонические ворота красным, не зелёным акцентом: заметнее (Даниил, 10.09.2026). */
.desktop-app .lc-e.harm .lc-n {color:var(--red)}
.desktop-app .lc-day {max-width:820px}
.desktop-supplemental {margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card);scroll-margin-top:20px}
.desktop-supplemental .desktop-mode-heading {align-items:flex-start}
.desktop-supplemental .desktop-mode-heading h2 {font-size:17px;line-height:1.4}
.desktop-mode-selected {border-color:var(--accent)}
.desktop-mode-selected>summary {color:var(--accent)}
.desktop-mode-selected>.desc-close {display:none}
}
@media(max-width:899px) {
.desktop-brand-caption {display:none}
.desktop-quote {padding:20px 0;margin:0}
.desktop-reading {margin-top:32px}
.desktop-app :is(#chart-desc,#calc-desc) {max-width:none}
.desktop-footer {align-items:flex-start;flex-direction:column}
.desktop-footer nav {align-items:flex-start}
}
/* Вступительный экран расчёта — основной десктоп и его тестовая версия. */
.desktop-intro-layout {min-width:0}
.desktop-calculation-entry {min-width:0}
.desktop-own-chart {margin:0 0 14px}
.desktop-app .app>#mine-card {display:none}
.desktop-app.library-detail .app>.desktop-own-chart {display:flex}
.desktop-app .collection>.item:has(>.ui-icon[data-icon=people]) {border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:12px;min-height:52px}
.desktop-app .collection>.item:has(>.ui-icon[data-icon=people]) .ui-icon {color:var(--red)}
.desktop-app .collection>.item:has(>.ui-icon[data-icon=people]) .txt b {font-weight:550}
.desktop-app .collection :is(.item:has(>.ui-icon[data-icon=people]),.library-shortcuts>.item):hover {background:var(--bg);border-color:var(--ink-3)}
.desktop-app .library-shortcuts {grid-template-columns:1fr}
.desktop-form-stack {min-width:0}
/* Как #invite-open в приложении: текстовая кнопка с иконкой, без рамки. */
.desktop-app .desktop-friend-open {display:flex;align-items:center;justify-content:center;gap:10px;min-height:49px;margin:7px 0 0;padding:10px 0;background:none;border:0;color:var(--accent);font-size:13px;line-height:1.4}
.desktop-friend-open>.ui-icon {color:inherit;width:23px;height:23px}
.desktop-friend-open[hidden] {display:none}
/* Открытые списки: слева окно просмотра вместо мандалы, справа новый столбик. */
.desktop-intro-preview>:is(.desktop-intro-art,.desktop-intro-words) {display:none}
.desktop-preview {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:560px;animation:desktop-slide-in .45s ease}
.desktop-preview[hidden] {display:none}
/* Рамка в пропорции бодиграфа (756×772 у /api/chart): карта появляется внутри
готового окна, а не меняет его размер (Даниил, 09.09.2026). */
.desktop-app .desktop-preview-box {width:100%;aspect-ratio:756/772;max-width:none;margin:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:24px;background:var(--card);overflow:hidden}
.desktop-preview-empty {position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.desktop-preview-art {position:absolute;inset:0;width:100%;height:100%;opacity:.4;filter:blur(5px);pointer-events:none}
.desktop-preview-hint {position:relative;max-width:420px;margin:0;padding:24px;text-align:center;color:var(--ink);font-size:24px;font-weight:600;letter-spacing:-.4px;line-height:1.3;text-wrap:balance}
.desktop-preview-hint>span {display:block}
.desktop-preview-box>.note.desktop-preview-hint {font-size:15px;font-weight:400;color:var(--ink-2)}
.desktop-preview-box>svg {width:100%;height:100%;max-width:100%}
.desktop-app .desktop-preview-open {margin:0;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent)}
#desktop-inline-library:not([hidden]),#desktop-inline-invite:not([hidden]),#desktop-inline-pair:not([hidden]) {animation:desktop-slide-in .45s ease}
#desktop-inline-invite .calc-card,#desktop-inline-pair>.calc-card {max-width:none}
#desktop-inline-invite {position:relative;z-index:1;overflow-y:auto;min-width:0;background:var(--bg)}
#desktop-inline-invite>.back-btn {margin-bottom:12px}
#desktop-inline-invite>div {max-width:none!important}
@keyframes desktop-slide-in {from {opacity:0;transform:translateX(40px)} to {opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce) {.desktop-preview,#desktop-inline-library:not([hidden]) {animation:none}}
.desktop-library-scroll>#web-auth {position:static;width:100%;max-width:none;max-height:none;margin:0;box-sizing:border-box}
#desktop-inline-library:not([hidden]) {display:flex;flex-direction:column;min-height:0;flex:1}
.desktop-library-scroll {min-width:0}
.desktop-add-chart {margin:0 0 12px;flex-shrink:0;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.desktop-add-chart>summary {display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:550;cursor:pointer;list-style:none}
.desktop-add-chart>summary::-webkit-details-marker {display:none}
.desktop-add-chart>summary::after {content:'⌄';margin-left:auto;color:var(--ink-2)}
.desktop-add-chart[open]>summary::after {content:'⌃'}
.desktop-add-chart>summary>.ui-icon {color:var(--red)}
.desktop-add-choices {display:grid;gap:8px;padding:0 12px 12px}
.desktop-add-choices>button {font:inherit;font-size:14px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);cursor:pointer}
.desktop-add-choices>button:hover {border-color:var(--red)}
.show-library .home-lists-heading {margin-top:0}
.desktop-intro {position:relative;isolation:isolate;display:grid;place-items:center;min-height:560px;overflow:hidden}
.desktop-intro[hidden],.desktop-form-heading[hidden] {display:none}
.desktop-intro-art {position:absolute;z-index:-1;height:94%;width:90%;color:var(--ink-2);opacity:.34;filter:blur(3px);pointer-events:none}
.desktop-intro-words {padding:40px 20px;text-align:center;width:100%;max-width:570px}
.desktop-intro-eyebrow {font-size:11px;letter-spacing:3px;font-weight:650;color:var(--ink-2);margin:0 0 26px}
.desktop-intro-questions {display:grid;margin:0 0 40px;overflow:hidden}
.desktop-app .desktop-intro-question :is(h1,h2) {font-size:clamp(44px,5vw,72px);font-weight:800;letter-spacing:-2.5px;line-height:1.08;margin:0 0 20px;color:var(--ink);text-transform:none;text-wrap:balance}
.desktop-intro-question {grid-area:1/1;display:flex;flex-direction:column;justify-content:center;min-width:0;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .5s ease,transform .5s ease,visibility .5s}
.desktop-intro-question.is-active {opacity:1;visibility:visible;transform:translateX(0)}
.desktop-intro-type {font-size:13px;line-height:1.4;color:var(--ink-2);margin:0}
@media(prefers-reduced-motion:reduce) {.desktop-intro-question {transition:none;transform:none}}
.desktop-intro-self {color:var(--red)}
.desktop-intro-invitation {font-size:clamp(22px,2vw,28px);font-weight:550;letter-spacing:-.7px;margin:0 0 18px;line-height:1.3}
.desktop-app .desktop-form-heading h2 {font-size:28px;letter-spacing:-.7px;text-transform:none;margin:0 0 16px}
.desktop-intro-active #calc-go {background:var(--red);border:1px solid var(--red);color:#fff}
.desktop-intro-active #calc-go:hover {filter:brightness(.95)}
@media(min-width:900px) {
.desktop-intro {overflow:visible;min-height:0;align-self:stretch}
.desktop-calculation-entry {width:100%;max-width:490px}
.desktop-calculation-entry.show-library {display:flex;flex-direction:column}
.desktop-intro-layout:has(.show-library) {align-items:start}
.desktop-intro-layout:has(.show-library)>.desktop-intro {min-height:calc(100dvh - 230px);align-self:start}
.desktop-calculation-entry .desktop-own-chart {min-height:78px;padding:10px 16px;position:relative;z-index:1}
.desktop-calculation-entry .desktop-own-chart .mine-label {display:none}
.desktop-calculation-entry .desktop-own-chart .mini-chart svg {height:56px}
.desktop-intro-active:has(.has-own-shortcut) #calc-back,.desktop-intro-active:has(.show-library) #calc-back {display:none}
.desktop-app .app>.desktop-own-chart {grid-column:1;grid-row:3}
/* Мандала вписана между линиями шапки и подвала, а не в высоту окна. */
.desktop-intro-mandala {top:-16px;left:50%;transform:translateX(-50%);width:auto;height:calc(100% + 32px);max-width:none;max-height:none}
.desktop-intro-active :is(#calc-form,.section-brand,#calc-back,.desktop-footer) {position:relative;z-index:1}
/* Форма выше подвала: иначе список городов уходил под ссылки подвала (аудит 09.09.2026, средний п. 14). */
.desktop-intro-active #calc-form {z-index:2}
.desktop-app #calc-view.desktop-intro-active:has(#calc-result[hidden]) {padding:16px max(32px,calc((100vw - 1240px)/2))}
.desktop-intro-active .desktop-intro-layout {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:54px;align-items:center;padding:8px 0;flex:1 0 auto}
.desktop-app .desktop-intro-active #calc-form {width:100%;max-width:490px;margin:0;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--card)}
.desktop-calculation-entry.show-library>.desktop-own-chart {flex-shrink:0}
.desktop-app #calc-view.desktop-intro-active:has(#calc-result[hidden]) .desktop-brand-caption {display:block}
.desktop-app #calc-view.desktop-intro-active:not([hidden]) {display:flex;flex-direction:column}
.desktop-intro-active .section-brand {padding-bottom:12px!important;margin-bottom:10px!important;flex-shrink:0}
.desktop-intro-active .desktop-footer {margin-top:16px;padding:16px 0 0;flex-shrink:0}
.desktop-intro-active .desktop-footer p {margin-top:6px}
.desktop-intro-active .desktop-footer nav {gap:10px}
.desktop-intro-active #calc-back {align-self:flex-start;min-height:32px;padding:6px 10px;margin-bottom:4px}
.desktop-intro-active .field {margin-top:12px}
.desktop-intro-active #calc-note:empty {display:none}
/* Приглашение на десктопе — кнопка под формой, развилка внутри мандалы не нужна. */
.desktop-intro-active #calc-or,.desktop-intro-active #calc-fork {display:none}
.desktop-intro-active #calc-fork {padding:0;border:0;background:none;margin:16px 0 0}
.desktop-intro-active #fork-invite {width:auto;margin:0;min-height:44px;padding:8px 12px;background:var(--card);color:var(--ink);border:1px solid var(--line);font-size:13px}
.desktop-intro-active .desktop-intro-words {padding:20px 12px}
.desktop-intro-active .desktop-intro-question :is(h1,h2) {font-size:clamp(44px,4.5vw,64px)}
}
@media(min-width:900px) and (max-height:860px) {
.desktop-app .desktop-intro-active #calc-form {padding:18px 24px}
.desktop-intro-active .desktop-form-heading h2 {font-size:25px;margin-bottom:6px}
.desktop-intro-active .field {margin-top:10px}
.desktop-intro-active .date-row {flex-wrap:nowrap}
.desktop-intro-active .date-row .time-wrap {flex:1.2 1 0}
.desktop-intro-active .desktop-intro-questions {margin-bottom:24px}
.desktop-intro-active .desktop-intro-eyebrow {margin-bottom:20px}
}
/* Совсем низкое окно (1280×680): плитка своего бодиграфа и кнопка друга
ужимаются, чтобы колонка с плашкой Telegram не выходила за окно (11.09.2026). */
@media(min-width:900px) and (max-height:700px) {
.desktop-calculation-entry .desktop-own-chart {min-height:58px;padding:6px 16px;margin-bottom:6px}
.desktop-calculation-entry .desktop-own-chart .mini-chart svg {height:46px}
/* «Открыть карту» - в строку с заголовком, а не под ним (Даниил, TG 8619). */
.desktop-calculation-entry .desktop-own-chart .txt {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:10px;row-gap:2px}
.desktop-calculation-entry .desktop-own-chart .txt>b {grid-area:1/1}
.desktop-calculation-entry .desktop-own-chart .txt>.open-chart {grid-area:1/2}
.desktop-calculation-entry .desktop-own-chart .txt>.open-chart::before {content:'- ';color:var(--ink);font-weight:650;font-size:20px}
.desktop-calculation-entry .desktop-own-chart .txt>i {grid-area:2/1/3/3}
.desktop-app .desktop-friend-open {min-height:40px;margin-top:3px;padding:6px 0}
}
@media(min-width:900px) and (max-width:1100px) {
.desktop-intro-active .desktop-intro-layout {gap:30px;grid-template-columns:1fr 1fr}
.desktop-app .desktop-intro-active #calc-form {padding:24px}
.desktop-app #calc-view.desktop-intro-active:has(#calc-result[hidden]) .desktop-brand-caption {display:none}
}
@media(min-width:900px) and (max-height:800px) {
.desktop-app .desktop-friend-open {min-height:32px;margin:0;padding:4px 0}
.desktop-calculation-entry .desktop-own-chart {min-height:64px;padding:6px 16px}
.desktop-calculation-entry .desktop-own-chart .mini-chart svg {height:46px}
.desktop-app .desktop-intro-active #calc-form {padding:12px 24px}
.desktop-intro-active .field {margin-top:6px}
}
@media(min-width:900px) and (max-height:720px) {
.desktop-intro-active .desktop-footer {margin-top:12px}
.desktop-intro-active .desktop-footer p {display:none}
.desktop-calculation-entry .desktop-own-chart .txt {gap:2px}
.desktop-calculation-entry .desktop-own-chart .txt b {font-size:18px}
}
@media(max-width:899px) {
.desktop-intro {min-height:340px;margin-bottom:24px}
.desktop-intro-art {height:100%}
.desktop-app .desktop-intro-question :is(h1,h2) {font-size:44px;letter-spacing:-1.5px}
.desktop-intro-words {padding:32px 12px}
.desktop-intro-eyebrow {margin-bottom:18px}
}
/* Нейтральные действия под картой остаются одноцветными. */
.desktop-app .ui-icon:is([data-icon=edit],[data-icon=download])>.mobile-icon-detail {display:none}