:root{
  --ink:#111111!important;
  --soft:#222222!important;
  --muted:#666666!important;
  --line:#dcdcdc!important;
  --paper:#ffffff!important;
  --paper-strong:#ffffff!important;
  --dark:#111111!important;
}

html,
body{
  background:#ffffff!important;
  color:#111111!important;
}

body::before,
body::after{
  display:none!important;
}

*{
  text-shadow:none!important;
}

.shell,
.screen,
#landing,
#quiz,
#result{
  background:#ffffff!important;
  color:#111111!important;
}

.brand,
.brand span,
.brand strong,
.brand-en,
.brand-zh,
.eyebrow,
.subtitle,
.lead,
.q-no,
.q-zh,
.q-en,
.counter,
.res-name,
.res-en,
.scent-line,
.desc,
.footer-brand{
  color:#111111!important;
}

.eyebrow{
  display:block!important;
  color:#666666!important;
}

#landing h1,
#landing h1 em{
  font-family:"Cormorant Garamond",serif!important;
  font-weight:500!important;
  letter-spacing:.045em!important;
  color:#111111!important;
  text-shadow:none!important;
}

.subtitle,
.lead,
.q-en,
.scent-line,
.desc{
  color:#555555!important;
}

.constellation{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(78px,1fr));
  gap:18px;
  margin-top:34px;
  margin-bottom:34px;
}

.constellation .mini{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#111111!important;
  padding:0!important;
}

.constellation .mini span{
  color:#111111!important;
}

.avatar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}

.portrait{
  background:#ffffff!important;
  border:1px solid #dcdcdc!important;
  box-shadow:none!important;
}

.avatar img,
.portrait img{
  filter:none!important;
}

.avatar img{
  object-fit:contain!important;
  border-radius:0!important;
}

.card,
.result-card,
.opt{
  background:#ffffff!important;
  border:1px solid #dcdcdc!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#111111!important;
}

.opt:hover,
.opt.selected{
  background:#f6f6f6!important;
  border-color:#111111!important;
}

.btn,
button.btn,
a.btn,
.btn.primary,
button.btn.primary,
a.btn.primary,
.btn.ghost,
a.btn.ghost,
button.btn.ghost{
  background:#ffffff!important;
  color:#111111!important;
  border:1px solid #111111!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

.btn:hover,
button.btn:hover,
a.btn:hover,
.btn.primary:hover,
button.btn.primary:hover,
a.btn.primary:hover,
.btn.ghost:hover,
a.btn.ghost:hover,
button.btn.ghost:hover{
  background:#111111!important;
  color:#ffffff!important;
  border-color:#111111!important;
}

.progress .bar,
.bar{
  background:#eeeeee!important;
  border:1px solid #dcdcdc!important;
}

#barFill,
.bar span{
  background:#111111!important;
}

.badge{
  background:#ffffff!important;
  color:#111111!important;
  border:1px solid #111111!important;
}

.toast{
  background:#111111!important;
  color:#ffffff!important;
  border:1px solid #111111!important;
}

@media(max-width:760px){
  body{background:#ffffff!important;}
  .constellation{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
}