:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; background: #fff; }
body { font: 13px/1.35 "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #333; padding: 8px 10px; }
.row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.btn { display: inline-block; padding: 5px 10px; border-radius: 3px; background: #1a6fc4; color: #fff;
  text-decoration: none; font-weight: 600; font-size: 12px; white-space: nowrap; }
.btn:hover, .btn:focus-visible { background: #155a9f; }
.btn:focus-visible, .web:focus-visible { outline: 2px solid #155a9f; outline-offset: 2px; }
.web { color: #1a6fc4; font-size: 12px; margin-left: 4px; white-space: nowrap; }
.hint { margin: 6px 0 0; color: #6a747c; font-size: 11px; }
.launch { max-width: 520px; margin: 15vh auto 0; padding: 0 16px; font-size: 14px; }
.launch h1 { font-size: 18px; margin: 0 0 8px; color: #161925; }
.launch p { margin: 0 0 14px; }
.launch .btn { font-size: 13px; padding: 7px 14px; }