:root{
  color-scheme:light;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#eeeeec;
  color:#242424;
}
*{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0}
body{
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:24px;
  background:radial-gradient(circle at 50% 0%,rgba(0,0,0,.045),transparent 42%),#eeeeec;
}
.switch-shell{width:min(480px,100%)}
.switch-card{
  border:1px solid #d2d2cf;
  border-radius:18px;
  background:#fafaf8;
  box-shadow:0 24px 80px rgba(0,0,0,.12);
  overflow:hidden;
}
.switch-head{padding:24px 26px 19px;border-bottom:1px solid #dededb}
.switch-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#777774}
.switch-head h1{margin:6px 0 5px;font-size:23px;line-height:1.15;letter-spacing:-.02em}
.switch-head p{margin:0;color:#72726f;font-size:13px;line-height:1.5}
.switch-options{display:grid;gap:12px;padding:22px 26px 20px}
.switch-option{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:15px 16px;
  border:1px solid #d4d4d1;
  border-radius:12px;
  background:#fff;
  color:#282826;
  text-decoration:none;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.switch-option:hover{border-color:#9c9c98;box-shadow:0 8px 24px rgba(0,0,0,.07);transform:translateY(-1px)}
.switch-option:focus-visible{outline:2px solid #242424;outline-offset:3px}
.switch-name{font-size:15px;font-weight:850}
.switch-action{font-size:12px;font-weight:750;color:#777774;white-space:nowrap}
.switch-note{padding:0 26px 21px;text-align:center;color:#8a8a86;font-size:11px;line-height:1.45}
@media(max-width:520px){body{padding:16px}.switch-head,.switch-options{padding-left:20px;padding-right:20px}.switch-option{align-items:flex-start;flex-direction:column;gap:5px;min-height:auto}.switch-action{white-space:normal}.switch-note{padding-left:20px;padding-right:20px}}