:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0;padding:1rem;max-width:60rem;margin-inline:auto}.shell{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;border-bottom:1px solid #8884;padding-bottom:.75rem}.banner{background:#fde68a;color:#000;padding:.25rem .5rem;border-radius:.25rem}.panel{border:1px solid #8884;border-radius:.5rem;padding:1rem;margin-block:1rem}.panel.error{border-color:#dc2626}.empty{opacity:.8}.button,button{font:inherit;padding:.4rem .8rem;border:1px solid currentColor;border-radius:.35rem;background:transparent;color:inherit;text-decoration:none;cursor:pointer}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}