:root {
  color-scheme: dark;
  --mobile-width: clamp(320px, 100vw, 540px);
  --page-max-width: 960px;
  --page-pad: 16px;
  --action-bar-height: 82px;
  --action-bar-gap: 10px;

  /* Semantic colors */
  --c-danger: #e74c3c;
  --c-danger-soft: rgba(231, 76, 60, 0.15);
  --c-success: #2ecc71;
  --c-success-soft: rgba(46, 204, 113, 0.15);
  --c-warn: #f1c40f;
  --c-warn-soft: rgba(241, 196, 15, 0.12);
  --c-accent: #4ECDC4;
  --c-accent-soft: rgba(78, 205, 196, 0.12);
  --c-purple: #a78bfa;
  --c-blue: #60a5fa;

  /* Бегущая строка */
  --ticker-duration: 10s;
  --ticker-gap: 12px;

  /* Высота для мобилок */
  --app-height: 100dvh;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  height: 100%;
  height: var(--app-height);
  background: #050507;
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
  overflow: hidden;
}

body {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  height: var(--app-height);
  min-height: -webkit-fill-available;
  margin: 0;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  color: #e8e8ec;
  overflow: hidden;
}

/* Static background */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse at 15% 10%, rgba(78, 205, 196, 0.04), transparent 40%),
    radial-gradient(ellipse at 85% 20%, rgba(108, 92, 231, 0.035), transparent 38%),
    radial-gradient(ellipse at 50% 80%, rgba(255, 200, 55, 0.02), transparent 40%),
    linear-gradient(160deg, #08090e 0%, #0a0a10 30%, #090910 60%, #07080c 100%);
  will-change: auto;
}

body.no-blur *,
body.no-blur *::before,
body.no-blur *::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}