/* «Жидкое стекло» (флаг glass_ui): цвета schoolbook-lg.ru — красный #C93A2A, тёмный #0D0D0F, светлый #ECEAE6.
   Unbounded — заголовки и цифры, Manrope — текст, IBM Plex Mono — подписи заглавными (шрифты — локально из /static/fonts, если есть; иначе системные).
   Тема — у каждого сотрудника своя (html[data-theme]). backdrop-filter — только на крупных панелях; свечение — один статичный слой.
   В «Отборе», «Цветокоре» и «Вёрстке» (body[data-sec=otbor|color|lay]) — нейтрально-серое стекло без цветного свечения. */
@font-face{font-family:"Unbounded";src:local("Unbounded"),url(/static/fonts/Unbounded.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Manrope";src:local("Manrope"),url(/static/fonts/Manrope.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:local("IBM Plex Mono"),url(/static/fonts/IBMPlexMono-Medium.woff2) format("woff2");font-weight:500;font-display:swap}

html.glass{--red:#C93A2A;--f-display:"Unbounded",system-ui,sans-serif;--f-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --accent:#C93A2A;--accent-ink:#fff;--r-panel:26px;--r-btn:99px}
html.glass[data-theme=dark]{--bg:#0D0D0F;--surface:rgba(255,255,255,.08);--surface-2:rgba(255,255,255,.12);--ink:#F2F0EC;--muted:#A9A6A0;--line:rgba(255,255,255,.22);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.35);--glow:radial-gradient(60% 50% at 15% 0%,rgba(201,58,42,.35),transparent 70%),radial-gradient(50% 40% at 95% 10%,rgba(240,120,40,.22),transparent 70%);color-scheme:dark}
html.glass[data-theme=light]{--bg:#ECEAE6;--surface:rgba(255,255,255,.62);--surface-2:rgba(255,255,255,.8);--ink:#1A1918;--muted:#6B6762;--line:rgba(0,0,0,.10);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.9);--glow:radial-gradient(60% 50% at 15% 0%,rgba(201,58,42,.16),transparent 70%),radial-gradient(50% 40% at 95% 10%,rgba(240,120,40,.12),transparent 70%);color-scheme:light}
/* свечение — один статичный слой под всем */
html.glass body{background:var(--bg);font-family:var(--f-body)}
html.glass body::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--glow);pointer-events:none}
html.glass body[data-sec=otbor]::before,html.glass body[data-sec=color]::before,html.glass body[data-sec=lay]::before{background:none} /* нейтрально для работы с цветом фото */
html.glass body[data-sec=otbor],html.glass body[data-sec=color],html.glass body[data-sec=lay]{--accent:#8C8A86}
html.glass h1,html.glass h2,html.glass .dn,html.glass .brand{font-family:var(--f-display);letter-spacing:-.01em}
html.glass .eyebrow,html.glass .hintline,html.glass small.sub{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.04em;font-size:11px}
/* крупные панели — стекло с размытием */
html.glass .top,html.glass .side{background:var(--surface);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--line);box-shadow:var(--glass-hi)}
html.glass .top{border-radius:0 0 var(--r-panel) var(--r-panel);padding-inline:18px}
html.glass .side{border-radius:var(--r-panel);padding:10px}
html.glass .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--glass-hi)} /* без размытия: их много */
html.glass .btn{border-radius:var(--r-btn)}
html.glass .btn.sm{border-radius:var(--r-btn)}
html.glass .inp,html.glass .search{border-radius:14px}
/* логотип 11/11 — красная плашка с наклоном −5° */
html.glass .brand{display:inline-flex;align-items:center;gap:8px}
html.glass .brand>b,html.glass .brand .logo{background:#C93A2A;color:#fff;padding:3px 10px;border-radius:8px;transform:rotate(-5deg);display:inline-block}
/* меню слева 228 px, сворачивается до 64 px */
html.glass .shell{grid-template-columns:228px minmax(0,1fr)}
html.glass.side-mini .shell{grid-template-columns:64px minmax(0,1fr)}
html.glass.side-mini .side span{display:none}
html.glass .side-toggle{border:0;background:none;color:var(--muted);cursor:pointer;padding:6px;font-size:16px;justify-self:end}
@media (max-width:820px){html.glass .shell{grid-template-columns:1fr}}
/* анимации только transform/opacity; для слабых устройств и «меньше прозрачности» — плотная заливка */
@media (prefers-reduced-transparency:reduce){html.glass .top,html.glass .side,html.glass .card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}}
html.glass.lowfx .top,html.glass.lowfx .side{backdrop-filter:none;-webkit-backdrop-filter:none}
html.glass.lowfx[data-theme=dark] .top,html.glass.lowfx[data-theme=dark] .side,html.glass.lowfx[data-theme=dark] .card{background:#1A191C}
html.glass.lowfx[data-theme=light] .top,html.glass.lowfx[data-theme=light] .side,html.glass.lowfx[data-theme=light] .card{background:#F6F5F2}
@media (prefers-reduced-motion:reduce){html.glass *{transition:none!important;animation:none!important}}
html.glass .topnav{flex-wrap:wrap;row-gap:6px}
html.glass body.loginscr .shell,html.glass .shell:has(>.side[hidden]){grid-template-columns:minmax(0,1fr)}