.menu{display:flex;gap:4px;align-items:center;margin-left:auto;margin-right:12px}
.menu a,.out button{padding:6px 11px;border-radius:99px;font-size:.8rem;color:var(--mut);background:none;border:0;cursor:pointer;font-family:inherit;transition:.25s}
.menu a:hover,.out button:hover{color:#fff;background:#ffffff14}.menu .pill{background:var(--p);color:#fff}.out{display:inline;margin:0}
.pad{padding:7vh 0}.narrow{max-width:420px}
main form{display:grid;gap:10px}
input,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #ffffff22;background:#12121f;color:var(--fg);font:inherit}
input:focus,select:focus{outline:2px solid var(--p);border-color:transparent}
button[name=send]{padding:13px;border:0;border-radius:99px;background:var(--p);color:#fff;font-weight:600;font-size:1rem;font-family:inherit;cursor:pointer;transition:transform .2s}
button[name=send]:hover{transform:translateY(-2px)}
.panel{padding:24px;border-radius:20px;background:#12121f;border:1px solid #ffffff14;margin-bottom:18px;overflow-x:auto}.panel h3{margin-bottom:.6rem}
code,pre{font-family:ui-monospace,Menlo,monospace;font-size:.85rem;color:#d9b3e0;white-space:pre-wrap;word-break:break-all}
table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid #ffffff12}th{color:var(--mut);font-weight:500}
.err,.flash{padding:10px 14px;border-radius:12px;background:#ab47bc22;list-style:none;margin-bottom:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:2rem}
.tag{padding:2px 10px;border-radius:99px;font-size:.75rem;background:#ffffff14}.tag.ok{background:#1f9d5533;color:#7be3a6}.tag.todo{background:#ab47bc33;color:#e1a8ec}
@media(max-width:640px){.menu a,.out button{padding:6px 7px}header .wrap{height:auto;min-height:64px;flex-wrap:wrap;padding:8px 0}}