/* =========================================================
   CSS: ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ И ЦВЕТА
   ========================================================= */
:root{
  --bg:#090a0e;
  --bg-2:#0d0f14;
  --panel:#11141b;
  --panel-2:#151923;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#f4f5f7;
  --muted:#8c93a3;
  --accent:#ff788b;
  --accent-2:#eea7b3;
  --danger:#ff7d7d;
  --radius:24px;
  --radius-sm:16px;
  --shadow:0 24px 80px rgba(0,0,0,.28);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-width:320px;
  background:
    radial-gradient(circle at 88% 8%,rgba(238,167,179,.08),transparent 24%),
    radial-gradient(circle at 8% 92%,rgba(239,63,78,.05),transparent 25%),
    var(--bg);
  color:var(--text);
  font-family:"Inter",sans-serif;
}

button,input,select{font:inherit}
button{color:inherit}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.calendar-category-legend__items{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
        justify-content: center;
}