:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0}main{max-width:38rem;margin:0 auto;padding:1.5rem 1rem 3rem}h1{font-size:1.25rem;margin:0 0 .5rem}.muted{opacity:.7;font-size:.875rem}.card{display:grid;gap:.75rem}.options{display:grid;gap:.5rem;border:0;padding:0;margin:0}.option{display:flex;gap:.75rem;align-items:center;min-height:3rem;padding:.5rem .75rem;border:1px solid;border-radius:.5rem;cursor:pointer}.option input{width:1.25rem;height:1.25rem;flex:none;margin:0}.option:has(:checked){border-width:2px;background:color-mix(in srgb,currentColor 8%,transparent);font-weight:600}.option:has(:focus-visible){outline:3px solid #1d4ed8;outline-offset:2px}@media(prefers-color-scheme:dark){.option:has(:focus-visible){outline-color:#93c5fd}}textarea{width:100%;min-height:6rem;font:inherit;box-sizing:border-box}button{font:inherit;min-height:3rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid;cursor:pointer}button.primary{font-weight:600;width:100%;min-height:3rem;background:#1d4ed8;border-color:#1d4ed8;color:#fff}button.primary:disabled{background:transparent;color:inherit;border-color:currentColor}@media(prefers-color-scheme:dark){button.primary{background:#2563eb;border-color:#2563eb}}button:disabled{opacity:.5;cursor:default}mark{padding:0 .15em}img.shared{max-width:100%;height:auto;border-radius:.5rem}.actions{display:grid;gap:.5rem}button.link{border:0;background:none;padding:.25rem 0;text-decoration:underline;justify-self:start}.recap{display:grid;gap:.5rem;padding:.75rem;border:1px solid;border-radius:.5rem}