:root{color-scheme:light;--blue:#040b8b;--yellow:#fed52c;--paper:#f6f6f3;--ink:#0a0a0a}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}main{display:grid;min-height:100vh;padding:2rem;place-items:center}.status-card{width:min(100%,44rem);border:.25rem solid var(--blue);border-radius:1.5rem;background:var(--paper);box-shadow:.75rem .75rem 0 var(--yellow);padding:clamp(1.5rem,5vw,4rem)}.eyebrow{margin:0 0 1rem;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow,h1{color:var(--blue)}h1{max-width:12ch;margin:0;font-size:clamp(2.4rem,8vw,5rem);line-height:.95}.intro{max-width:35rem;margin:1.5rem 0;font-size:1.1rem;line-height:1.6}button{border:.18rem solid var(--blue);border-radius:999px;background:var(--yellow);color:var(--blue);cursor:pointer;font:inherit;font-weight:800;padding:.9rem 1.4rem}button:hover:not(:disabled){transform:translateY(-.12rem)}.result:focus-visible,button:focus-visible{outline:.25rem solid var(--ink);outline-offset:.25rem}button:disabled{cursor:wait;opacity:.7}.result{margin-top:2rem;border-left:.5rem solid var(--yellow);padding:.25rem 0 .25rem 1rem}.result--ready{border-color:var(--blue)}.result h2{margin:0;color:var(--blue);font-size:1.25rem}.result ul{display:grid;gap:.5rem;margin:1rem 0 0;padding-left:1.25rem}@media (max-width:36rem){main{padding:1.25rem}.status-card{box-shadow:.4rem .4rem 0 var(--yellow)}}@media (prefers-reduced-motion:no-preference){button{transition:transform .12s ease}}