:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-text:#1f2328;--color-muted:#57606a;--color-border:#d0d7de;--color-surface:#fff;--color-background:#f6f8fa;--color-primary:#0b5cad;--color-primary-text:#fff;--color-danger:#b42318;--color-error-bg:#fdecea;--color-success-bg:#e6f4ea;--color-warning-bg:#fff4e5;--color-warning-border:#b26a00;color:var(--color-text);background:var(--color-background);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}body{margin:0}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.app-header nav{align-items:center;gap:1rem;display:flex}.brand{margin:0;font-size:1.25rem;font-weight:700}.app-main{max-width:52rem;margin:0 auto;padding:1.5rem}a{color:var(--color-primary)}a.router-link-active{font-weight:600}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;margin-bottom:1rem;padding:1rem 1.25rem}.card h2{margin-top:0;font-size:1.15rem}label{margin-top:.75rem;font-weight:600;display:block}input,select,textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--color-border);border-radius:4px;margin-top:.25rem;padding:.5rem}button{font:inherit;color:var(--color-primary-text);background:var(--color-primary);border:1px solid var(--color-primary);cursor:pointer;border-radius:4px;margin-top:.75rem;padding:.5rem 1rem}button.secondary{color:var(--color-primary);background:var(--color-surface)}button.danger{background:var(--color-danger);border-color:var(--color-danger)}button:disabled{opacity:.6;cursor:not-allowed}.app-header button{margin-top:0}.search{grid-template-columns:2fr 1fr auto auto;align-items:end;gap:0 .5rem;margin-bottom:1rem;display:grid}.search label{grid-row:1}.search input,.search select,.search button{grid-row:2}@media (width<=40rem){.search{display:block}}.item-list{padding:0;list-style:none}.note-type{text-transform:uppercase;color:var(--color-muted);margin:0;font-size:.85rem;font-weight:600}.note-content{white-space:pre-wrap;overflow-wrap:anywhere}.tags{flex-wrap:wrap;gap:.25rem;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--color-border);border-radius:999px;padding:0 .5rem;font-size:.85rem}.timestamps{grid-template-columns:max-content 1fr;gap:.125rem 1rem;margin:.5rem 0 0;font-size:.9rem;display:grid}.timestamps dt{color:var(--color-muted)}.timestamps dd{margin:0}.muted{color:var(--color-muted);font-size:.9rem}.alert{border:1px solid #0000;border-radius:4px;padding:.75rem 1rem}.alert p{margin:.25rem 0}.alert-error{background:var(--color-error-bg);border-color:var(--color-danger)}.alert-success{background:var(--color-success-bg)}.alert-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.alert-title{font-weight:600}.field-errors{margin:.25rem 0}.actions{gap:.5rem;display:flex}.code{letter-spacing:.1em;font-family:ui-monospace,monospace;font-size:1.2rem}
