/* ============================================================
   nc-chrome.css — шапка, футер и токены темы в стиле neurocode.tech
   (переносит nav/foot основного сайта на журнал media.neurocode.tech)
   ============================================================ */
:root{
  --grotesque:"Helvetica Neue",Helvetica,Arial,"Liberation Sans",sans-serif;
  --gutter:clamp(20px,2.6vw,40px);
  --page-max:1300px;
  --ink:#10151b;--grey:#5d6b78;
  --nav-link:#33414e;
  --line:rgba(16,21,27,.14);
  --hover:rgba(16,21,27,.05);
  --card-bg:#ffffff;--card-line:rgba(16,21,27,.07);--card-shadow:0 18px 50px -14px rgba(16,30,45,.30);
  --accent:#3f6fd6;
  --nav-pill:rgba(255,255,255,.46);--nav-pill-line:rgba(255,255,255,.55);--nav-pill-hi:rgba(255,255,255,.7);--nav-pill-shadow:rgba(16,30,45,.16);
  --bg:#ffffff;
  --surface:#f4f6f9;
}
[data-theme="dark"]{
  --ink:#eaf1f8;--grey:#92a5b5;
  --nav-link:#c6d3df;
  --line:rgba(255,255,255,.16);
  --hover:rgba(255,255,255,.07);
  --card-bg:#131b25;--card-line:rgba(255,255,255,.08);--card-shadow:0 20px 54px -14px rgba(0,0,0,.65);
  --accent:#6f9bf0;
  --nav-pill:rgba(22,30,42,.42);--nav-pill-line:rgba(255,255,255,.14);--nav-pill-hi:rgba(255,255,255,.1);--nav-pill-shadow:rgba(0,0,0,.5);
  --bg:#0E131A;
  --surface:#131b25;
}
html.nc-preload *{transition:none !important}

@keyframes menuIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}

/* ============ NAV — плавающая пилюля как на neurocode.tech ============ */
.nav{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;justify-content:center;
  padding:26px var(--gutter);transition:padding .4s cubic-bezier(.4,0,.2,1)}
.nav-inner{width:100%;max-width:var(--page-max);display:flex;align-items:center;gap:30px;
  padding:10px 6px;border-radius:28px;border:1px solid transparent;
  transition:max-width .45s cubic-bezier(.4,0,.2,1),background-color .4s ease,box-shadow .4s ease,
    border-color .4s ease,backdrop-filter .4s ease,padding .4s cubic-bezier(.4,0,.2,1)}
.nav.scrolled{padding-top:14px;padding-bottom:14px}
.nav.scrolled .nav-inner{max-width:var(--page-max);padding:15px 20px 15px 30px;
  background:var(--nav-pill);border-color:var(--nav-pill-line);
  -webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);
  box-shadow:0 10px 34px -14px var(--nav-pill-shadow),inset 0 1px 0 var(--nav-pill-hi)}

.wordmark{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:25px;letter-spacing:-.03em;color:var(--ink);text-decoration:none;transition:font-size .4s ease}
.wordmark .logo-mark{height:.94em;width:auto;flex:none;display:block}
.wordmark span{display:block;transform:translateY(-0.08em)}
.wordmark .jr{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:500;
  font-size:.66em;color:var(--accent);margin-left:1px;transform:translateY(-0.02em)}
.nav.scrolled .wordmark{font-size:23px}

.nav-right{margin-left:auto;display:flex;align-items:center;gap:clamp(22px,2.4vw,38px)}
.nav-links{display:flex;align-items:center;gap:clamp(22px,2.4vw,38px)}
.nav-links a,.nav-links .rub-trigger{font-size:16.5px;color:var(--nav-link);font-weight:400;letter-spacing:.01em;text-decoration:none;transition:color .2s;
  background:none;border:0;cursor:pointer;font-family:inherit;padding:0;display:inline-flex;align-items:center;gap:6px}
.nav-links a:hover,.nav-links .rub-trigger:hover{color:var(--ink)}
.rub-trigger svg{width:11px;height:11px;transition:transform .2s}
.rub-select{position:relative;display:flex;align-items:center}
.rub-select.open .rub-trigger svg{transform:rotate(180deg)}
.rub-menu{position:absolute;top:46px;left:-10px;min-width:224px;background:var(--card-bg);border:1px solid var(--card-line);
  border-radius:16px;box-shadow:var(--card-shadow);padding:7px;display:none;z-index:30}
