/* Direct start + team-style preference selectors */
#viewLogin,#viewOtp,#viewTeamPicker,#viewPrefs,#viewSubscription{
  width:min(100%,680px);
  margin:0 auto;
}
#viewPrefs .onboardingChoiceCard{
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(24,20,13,.98),rgba(10,10,9,.99));
  border:1px solid rgba(224,181,62,.28);
  box-shadow:0 20px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,240,190,.05);
}
.prefsPickerStack{
  display:grid;
  gap:16px;
  margin-top:18px;
}
.preferenceChoiceBlock{
  display:grid;
  gap:8px;
}
.preferenceChoiceLabel{
  padding-left:4px;
  color:#d8bd64!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.10em;
  text-transform:uppercase;
}
#viewPrefs .prefPickerRow{
  grid-template-columns:52px minmax(0,1fr) 52px;
  gap:10px;
}
#viewPrefs .prefArrow{
  width:52px!important;
  height:64px!important;
  border-radius:18px!important;
  color:#efd166!important;
  border:1px solid rgba(224,181,62,.30)!important;
  background:linear-gradient(180deg,rgba(36,30,18,.98),rgba(13,12,10,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,238,184,.06)!important;
}
#viewPrefs .prefArrow:active{transform:scale(.96)}
#viewPrefs .preferenceCard{
  min-height:64px;
  padding:12px 14px;
  border-radius:20px;
  border:1px solid rgba(224,181,62,.28);
  background:linear-gradient(180deg,rgba(34,28,17,.98),rgba(15,13,10,.98));
  display:grid;
  place-content:center;
  text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,238,184,.05);
}
#viewPrefs .preferenceName{
  font-size:20px!important;
  line-height:1.1;
  color:#fff8e5!important;
}
#viewPrefs .preferenceCard .s{
  margin-top:4px;
  font-size:11px!important;
  color:#a99b7d!important;
}
.onboardingContinueRow{margin-top:18px!important}
.onboardingContinueRow .btn{min-height:52px;border-radius:17px}
@media(max-width:480px){
  #viewPrefs .onboardingChoiceCard{padding:18px 14px;border-radius:24px}
  .prefsPickerStack{gap:14px}
  #viewPrefs .prefPickerRow{grid-template-columns:46px minmax(0,1fr) 46px;gap:8px}
  #viewPrefs .prefArrow{width:46px!important;height:60px!important;border-radius:16px!important}
  #viewPrefs .preferenceCard{min-height:60px;padding:10px 8px;border-radius:18px}
  #viewPrefs .preferenceName{font-size:18px!important}
}


/* Locality badge beside the selected startup team */
#viewTeamPicker .teamCard{
  min-height:78px;
  padding:10px 14px;
}
#viewTeamPicker .teamChoiceContent{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:13px;
  min-width:0;
}
#viewTeamPicker .teamChoiceBadge{
  width:58px;
  height:58px;
  flex:0 0 58px;
  object-fit:contain;
  display:block;
}
#viewTeamPicker .teamChoiceText{
  min-width:0;
  text-align:left;
}
#viewTeamPicker .teamChoiceText .teamName{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:390px){
  #viewTeamPicker .teamCard{min-height:70px;padding:9px 10px}
  #viewTeamPicker .teamChoiceContent{gap:9px}
  #viewTeamPicker .teamChoiceBadge{width:50px;height:50px;flex-basis:50px}
  #viewTeamPicker .teamChoiceText .teamName{font-size:16px}
  #viewTeamPicker .teamChoiceText .s{font-size:10px}
}