/* =========================================================================
   AiDa 2.0 — слой Y2K (слово основателя 23.10.2026: «изучи стиль y2k… примени; кнопки живые, отклик везде;
   палитра близкая к AiDa»). Подключается ПОСЛЕДНИМ на каждой странице кабинета: поверх слоя v5 (app.css) и
   компонентов (mock2.css, factory.css, launch.css, auth.css). Логику и разметку не трогает: только вид и отклик.
   24.10 (слово основателя: «не просто полупрозрачное всё», «контраст по APCA — на вышке», «анимации помедленнее»):
   окна сплошные белые — полоска-перелив сверху и толстая светлая рамка, как пластиковое окно в образце; цвет — в фоне,
   боковой панели (персик → сирень → голубой, как левая половина окна в образце), рамках и глянцевых кнопках.
   Текст проходит таблицу APCA (проверка tools/apca): основной — почти чёрный от 15 px, подписи — 15 px полужирным,
   метки заглавными — 12,5–13 px жирным, белый текст — только на глубоком синем; под мелким текстом фон всегда белый.
   Отклик (свет под курсором, притяжение, волна, наклон плиток, бегунок вкладок) — y2k.js.
   Кому движение мешает (prefers-reduced-motion) — всё стоит, остаются цвета и формы.
   ========================================================================= */

