:root {
  --bg: #EEEEF3; --surface: #FFFFFF;
  --border: rgba(0,0,0,0.08); --border-med: rgba(0,0,0,0.14);
  --text: #1C1C1E; --text2: #6C6C70; --text3: #AEAEB2;
  --blue: #007AFF; --blue-light: #EBF3FF;
  --green: #34C759; --green-light: #EDFAF1; --green-dark: #1A7A34;
  --orange: #FF9500; --orange-light: #FFF4E5; --orange-dark: #8C5000;
  --red: #FF3B30;
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', sans-serif;
  --r-s: 8px; --r-m: 12px; --r-l: 16px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font); background: var(--bg); color: var(--text); min-height: 100vh; -webkit-font-smoothing: antialiased; }
.page { display: none; }
.page.active { display: block; }
.cookie-consent {
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  z-index: 140;
  width: min(680px, calc(100vw - 28px));
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border: 0.5px solid rgba(0,0,0,.1);
  border-radius: 16px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 50px rgba(0,0,0,.16);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.cookie-consent[hidden] { display: none; }
.cookie-consent-text {
  min-width: 0;
  display: grid;
  gap: 2px;
  color: var(--text2);
  font-size: 13px;
  line-height: 1.35;
}
.cookie-consent-text b { color: var(--text); font-size: 14px; }
.cookie-consent-text a { color: var(--blue); text-decoration: none; font-weight: 600; }
.cookie-consent-text a:hover { text-decoration: underline; }
.cookie-consent-btn {
  flex-shrink: 0;
  min-height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: var(--blue);
  color: #fff;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}