:root{color:#173d36;background:#f4f7f3;font-family:system-ui,Noto Sans JP,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}main{width:min(600px,100%);margin:70px auto;padding:24px}header p{letter-spacing:.2em;margin-bottom:8px;font-weight:700}h1{margin:0 0 28px;font-size:32px}h2{font-size:22px;line-height:1.5}section{background:#fff;border:1px solid #dce6dc;border-radius:16px;padding:28px;box-shadow:0 8px 28px #183d3608}p{line-height:1.8}button{min-height:48px;font:inherit;color:#fff;cursor:pointer;background:#225b4a;border:0;border-radius:8px;padding:14px 24px;font-weight:600}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline-offset:4px;outline:3px solid #b58a28}.badge{float:right;background:#e7eedc;border-radius:24px;padding:6px 12px;font-size:12px}.note{color:#637069;border-top:1px solid #e8ede8;margin-top:28px;padding-top:16px;font-size:14px}footer{color:#637069;margin-top:18px;font-size:12px}@media (width<=500px){main{margin:24px auto;padding:20px}section{padding:22px}button{width:100%}}:root section+section{margin-top:24px}label{margin:16px 0;display:block}input,textarea{width:100%;font:inherit;border:1px solid #bbc9bd;border-radius:6px;margin-top:6px;padding:12px;display:block}input:read-only{background:#f1f4f0}ul{padding:0;list-style:none}li{border-bottom:1px solid #e8ede8;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}li button{padding:8px 12px}#new{color:#173d36;background:#e6eee8;margin-top:8px}#save-message{font-size:14px}