.rub-select.open .rub-menu{display:block;animation:menuIn .17s ease}
.rub-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14.5px !important;color:var(--ink) !important;transition:background-color .15s}
.rub-menu a:hover{background:var(--hover)}
.rub-dot{width:8px;height:8px;border-radius:3px;flex:none;background:var(--c,var(--accent))}

.nav-tools{display:flex;align-items:center;gap:16px;padding-left:clamp(16px,1.9vw,28px);border-left:1px solid var(--line)}

.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:background-color .2s,border-color .2s;text-decoration:none}
.icon-btn:hover{background:var(--hover)}
.icon-btn svg{width:20px;height:20px;display:block}
.theme-toggle .i-sun{display:none}
[data-theme="dark"] .theme-toggle .i-moon{display:none}
[data-theme="dark"] .theme-toggle .i-sun{display:block}

/* профиль */
.profile{position:relative;display:flex;align-items:center}
.id-btn{display:inline-flex;align-items:center;height:44px;padding:0 24px;border-radius:999px;border:1px solid var(--ink);
  background:var(--ink);color:var(--card-bg);font:inherit;font-size:15.5px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:opacity .2s}
.id-btn:hover{opacity:.85}
.avatar{width:44px;height:44px;border-radius:50%;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;
  justify-content:center;font:inherit;font-size:15px;font-weight:700;color:#fff;letter-spacing:.02em;
  background:linear-gradient(150deg,#5b7fb9,#34507d);box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s}
.avatar:hover{box-shadow:0 0 0 2px var(--accent)}
.avatar svg{width:23px;height:23px;display:block}
.av-mini svg{width:20px;height:20px;display:block}
body[data-auth="in"] .id-btn{display:none}
body[data-auth="out"] .avatar{display:none}
body[data-auth="out"] .menu{display:none !important}

.menu{position:absolute;top:58px;right:0;min-width:224px;background:var(--card-bg);border:1px solid var(--card-line);
  border-radius:14px;box-shadow:var(--card-shadow);padding:7px;display:none;z-index:30}
.menu.open{display:block;animation:menuIn .17s ease}
.menu .head{display:flex;align-items:center;gap:11px;padding:9px 10px 12px}
.av-mini{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:700;font-size:14px;background:linear-gradient(150deg,#5b7fb9,#34507d)}
.menu .nm{font-size:14px;font-weight:600;color:var(--ink);line-height:1.2}
.menu .em{font-size:12px;color:var(--grey);margin-top:2px}
.menu .div{height:1px;background:var(--card-line);margin:5px 4px}
.menu a{display:flex;align-items:center;padding:9px 12px;border-radius:9px;font-size:14px;color:var(--ink);
  text-decoration:none;cursor:pointer;transition:background-color .15s}
.menu a:hover{background:var(--hover)}
.menu a.out{color:#d2544c}
.menu a.out:hover{background:rgba(210,84,76,.10)}

/* ============ Бургер (мобильный) ============ */
.burger-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;flex:none;
  transition:background-color .2s,border-color .2s}
.burger-btn:hover{background:var(--hover)}
.burger-ico{position:relative;width:18px;height:8px;display:block}
.burger-ico span{position:absolute;left:1px;right:1px;height:2px;border-radius:2px;background:currentColor;transition:opacity .3s ease}
.burger-ico span:nth-child(1){top:0}
.burger-ico span:nth-child(2){top:6px}
body.burger-open .burger-ico span{opacity:0}

.burger-overlay{position:fixed;inset:0;z-index:90;display:none;
  background:rgba(8,13,20,.42);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);
  opacity:0;transition:opacity .34s ease}
[data-theme="dark"] .burger-overlay{background:rgba(4,7,10,.55)}
.burger-overlay.show{display:block}
.burger-overlay.open{opacity:1}
.burger-panel{position:absolute;top:14px;right:var(--gutter);left:var(--gutter);bottom:14px;
  display:flex;flex-direction:column;
  background:var(--card-bg);border:1px solid var(--card-line);border-radius:30px;
  box-shadow:var(--card-shadow);padding:clamp(24px,6vw,34px);
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  transform-origin:top right;transform:scale(.72) translate(18px,-18px);opacity:0;
  transition:transform .4s cubic-bezier(.34,1.2,.4,1),opacity .26s ease}
.burger-overlay.open .burger-panel{transform:none;opacity:1}
.burger-head{display:flex;justify-content:space-between;align-items:center;height:44px;margin-bottom:clamp(6px,2vw,14px);gap:12px}
.burger-head-tools{display:flex;align-items:center;gap:10px}
.burger-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;flex:none;
  transition:background-color .2s,border-color .2s}
.burger-close:hover{background:var(--hover)}
.burger-close svg{width:21px;height:21px}
.burger-nav{display:flex;flex-direction:column}
.burger-link{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:clamp(13px,3.4vw,18px) 4px;font-size:clamp(26px,7vw,38px);font-weight:800;letter-spacing:-.03em;
  line-height:1;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--card-line);
  transition:color .2s ease,padding-left .25s ease}
.burger-link:last-child{border-bottom:0}
.burger-link svg{width:.62em;height:.62em;flex:none;color:var(--grey);transition:transform .25s ease,color .2s ease}
.burger-link:active{color:var(--accent)}
.burger-link:active svg,.burger-link:hover svg{transform:translateX(4px);color:var(--accent)}
.burger-tools{margin-top:auto;padding-top:clamp(22px,6vw,30px);display:flex;flex-direction:column;gap:14px}
.burger-acct{display:none}
body[data-auth="in"] .burger-acct{display:flex;flex-direction:column}
body[data-auth="in"] .burger-login{display:none}
.burger-acct-name{font-size:15px;font-weight:700;color:var(--ink)}
.burger-acct-nav{display:flex;flex-direction:column}
.burger-acct-nav a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:4px 4px;
  font-size:17px;font-weight:600;color:var(--ink);text-decoration:none;
  border-bottom:1px solid var(--card-line);transition:color .2s ease,padding-left .2s ease}
