/* Один набор значений на весь сервис. Мир — прибор: светлый корпус, чёрный дисплей, оранжевый огонёк.
   Раньше палитра жила в двух файлах под одинаковыми именами и расходилась значениями; теперь она здесь одна.
   Цвета текста подобраны так, чтобы проходить 4.5:1 на своих поверхностях. */
:root{
  /* корпус и бумага */
  --chassis:#d6d4cd; --deck:#e7e5de; --deck2:#f1efe9; --well:#cdcac2; --paper:#f8f6f1;
  /* чернила: ink — основной текст, ink2 — подписи, muted — второстепенное, faint — только рамки и разделители */
  --ink:#121211; --ink2:#3b3a36; --muted:#5c5a53; --faint:#6f6c64; --hair:#a9a69d;
  --line:rgba(18,18,17,.11); --line2:rgba(18,18,17,.22);
  /* дисплей */
  --scr:#0e0e0d; --scr2:#171716; --scr3:#20201e; --sink:#efece4; --sdim:#8b8780;
  /* акцент: заливка — яркая, текст по светлому — тёмная, чернила по акценту — тёмные (5.99:1) */
  --accent:#ff5a00; --accent2:#ff7a2e; --accent-soft:#ffe0cc; --accent-text:#b33f00; --accent-ink:#121211;
  --rec:#ff3b30; --ok:#22c07a; --warn:#f0b400; --bad:#e5484d; --ok-text:#0c6b43; --bad-text:#b42323;
  /* голоса: k — по чёрному дисплею, p — по светлой бумаге (каждый ≥4.6:1) */
  --k1:#5b8cff; --k2:#ffc21a; --k3:#2fd48a; --k4:#b48cff; --k5:#ff6fa6; --k6:#2fc6ea;
  --p1:#2f5bff; --p2:#926800; --p3:#0d804f; --p4:#7c45f0; --p5:#cf2d66; --p6:#007a95;

  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --sans:"Inter",system-ui,-apple-system,sans-serif;
  --r:14px; --side:360px;
}

*{box-sizing:border-box}
html,body{margin:0;background:var(--chassis);color:var(--ink);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit}
a{color:inherit}
[hidden]{display:none !important}

/* то, что рисует браузер, тоже часть оформления */
::selection{background:rgba(255,90,0,.26)}
:root{accent-color:var(--accent);caret-color:var(--accent);scrollbar-color:var(--hair) transparent}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-thumb{background:var(--hair);border:3px solid transparent;background-clip:content-box;border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--muted);border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-track{background:transparent}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.screen :focus-visible,.scr :focus-visible{outline-color:var(--sink)}

/* знак sound·point: «sound» тонким, «point» жирным, между ними оранжевая точка — та же, что в значке.
   В тексте и адресах название пишется слитно и без точки: soundpoint. */
.wm{display:inline-flex;align-items:baseline;font:300 19px/1 var(--sans);letter-spacing:-.045em;color:var(--ink);white-space:nowrap}
.wm b{font-weight:700}
.wm i{font-style:normal;font-weight:700;color:var(--accent);margin:0 -.02em}
.wm-link{display:inline-flex;text-decoration:none;color:inherit;flex:none}

/* числа не должны прыгать при счёте времени */
.lcd,.rec-lcd,.tc,.pc,.zm,.dur,.ls,.mono{font-variant-numeric:tabular-nums}

/* у кого выключена анимация — остаются только смены состояния, без движения */
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .led.run,.rec-state.on i,.para.live .tx:after{animation:none !important}
  .lane.spk.shimmer{animation:none !important;background:var(--scr2)}
  .spin{animation:none !important;border-top-color:var(--line2)}
}