:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fbfaf7;--fg:#16161d;--muted:#6b6b76;--line:#e4e2dc;--card:#fff;--accent:#c98a12;--error:#c62828;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16161d;--fg:#f2f0ea;--muted:#9a9aa6;--line:#2c2c36;--card:#1e1e27;--accent:#f5b83d;--error:#ff6b6b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}main{max-width:40rem;padding:max(1rem, env(safe-area-inset-top)) 1rem calc(2rem + env(safe-area-inset-bottom));margin:0 auto}header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.brand{color:inherit;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:flex}.account{align-items:center;gap:.75rem;min-width:0;font-size:.9rem;display:flex}.account details{min-width:0;position:relative}.account summary{cursor:pointer;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.menu{z-index:1;background:var(--card);border:1px solid var(--line);border-radius:.5rem;width:16rem;padding:.75rem;position:absolute;top:1.75rem;right:0}.menu p{margin:.5rem 0 0}.sync{color:var(--muted);white-space:nowrap}.sync-error{color:var(--error)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--card);border-radius:.45rem;padding:.45rem .9rem}button[type=submit]{background:var(--fg);color:var(--bg);border-color:var(--fg)}button:disabled{opacity:.45;cursor:default}button.link{color:var(--accent);background:0 0;border:0;padding:0 .25rem}input,textarea{border:1px solid var(--line);background:var(--card);border-radius:.45rem;width:100%;padding:.6rem .75rem}textarea{resize:vertical;min-height:3rem}.capture{align-items:flex-start;gap:.5rem;margin-bottom:1.25rem;display:flex}.capture button{flex:none}.row{gap:.5rem;display:flex}.row button{flex:none}.notes{margin:0;padding:0;list-style:none}.notes li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:baseline;gap:.75rem;padding:.7rem 0;display:grid}.notes .content{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.when{white-space:nowrap;font-size:.8rem}.delete{color:var(--muted);background:0 0;border:0;padding:0 .3rem;font-size:1.2rem;line-height:1}.delete:hover{color:var(--error)}.muted{color:var(--muted)}.empty{text-align:center;padding:2rem 0}.error{color:var(--error)}.banner{border:1px solid var(--accent);border-radius:.5rem;justify-content:space-between;gap:1rem;padding:.75rem 1rem;display:flex}.card{border:1px solid var(--line);background:var(--card);border-radius:.75rem;margin-top:2rem;padding:1.25rem}.card h1,.card h2{margin-top:0;font-size:1.25rem}.code{letter-spacing:.15em;margin:.5rem 0;font-size:2rem;font-weight:600}.code-input{letter-spacing:.15em;text-transform:uppercase;margin:.5rem 0;font-size:1.5rem}.check{align-items:center;gap:.5rem;margin:.5rem 0 1rem;display:flex}.check input{width:auto}.fatal{padding:2rem;font-family:system-ui,sans-serif}code{font-size:.9em}.brand span{white-space:nowrap}@media (max-width:30rem){.brand span{display:none}}