:root{
  --bg: #f7efe0;         
  --card: #ffffff;   
  --muted: #9aa0a6;      
  --text: #000000;        
  --accent: #EB4C37;       
  --accent-weak: #f6c7d0;
  --shadow: 0 8px 20px rgba(31,27,24,0.08);
  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --gap: 16px;
  --safe-bottom: 24px;   
}

html,body{
  height:100%;
  margin:0;
  padding:0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.screen {
  min-height: calc(100vh);
  box-sizing: border-box;
  padding: 20px 18px 90px; 
}

.screen-header{
  text-align:center;
  margin-bottom: 12px;
}
.screen-header h2{
  margin:0;
  font-size:18px;
  font-weight:700;
  letter-spacing:0.2px;
}

.container{
  display:block;
  margin-top: 6px;
}

h3 {
  margin-bottom: 0px;
}