:root{font-family:system-ui,sans-serif;color:#f2eee4;background:#181817;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:28px 20px 60px}a{color:#dbc382}header{margin:32px 0}header span{font-size:12px;letter-spacing:.12em;color:#dbc382}h1{font-size:34px;margin:10px 0}p{line-height:1.5;color:#bdbbb3}#editor{display:grid;grid-template-columns:1fr 1fr;gap:24px}#editor[hidden]{display:none}form,#editor>section{border:1px solid #393934;border-radius:20px;padding:24px;background:#22221f}h2{font-size:20px;margin-top:0}label{display:block;font-size:14px;margin:20px 0}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #55534a;border-radius:10px;margin-top:8px;background:#171715;color:inherit}textarea{resize:vertical}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.check input{width:18px;flex:0 0 18px;margin-top:2px}button{font:inherit;background:#6e2d3c;color:#fff;border:1px solid transparent;border-radius:30px;padding:12px 20px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;border-color:#55534a}.hint{font-size:12px}.list-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.list-header h2{margin:0}article{border-top:1px solid #444137;margin-top:20px;padding-top:16px}article h3{font-size:16px;margin:0}article p{font-size:13px;margin:8px 0}#message{color:#e2cb98}button:focus-visible,a:focus-visible{outline:2px solid #e2cb98;outline-offset:3px}@media(max-width:700px){#editor{grid-template-columns:1fr}h1{font-size:28px}form,#editor>section{padding:20px}}