:root{
  --cream:#F3F6FB;
  --ink:#14213D;
  --purple:#3478F6;
  --purple-dark:#1E5ED8;
  --purple-light:#E6EEFF;
  --mint:#42C98B;
  --mint-dark:#239A67;
  --mint-light:#E2F8EE;
  --sun:#FFD866;
  --sun-dark:#C79616;
  --sun-light:#FFF5CC;
  --lime:#B9E6FF;
  --lime-dark:#1E5ED8;
  --progress-blue:#1777ff;
  --pink:#F49AC2;
  --gold-cell:#FFF5CC;
  --gold-cell-dark:#C79616;
  --muted:#7B879D;
  --white:#FFFFFF;
  --navy:#14213D;
  --coral:#FF8271;
  --coral-dark:#E1503B;
  /* palette from the app's own accent-color picker (see ACCENT_PALETTE) — used to theme cards consistently */
  --pal-twilight:#426BC2; --pal-twilight-dark:#2C4A8F;
  --pal-pink:#E0609F; --pal-pink-dark:#B8447C;
  --pal-apple:#A6BA1A; --pal-apple-dark:#7C8A13;
  --pal-forest:#1C6B41; --pal-forest-dark:#124224;
  --pal-sky:#A6CFF2; --pal-sky-dark:#7FB2E0;
  --pal-black:#1C1C1E; --pal-black-dark:#000000;
  --shadow: 0 6px 18px rgba(28,55,100,0.09);
  --radius: 18px;
}
*{box-sizing:border-box;}
/* Убрать выделение на мобильных при тапе */
*, *::before, *::after {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
button, a, [onclick], [role="button"] {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  user-select: none;
  -webkit-user-select: none;
}
input, select, textarea{ font-size:16px !important; }
html,body{margin:0;padding:0;}
body{
  background:var(--cream);
  color:var(--ink);
  font-family:'Manrope', sans-serif;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
.app{
  max-width:480px;
  margin:0 auto;
  min-height:100vh;
  padding:20px 6px 20px;
  position:relative;
}
h1,h2,h3{ font-family:'Baloo 2', sans-serif; margin:0; line-height:1.1; }
.view{ 
  display:none; 
  padding: 0 6px calc(20px + env(safe-area-inset-bottom, 12px)) 6px;
}
.view.active{ display:block; }