:root{font-family:system-ui,-apple-system,sans-serif;color:#152034;background:#f6f8fc}*{box-sizing:border-box}body{margin:0}header{background:#14243d;color:white;padding:1.1rem max(1rem,calc((100vw - 860px)/2))}header a{color:white;text-decoration:none}nav{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.8rem}nav a{opacity:.85}nav a:hover{text-decoration:underline}main{max-width:860px;margin:2rem auto;padding:0 1rem}.panel{background:white;border:1px solid #e2e7ee;border-radius:14px;padding:1.5rem;box-shadow:0 3px 16px #182b4610}h1{margin-top:0}button{border:0;background:#205ed5;color:white;border-radius:9px;padding:.8rem 1.5rem;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.option{display:block;padding:.7rem;margin:.4rem 0;border:1px solid #dbe1ed;border-radius:9px;cursor:pointer}.bar{background:#e7edfa;height:16px;border-radius:9px;overflow:hidden}.fill{background:#205ed5;height:100%;transition:width .3s}.result{margin:1rem 0}.result-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.3rem}#message{min-height:1.5rem}footer{text-align:center;color:#66748a;margin:3rem auto 1rem;font-size:.9rem}a{color:#205ed5}
