/* GF-SWITCHER: служебный бар выбора шрифта заголовков. После выбора удалить папку _fonts и блок GF-SWITCHER в <head>. */
@import url("https://fonts.googleapis.com/css2?family=Tektur:wght@400;500;600;700&family=Unbounded:wght@400;500;600;700&family=Science+Gothic:wght@400;500;600;700&family=Martian+Mono:wght@400;500;600;700&family=Geologica:wght@400;500;600;700&family=Dela+Gothic+One&family=Russo+One&family=Exo+2:wght@400;500;600;700&family=Handjet:wght@400;500;600;700&family=Sofia+Sans+Condensed:wght@400;500;600;700&display=swap");
.gf-ff-bar{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2147483646;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:calc(100vw - 16px);padding:6px 8px 8px;border-radius:18px;background:rgba(0,0,0,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 36px rgba(0,0,0,.4);color:#fff;font-family:system-ui,sans-serif}
.gf-ff-cap{margin:0;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.gf-ff-row{display:flex;gap:3px;max-width:100%;overflow-x:auto}
.gf-ff-btn{appearance:none;border:0;cursor:pointer;padding:7px 10px;border-radius:12px;background:transparent;color:rgba(255,255,255,.72);font-size:12px;white-space:nowrap}
.gf-ff-btn:hover{color:#fff;background:rgba(255,255,255,.08)}
.gf-ff-btn[aria-pressed="true"]{background:rgba(255,255,255,.28);color:#fff}
.gf-ff-x{position:absolute;top:4px;right:8px;border:0;background:none;color:rgba(255,255,255,.45);cursor:pointer;font-size:14px}