/* Unbounded — широкий геометрический шрифт с кириллицей (SIL OFL, assets/fonts/Unbounded-OFL.txt), один файл на
   все начертания 200–900. Объявлен здесь, а не в fonts.css: тот собирает скрипт и перезаписывает. */
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url('/assets/fonts/Unbounded-var-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url('/assets/fonts/Unbounded-var-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url('/assets/fonts/Unbounded-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url('/assets/fonts/Unbounded-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- токены: сплошные поверхности и тёмный текст (переменные v5 — тоже: ими красят компоненты) ---------- */
body.v5{
  --font-display:'Unbounded','Onest',system-ui,sans-serif;
  --ink:#0B1328; --body-ink:#141C33; --muted:#1E2840; --muted-2:#1E2840; --faint:#2B3550; --mut:#2B3550;
  --blue:#1D4ED8; --blue-ink:#1A3FB8; --blue-soft:#EEF2FF; --blue-soft2:#F5F7FF;
  --line:#DCE2F4; --line-2:#E6EAF7; --sink:#F3F5FC;
  --glass:#FFFFFF; --glass-2:#FFFFFF; --glass-brd:rgba(29,78,216,.14); --glass-line:rgba(29,78,216,.12); --blur:none; --hi:inset 0 1px 0 #fff;
  --y-navy:#0F2C5C;
  --y-iris:linear-gradient(90deg,#7FA2FF 0%,#B9A8FF 30%,#FFB7A3 55%,#8FE6D6 80%,#7FA2FF 100%);
  --y-gloss-blue:linear-gradient(180deg,#2F5BE6 0%,#2350DB 45%,#1D47C9 70%,#1A3FB8 100%);
  --y-gloss-warm:linear-gradient(180deg,#CF4A17 0%,#C2410C 50%,#B23A0A 100%);
  --y-frame:0 0 0 1px rgba(29,78,216,.12),0 0 0 7px rgba(255,255,255,.75),0 0 0 8px rgba(29,78,216,.09);
  --y-drop:0 28px 56px -34px rgba(29,78,216,.45),0 10px 24px -18px rgba(15,44,92,.22);
  --y-drop-lift:0 40px 70px -36px rgba(29,78,216,.55),0 16px 30px -20px rgba(15,44,92,.26);
  --y-spring:cubic-bezier(.34,1.4,.64,1); --y-out:cubic-bezier(.22,1,.36,1);
  --r-sm:12px; --r:16px; --r-lg:24px; --r-xl:28px;
  --focus-ring:0 0 0 3px #fff,0 0 0 6px #1D4ED8;
  --m2-red-ink:#8F1430;
  background:#EAF0FE;font-size:15px;color:var(--body-ink);
}
body.v5 ::selection{background:rgba(127,162,255,.35);color:inherit}
body.v5 *{backdrop-filter:none;-webkit-backdrop-filter:none}

/* ---------- фон: пастель из цветов AiDa, стеклянная сфера, мятная пилюля, звёздочки, сетка точек 24 px ---------- */
body.v5 .aurora{
  background:
    radial-gradient(rgba(29,78,216,.08) 1px,transparent 1.4px) 0 0/24px 24px,
    radial-gradient(34% 40% at 16% 12%,rgba(255,168,146,.78),transparent 64%),
    radial-gradient(36% 42% at 52% 30%,rgba(196,178,255,.55),transparent 66%),
    radial-gradient(40% 46% at 88% 14%,rgba(112,152,255,.72),transparent 64%),
    radial-gradient(44% 50% at 82% 88%,rgba(112,222,200,.74),transparent 66%),
    radial-gradient(44% 48% at 18% 88%,rgba(172,150,255,.62),transparent 66%),
    linear-gradient(150deg,#F7E9FF 0%,#E2E8FF 38%,#D7ECFF 66%,#D6F5EE 100%);
  animation-duration:40s;
}
body.v5 .aurora::before,body.v5 .aurora::after{content:"";position:absolute;pointer-events:none}
body.v5 .aurora::before{
  width:168px;height:168px;left:68%;top:56%;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#fff,#F1F3FF 30%,#D9E0FF 64%,#EEF1FF 100%);
  box-shadow:inset 0 -14px 34px rgba(127,162,255,.4),inset 0 8px 18px rgba(255,255,255,.9),0 26px 50px -24px rgba(29,78,216,.45);
  animation:y2k-bob 18s ease-in-out infinite alternate;
}
body.v5.x59-auth-page .aurora::before{left:24%;top:14%}
body.v5 .aurora::after{
  inset:0;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 0C53.6 33 67 46.4 100 50 67 53.6 53.6 67 50 100 46.4 67 33 53.6 0 50 33 46.4 46.4 33 50 0Z' fill='%23FF7A4D'/></svg>") no-repeat 84% 78%/64px 64px,
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 0C53.6 33 67 46.4 100 50 67 53.6 53.6 67 50 100 46.4 67 33 53.6 0 50 33 46.4 46.4 33 50 0Z' fill='%237FA2FF'/></svg>") no-repeat 60% 18%/22px 22px,
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 0C53.6 33 67 46.4 100 50 67 53.6 53.6 67 50 100 46.4 67 33 53.6 0 50 33 46.4 46.4 33 50 0Z' fill='%23B9A8FF'/></svg>") no-repeat 34% 72%/30px 30px,
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 90'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23C9F5EC'/><stop offset='1' stop-color='%2380DCC9'/></linearGradient></defs><rect x='18' y='20' width='144' height='50' rx='25' fill='url(%23g)' transform='rotate(12 90 45)'/></svg>") no-repeat 80% 20%/170px 85px;
  animation:y2k-breathe 14s ease-in-out infinite alternate;
}
@keyframes y2k-bob{from{transform:translate3d(0,0,0)}to{transform:translate3d(12px,-14px,0)}}
@keyframes y2k-breathe{from{opacity:.88;transform:scale(1)}to{opacity:1;transform:scale(1.012)}}

/* свет под курсором на фоне (рисует y2k.js) */
.y2k-glow{position:fixed;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.5),rgba(185,168,255,.14) 40%,transparent 68%);opacity:0;transition:opacity .9s;will-change:transform}
.y2k-glow.on{opacity:1}

/* ---------- заголовки и метки: широкий шрифт ---------- */
body.v5 .topbar h1,body.v5 .hm-h2,body.v5 .pp-h2,body.v5 .fh-nm h2,body.v5 .card-h h3,body.v5 .ln-h h3,body.v5 .page-head h1,
body.v5 .page-head h2,body.v5 .x59-auth-h,body.v5 .aira-modal-h h3,body.v5 .ucard .nm,body.v5 .stat .v,body.v5 .tile .n,
body.v5 .content > h1,body.v5 .content > h2,body.v5 .fl-head h1,body.v5 .fl-head h2,body.v5 .hm-big h3{
  font-family:var(--font-display);font-weight:650;letter-spacing:-.015em;color:var(--y-navy)
}
body.v5 .hm-h2,body.v5 .pp-h2{font-size:20px}
body.v5 .fh-nm h2{font-size:21px}
body.v5 .card-h h3{font-size:16px}
body.v5 .ucard .nm{font-size:17px;line-height:1.3}
/* метки «окна» как USER WINDOW в образце: заглавные, жирно, не мельче 12,5 px (APCA) */
body.v5 .topbar .crumb,body.v5 .ucard .kind,body.v5 .ln-card .k,body.v5 .side-sec,body.v5 .hlab{
  font-family:var(--font-display);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)
}
body.v5 .ucard .kind svg{width:15px;height:15px}

/* ---------- оболочка: боковая панель — цветная, как левая половина окна в образце ---------- */
body.v5 .sidebar{
  background:linear-gradient(180deg,#FFE4DA 0%,#EADDFF 48%,#D9E8FF 100%);
  border-right:1px solid rgba(29,78,216,.14);
  box-shadow:inset -6px 0 0 rgba(255,255,255,.55),inset -7px 0 0 rgba(29,78,216,.08),18px 0 48px -32px rgba(29,78,216,.35);
}
/* логотип AiDa Center (образец основателя 27.10); в панели-рельсе (901–1000 px) — только иконка */
body.v5 .sidebar .brand{padding:2px 8px 16px}
body.v5 .sidebar .brand .logo-full{display:block;height:42px;width:auto;transform-origin:20% 50%;transition:transform .9s var(--y-spring)}
body.v5 .sidebar .brand:hover .logo-full{transform:scale(1.04)}
body.v5 .sidebar .brand .logo{display:none;width:36px;height:36px;transition:transform .9s var(--y-spring);filter:drop-shadow(0 6px 10px rgba(29,78,216,.35))}
body.v5 .sidebar .brand:hover .logo{transform:rotate(-10deg) scale(1.06)}
@media (min-width:901px) and (max-width:1000px){
  body.v5 .sidebar .brand .logo-full{display:none}
  body.v5 .sidebar .brand .logo{display:block}
}
body.v5 .nav-item{position:relative;isolation:isolate;overflow:hidden;border-radius:999px;padding:11px 15px;font-size:15px;font-weight:600;color:var(--ink);
  transition:color .35s,background-color .35s,box-shadow .45s,transform .7s var(--y-spring)}
body.v5 .nav-item svg{color:var(--ink);transition:transform .8s var(--y-spring),color .35s}
body.v5 .nav-item:hover{background:#fff;color:var(--ink);transform:translateX(2px);box-shadow:0 0 0 1px rgba(29,78,216,.12),0 8px 18px -10px rgba(29,78,216,.45)}
body.v5 .nav-item:hover svg{transform:rotate(-8deg) scale(1.08);color:var(--blue-ink)}
body.v5 .nav-item.active,body.v5 .nav-item.active:hover{background:var(--y-gloss-blue);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 8px rgba(10,32,140,.3),0 12px 24px -12px rgba(29,78,216,.85);text-shadow:0 1px 1px rgba(5,15,60,.3)}
body.v5 .nav-item.active svg{color:#fff}
body.v5 .nav-item.active::after{content:"";position:absolute;left:10px;right:10px;top:2px;height:40%;border-radius:999px;z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));pointer-events:none}
body.v5 .nav-badge{min-width:24px;height:22px;font-size:13.5px;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px #FFB49B}
body.v5 .nav-item.active .nav-badge{background:#fff;color:var(--ink)}

body.v5 .acct-btn{border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgba(29,78,216,.12),0 6px 16px -10px rgba(29,78,216,.4);
  transition:box-shadow .45s,transform .7s var(--y-spring)}
body.v5 .acct-btn:hover{box-shadow:0 0 0 1px rgba(29,78,216,.25),0 10px 22px -12px rgba(29,78,216,.5);transform:translateY(-1px)}
body.v5 .acct-nm{font-size:15px;font-weight:600;color:var(--ink)}
body.v5 .acct-ava{background:var(--y-iris)!important;color:var(--ink)!important;font-size:13.5px!important;font-weight:700!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 10px -4px rgba(124,92,255,.6)}
body.v5 .acct-menu{border-radius:20px;background:#fff;box-shadow:var(--y-frame),0 24px 48px -20px rgba(29,78,216,.45);animation:y2k-pop .5s var(--y-out)}
body.v5 .acct-item{font-size:15px;font-weight:500;color:var(--ink)}
body.v5 #aira-logout{color:var(--ink)!important}

body.v5 .topbar{background:#fff;border-bottom:1px solid rgba(29,78,216,.12);box-shadow:0 12px 30px -26px rgba(29,78,216,.45)}
body.v5 .topbar h1{font-size:18px}
body.v5 .topbar{min-height:64px} /* с малой строкой и без неё — одной высоты */
body.v5 .menu-btn{border-radius:999px}

/* ---------- окна (карточки): сплошные белые, полоска-перелив сверху, рамка как у пластикового окна ---------- */
body.v5 .card,body.v5 .stat,body.v5 .ln-card,body.v5 .ln-steps,body.v5 .tile,body.v5 .pc-card{
  background:var(--y-iris) top/100% 4px no-repeat,#fff;border:0;border-radius:var(--r-lg);
  box-shadow:var(--y-frame),var(--y-drop);
}
body.v5 .ln-steps,body.v5 .pc-card{border-radius:22px}
body.v5 .card .card,body.v5 .card .pc-card{background:#fff;box-shadow:0 0 0 1px #DCE2F4,0 10px 22px -18px rgba(29,78,216,.4)}
body.v5 .aira-state,body.v5 .empty-mini{border-radius:var(--r-lg);border:1.5px dashed #9FB0E0;background:#fff;color:var(--muted)}

/* плитки заводов и «Новый завод»: подъём, наклон за курсором, блик и переливающаяся кромка */
body.v5 a.ucard,body.v5 .addcard,body.v5 .pc-card{position:relative;isolation:isolate;transition:transform .8s var(--y-spring),box-shadow .6s var(--y-out),border-color .4s}
body.v5 a.ucard{overflow:hidden}
/* наклон — только под курсором: в покое трансформации нет, текст чёткий */
body.v5 a.ucard:hover,body.v5 .addcard:hover,body.v5 .pc-card:hover{box-shadow:var(--y-frame),var(--y-drop-lift);
  transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px)}
body.v5 a.ucard::before,body.v5 .addcard::before,body.v5 .pc-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;
  background:var(--y-iris);background-size:200% 200%;pointer-events:none;opacity:0;transition:opacity .6s;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
body.v5 a.ucard:hover::before,body.v5 .addcard:hover::before,body.v5 .pc-card:hover::before{opacity:1;animation:y2k-iris 5s linear infinite}
body.v5 a.ucard::after,body.v5 .pc-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .5s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(238,242,255,.9),rgba(255,255,255,0) 45%)}
body.v5 a.ucard:hover::after,body.v5 .pc-card:hover::after{opacity:1}
@keyframes y2k-iris{to{background-position:200% 0}}
body.v5 .addcard{border:2px dashed #9FB0E0;background:#fff;border-radius:var(--r-lg);color:var(--blue-ink);font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.01em}
body.v5 .addcard:hover{border-color:transparent;color:var(--blue-ink)}
body.v5 .addcard .i{transition:transform .9s var(--y-spring)}
body.v5 .addcard:hover .i{transform:rotate(90deg) scale(1.2)}

/* ---------- кнопки: глянцевые пилюли, 15 px жирно ---------- */
body.v5 .btn,body.v5 .icon-btn{position:relative;isolation:isolate;overflow:hidden;
  transform:translate(var(--mgx,0px),var(--mgy,0px)) translateY(var(--lift,0px)) scale(var(--press,1));
  transition:transform .7s var(--y-spring),box-shadow .45s var(--y-out),background-color .35s,border-color .35s,color .35s,filter .35s}
body.v5 .btn{border-radius:999px;padding:10px 20px;font-size:15px;font-weight:700;letter-spacing:.005em}
body.v5 .btn-sm{padding:8px 16px;font-size:15px}
body.v5 .btn:not([disabled]):hover,body.v5 .icon-btn:not([disabled]):hover{--lift:-2px}
body.v5 .btn:not([disabled]):active,body.v5 .icon-btn:not([disabled]):active{--press:.96;transition-duration:.18s}
/* свет под курсором внутри кнопки (координаты ставит y2k.js) */
body.v5 .btn::before,body.v5 .icon-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;transition:opacity .45s;
  background:radial-gradient(90px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.24),rgba(255,255,255,0) 70%)}
body.v5 .btn:not([disabled]):hover::before,body.v5 .icon-btn:not([disabled]):hover::before{opacity:1}

body.v5 .btn-primary{color:#fff;border:0;text-shadow:0 1px 1px rgba(5,15,60,.35);
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%) 170% 0/260% 100% no-repeat,var(--y-gloss-blue);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 8px rgba(10,32,140,.3),0 10px 22px -10px rgba(29,78,216,.8),0 2px 4px rgba(15,44,92,.14)}
body.v5 .btn-primary::after,body.v5 .btn-warm::after{content:"";position:absolute;left:8px;right:8px;top:2px;height:40%;border-radius:999px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0))}
body.v5 .btn-primary:not([disabled]):hover{background-position:-70% 0,0 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 8px rgba(10,32,140,.28),0 16px 30px -12px rgba(29,78,216,.9),0 0 0 4px rgba(127,162,255,.25);
  transition:transform .7s var(--y-spring),box-shadow .45s var(--y-out),background-position 1.4s var(--y-out),filter .35s}
body.v5 .btn-warm{color:#fff;border:0;text-shadow:0 1px 1px rgba(80,20,0,.3);
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%) 170% 0/260% 100% no-repeat,var(--y-gloss-warm);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 8px rgba(120,40,8,.28),0 10px 22px -10px rgba(194,65,12,.8)}
body.v5 .btn-warm:not([disabled]):hover{background-position:-70% 0,0 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 16px 30px -12px rgba(194,65,12,.85),0 0 0 4px rgba(255,183,163,.3);
  transition:transform .7s var(--y-spring),box-shadow .45s var(--y-out),background-position 1.4s var(--y-out)}
body.v5 .btn-ghost,body.v5 .card .btn-ghost,body.v5 .pc-card .btn-ghost,body.v5 .tc .btn-ghost{
  background:#fff;color:var(--ink);border:1.5px solid #B9C4E6;box-shadow:inset 0 -2px 0 #EEF1FB,0 4px 12px -8px rgba(29,78,216,.45)}
body.v5 .btn-ghost:not([disabled]):hover{background:#fff;color:var(--blue-ink);border-color:#7F96E0;
  box-shadow:inset 0 -2px 0 #EEF1FB,0 10px 22px -12px rgba(29,78,216,.55),0 0 0 4px rgba(127,162,255,.18)}
body.v5 .btn-ghost::before{background:radial-gradient(90px circle at var(--mx,50%) var(--my,50%),rgba(127,162,255,.2),rgba(127,162,255,0) 70%)}
body.v5 .btn[disabled],body.v5 .btn.btn-primary[disabled],body.v5 .x59-auth-card .btn.btn-primary[disabled]{
  background:#F1F3F9;color:#56627F;text-shadow:none;border:1.5px solid #DCE2F4;box-shadow:none;opacity:1;cursor:not-allowed}
body.v5 .btn[disabled]::after{display:none}
body.v5 .btn .i,body.v5 .btn svg{transition:transform .8s var(--y-spring)}
body.v5 .btn:not([disabled]):hover .i,body.v5 .btn:not([disabled]):hover svg{transform:translateX(2px)}
body.v5 .icon-btn{border-radius:50%;background:#fff;color:var(--ink);border:1.5px solid #B9C4E6;box-shadow:inset 0 -2px 0 #EEF1FB,0 4px 12px -8px rgba(29,78,216,.45)}
body.v5 .icon-btn:not([disabled]):hover{color:var(--blue-ink);border-color:#7F96E0;box-shadow:inset 0 -2px 0 #EEF1FB,0 10px 20px -12px rgba(29,78,216,.6)}
body.v5 .icon-btn:not([disabled]):hover svg,body.v5 .icon-btn:not([disabled]):hover .i{transform:rotate(-10deg) scale(1.06)}
body.v5 .icon-btn svg,body.v5 .icon-btn .i{transition:transform .8s var(--y-spring)}
body.v5 .linkbtn,body.v5 .x59-auth-link,body.v5 .pp-lk{color:var(--blue-ink);font-weight:700;transition:color .3s}
body.v5 .pp-lk .i,body.v5 .pp-lk svg{transition:transform .7s var(--y-spring)}
body.v5 .pp-lk:hover .i,body.v5 .pp-lk:hover svg{transform:translateX(3px)}

/* волна от нажатия и искры от главных кнопок (элементы создаёт y2k.js) */
.y2k-ripple{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;transform:scale(0);opacity:.6;
  background:radial-gradient(circle,rgba(255,255,255,.7),rgba(255,255,255,0) 70%);animation:y2k-ripple .9s var(--y-out,ease-out) forwards}
.btn-ghost .y2k-ripple,.icon-btn .y2k-ripple,.wtab .y2k-ripple,.seg .y2k-ripple,.pp-hit .y2k-ripple,.ln-st .y2k-ripple,.nav-item:not(.active) .y2k-ripple,.acct-btn .y2k-ripple,.addcard .y2k-ripple{
  background:radial-gradient(circle,rgba(127,162,255,.35),rgba(127,162,255,0) 70%)}
@keyframes y2k-ripple{to{transform:scale(1);opacity:0}}
.y2k-spark{position:fixed;z-index:400;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 0C53.6 33 67 46.4 100 50 67 53.6 53.6 67 50 100 46.4 67 33 53.6 0 50 33 46.4 46.4 33 50 0Z' fill='%23FF7A4D'/></svg>") center/contain no-repeat;
  animation:y2k-spark 1.1s var(--y-out,ease-out) forwards}
.y2k-spark.b{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 0C53.6 33 67 46.4 100 50 67 53.6 53.6 67 50 100 46.4 67 33 53.6 0 50 33 46.4 46.4 33 50 0Z' fill='%235B86FF'/></svg>")}
.y2k-spark.l{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 0C53.6 33 67 46.4 100 50 67 53.6 53.6 67 50 100 46.4 67 33 53.6 0 50 33 46.4 46.4 33 50 0Z' fill='%23B9A8FF'/></svg>")}
@keyframes y2k-spark{0%{transform:translate(0,0) scale(.2) rotate(0);opacity:1}70%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(var(--s,1)) rotate(var(--rot,90deg));opacity:0}}

/* ---------- поля: белые пилюли, тёмный текст, подсказка — не светлее Lc 60 ---------- */
body.v5 .inp,body.v5 input:not([type]),body.v5 input[type=text],body.v5 input[type=email],body.v5 input[type=url],body.v5 input[type=tel],
body.v5 input[type=number],body.v5 input[type=password],body.v5 input[type=search],body.v5 select{border-radius:999px;padding-left:16px;padding-right:16px}
body.v5 textarea{border-radius:20px;padding:12px 16px}
body.v5 select{padding-right:36px;background-position:right 14px center}
body.v5 .inp,body.v5 input:not([type]),body.v5 input[type=text],body.v5 input[type=email],body.v5 input[type=url],body.v5 input[type=tel],
body.v5 input[type=number],body.v5 input[type=password],body.v5 input[type=search],body.v5 textarea,body.v5 select{
  border:1.5px solid #B9C4E6;background-color:#fff;color:var(--ink);font-size:15px;
  box-shadow:inset 0 2px 4px rgba(15,44,92,.06);transition:border-color .3s,box-shadow .45s var(--y-out)}
body.v5 .inp:hover,body.v5 input:hover,body.v5 textarea:hover,body.v5 select:hover{border-color:#7F96E0}
body.v5 .inp:focus,body.v5 input:focus,body.v5 textarea:focus,body.v5 select:focus{outline:none;border-color:#1D4ED8;background-color:#fff;
  box-shadow:0 0 0 4px rgba(127,162,255,.3),0 12px 26px -16px rgba(29,78,216,.6)}
body.v5 input::placeholder,body.v5 textarea::placeholder{color:#5E6884;opacity:1}
body.v5 .field label,body.v5 label.lbl{font-size:15px;font-weight:600;color:var(--ink)}
body.v5 .hint,body.v5 .field .hint{font-size:15px;font-weight:500;color:var(--muted)}
body.v5 .x59-auth-eye{border-radius:0 999px 999px 0;font-size:15px;font-weight:700;color:var(--blue-ink)}
body.v5 .x59-auth-cc{border-radius:999px;border:1.5px solid #B9C4E6;background:#fff;font-size:15px;transition:border-color .3s,box-shadow .45s,transform .7s var(--y-spring)}
body.v5 .x59-auth-cc:hover{box-shadow:0 8px 18px -10px rgba(29,78,216,.5);transform:translateY(-1px)}
body.v5 .tp-cb{border-radius:7px;border-color:#7F8DB0;transition:background-color .3s,border-color .3s,box-shadow .45s,transform .5s var(--y-spring)}
body.v5 .tp-cb:hover{border-color:#1D4ED8;box-shadow:0 0 0 4px rgba(127,162,255,.22)}
body.v5 .tp-cb:checked,body.v5 .tp-cb:checked:focus{background:var(--y-gloss-blue);border-color:#1A3FB8;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 10px -4px rgba(29,78,216,.7)}
body.v5 .tp-cb:active{transform:scale(.9)}
body.v5 .switch .sl{background:linear-gradient(180deg,#C9D2EA,#D9E0F2);box-shadow:inset 0 2px 4px rgba(15,44,92,.18)}
body.v5 .switch .sl::before{background:radial-gradient(circle at 35% 30%,#fff,#EEF2FB 60%,#D9E1F2);box-shadow:0 2px 6px rgba(15,44,92,.3),inset 0 -1px 2px rgba(15,44,92,.08)}
body.v5 .switch input:checked + .sl{background:var(--y-gloss-blue);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 5px rgba(10,32,140,.3)}

/* ---------- пилюли состояний: светлая заливка, тёмный жирный текст 13,5 px ---------- */
body.v5 .pill{border-radius:999px;padding:4px 12px;font-size:13.5px;font-weight:700;letter-spacing:.005em;color:var(--ink);
  box-shadow:inset 0 0 0 1.5px rgba(15,44,92,.1)}
body.v5 .pill.info{background-color:#E6EDFF;color:var(--ink);box-shadow:inset 0 0 0 1.5px #B9C9FF}
body.v5 .pill.ok{background-color:#E2F7F0;color:var(--ink);box-shadow:inset 0 0 0 1.5px #9EDFCB}
body.v5 .pill.warn,body.v5 .pill.bo{background-color:#FFEDE5;color:var(--ink);box-shadow:inset 0 0 0 1.5px #FFBFA3}
body.v5 .pill.err{background-color:#FFE7EA;color:var(--ink);box-shadow:inset 0 0 0 1.5px #FFB0BC}
body.v5 .pill.mut{background-color:#F0F2F8;color:var(--ink);box-shadow:inset 0 0 0 1.5px #D3D9EA}
body.v5 .pchip{border-radius:999px;background:#fff;border:1.5px solid #C9D3F0;font-size:14px;font-weight:600;color:var(--ink);
  box-shadow:0 3px 8px -5px rgba(29,78,216,.4);transition:transform .7s var(--y-spring),box-shadow .45s}
body.v5 .pchip:hover{transform:translateY(-1px);box-shadow:0 8px 14px -8px rgba(29,78,216,.5)}

/* ---------- вкладки и переключатели: углублённая дорожка, выбранная — белая пилюля; бегунок под курсором (y2k.js) ---------- */
body.v5 .wtabs{position:relative;border-radius:999px;padding:6px;background:#E6EAF8;border:0;
  box-shadow:inset 0 2px 5px rgba(15,44,92,.12),0 0 0 6px rgba(255,255,255,.75),0 0 0 7px rgba(29,78,216,.08)}
body.v5 .wtab{position:relative;z-index:1;isolation:isolate;overflow:hidden;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;color:var(--ink);
  transition:color .35s,background-color .35s,box-shadow .45s}
body.v5 .wtab:hover{background:transparent;color:var(--ink)}
body.v5 .wtab.on{background:#fff;color:var(--ink);font-weight:700;
  box-shadow:inset 0 -2px 0 #EEF1FB,0 0 0 1.5px #1D4ED8,0 8px 18px -10px rgba(29,78,216,.6)}
body.v5 .wtab .wc{min-width:24px;height:22px;font-size:13.5px;font-weight:700;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px #B9C9FF}
body.v5 .wtab.on .wc{background:var(--y-gloss-blue);color:#fff;box-shadow:none}
body.v5 .seg{position:relative;border-radius:999px;padding:5px;background:#E6EAF8;box-shadow:inset 0 2px 5px rgba(15,44,92,.12)}
body.v5 .seg button{position:relative;z-index:1;isolation:isolate;overflow:hidden;border-radius:999px;font-size:15px;font-weight:600;color:var(--ink);
  transition:color .35s,background-color .35s,box-shadow .45s,transform .6s var(--y-spring)}
body.v5 .seg button.on{background:#fff;color:var(--ink);font-weight:700;box-shadow:0 0 0 1.5px #1D4ED8,0 8px 16px -10px rgba(29,78,216,.6)}
body.v5 .seg button:active{transform:scale(.97)}
body.v5 .wtabs::before,body.v5 .seg::before{content:"";position:absolute;top:0;left:0;width:var(--gw,0px);height:var(--gh,0px);border-radius:999px;z-index:0;
  transform:translate(var(--gx,0px),var(--gy,0px));opacity:var(--go,0);pointer-events:none;
  background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(29,78,216,.14),0 6px 14px -10px rgba(29,78,216,.5);
  transition:transform .75s var(--y-spring),width .75s var(--y-spring),height .75s var(--y-spring),opacity .35s}
body.v5 .pp-hit,body.v5 .ln-st,body.v5 .acct-btn{position:relative;isolation:isolate;overflow:hidden}

/* ---------- строки плана, выпуски, складки ---------- */
body.v5 .pp-hit{border-radius:18px;transition:background-color .35s,box-shadow .45s,transform .7s var(--y-spring)}
body.v5 .pp-hit:hover{background:#fff;box-shadow:0 0 0 1.5px #B9C9FF,0 12px 24px -18px rgba(29,78,216,.55)}
body.v5 .pp-hit .pl-tp{transition:transform .7s var(--y-spring),color .3s}
body.v5 .pp-hit:hover .pl-tp{transform:translateX(3px)}
body.v5 .pp-hit .pp-chev{transition:transform .7s var(--y-spring),color .3s}
body.v5 .pp-hit:hover .pp-chev{transform:translateX(3px)}
body.v5 .pl-dt{font-weight:700;color:var(--ink)}
body.v5 .pl-row{border-top-color:#E6EAF7}
body.v5 details.fold > summary{border-radius:var(--r-lg);transition:background-color .35s}
body.v5 details.fold > summary:hover{background:#F7F8FD}
body.v5 details.fold[open] > summary{border-bottom-color:#E6EAF7}
body.v5 details.fold[open] > .fold-b{animation:y2k-rise .7s var(--y-out) both}
/* строки хода (чтение сайта, сборка «О деле», написание): 14 px не проходили APCA (27.10, ассистент в «Читаем сайт») — 15 px */
body.v5 .stp li{font-size:15px}

/* ---------- запуск завода: шаги — глянцевые шарики, выбранный — белый с синим кольцом ---------- */
body.v5 .ln-st{border-radius:16px;transition:background-color .35s,box-shadow .45s,transform .7s var(--y-spring)}
body.v5 .ln-st b{font-size:15px;font-weight:700;color:var(--ink)}
body.v5 .ln-st .need{font-size:14px;font-weight:600;color:var(--muted)}
body.v5 .ln-st.later b{color:var(--ink)}
body.v5 .ln-st.done:hover,body.v5 .ln-st.go:hover{background:#fff;transform:translateX(2px);box-shadow:0 0 0 1px #DCE2F4}
body.v5 .ln-st.on{background:#fff;box-shadow:0 0 0 1.5px #1D4ED8,0 10px 22px -16px rgba(29,78,216,.6)}
body.v5 .ln-st .n{background:radial-gradient(circle at 35% 30%,#fff,#EEF2FB 70%);border-color:#7F96E0;color:var(--ink);
  font-family:var(--font-display);font-size:12.5px;font-weight:700;box-shadow:inset 0 -1px 2px rgba(15,44,92,.08),0 2px 6px -2px rgba(15,44,92,.2)}
body.v5 .ln-st.done .n{background:var(--y-gloss-blue);border-color:#1A3FB8;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 10px -4px rgba(29,78,216,.7)}
body.v5 .ln-st.on .n{border-color:transparent;color:var(--ink);
  background:radial-gradient(circle at 35% 30%,#fff,#EEF2FF 70%) padding-box,var(--y-iris) border-box;border:2px solid transparent;
  animation:y2k-pulse 3.6s ease-in-out infinite}
@keyframes y2k-pulse{0%,100%{box-shadow:0 0 0 0 rgba(127,162,255,.45)}50%{box-shadow:0 0 0 6px rgba(127,162,255,0)}}

/* ---------- окна поверх экрана ---------- */
body.v5 .aira-modal-back{background:radial-gradient(80% 80% at 50% 40%,rgba(127,162,255,.30),rgba(15,44,92,.45))}
body.v5 .aira-modal{border-radius:30px;background:var(--y-iris) top/100% 5px no-repeat,#fff;border:0;
  box-shadow:0 0 0 1px rgba(29,78,216,.14),0 0 0 8px rgba(255,255,255,.75),0 0 0 9px rgba(29,78,216,.1),0 40px 80px -30px rgba(15,44,92,.55);
  transform:translateY(16px) scale(.96);transition:transform .75s var(--y-spring),opacity .45s}
body.v5 .aira-modal-back.show .aira-modal{transform:none}
body.v5 .aira-modal-x{border-radius:50%;border:1.5px solid #B9C4E6;color:var(--ink);transition:transform .8s var(--y-spring),background-color .3s,color .3s}
body.v5 .aira-modal-x:hover{transform:rotate(90deg);background:#fff;color:var(--ink)}

/* ---------- вход и регистрация: окно как в образце — слева цветная панель со знаком, справа белая форма ---------- */
body.v5 .x59-auth{justify-content:center}
body.v5 .x59-auth-brand .logo-full{display:block;height:48px;width:auto;margin-bottom:10px} /* зазор до светлой рамки окна */
body.v5 .x59-auth-card{position:relative;isolation:isolate;max-width:860px;border-radius:34px;padding:36px 40px 32px 388px;background:#fff;border:0;
  box-shadow:0 0 0 1px rgba(29,78,216,.14),0 0 0 12px rgba(255,255,255,.72),0 0 0 13px rgba(29,78,216,.1),0 50px 90px -40px rgba(29,78,216,.55)}
body.v5 .x59-auth-card::before{content:"";position:absolute;left:12px;top:12px;bottom:12px;width:340px;border-radius:24px;z-index:-1;pointer-events:none;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 0C53.6 33 67 46.4 100 50 67 53.6 53.6 67 50 100 46.4 67 33 53.6 0 50 33 46.4 46.4 33 50 0Z' fill='white'/></svg>") no-repeat 86% 88%/30px 30px,
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 0C53.6 33 67 46.4 100 50 67 53.6 53.6 67 50 100 46.4 67 33 53.6 0 50 33 46.4 46.4 33 50 0Z' fill='white' fill-opacity='.7'/></svg>") no-repeat 14% 12%/16px 16px,
    radial-gradient(rgba(255,255,255,.35) 1px,transparent 1.4px) 0 0/16px 16px,
    linear-gradient(165deg,#FFB7A3 0%,#E3B6E8 34%,#B9A8FF 58%,#8FB6FF 82%,#8FE6D6 120%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -40px 80px -40px rgba(29,78,216,.25)}
/* сфера со знаком AiDa — как круг «Y2K» в образце; знак («A» со звёздочкой) — по центру белого круга */
body.v5 .x59-auth-card::after{content:"";position:absolute;left:78px;top:calc(50% - 104px);width:208px;height:208px;border-radius:50%;z-index:-1;pointer-events:none;
  background:
    url("/assets/img/mark.svg") no-repeat center/128px 128px,
    radial-gradient(circle at 50% 50%,#F6F4FF 0 64px,transparent 65px),
    radial-gradient(circle at 38% 32%,rgba(255,255,255,.9),rgba(255,183,163,.75) 34%,rgba(185,168,255,.75) 62%,rgba(127,162,255,.85) 100%);
  box-shadow:0 0 0 16px rgba(255,255,255,.55),0 30px 60px -20px rgba(29,78,216,.55),inset 0 -10px 30px rgba(29,78,216,.25);
  animation:y2k-bob 11s ease-in-out infinite alternate}
body.v5 .x59-auth-card .x59-auth-h{font-size:26px;letter-spacing:-.02em}
body.v5 .x59-auth-sub{font-size:15px;font-weight:500;color:var(--body-ink)}
body.v5 .x59-auth-card .field label{font-family:var(--font-display);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
body.v5 .x59-auth-card .btn-block{min-height:52px;border-radius:999px;font-family:var(--font-display);font-size:14.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
body.v5 .x59-auth-chk{font-size:15px;font-weight:500;color:var(--body-ink)}
body.v5 .x59-auth-link,body.v5 .x59-auth-alt a{font-size:15px;font-weight:700;color:var(--blue-ink)}
body.v5 .x59-auth-alt{font-size:15px;font-weight:500;color:var(--body-ink);border-top-color:#E6EAF7}
body.v5 .x59-auth-note,body.v5 .x59-auth-resend .cap{font-size:15px;font-weight:500;color:var(--muted)}
body.v5 .x59-auth-test{font-size:15px;color:var(--ink);background:#EEF2FF}
/* ошибки под полями и плашка над кнопкой (в т. ч. «Код уже отправлен… N сек.»): 13 px тонким не проходили APCA — как подписи, 15 px полужирным */
body.v5 .x59-auth-card .err-msg,body.v5 .x59-auth-formerr{font-size:15px;font-weight:600}
@media (max-width:760px){
  body.v5 .x59-auth-card{padding:196px 22px 24px;border-radius:28px}
  body.v5 .x59-auth-card::before{left:10px;right:10px;top:10px;bottom:auto;width:auto;height:168px;border-radius:20px}
  body.v5 .x59-auth-card::after{left:calc(50% - 64px);top:30px;width:128px;height:128px;
    background-size:80px 80px,auto,auto;
    background-image:url("/assets/img/mark.svg"),radial-gradient(circle at 50% 50%,#F6F4FF 0 40px,transparent 41px),radial-gradient(circle at 38% 32%,rgba(255,255,255,.9),rgba(255,183,163,.75) 34%,rgba(185,168,255,.75) 62%,rgba(127,162,255,.85) 100%);
    box-shadow:0 0 0 10px rgba(255,255,255,.55),0 20px 40px -18px rgba(29,78,216,.55)}
}

/* ---------- APCA: размеры и плашки (по замеру tools/apca, 24.10) ----------
   Серый и тёмный текст 15 px обычного начертания проходит таблицу APCA только на белом (Lc ≥ 100), поэтому мелкие подписи
   кабинета подняты до 15 px, метки — до 14 px жирного, а всё, что лежало прямо на цветном фоне страницы, — на белых плашках. */
body.v5{--faint:#1E2840}
body.v5 :is(.content,.aira-modal) :where(.cap,.hint,.nx,.fh-st,.pp-ml-t,.pl-foot,.pub-nk,.pub-when,.fa,.about-cap,.x59-sub,.ak,.av,.pw,.pc,.empty-mini,
  .about-sub,.vempty,.pc-sub,.pc-line,.pc-sug,.pc-tip,.ch-stop-p,.pp-when,.ln-note,.kv .k,.kv .v,.line-st > span:not(.pill),.nx > span:not(.pill),.fh-st > span:not(.pill),
  .about-status > span:not(.pill),.acnt > span:not(.pill),.pub-c > span:not(.pill),.ln-h > p,.ln-sech .cap,.pl-dt > span,.pl-dt > b,.rad,section.card > p,th,td,
  .pp-prev p,.pp-prev li,.pub-pl){font-size:15px}
body.v5 :is(.content,.aira-modal) :is(.fa.empty,.cap,.hint){color:var(--muted)}
/* серые подписи — полужирные: при 15 px норма APCA 95 вместо 100, есть запас и рядом с цветными пилюлями */
body.v5 :is(.content,.aira-modal) :where(.cap,.hint,.pp-ml-t,.pl-foot,.about-cap,.ak,.pw,.pc,.empty-mini,.about-sub,.vempty,.pc-sub,.pc-sug,.pc-tip,
  .kv .k,.pub-pl,.pub-when,.line-st > span:not(.pill),.nx,.fh-st,.fa.empty,.acnt > span:not(.pill)){font-weight:500}
body.v5 :is(.content,.aira-modal) .pp-ml-t{font-weight:600}
/* замер 26.10: подпись у «Да, подходит» лежит на тонированном низе окна поста — полужирная; текст пустого состояния
   («Вышло» без постов) был 13,5 px — 15 px */
body.v5 :is(.content,.aira-modal) .pp-gb .cap{font-weight:600}
body.v5 .aira-state p{font-size:15px;font-weight:500}
body.v5 .content .pl-tp{font-size:16px;font-weight:700;color:var(--ink)}
body.v5 .content th{font-weight:700;color:var(--ink)}
body.v5 .content .pl-dt{min-width:84px}
/* метки и значки: тёмный жирный текст на светлой заливке, 14 px */
body.v5 :is(.content,.aira-modal) :is(.mtag,.src,.pc-badge,.pill,.pn){font-size:14px;font-weight:700;color:var(--ink)!important}
body.v5 .content .mtag{padding:3px 10px;border-radius:999px;background:#EEF1FA!important;box-shadow:inset 0 0 0 1.5px #D3D9EA}
body.v5 .content .src{padding:3px 10px;border-radius:999px;background:#EEF2FF!important;box-shadow:inset 0 0 0 1.5px #B9C9FF}
body.v5 .content .src.guess{background:#F3EEFF!important;box-shadow:inset 0 0 0 1.5px #CDBEFF}
body.v5 .content .pc-badge{padding:4px 12px;border-radius:999px;background:#F0F2F8!important;box-shadow:inset 0 0 0 1.5px #D3D9EA}
body.v5 .content .pc-badge.on{background:#E2F7F0!important;box-shadow:inset 0 0 0 1.5px #9EDFCB}
body.v5 .wtab .wc,body.v5 .wtab.on .wc{font-size:14px}
body.v5 .ln-st .n{font-size:13.5px}
/* ссылки и текстовые кнопки: 15 px жирно, глубокий синий */
body.v5 :is(.content,.aira-modal) :is(.lnk,.ln-lnk,.pp-lk,.pub-c > a,.pc-sub > a,.fnd-link,.ulink),body.v5 .aira-modal summary > span:not(.cap),body.v5 .x59-auth-chk a{font-size:15px;font-weight:700;color:var(--blue-ink)}
body.v5 .content .rad.on{color:var(--ink);font-weight:700}
/* аватар — белый с переливающимся кольцом, буквы тёмные */
body.v5 .acct-ava{background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 2px #B9A8FF,0 4px 10px -4px rgba(124,92,255,.5)}
/* текст прямо на цветном фоне страницы — на белой плашке во всю ширину: края — по линии карточек (слово основателя 29.10
   «не по размеру… сделай нормальную оцентровку»); внутри карточки плашки нет */
body.v5 .content :is(.ln-top > p,.page-head .t > p,.about-top > p,.pub-intro,.pub-foot,.about-site,.hm-cap,.fl-empty,.db-foot:not([hidden])){
  display:block;width:auto;max-width:none;padding:10px 16px;border-radius:16px;background:#fff;font-size:15px;color:var(--body-ink);
  box-shadow:0 0 0 1.5px #DCE2F4,0 10px 22px -18px rgba(29,78,216,.45)}
body.v5 .content .card p.hm-cap{padding:0;border-radius:0;background:none;box-shadow:none}
body.v5 .content .page-head .t{flex:1 1 auto;min-width:0}
body.v5 .content .about-site{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
body.v5 .x59v-acc > summary::after{font-size:14px;font-weight:700;color:var(--ink)}
body.v5 .seg{border-radius:24px}
body.v5 .content .pp-lk{padding:7px 14px;border-radius:999px;background:#fff;box-shadow:0 0 0 1.5px #B9C9FF,0 8px 18px -14px rgba(29,78,216,.5)}
/* плитка списка со своей кнопкой (заводы и ассистенты; косметика 2, 27.10): рамка, свет и наклон — у обёртки, у ссылки внутри
   своей рамки нет; «Удалить» — тихая строка внутри рамки внизу. Плитки ряда и «Новый» — одной высоты */
body.v5 .fl-unit{position:relative;isolation:isolate;gap:0;border-radius:var(--r-lg);background:var(--y-iris) top/100% 4px no-repeat,#fff;
  box-shadow:var(--y-frame),var(--y-drop);transition:transform .8s var(--y-spring),box-shadow .6s var(--y-out)}
body.v5 .fl-unit:hover{box-shadow:var(--y-frame),var(--y-drop-lift);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px)}
body.v5 .fl-unit::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--y-iris);background-size:200% 200%;
  pointer-events:none;opacity:0;transition:opacity .6s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
body.v5 .fl-unit:hover::before{opacity:1;animation:y2k-iris 5s linear infinite}
body.v5 .fl-unit::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .5s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(238,242,255,.9),rgba(255,255,255,0) 45%)}
body.v5 .fl-unit:hover::after{opacity:1}
body.v5 .fl-unit > a.ucard{background:none;box-shadow:none;transform:none;padding-bottom:16px;border-bottom:1px solid #E6EAF7;border-radius:var(--r-lg) var(--r-lg) 0 0}
body.v5 .fl-unit > a.ucard::before,body.v5 .fl-unit > a.ucard::after{content:none}
body.v5 .content .fl-del{align-self:flex-start;margin:8px 0 10px 12px;padding:6px 10px;border-radius:999px;background:none;font-size:15px;font-weight:600;color:var(--muted);
  transition:color .3s,background-color .3s}
body.v5 .content .fl-del:hover,body.v5 .content .fl-del:focus-visible{color:#8F1430;background:#FFF1F3}

/* ---------- появление экрана: окна всплывают по очереди (только первые 2 с после загрузки) ---------- */
@keyframes y2k-rise{from{opacity:0;transform:translateY(12px) scale(.99);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes y2k-pop{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}
html.y2k-enter body.v5 .content > *,html.y2k-enter body.v5 .x59-auth-card{animation:y2k-rise 1s var(--y-out) both}
html.y2k-enter body.v5 .content > *:nth-child(2){animation-delay:.09s}
html.y2k-enter body.v5 .content > *:nth-child(3){animation-delay:.18s}
html.y2k-enter body.v5 .content > *:nth-child(4){animation-delay:.27s}
html.y2k-enter body.v5 .content > *:nth-child(5){animation-delay:.36s}
html.y2k-enter body.v5 .content > *:nth-child(n+6){animation-delay:.45s}
html.y2k-enter body.v5 .units > *,html.y2k-enter body.v5 .pp-stack .pl-row{animation:y2k-rise .9s var(--y-out) both}
html.y2k-enter body.v5 .units > *:nth-child(2),html.y2k-enter body.v5 .pp-stack .pl-row:nth-child(2){animation-delay:.1s}
html.y2k-enter body.v5 .units > *:nth-child(3),html.y2k-enter body.v5 .pp-stack .pl-row:nth-child(3){animation-delay:.2s}
html.y2k-enter body.v5 .units > *:nth-child(4),html.y2k-enter body.v5 .pp-stack .pl-row:nth-child(4){animation-delay:.3s}
html.y2k-enter body.v5 .units > *:nth-child(n+5),html.y2k-enter body.v5 .pp-stack .pl-row:nth-child(n+5){animation-delay:.4s}

/* ---------- полосы прокрутки и фокус ---------- */
body.v5 ::-webkit-scrollbar{width:10px;height:10px}
body.v5 ::-webkit-scrollbar-track{background:transparent}
body.v5 ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#A9BEFF,#C9B8FF);border-radius:999px;border:3px solid transparent;background-clip:padding-box}
body.v5 :focus-visible{outline:3px solid #1D4ED8;outline-offset:3px}
body.v5 .btn:focus-visible,body.v5 .icon-btn:focus-visible,body.v5 .wtab:focus-visible,body.v5 .nav-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}

/* ---------- без видеокарты и без движения ---------- */
html.nogpu body.v5 .aurora::before,html.nogpu body.v5 .aurora::after{animation:none}
html.nogpu .y2k-glow{display:none}
@media (prefers-reduced-motion:reduce){
  body.v5 .aurora::before,body.v5 .aurora::after,body.v5 .x59-auth-card::after,body.v5 .ln-st.on .n{animation:none}
  html.y2k-enter body.v5 *{animation:none!important}
  body.v5 a.ucard,body.v5 .fl-unit,body.v5 .addcard,body.v5 .pc-card,body.v5 .btn,body.v5 .icon-btn,body.v5 .nav-item,body.v5 .pp-hit,body.v5 .pp-hit .pl-tp{transform:none!important;transition:none}
  .y2k-glow,.y2k-spark,.y2k-ripple{display:none}
}
/* телефон: без наклона и притяжения (их и не будет — y2k.js включает их только для мыши); окна плотнее */
@media (max-width:680px){
  body.v5{--y-frame:0 0 0 1px rgba(29,78,216,.12),0 0 0 4px rgba(255,255,255,.75),0 0 0 5px rgba(29,78,216,.08)}
  body.v5 .aurora::before{width:110px;height:110px;left:62%;top:6%}
}
