:root{font:16px system-ui;color:#183d40;background:#f3f6f5}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:24px;align-items:center;padding:20px 5vw;background:#123f43;color:white}header span{flex:1;font-size:14px}main{max-width:1040px;margin:32px auto;padding:0 20px 100px}h1{font-size:30px;letter-spacing:-.03em}h2{font-size:22px}p{line-height:1.5}button{padding:10px 16px;min-height:44px;cursor:pointer;border:1px solid #a4bcbb;background:white;color:#164d51;border-radius:7px;font:inherit}button:hover{background:#e3f0ed}input{font:inherit;padding:10px;min-height:44px;border:1px solid #9db6b4;border-radius:6px;display:block;width:100%;margin:8px 0 16px}label{display:block}#login{max-width:520px;background:white;padding:32px;border-radius:14px;margin:70px auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px}nav{display:flex;gap:8px;margin:20px 0}#records{display:grid;gap:10px}#records button{text-align:left;padding:20px;background:white}#usage{font-size:14px;border-left:3px solid #478c86;padding:12px;background:#e5eeec}#notice{color:#735116}.horizon-field{background:white;padding:18px;border-radius:10px}#checklist textarea{font:inherit}#finalize{display:none}[hidden]{display:none!important}@media(max-width:600px){header{gap:12px;padding:16px}header span{font-size:12px}.intro{display:block}h1{font-size:26px}main{padding:0 12px 100px}.horizon-field{padding:8px}}