* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: -apple-system, sans-serif; background:#121212; color:#fff; min-height:100vh; }
.container { max-width:500px; margin:0 auto; padding:1rem; text-align:center; }

.screen { display:none; animation:fadeIn .3s; }
.screen.active { display:block; }
.screen.active ~ .screen { display:none; } /* Hide screens after active one */

h1 { font-size:2rem; margin:1rem 0; color:#ff4444; }
.interests-grid { 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); 
  gap: 0.75rem; 
  margin: 1.5rem 0; 
}
.interests-grid label { background:#333; padding:1rem; border-radius:12px; display:flex; align-items:center; gap:.5rem; font-size:.9rem; min-height:44px; cursor:pointer; -webkit-tap-highlight-color: transparent; }
.interests-grid input { accent-color:#ff4444; transform:scale(1.2); margin-right:.25rem; }

button { background:#ff4444; color:#fff; border:none; padding:1rem 2rem; font-size:1.1rem; border-radius:50px; margin:1rem auto; width:90%; cursor:pointer; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
button:disabled { background:#666; cursor:not-allowed; }
.small-btn { background:transparent; border:1px solid #666; font-size:.8rem; padding:.5rem 1rem; width:auto; }

#urge-btn { 
  width: min(80vw, 300px); 
  height: min(80vw, 300px); 
  border-radius: 50%; 
  font-size: 2.5rem; 
  margin: 2rem auto; 
  box-shadow: 0 0 30px rgba(255,68,68,.5); 
  animation: pulse 2s infinite; 
  min-height: 44px; 
  min-width: 44px;
  display: block;
}
  
@keyframes pulse { 0%,100%{box-shadow:0 0 30px rgba(255,68,68,.5)} 50%{box-shadow:0 0 50px rgba(255,68,68,.8)} }

.progress { display:flex; justify-content:space-around; margin:1rem 0; font-size:.9rem; opacity:.8; }
#player { width:100%; height:60vh; margin:1rem 0; }
.video-controls { display:flex; gap:1rem; justify-content:center; }
.video-controls button { width:auto; padding:.75rem 1.5rem; font-size:.9rem; }

@keyframes fadeIn { from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none} }