/* Бренд-слой «Рифмы и Панчи» поверх пакета EZ Mini App.
   Знак сети: перо в огне внутри ромба, чёрно-белый (свидетельство на товарный знак № 744424). Отсюда палитра: чёрный и
   бумага, красный как единственный акцент (красный знака RHYME.ru и рубрик сайта), холодная стальная кромка стекла.
   Шрифты: Oswald для заголовков и цифр (подобран по словесному знаку, 02-ШРИФТ-И-ТОКЕНЫ.md), Onest в тексте.
   Структура, стекло и компоненты остаются от пакета. Для другого бренда меняется только этот файл. */
@font-face{font-family:Oswald;font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/oswald-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Oswald;font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/oswald-lat.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Onest;font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/onest-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/onest-lat.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root {
  --font: Onest, "Inter Tight", system-ui, sans-serif;
  --font-disp: Oswald, "Arial Narrow", Onest, sans-serif;
  /* бумага и чернила: светлая, тёплая серая бумага сайта rhyme.ru */
  --ez-bg: #f3f2ee; --ez-paper: #ffffff; --ez-ink: #121212; --ez-ink2: #5b5b5b; --ez-line: #e4e1da;
  /* акцент: красный знака; заливки чуть глубже для белого текста */
  --rasp: #e3202b; --rasp-ink: #b5121c; --rasp-soft: #fbe5e6;
  --accent-fill: #d61e28; --accent-fill-2: #b5121c; --on-accent: #ffffff;
  --ok: #2e9e5b; --ok-soft: #e2f3e8; --soon: #a85a10; --soon-soft: #fdebd6; --bad: #b5121c; --bad-soft: #fbe5e6;
  /* графики: красный, чёрный, серый, стальной */
  --chart-2: #121212; --chart-3: #8e8d88; --chart-4: #6a7fb0; --chart-grid: #e6e3dc;
  /* стекло: холодная стальная кромка, как в концепте «Обсидиан» */
  --glass: rgba(255, 255, 255, 0.62); --glass-strong: rgba(255, 255, 255, 0.9);
  --glass-edge1: rgba(255, 255, 255, 0.95); --glass-edge2: rgba(120, 140, 190, 0.18); --glass-hi: rgba(255, 255, 255, 0.8);
  --aura1: rgba(227, 32, 43, 0.10); --aura2: rgba(106, 127, 176, 0.16);
  --shadow: 0 10px 30px rgba(20, 20, 30, 0.08), 0 1px 3px rgba(20, 20, 30, 0.06);
  --r-card: 16px; --r-field: 12px; /* углы острее, ближе к знаку */
}
@media (prefers-color-scheme: dark) {
  :root:not(.tg-light) {
    --ez-bg: #0e0e0f; --ez-paper: #17171a; --ez-ink: #f4f3ef; --ez-ink2: #bdbcb7; --ez-line: #2a2a2e;
    --rasp: #ff3b47; --rasp-ink: #ff5c66; --rasp-soft: #3a1416;
    --accent-fill: #d61e28; --accent-fill-2: #a8121b; --on-accent: #ffffff;
    --ok: #5fcf8a; --ok-soft: #10301d; --soon: #ffb86b; --soon-soft: #3a2410; --bad: #ff6b74; --bad-soft: #3a1416;
    --chart-2: #f4f3ef; --chart-3: #8e8d88; --chart-4: #8ea2d6; --chart-grid: rgba(255, 255, 255, 0.10);
    --glass: rgba(20, 20, 24, 0.62); --glass-strong: rgba(20, 20, 24, 0.9);
    --glass-edge1: rgba(170, 195, 255, 0.35); --glass-edge2: rgba(255, 255, 255, 0.04); --glass-hi: rgba(255, 255, 255, 0.12);
    --aura1: rgba(255, 59, 71, 0.12); --aura2: rgba(106, 127, 176, 0.14);
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  }
}
:root.tg-dark {
  --ez-bg: #0e0e0f; --ez-paper: #17171a; --ez-ink: #f4f3ef; --ez-ink2: #bdbcb7; --ez-line: #2a2a2e;
  --rasp: #ff3b47; --rasp-ink: #ff5c66; --rasp-soft: #3a1416;
  --accent-fill: #d61e28; --accent-fill-2: #a8121b; --on-accent: #ffffff;
  --ok: #5fcf8a; --ok-soft: #10301d; --soon: #ffb86b; --soon-soft: #3a2410; --bad: #ff6b74; --bad-soft: #3a1416;
  --chart-2: #f4f3ef; --chart-3: #8e8d88; --chart-4: #8ea2d6; --chart-grid: rgba(255, 255, 255, 0.10);
  --glass: rgba(20, 20, 24, 0.62); --glass-strong: rgba(20, 20, 24, 0.9);
  --glass-edge1: rgba(170, 195, 255, 0.35); --glass-edge2: rgba(255, 255, 255, 0.04); --glass-hi: rgba(255, 255, 255, 0.12);
  --aura1: rgba(255, 59, 71, 0.12); --aura2: rgba(106, 127, 176, 0.14);
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* характер бренда поверх компонентов пакета */
.disp, .kpi .v { letter-spacing: 0; font-weight: 600; }
.hd h1 { font-size: 30px; text-transform: uppercase; letter-spacing: 0.01em; }
.sec h2 { text-transform: uppercase; letter-spacing: 0.06em; font-size: 13px; }
.badge { border-radius: 4px; text-transform: uppercase; letter-spacing: 0.04em; font-size: 11.5px; }
.tabbar a[aria-current="page"] { color: var(--rasp-ink); }
/* знак сети: перо в ромбе, маска под текущий цвет чернил */
.mark { display: inline-block; width: 28px; height: 28px; background: currentColor; -webkit-mask: url(mark.svg) center / contain no-repeat; mask: url(mark.svg) center / contain no-repeat; }
.brandline { display: inline-flex; align-items: center; gap: 8px; font: 600 12px/1 var(--font-disp); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink2); }

/* дополнения экранов кабинета (09.11): строка метрики с полоской, стопка «сумма + бейдж» справа, крупная монограмма «Я», иконка в строке */
.meter-row { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 14px; margin-top: 8px; }
.meter-row b { font: 600 15px/1 var(--font-disp); color: var(--ink); }
.meter-row .num { color: var(--ink2); }
.meters { display: flex; flex-direction: column; gap: 12px; }
.meters li .meter-row { margin: 0 0 6px; font-weight: 500; }
.row .r.col { flex-direction: column; align-items: flex-end; gap: 5px; }
.row .r b { font-family: var(--font-disp); font-size: 15px; letter-spacing: 0.01em; }
.row .ico { width: 40px; height: 40px; border-radius: 12px; background: color-mix(in oklab, var(--line) 60%, var(--paper)); color: var(--ink); display: grid; place-items: center; flex: none; }
.row .ico .ic { width: 22px; height: 22px; }
.who { display: flex; align-items: center; gap: 14px; padding-top: 6px; }
.ava.lg { width: 64px; height: 64px; border-radius: 18px; font-size: 26px; background: var(--ink); color: var(--paper); }
.hd .row-top .badge { max-width: 60%; overflow: hidden; text-overflow: ellipsis; }
.kpi { color: inherit; }
a.kpi:active { transform: translateY(1px); }
.nb { white-space: nowrap; }
.row .r .small { line-height: 1; }
.brandline { white-space: nowrap; flex: none; }
/* предпросмотр вне Telegram: подсказка под неактивной MainButton на своей подложке, чтобы не ложилась на текст */
html.tg-stub .tg-main .hint { background: var(--paper); border-radius: 10px; padding: 6px 10px; box-shadow: var(--shadow); }