.burger-acct-nav a:last-child{border-bottom:0}
.burger-acct-nav a:hover{color:var(--accent);padding-left:8px}
.burger-acct-nav a.out{color:#d2544c}
.burger-login{display:inline-flex;align-items:center;justify-content:center;height:48px;border-radius:999px;border:1px solid var(--ink);
  background:var(--ink);color:var(--card-bg);font:inherit;font-size:16px;font-weight:600;cursor:pointer;width:100%}

/* ============ FOOTER ============ */
.foot{position:relative;padding:clamp(48px,6vh,76px) var(--gutter) 30px;margin-top:64px}
.foot::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(100% - 2 * var(--gutter), var(--page-max));height:1px;background:var(--line)}
.foot-grid,.foot-bottom{max-width:var(--page-max);margin-inline:auto}
.foot-grid{display:flex;justify-content:space-between;gap:clamp(40px,7vw,120px);flex-wrap:wrap}
.foot-brand{max-width:360px;min-width:240px}
.foot-mark{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:23px;
  letter-spacing:-.03em;color:var(--ink);text-decoration:none}
.foot-mark .logo-mark{height:.94em;width:auto;flex:none;display:block}
.foot-mark span{display:block;transform:translateY(-0.08em)}
.foot-mark .jr{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:500;font-size:.66em;color:var(--accent)}
.foot-desc{margin-top:16px;font-size:14.5px;line-height:1.6;color:var(--grey);text-wrap:pretty}
.foot-apps{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.foot-app{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:11px;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background-color .2s,border-color .2s}
.foot-app:hover{background:var(--hover);border-color:color-mix(in srgb,var(--ink) 28%,transparent)}
.foot-app svg{flex:none}
.foot-app-t{display:flex;flex-direction:column;line-height:1.05;text-align:left}
.foot-app-t small{font-size:8.5px;font-weight:500;letter-spacing:.03em;color:var(--grey)}
.foot-app-t b{font-size:13px;font-weight:600;letter-spacing:-.01em}
.foot-cols{display:flex;gap:clamp(48px,6vw,96px);flex-wrap:wrap}
.foot-col{display:flex;flex-direction:column;gap:13px}
.foot-col h4{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin-bottom:3px}
.foot-col a{font-size:14.5px;color:var(--nav-link);text-decoration:none;width:fit-content;transition:color .18s ease}
.foot-col a:hover{color:var(--ink)}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:clamp(40px,5vh,64px)}
.foot-copy{font-size:13.5px;color:var(--grey)}

/* ============ Адаптив ============ */
@media(max-width:960px){
  .nav-links{display:none}
  .nav-tools{border-left:0;padding-left:0;gap:12px}
  .nav-tools .theme-toggle{display:none}
  .burger-btn{display:inline-flex}
}
@media(max-width:470px){
  .nav-tools .profile{display:none}
  .wordmark{font-size:21px}
}
@media(max-width:680px){.foot-grid{flex-direction:column;gap:38px}}