:root{font-family:system-ui;color:#261b2e;background:#faf7fb}body{margin:0}header{padding:2rem;background:#542164;color:white}main{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}section{background:white;padding:1rem;border:1px solid #e3dbe7;border-radius:12px}.wide{grid-column:1/-1}input{padding:.7rem;width:65%}button{padding:.72rem;background:#7b2e84;color:white;border:0}#cy{height:420px}pre{white-space:pre-wrap}.card{padding:.7rem;border-bottom:1px solid #eee}.card a{color:#672476}.meta,.notice{color:#6a5a70;font-size:.9rem}.notice{background:#fff4d6;padding:.6rem;border-radius:6px}@media(max-width:800px){main{grid-template-columns:1fr}.wide{grid-column:auto}}