*{box-sizing:border-box}body{margin:0;background:#eef2f6;font-family:Arial,sans-serif;color:#17202a}.card{max-width:820px;margin:45px auto;background:white;padding:34px;border-radius:18px;box-shadow:0 10px 30px #0002}h1{margin-top:0}.intro,.notice{color:#52606d;line-height:1.5}label{font-weight:600}input[type=range]{width:100%;margin:12px 0 22px}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.checks label{font-weight:normal}.texts{display:grid;gap:10px}.texts input{padding:12px;border:1px solid #c9d2dc;border-radius:8px;font-size:1rem}button{margin-top:20px;padding:12px 18px;border:0;border-radius:9px;background:#173b57;color:white;font-weight:bold;cursor:pointer}.result{margin-top:28px;padding-top:20px;border-top:1px solid #ddd}.password{display:flex;gap:10px;align-items:center}.password code{flex:1;padding:16px;background:#f5f7f9;border-radius:8px;overflow-wrap:anywhere;font-size:1.05rem}.copy{margin:0}.gradient{position:relative;height:22px;margin-top:22px;border-radius:12px;background:linear-gradient(90deg,#b00020,#ef6c00,#fdd835,#7cb342,#0b5d1e)}.gradient span{position:absolute;top:-22px;font-size:18px}.scale{display:flex;justify-content:space-between;margin-top:8px}.error{background:#ffe8e8;color:#9b1c1c;padding:12px;border-radius:8px}.notice{font-size:.9rem;margin-top:28px}@media(max-width:650px){.card{margin:0;border-radius:0;min-height:100vh}.checks{grid-template-columns:1fr}.password{display:block}.copy{width:100%;margin-top:8px}}
.result-description{color:#52606d;line-height:1.45;margin-top:-6px}.second-result{margin-top:34px;padding-top:24px;border-top:1px dashed #c9d2dc}