.mode-picker{min-height:100svh;padding:max(40px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--wa-canvas);color:var(--wa-ink);align-items:center;display:grid}.mode-picker__frame{width:min(100%,440px);margin-inline:auto}.mode-picker__topline{justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(36px,7vh,64px);display:flex}.mode-picker__brand{color:var(--wa-green);margin:0;font-size:34px;font-weight:700;line-height:1}.mode-picker__brand span{color:var(--wa-warning)}.mode-picker__intro{margin-bottom:32px}.mode-picker__intro h1{margin:0 0 12px;font-size:clamp(28px,7vw,34px);font-weight:600;line-height:1.15}.mode-picker__intro p{color:var(--wa-muted);margin:0;font-size:16px;line-height:1.5}.mode-picker__spaces{border-top:1px solid var(--wa-line)}.mode-picker__space{border-bottom:1px solid var(--wa-line);min-height:100px;color:inherit;touch-action:manipulation;justify-content:space-between;align-items:center;gap:16px;padding-block:24px;text-decoration:none;display:flex}.mode-picker__space strong{margin-bottom:6px;font-size:18px;font-weight:600;line-height:1.3;display:block}.mode-picker__description{color:var(--wa-muted);font-size:14px;line-height:1.5;display:block}.mode-picker__arrow{color:var(--wa-green);flex:none;font-size:24px}.mode-picker__space:hover strong,.mode-picker__space:active strong{color:var(--wa-green)}.mode-picker__space:focus-visible{outline:3px solid var(--wa-green);outline-offset:6px;border-radius:4px}