:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172539;background:#f3f6fa;color-scheme:light;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:700px;margin:auto;padding:32px 20px max(32px,env(safe-area-inset-bottom))}header{margin:12px 0 24px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:750;color:#42617c}h1{font-size:clamp(28px,7vw,38px);line-height:1.15;margin:12px 0}header p{color:#53657a;margin:0;max-width:50ch}.notice{border-left:4px solid #bb7c14;background:#fff6df;padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px}.notice strong{display:block;margin-bottom:4px}form,section{padding:24px;background:#fff;border:1px solid #dfe7ef;border-radius:16px;margin:18px 0}label{display:block;font-size:14px;font-weight:650;margin-bottom:8px}input,select,button{font:inherit}input:not([type=checkbox]),select{display:block;width:100%;min-height:48px;border:1px solid #aebdcd;border-radius:8px;background:#fff;color:inherit;padding:10px 12px;font-size:16px}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}.hint{font-size:12px;color:#53657a;margin:7px 0 20px}.check{display:flex;align-items:flex-start;gap:10px;margin-top:20px;line-height:1.4}.check input{width:20px;height:20px;flex:none;margin:0;accent-color:#126549}.actions{display:flex;gap:10px}button{border:1px solid transparent;border-radius:9px;min-height:46px;padding:10px 18px;background:#126549;color:white;font-weight:650;cursor:pointer}.actions button{flex:1}.secondary{background:#f1f5f8;color:#244055;border-color:#cdd9e3}button:disabled{opacity:.45;cursor:default}h2{font-size:19px;margin:0 0 10px}#status{min-height:24px;margin:10px 0;color:#254a63;font-weight:600}progress{width:100%;height:7px;accent-color:#126549;border:none;margin:8px 0 18px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics>div{background:#f4f7fa;padding:16px;border-radius:10px}.metrics span{display:block;font-size:12px;color:#53657a}.metrics strong{display:block;font-size:24px;margin-top:3px;font-variant-numeric:tabular-nums}dl{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;font-size:14px;margin:22px 0}dt{color:#53657a}dd{margin:0;overflow-wrap:anywhere}footer{color:#64748b;font-size:12px;margin:22px 5px}code{font-size:.95em}@media(max-width:420px){main{padding:20px 12px}form,section{padding:18px}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:10px}button{padding:10px 12px}}@media(prefers-color-scheme:dark){:root{color:#e5eef7;background:#111c29;color-scheme:dark}form,section{background:#192838;border-color:#304358}input:not([type=checkbox]),select{background:#111f2e;border-color:#52677c}.eyebrow,header p,.hint,dt,.metrics span,footer{color:#a5bacf}.notice{background:#392f1b;border-color:#c99840}.metrics>div{background:#23364a}.secondary{background:#253b4d;color:#e5eef7;border-color:#52677c}#status{color:#b5deef}}
