:root{font-family:system-ui,sans-serif;color:#172b3a;background:#f4f7f8;line-height:1.5;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid #ccd5dc}header a{font-weight:700;color:inherit;text-decoration:none}main{max-width:48rem;margin:3rem auto;padding:0 1.25rem}h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15}nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}form{display:grid;gap:.75rem;max-width:32rem}label{font-weight:600;display:block}input,button{font:inherit;min-height:44px;border-radius:.5rem;padding:.7rem 1rem}input{width:100%;border:1px solid #778995;background:#fff;color:inherit}button{border:1px solid #617585;background:#fff;color:#172b3a;cursor:pointer}button[type=submit],nav button[aria-pressed=true]{background:#164c61;color:#fff;border-color:#164c61}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid #ab6400;outline-offset:3px}.hint{font-size:.9rem;color:#41596a}#status{min-height:1.5em;color:#813611}#recovery-code{display:block;background:#fff;padding:1rem;overflow-wrap:anywhere;margin:1rem 0;font-family:monospace}#notes{list-style:none;padding:0}#notes li{display:flex;gap:1rem;align-items:center;justify-content:space-between;border-bottom:1px solid #ccd5dc;padding:1rem 0}#notes span{overflow-wrap:anywhere;min-width:0}#notes button{flex-shrink:0}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.note-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}@media(max-width:480px){#notes li{align-items:flex-start;flex-direction:column}.note-actions{align-self:flex-end}}