/* БЛОК: Переменные, reset, html/body */
* { margin: 0; padding: 0; box-sizing: border-box; }
html {
  height: 100%;
  height: 100dvh; /* Dynamic viewport height для современных браузеров */
}
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #f5f5f6;
  color: #000;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: none;
  height: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100); /* Fallback для старых браузеров */
  min-height: 100dvh; /* Для современных браузеров */
}
:root {
  --yd-red: #fc3f1d;
  --yd-red-hover: #e63514;
  --yd-bg: #fff;
  --yd-page-bg: #f5f5f6;
  --yd-border: #e5e5e7;
  --yd-text: #000;
  --yd-text-muted: #7f8285;
  --yd-hover: #f5f5f6;
  --yd-radius: 8px;
  --vh: 1vh;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --sidebar-bg: #fff;
  --sidebar-width: 268px;
}