/* NLauncher — the site's top menu, identical on every page: Лаунчер · Сборки · Серверы · Хостинг · Внешность ▾.
 * Markup (static in each page, rebuilt by /assets/nav-look.v8.js when a page renders its own):
 *   <div class="nlx-bar [nlx-dark]"> <a class="nlx-a" href="/" aria-current="page">Лаунчер</a> … <div class="nlx-dd"><button class="nlx-a nlx-tr">Внешность<svg/></button></div> </div>
 * Page stylesheets style their old containers (.tabs, .links, .nl-nav, .nav-menu, header nav …) differently; everything
 * here is scoped under `html body` with !important so no page rule leaks in. Tone: light by default; `.nlx-dark`
 * (set by the script from the real header colour, or statically on dark-only pages) or html[data-theme="dark"].
 * Versioned filename: the front proxy caches /assets/* and ignores ?v= — never edit in place, copy to nav.v3.css.
 * v2: the phone burger always sits at the right edge of its header row (margin-left:auto). */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@500;600;700;800&display=swap');

.nlx-bar,.nlx-pn,.nlx-mp,.nlx-burger{
  --nx-bg:rgba(11,11,15,.055); --nx-tx:#4A4F5A; --nx-tx-h:#0B0B0F; --nx-hv:rgba(255,255,255,.78);
  --nx-on-bg:#FFFFFF; --nx-on-tx:#0B0B0F; --nx-on-sh:0 1px 2px rgba(11,18,32,.07),0 6px 16px -12px rgba(11,11,15,.6);
  --nx-p:#FFFFFF; --nx-i:#0B0B0F; --nx-m:#6B7280; --nx-b:rgba(11,11,15,.09); --nx-h:#F3F5F9; --nx-a:#2E6CF6; --nx-as:rgba(46,108,246,.10);
  --nx-bd:rgba(11,11,15,.14); --nx-sh:0 30px 70px -24px rgba(11,18,32,.35),0 2px 6px rgba(11,18,32,.06);
}
html[data-theme="dark"] .nlx-bar:not(.nlx-light),html[data-theme="dark"] .nlx-pn:not(.nlx-light),html[data-theme="dark"] .nlx-mp:not(.nlx-light),html[data-theme="dark"] .nlx-burger:not(.nlx-light),
.nlx-bar.nlx-dark,.nlx-pn.nlx-dark,.nlx-mp.nlx-dark,.nlx-burger.nlx-dark{
  --nx-bg:rgba(255,255,255,.07); --nx-tx:#AEB4C0; --nx-tx-h:#FFFFFF; --nx-hv:rgba(255,255,255,.08);
  --nx-on-bg:#F3F6FC; --nx-on-tx:#0B0B0F; --nx-on-sh:0 1px 2px rgba(0,0,0,.45);
  --nx-p:#14151C; --nx-i:#F3F6FC; --nx-m:#8A909C; --nx-b:rgba(255,255,255,.09); --nx-h:#1E2029; --nx-a:#6F9BFF; --nx-as:rgba(76,130,255,.16);
  --nx-bd:rgba(255,255,255,.18); --nx-sh:0 30px 70px -24px rgba(0,0,0,.85);
}

/* ---- the pill ---- */
html body .nlx-bar{display:flex!important;align-items:center!important;flex:none!important;flex-wrap:nowrap!important;gap:2px!important;
  width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:4px!important;
  border:0!important;border-radius:14px!important;background:var(--nx-bg)!important;box-shadow:none!important;backdrop-filter:none!important;
  position:static!important;inset:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important;order:0!important;
  font:600 14.5px/1.2 Onest,-apple-system,system-ui,'Segoe UI',sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html body .nlx-bar .nlx-dd{position:relative!important;display:inline-flex!important;flex:none!important;margin:0!important;padding:0!important}
html body .nlx-bar .nlx-a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:none!important;
  height:36px!important;min-width:0!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:10px!important;
  background:transparent!important;box-shadow:none!important;color:var(--nx-tx)!important;font:inherit!important;letter-spacing:0!important;text-transform:none!important;
  text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important;opacity:1!important;
  transition:background-color .15s ease,color .15s ease,box-shadow .15s ease!important}
html body .nlx-bar .nlx-a::before,html body .nlx-bar .nlx-a::after{content:none!important;display:none!important}
html body .nlx-bar .nlx-a:hover,html body .nlx-bar .nlx-dd.open>.nlx-a{color:var(--nx-tx-h)!important;background:var(--nx-hv)!important}
html body .nlx-bar .nlx-a[aria-current="page"],html body .nlx-bar .nlx-a[aria-current="page"]:hover,html body .nlx-bar .nlx-dd.open>.nlx-a[aria-current="page"]{color:var(--nx-on-tx)!important;background:var(--nx-on-bg)!important;box-shadow:var(--nx-on-sh)!important}
html body .nlx-bar .nlx-a:focus-visible{outline:2px solid var(--nx-a)!important;outline-offset:1px!important}
html body .nlx-bar .nlx-tr svg{display:block!important;width:13px!important;height:13px!important;flex:none!important;opacity:.65;transition:transform .18s ease}
html body .nlx-bar .nlx-dd.open .nlx-tr svg{transform:rotate(180deg)}
@media (max-width:1120px){html body .nlx-bar .nlx-a{padding:0 11px!important;font-size:14px!important}}
@media (max-width:960px){html body .nlx-bar .nlx-a{padding:0 9px!important;font-size:13.5px!important}}

