/* =================================================================== site.css — единая дизайн-система yt.rya.ae [marker: rya-site-v1] ─────────────────────────────────────────────────────────────────── • Палитра-токены под html[data-rya-theme="core"] (специфичность 0,1,1 бьёт инлайновый :root 0,1,0 → выигрывает на «системных» страницах, НЕ трогает брендовые html[data-rya-theme="brand"]). • --ch / --ch-soft — акцент канала через html[data-channel="…"] (чистый CSS, работает и на брендовых, и на React-страницах). • Все компоненты namespace `rya-` — не конфликтуют с .topbar/.crumbs/.nav. Cache-busting: подключается как /assets/site.css?v=N (см. site_chrome.py). =================================================================== */ /* ---- канонические токены (только core-страницы) ---- */ html[data-rya-theme="core"]{ --bg:#0A0D16; --bg-2:#0F131E; --bg-card:#181D2B; --bg-elev:#232A3D; --border:#3A4258; --border-soft:#252B3D; --text:#F0F2F8; --text-dim:#C8CDD9; --text-mute:#8A92A8; --accent:#E4FF6E; --accent-2:#C9E852; --accent-ink:#0A0D16; --red:#FF7A7F; --blue:#93C5FD; --green:#4ADE80; --amber:#FCD34D; --violet:#C4B5FD; --pink:#F9A8D4; --teal:#5EEAD4; --gold:#C9A227; --radius:14px; --radius-sm:10px; } html[data-rya-theme="core"] body{ font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; } html[data-rya-theme="core"] h1, html[data-rya-theme="core"] h2, html[data-rya-theme="core"] h3, html[data-rya-theme="core"] h4{ font-family:'Space Grotesk','Inter',sans-serif; } /* ---- акцент канала (на любой теме) ---- */ html[data-channel="ytcr"] {--ch:#E4FF6E;--ch-soft:rgba(228,255,110,.14)} html[data-channel="ytcg"] {--ch:#93C5FD;--ch-soft:rgba(147,197,253,.14)} html[data-channel="ytrf"] {--ch:#5EEAD4;--ch-soft:rgba(94,234,212,.14)} html[data-channel="ytfp"] {--ch:#C4B5FD;--ch-soft:rgba(196,181,253,.14)} html[data-channel="ytuvi"] {--ch:#F9A8D4;--ch-soft:rgba(249,168,212,.14)} html[data-channel="ytmsen"] {--ch:#4EA8DE;--ch-soft:rgba(78,168,222,.14)} html[data-channel="ytagefree"]{--ch:#FBBF24;--ch-soft:rgba(251,191,36,.14)} html[data-channel="ytciv"] {--ch:#C9A227;--ch-soft:rgba(201,162,39,.14)} html[data-channel="ytch"] {--ch:#FB7185;--ch-soft:rgba(251,113,133,.14)} html[data-channel="analiz"] {--ch:#FB923C;--ch-soft:rgba(251,146,60,.14)} html[data-channel="playbook"] {--ch:#E4FF6E;--ch-soft:rgba(228,255,110,.14)} /* обратная совместимость с карточками портала (.ch-top использует --ch-color) */ :root{--ch-color:var(--ch)} /* Хаб канала использует фирменный цвет канала как акцент (var(--accent)). Специфичность 0,1,1 = как у [data-rya-theme=core], но это правило НИЖЕ → выигрывает. */ html[data-rya-hub="1"]{--accent:var(--ch)} /* =================================================================== NO-FLASH (страховка; основной inline-стиль ставит патчер в ) =================================================================== */ html.rya-gating body{visibility:hidden} .rya-overlay,.rya-chrome{visibility:visible} /* =================================================================== ВЕРХНЯЯ ПОЛОСА (share-bar + навигация) =================================================================== */ .rya-chrome{ position:sticky;top:0;z-index:9000; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; font-size:13px;line-height:1.4; } /* — share-bar (пароли для копирования) — */ .rya-sharebar{ display:flex;align-items:center;gap:14px;flex-wrap:wrap; padding:6px 16px; /* НЕПРОЗРАЧНЫЙ фон: тинт канала поверх сплошного тёмного — иначе при закреплённой шапке прокручиваемый контент просвечивает сквозь полупрозрачный --ch-soft */ background:linear-gradient(0deg,var(--ch-soft,rgba(228,255,110,.14)),var(--ch-soft,rgba(228,255,110,.14))),#0F131E; border-bottom:1px solid var(--ch,#E4FF6E); color:#F0F2F8; } .rya-sharebar .rya-sb-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.7} .rya-sharebar .rya-pw{ display:inline-flex;align-items:center;gap:7px; background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14); border-radius:999px;padding:3px 6px 3px 11px; } .rya-sharebar .rya-pw b{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-weight:600;letter-spacing:.02em} .rya-sharebar .rya-pw .rya-pw-name{opacity:.7;font-size:11px} .rya-copy{ cursor:pointer;border:0;border-radius:999px; background:var(--ch,#E4FF6E);color:#0A0D16; font-weight:700;font-size:11px;padding:3px 9px;line-height:1.4; } .rya-copy:hover{filter:brightness(1.08)} .rya-copy.ok{background:var(--green,#4ADE80)} .rya-sharebar .rya-lock{margin-left:auto;opacity:.55;font-size:11px;cursor:pointer;background:none;border:0;color:inherit;text-decoration:underline} .rya-sharebar .rya-lock:hover{opacity:.9} /* — навигация (все каналы / домой канала / крошки) — */ .rya-topbar{ display:flex;align-items:center;gap:12px;flex-wrap:wrap; padding:7px 16px; background:#0F131E; /* фикс. — шапка единого вида на любой странице */ border-bottom:1px solid #252B3D; color:#C8CDD9; backdrop-filter:blur(10px); } .rya-topbar a{color:inherit;text-decoration:none} .rya-home{ display:inline-flex;align-items:center;gap:6px; font-weight:600;font-size:12.5px; padding:5px 11px;border-radius:8px; background:#181D2B;border:1px solid #3A4258; color:#F0F2F8;transition:.15s; } .rya-home:hover{border-color:var(--ch,#E4FF6E)} .rya-home .rya-ico{font-size:13px;line-height:1} .rya-ch{ display:inline-flex;align-items:center;gap:7px; font-weight:600;font-size:12.5px; padding:5px 11px;border-radius:8px; background:var(--ch-soft,rgba(228,255,110,.14)); border:1px solid var(--ch,#E4FF6E); color:#F0F2F8;transition:.15s; } .rya-ch:hover{filter:brightness(1.12)} .rya-ch .rya-dot{width:8px;height:8px;border-radius:2px;background:var(--ch,#E4FF6E)} .rya-leaf-sep{color:#8A92A8;opacity:.6} .rya-leaf{font-size:12.5px;color:#C8CDD9;font-weight:500;max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* правая группа в той же строке (пароль канала + Выйти + бренд) */ .rya-right{display:inline-flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap} .rya-pwgroup{display:inline-flex;align-items:center;gap:8px} .rya-brandmark{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:12px;letter-spacing:.5px;color:#8A92A8} .rya-brandmark .dim{opacity:.6;font-weight:500} /* компактная глобальная полоса на хабах со своей шапкой */ html[data-rya-haschrome="1"] .rya-topbar{padding:5px 16px;font-size:12px} /* .rya-chrome закреплён (sticky top:0) ВЕЗДЕ; родные липкие бары страницы site.js сдвигает вниз на высоту нашей полосы (pinChrome), чтобы стояли стопкой, а не перекрывались. */ /* =================================================================== ГЕЙТ-ОВЕРЛЕЙ =================================================================== */ .rya-overlay{ position:fixed;inset:0;z-index:100000; display:grid;place-items:center;padding:24px; background:var(--bg,#0A0D16); font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; } .rya-card{ width:min(380px,92vw); background:var(--bg-card,#181D2B); border:1px solid var(--border,#3A4258); border-radius:16px;padding:30px 26px 24px; box-shadow:0 24px 70px -24px rgba(0,0,0,.7); text-align:center; } .rya-card .rya-mark{ width:46px;height:46px;border-radius:12px;margin:0 auto 14px; display:grid;place-items:center; background:var(--ch-soft,rgba(228,255,110,.14)); border:1px solid var(--ch,#E4FF6E); font-size:22px; } .rya-card h2{ font-family:'Space Grotesk','Inter',sans-serif; font-size:17px;font-weight:700;color:var(--text,#F0F2F8);margin:0 0 4px; } .rya-card .rya-sub{font-size:12.5px;color:var(--text-mute,#8A92A8);margin:0 0 18px} .rya-card form{display:flex;flex-direction:column;gap:10px} .rya-card input{ width:100%;padding:11px 14px;border-radius:10px; background:var(--bg,#0A0D16); border:1px solid var(--border,#3A4258); color:var(--text,#F0F2F8);font-size:14px;outline:none; } .rya-card input:focus{border-color:var(--ch,#E4FF6E)} .rya-card button[type=submit]{ padding:11px 14px;border-radius:10px;border:0;cursor:pointer; background:var(--ch,#E4FF6E);color:#0A0D16;font-weight:700;font-size:14px; } .rya-card button[type=submit]:hover{filter:brightness(1.08)} .rya-err{min-height:16px;font-size:12px;color:var(--red,#FF7A7F);margin-top:2px} .rya-card .rya-hint{font-size:11px;color:var(--text-mute,#8A92A8);margin-top:14px} .rya-card .rya-hint a{color:var(--ch,#E4FF6E);text-decoration:underline;font-weight:600}