/* Оформление «hor»: вечер «Hot Horist» × Playback01 (9.11.2026). Включается data-skin="hor" на <html> */
@font-face { font-family: 'Literata'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url(fonts/literata-cyrillic-wght-normal.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Literata'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url(fonts/literata-latin-wght-normal.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; }

html[data-skin="hor"] {
  --accent: #0c4a2a; --accent-ink: #fff; --accent-fill: #0c4a2a; --accent-fill-ink: #fff; --accent-line: #0c4a2a;
  --hor-ink: #10233a; --hor-green: #0c4a2a;
  --bg: transparent; --surface: rgb(255 255 255 / .55); --surface-2: rgb(255 255 255 / .42); --line: rgb(255 255 255 / .55);
  --ink: var(--hor-ink); --ink-2: rgb(16 35 58 / .78); --ink-3: rgb(16 35 58 / .62);
  --ok: #0c6a3a;
  background: #6580b7;
}
html[data-skin="hor"] body {
  position: relative; isolation: isolate; color: var(--ink);
  background: linear-gradient(180deg, #a9a7d6 0, #b7a4d2 30dvh, #a29fd0 52dvh, #7f93c6 76dvh, #6580b7 100dvh) fixed, #6580b7;
}
html[data-skin="hor"] .top { color: var(--hor-ink); }
/* Шапка: Hot Horist × логотип Playback01 (ссылка на сайт); общий заголовок прячем */
html[data-skin="hor"] #brand { display: none; }
html[data-skin="hor"] .ev-only { display: flex; }
html[data-skin="hor"] .ev-head { align-items: center; gap: 10px; min-width: 0; }
html[data-skin="hor"] .ev-name { font-family: 'Literata', Georgia, serif; font-weight: 800; font-size: 19px; line-height: 1; color: var(--hor-green); white-space: nowrap; }
html[data-skin="hor"] .ev-x { font-size: 17px; color: rgb(16 35 58 / .6); }
html[data-skin="hor"] .ev-pb, html[data-skin="hor"] .ev-partners a { display: block; line-height: 0; background: #111; border-radius: 12px; padding: 6px 9px; opacity: 1; }
html[data-skin="hor"] .ev-pb img { height: 30px; width: auto; display: block; }
/* Низ: ряд логотипов организаторов */
html[data-skin="hor"] .ev-partners { justify-content: center; align-items: center; gap: 22px; flex-wrap: wrap; margin: 18px 0 10px; }
html[data-skin="hor"] .ev-partners img { height: 28px; width: auto; display: block; }
html[data-skin="hor"] .ev-ph { font-family: 'Literata', Georgia, serif; font-weight: 700; font-size: 14px; color: var(--hor-ink); padding: 7px 12px; border: 1.5px dashed rgb(16 35 58 / .4); border-radius: 12px; }
html[data-skin="hor"] .top .title { font-family: 'Literata', Georgia, serif; font-weight: 700; letter-spacing: .01em; }
html[data-skin="hor"] .side { color: rgb(16 35 58 / .75); }
html[data-skin="hor"] .progress { background: rgb(255 255 255 / .45); }
html[data-skin="hor"] .progress i { background: var(--hor-green); }


html[data-skin="hor"] .q h1,
html[data-skin="hor"] .center h1,
html[data-skin="hor"] .voted .v-state {
  font-family: 'Literata', Georgia, serif; font-weight: 800; color: var(--hor-green); letter-spacing: -.005em;
  text-shadow: 0 0 18px rgb(255 255 255 / .55), 0 0 2px rgb(255 255 255 / .6);
}
html[data-skin="hor"] .q h1 { font-size: clamp(27px, 7.6vw, 34px); line-height: 1.16; }
html[data-skin="hor"] .q-meta { color: rgb(16 35 58 / .7); }
html[data-skin="hor"] .input {
  background: rgb(255 255 255 / .82); border-color: rgb(255 255 255 / .9); color: var(--hor-ink);
  font-size: 19px; min-height: 58px; border-radius: 18px; box-shadow: 0 6px 24px rgb(40 50 110 / .16);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
html[data-skin="hor"] .input:focus { border-color: #fff; box-shadow: 0 0 0 3px rgb(12 74 42 / .35), 0 6px 24px rgb(40 50 110 / .18); }
html[data-skin="hor"] .input::placeholder { color: rgb(16 35 58 / .45); }
html[data-skin="hor"] .count { color: rgb(16 35 58 / .72); font-size: 14px; }
html[data-skin="hor"] .count.over { color: #8a1a12; font-weight: 560; }
html[data-skin="hor"] .btn.primary { border-radius: 999px; box-shadow: 0 8px 22px rgb(12 74 42 / .3); }
html[data-skin="hor"] .btn.primary:disabled { background: rgb(255 255 255 / .45); border-color: transparent; color: rgb(16 35 58 / .5); box-shadow: none; }
html[data-skin="hor"] .btn.ghost { color: var(--hor-ink); background: rgb(255 255 255 / .28); border-radius: 999px; }
html[data-skin="hor"] .act { background: none; }
html[data-skin="hor"] .chip { background: rgb(255 255 255 / .8); color: var(--hor-ink); font-size: 18px; padding: 10px 18px; }
html[data-skin="hor"] .v-mine { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
html[data-skin="hor"] .v-edit { min-height: 46px; padding: 0 22px; border-radius: 999px; background: rgb(255 255 255 / .35); border-color: rgb(255 255 255 / .8); color: var(--hor-ink); font-weight: 560; }
html[data-skin="hor"] .v-q { color: rgb(16 35 58 / .7); }
html[data-skin="hor"] .wait { color: rgb(255 255 255 / .95); text-shadow: 0 1px 4px rgb(20 30 70 / .35); }
html[data-skin="hor"] .wait i { background: #fff; }
html[data-skin="hor"] .center p { color: rgb(16 35 58 / .78); }
html[data-skin="hor"] .pulse { background: var(--hor-green); }
html[data-skin="hor"] .note { background: rgb(255 255 255 / .7); }
html[data-skin="hor"] .note.err { background: rgb(255 240 238 / .92); color: #8a1a12; }
html[data-skin="hor"] .skeleton { background: rgb(255 255 255 / .35); }
html[data-skin="hor"] .foot { display: block; }
html[data-skin="hor"] .foot a { color: rgb(255 255 255 / .9); }
html[data-skin="hor"] .done { color: var(--hor-green); }