/* ---- «Внешность» panel ---- */
.nlx-pn{position:absolute;top:calc(100% + 10px);left:50%;z-index:1000;width:560px;max-width:calc(100vw - 24px);padding:10px;border-radius:20px;
  background:var(--nx-p);color:var(--nx-i);border:1px solid var(--nx-b);box-shadow:var(--nx-sh);display:grid;grid-template-columns:1fr 1fr;gap:4px;
  opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease,visibility 0s .16s;text-align:left;
  font:500 14px/1.3 Onest,-apple-system,system-ui,sans-serif;letter-spacing:0;text-transform:none}
.nlx-pn::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nlx-dd.open .nlx-pn{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .16s ease,transform .16s ease}
.nlx-hd{grid-column:1/-1;padding:6px 12px 4px;font:700 11px/1.2 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--nx-m)}
html body .nlx-it{display:flex!important;align-items:center;gap:12px;padding:11px 12px!important;margin:0!important;border-radius:14px!important;color:var(--nx-i)!important;text-decoration:none!important;
  background:none!important;border:0!important;box-shadow:none!important;font-size:14.5px!important;font-weight:600!important;line-height:1.25;min-width:0;white-space:normal!important}
html body .nlx-it:hover,html body .nlx-it:focus-visible{background:var(--nx-h)!important;outline:none}
.nlx-it .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--nx-as);color:var(--nx-a)}
.nlx-it b{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:800;color:var(--nx-i)}
.nlx-it small{display:block;font-size:12.5px;font-weight:500;color:var(--nx-m);margin-top:2px}
.nlx-it em{font-style:normal;font-size:10px;font-weight:800;color:#fff;background:var(--nx-a);padding:2px 6px;border-radius:6px;letter-spacing:.02em}
html body .nlx-it.cur{background:var(--nx-as)!important}
.nlx-it.cur b{color:var(--nx-a)}
.nlx-pn>.nlx-it:last-child:nth-child(even){grid-column:1/-1}

/* ---- phones: one burger + one sheet everywhere (page menus hidden) ---- */
html body .nav-burger,html body .mnav-burger{display:none!important}
html body .nlx-burger{display:none!important;width:40px!important;height:40px!important;flex:none!important;margin:0 0 0 auto!important;padding:0!important;border-radius:12px!important;
  border:1px solid var(--nx-bd)!important;background:transparent!important;color:var(--nx-tx-h)!important;place-items:center!important;cursor:pointer!important;box-shadow:none!important}
html body .nlx-burger:hover{background:var(--nx-hv)!important}
html body .nlx-burger[aria-expanded="true"]{background:var(--nx-hv)!important}
@media (max-width:860px){
  html body .nlx-bar{display:none!important}
  html body .nlx-tight>a[href="/"]{font-size:0!important;gap:0!important}
  html body .nlx-tight>a[href="/"] span:not(.logo){display:none!important}
  html body .nlx-burger{display:grid!important}
  .nlx-pn{position:fixed;left:12px!important;right:12px;top:var(--nlx-top,64px);width:auto;max-width:none;transform:translateY(6px);grid-template-columns:1fr}
  .nlx-dd.open .nlx-pn{transform:none}
}
.nlx-mp{position:fixed;left:12px;right:12px;top:var(--nlx-mtop,64px);z-index:2147482000;max-height:calc(100vh - var(--nlx-mtop,64px) - 12px);overflow-y:auto;overscroll-behavior:contain;
  padding:8px;border-radius:18px;background:var(--nx-p);color:var(--nx-i);border:1px solid var(--nx-b);box-shadow:var(--nx-sh);
  font:600 15.5px/1.25 Onest,-apple-system,system-ui,sans-serif;letter-spacing:0;text-transform:none;text-align:left}
.nlx-mp[hidden]{display:none!important}
html body .nlx-row{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0!important;padding:13px 14px!important;border:0!important;border-radius:12px!important;
  background:none!important;color:var(--nx-i)!important;font:inherit!important;text-decoration:none!important;text-align:left;cursor:pointer;box-shadow:none!important}
html body .nlx-row:hover{background:var(--nx-h)!important}
html body .nlx-row[aria-current="page"]{background:var(--nx-as)!important;color:var(--nx-a)!important}
.nlx-row svg{flex:none;opacity:.6;transition:transform .18s ease}
.nlx-grp.open>.nlx-row svg{transform:rotate(180deg)}
.nlx-sub{display:none;margin:2px 0 6px;padding:4px;border-radius:14px;background:var(--nx-h)}
.nlx-grp.open .nlx-sub{display:grid;gap:2px}
.nlx-sub .nlx-it{padding:9px 10px!important;border-radius:12px!important}
.nlx-sub .nlx-it:hover{background:var(--nx-p)!important}
.nlx-sub .nlx-it .ic{width:34px;height:34px;border-radius:10px}
.nlx-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;padding:10px 4px 4px;border-top:1px solid var(--nx-b)}
html body .nlx-btn{display:flex!important;align-items:center;justify-content:center;gap:8px;height:44px;margin:0!important;border-radius:12px!important;border:1px solid var(--nx-bd)!important;
  background:transparent!important;color:var(--nx-i)!important;font:700 14.5px/1 Onest,-apple-system,system-ui,sans-serif!important;text-decoration:none!important;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
html body .nlx-btn.pri{background:#2E6CF6!important;border-color:#2E6CF6!important;color:#fff!important}
@media (prefers-reduced-motion:reduce){.nlx-pn,.nlx-bar .nlx-tr svg,.nlx-row svg{transition:none!important}}