:root{font-family:system-ui,sans-serif;color:#303d35;background:#faf6ee}body{max-width:1120px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}h1{flex:1}small{display:block;font-size:16px;font-weight:400;color:#68635e}button,input,select,textarea{font:inherit;border:1px solid #abb8a8;border-radius:10px;padding:12px;min-height:46px}button{background:#49644f;color:white;cursor:pointer}button:disabled{opacity:.5;cursor:wait}nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}article,form,.notice{background:#fffdf8;padding:22px;border:1px solid #dddace;border-radius:16px;margin:16px 0}label{display:grid;gap:6px;margin:12px 0}input,select,textarea{background:white;color:#303d35;max-width:100%;box-sizing:border-box}form{max-width:650px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}#status{padding:16px;background:#e8e3ef;border-radius:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere}a{color:#49644f}@media(max-width:600px){body{padding:12px}nav button{flex:1}h1{font-size:26px}}