/* home.css — главная в браузере: первый экран — прежний таймер ровно на высоту окна, ниже — текстовый блок о сайте (генерируется site-src, маркеры seo:home в index.html). В установленном приложении (html.is-app, ставит inline-скрипт в ) всё как раньше: неподвижный экран на 100dvh, текста нет, скролла нет. */ /* H1 — логотип; сам заголовок ничего не меняет в раскладке шапки. */ .brand-h1{margin:0;font:inherit;display:inline-flex;min-width:0} /* Обёртка первого экрана берёт на себя роль прежнего body: колонка на всю высоту. */ .app-screen{display:flex;flex-direction:column;flex:1 1 auto;min-height:0} /* Браузер: страница прокручивается. svh — высота окна с показанной панелью браузера; она не «дышит» при прокрутке, как dvh, и шар не прыгает. */ html:not(.is-app), html:not(.is-app) body{height:auto} html:not(.is-app) body{display:block;min-height:100vh;overflow-x:hidden;overflow-y:visible} /* Радиальный фон из timer.css считается от размеров body. Body теперь длиннее окна — фиксируем фон на высоту первого экрана, чтобы он лёг как раньше. */ html:not(.is-app) body{background-size:100% 100vh;background-size:100% 100svh;background-repeat:no-repeat;background-color:#060c18} html:not(.is-app) .app-screen{height:100vh;height:100svh} html.is-app .mk{display:none !important} @media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui){ .mk{display:none !important} } .seo-home{ position:relative; padding:52px 20px calc(var(--nav-h) + 96px + env(safe-area-inset-bottom,0px)); background:linear-gradient(to bottom, rgba(8,14,26,.97), #060c18 60%); border-top:1px solid var(--border-soft); } .seo-home-inner{max-width:700px;margin:0 auto;font-size:16.5px;line-height:1.65;color:rgba(232,241,255,.84)} .seo-home h2{margin:0 0 .7em;color:var(--fg);font-size:clamp(22px,4vw,28px);line-height:1.25;font-weight:650} .seo-home h3{margin:1.6em 0 .5em;color:var(--fg);font-size:18.5px;font-weight:650} .seo-home p{margin:0 0 1em} .seo-home ul{margin:0 0 1em;padding-left:1.25em} .seo-home li{margin:.3em 0} .seo-home strong{color:var(--fg)} .seo-home a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(127,209,255,.35);text-underline-offset:3px} .seo-home-links ul{ list-style:none;max-width:700px;margin:28px auto 0;padding:20px 0 0; display:flex;flex-wrap:wrap;gap:8px 22px;border-top:1px solid var(--border-soft); } .seo-home-links a{color:var(--fg);opacity:.8;text-decoration:none;font-size:15px} .seo-home-links a:hover{opacity:1;color:var(--accent)}