:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#18242c;--page:#f8faf9;--surface:white;--border:#829491;--button:#214d61;--danger:#8e2525;--focus:#b54b00;color:var(--text);background:var(--page);font-family:system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#f1f6f5;--page:#152128;--surface:#24333b;--border:#a7b9b9;--button:#245b72;--danger:#a33131;--focus:#ffb366}body{background:var(--page);margin:0}main{max-width:40rem;margin:0 auto;padding:2rem 1rem}.button,button{background:var(--button);color:#fff;font:inherit;cursor:pointer;border:1px solid #214d61;border-radius:.5rem;padding:.75rem 1rem;text-decoration:none;display:inline-block}.button:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}section{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;margin:2rem 0;padding:1rem}label{gap:.4rem;margin:1rem 0;font-weight:600;display:grid}input,select{box-sizing:border-box;border:1px solid var(--border);width:100%;color:inherit;background:var(--surface);font:inherit;border-radius:.4rem;padding:.7rem}li{margin:.75rem 0}li button{margin:.4rem;padding:.4rem .6rem}.share-choice{align-items:center;gap:.5rem;display:flex}.share-choice input{width:auto}.share-actions{flex-wrap:wrap;gap:.5rem;display:flex}.danger{background:var(--danger);margin-left:.75rem}
