:root{font-family:system-ui,sans-serif;color:#e4e8e8;background:#10191d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:24px;align-items:center;padding:24px 5%;border-bottom:1px solid #39474c}header strong{letter-spacing:.15em;color:#d7b875}header small{font-size:.65em}header span{flex:1;color:#afbec4}main{max-width:1150px;margin:36px auto;padding:0 24px}h1{font-size:2rem}p{line-height:1.6;color:#b8c5c9}button,input,select,textarea{font:inherit;padding:12px;border:1px solid #53636a;border-radius:6px}button{cursor:pointer;background:#21353c;color:#fafafa}button:hover{border-color:#d7b875}button:disabled{opacity:.5;cursor:wait}nav{display:flex;flex-wrap:wrap;gap:8px}nav button[aria-current=true]{background:#a8864a;color:#10191d}.bar{display:flex;align-items:center;gap:12px}.bar h1{flex:1}label{display:grid;gap:7px;margin:15px 0}input,select,textarea{width:100%;background:#16252b}textarea{min-height:100px}#login{max-width:480px}#notice:not(:empty){padding:14px;border-left:3px solid #d7b875;background:#21353c}article{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #39474c}article div{flex:1;min-width:0}article h2{font-size:1.15rem;margin:0 0 8px;overflow-wrap:anywhere}article p{margin:0;overflow-wrap:anywhere}#editor{border:1px solid #53636a;padding:24px;margin-top:24px}#fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}[hidden]{display:none!important}@media(max-width:650px){header{flex-wrap:wrap}header span{font-size:.8rem}.bar{flex-wrap:wrap}#fields{display:block}article{align-items:start}.bar h1{width:100%;flex:auto}}