:root{font-family:system-ui,sans-serif;color:#302b26;background:#f8f5ef}body{max-width:1100px;margin:auto;padding:24px}h1{font-size:clamp(28px,5vw,44px);letter-spacing:-1px}a{color:#244b40}p{line-height:1.6;color:#52655e}main{display:grid;grid-template-columns:260px 1fr;gap:32px;margin-top:28px}label{display:block;margin:15px 0}input,textarea{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #cbd3cc;background:#fbf8f2;border-radius:8px;font:inherit;margin-top:7px}button{padding:11px 16px;border:1px solid #bfcfc5;border-radius:8px;background:#fbf8f2;color:#244b40;cursor:pointer;font:inherit;margin:4px}button:disabled{opacity:.5;cursor:wait}nav button{display:block;width:100%;text-align:left}button.active,#save,#sync{background:#244b40;color:white}#status{min-height:24px}#conflict{padding:16px;background:#fff1d9;border-radius:12px}#owner{font-size:13px}body[aria-busy=true] button{pointer-events:none} [hidden]{display:none!important}@media(max-width:650px){main{grid-template-columns:1fr}body{padding:16px}nav{max-height:200px;overflow:auto}}

h1,h2{font-family:Georgia,serif;font-weight:400}button:focus-visible,a:focus-visible{outline:2px solid #244b40;outline-offset:3px}