:root{color-scheme:light;--purple:#6b2f72}*{box-sizing:border-box}body{margin:0;background:#f5f2f6;color:#302735;font:16px/1.6 system-ui,sans-serif}main{width:min(100% - 32px,800px);margin:32px auto;padding:24px;background:white;border-radius:12px}h1{font-size:clamp(1.5rem,5vw,2rem);overflow-wrap:anywhere}a,h1{color:var(--purple)}.controls,form{display:grid;gap:16px;margin:24px 0}label{display:grid;gap:6px}button,input,textarea{font:inherit;width:100%;padding:10px 12px;border-radius:6px;border:1px solid #aba1af}textarea{min-height:100px}button{background:var(--purple);color:white;cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #b973c3;outline-offset:3px}nav{display:flex;flex-wrap:wrap;gap:18px}table{width:100%;border-collapse:collapse;table-layout:fixed}th:first-child{width:48%}th:nth-child(2){width:20%}td,th{text-align:left;padding:8px;border-bottom:1px solid #ddd}[role=status],td,th{overflow-wrap:anywhere}@media (min-width:768px){main{padding:36px;margin-top:48px}}