:root{font-family:Arial,sans-serif;color:#26382e;background:#f8f9f6}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:850px;margin:30px auto;padding:0 20px}header,.toolbar{display:flex;align-items:center;gap:12px}header{justify-content:space-between}h1{font-size:36px}h2{font-size:20px}label{display:grid;gap:8px;margin:14px 0}input,textarea,select{font:inherit;padding:12px;border:1px solid #bdcaba;border-radius:8px;background:#fff;color:#26382e;width:100%}button{font:inherit;cursor:pointer;background:#344e3d;color:white;border:0;border-radius:8px;padding:11px 15px}button:disabled{opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #6787ae;outline-offset:3px}a{color:#34563d}#login{max-width:420px}.weather,article{background:#edf0e8;padding:16px;border-radius:12px;margin:16px 0}article{background:white;border:1px solid #d9e2d6}article p{white-space:pre-wrap;overflow-wrap:anywhere}article h3{overflow-wrap:anywhere}.check{display:flex;align-items:center}.check input{width:auto}dialog{border:1px solid #bdcaba;border-radius:14px;color:#26382e;background:white;width:min(520px,95vw);max-height:90vh;padding:24px}dialog::backdrop{background:#21312477}#status,#edit-error{color:#9b3026}.toolbar{flex-wrap:wrap}#forecast{line-height:1.8}