:root {
  color-scheme: light dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #14232b;
  background: #f3f6f5;
  font-synthesis: none;
  --surface: #ffffff;
  --muted: #52636b;
  --line: #d5dfdf;
  --blue: #075bc8;
  --green: #086446;
  --notice: #edf3f8;
}
* { box-sizing: border-box; }
body { margin: 0; }
main {
  width: min(100%, 488px);
  margin: 0 auto;
  padding: max(28px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom));
}
.brand { display: flex; align-items: center; gap: 10px; font-weight: 750; font-size: 1.2rem; margin-bottom: 28px; }
.brand-mark { display: block; flex-shrink: 0; width: 2.375rem; height: 2.375rem; border-radius: .75rem; }
section { background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: 26px 22px; }
.eyebrow { color: var(--muted); font-size: .75rem; font-weight: 750; letter-spacing: .1em; margin: 0 0 14px; }
h1 { font-size: clamp(1.75rem, 7.2vw, 2.2rem); line-height: 1.15; letter-spacing: -.035em; margin: 0 0 16px; overflow-wrap: anywhere; }
p, li { font-size: 1rem; line-height: 1.55; }
p { margin: 0 0 18px; }
.notice { background: var(--notice); border-radius: 12px; padding: 15px; margin: 22px 0; }
.notice p { margin: 0; font-size: .9rem; }
.preset { border: 1px solid var(--green); color: var(--green); border-radius: 12px; padding: 14px; font-weight: 700; }
button, .return { font: inherit; font-weight: 700; min-height: 48px; width: 100%; border-radius: 12px; display: flex; align-items: center; justify-content: center; padding: 13px 16px; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
button { border: 0; background: var(--blue); color: #fff; cursor: pointer; margin: 8px 0 12px; }
button:disabled { cursor: wait; }
.return { border: 1px solid var(--line); color: var(--blue); background: var(--surface); margin: 12px 0; }
.verified .return, .standalone .return { background: var(--blue); border-color: var(--blue); color: #fff; }
.verified h1 { color: var(--green); }
.manual, .hosting-note, .muted { color: var(--muted); font-size: .85rem; }
.manual { text-align: center; margin-bottom: 22px; }
.hosting-note { margin: 20px 6px 0; }
details { border-top: 1px solid var(--line); padding-top: 8px; }
summary { cursor: pointer; color: var(--blue); font-size: .9rem; font-weight: 650; padding: 12px 0; min-height: 44px; line-height: 1.45; }
details p, details li { font-size: .9rem; }
ol { padding-left: 22px; margin: 6px 0 16px; }
li { padding-left: 3px; margin-bottom: 12px; }
:focus-visible { outline: 3px solid #d47600; outline-offset: 4px; }
h1:focus { outline: none; }
[hidden] { display: none !important; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 360px) { main { padding-inline: 14px; } section { padding-inline: 18px; } }
@media (prefers-color-scheme: dark) {
  :root { color: #f0f5f6; background: #10191d; --surface: #19272e; --muted: #b7c5cb; --line: #40525b; --blue: #176fd4; --green: #79dab0; --notice: #263946; }
  .return, summary { color: #91c5ff; }
}
@media (forced-colors: active) { button, .brand-mark { border: 1px solid ButtonText; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }