:root{--ink:#1b1f24;--muted:#5b6470;--line:#c7ccd3;--page:#ffffff;--panel:#f5f7f9;--good:#0b5a3c;--bad-ink:#7a1a1a;--bad-panel:#fdf1f1;--warn:#7a4a00;--focus:#0b4fa8}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.55}.banner{background:var(--warn);color:#ffffff;font-weight:600;letter-spacing:.02em;padding:.6rem 1rem;text-align:center}main{margin:0 auto;max-width:34rem;padding:2.5rem 1.25rem 4rem}h1{font-size:1.75rem;line-height:1.25;margin:0 0 .75rem}.lede{color:var(--muted);margin:0 0 2rem}label{font-weight:600;margin-bottom:.35rem}.hint,label{display:block}.hint{color:var(--muted);font-size:.9rem;margin-bottom:.6rem}input[type=text]{background:var(--page);border:2px solid var(--line);border-radius:6px;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.15rem;letter-spacing:.08em;padding:.7rem .8rem;width:100%}a:focus-visible,button:focus-visible,input[type=text]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{background:var(--ink);border:2px solid var(--ink);border-radius:6px;color:#ffffff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.1rem;padding:.7rem 1.4rem}button:hover{background:#000000}.result{border-left:6px solid var(--line);border-radius:4px;background:var(--panel);margin:0 0 2rem;padding:1rem 1.15rem}.result h2{font-size:1.15rem;margin:0 0 .4rem}.result p{margin:.4rem 0 0}.result-frozen{border-left-color:var(--good)}.result-frozen h2{color:var(--good)}.result-problem{background:var(--bad-panel);border-left-color:var(--bad-ink)}.result-problem h2{color:var(--bad-ink)}.notes{border-top:1px solid var(--line);color:var(--muted);font-size:.95rem;margin-top:2.5rem;padding-top:1.25rem}.notes li+li{margin-top:.5rem}