body{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.card{border:1px solid rgb(226 232 240);background:white;border-radius:1rem;box-shadow:0 8px 30px rgba(15,23,42,.05)}.dark .card{border-color:rgb(30 41 59);background:rgb(15 23 42);box-shadow:none}.option{transition:.15s}.option:hover{transform:translateY(-1px)}.option.selected{outline:2px solid rgb(99 102 241);background:rgb(238 242 255)}.dark .option.selected{background:rgb(30 41 59)}

/* Floating scroll-to-top control */
#scrollTopBtn{
  position:fixed;
  right:24px;
  bottom:24px;
  width:46px;
  height:46px;
  border:1px solid rgba(99,102,241,.25);
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  z-index:80;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  background:rgba(255,255,255,.94);
  color:#4f46e5;
  box-shadow:0 10px 30px rgba(15,23,42,.14);
  backdrop-filter:blur(8px);
}
#scrollTopBtn.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
#scrollTopBtn:hover{transform:translateY(-2px);}
.dark #scrollTopBtn{
  background:rgba(15,23,42,.94);
  color:#a5b4fc;
  border-color:rgba(129,140,248,.35);
}
@media(max-width:640px){
  #scrollTopBtn{right:16px;bottom:16px;width:42px;height:42px;}
}