:root{font-family:system-ui,sans-serif;color:#25233a;background:#f7f6f2}*{box-sizing:border-box}main{max-width:1000px;margin:70px auto;padding:24px}header{font-size:30px;font-weight:800;color:#6e59cb}small{font-size:10px;letter-spacing:2px;margin-left:20px;color:#898396}h1{font-size:52px;letter-spacing:-2px;margin-bottom:10px}p{color:#777180}form{background:white;border:1px solid #e7e2ee;border-radius:18px;padding:25px;display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:25px 0}label{display:flex;flex-direction:column;gap:8px;flex:1;font-size:13px}input{padding:12px;border:1px solid #ddd5ed;border-radius:8px;max-width:100%}button,a.action{border:0;background:#7156ca;color:white;padding:12px 18px;border-radius:8px;cursor:pointer;font:inherit;text-decoration:none;font-size:13px}button:disabled{opacity:.5}article{background:white;border:1px solid #e7e2ee;border-radius:15px;margin:14px 0;padding:22px}article h3{margin:0 0 10px}.toolbar{display:flex;justify-content:space-between;align-items:center}.actions{display:flex;gap:10px;flex-wrap:wrap}#status{white-space:pre-wrap} [hidden]{display:none!important}@media(max-width:600px){main{margin:20px auto}h1{font-size:36px}form{display:block}label{margin-bottom:15px}}