:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:Canvas;--fg:CanvasText;--accent:#0b3d91;--error:#b00020;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip-link{background:var(--accent);color:#fff;padding:.5rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.auth,.notes{max-width:28rem;margin:4rem auto;padding:0 1rem}.field{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}label{font-weight:600}input{color:fieldtext;background:field;border:1px solid graytext;border-radius:6px;padding:.6rem;font-size:1rem}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:.6rem 1rem;font-size:1rem}button:disabled{opacity:.6;cursor:progress}.link{color:var(--accent);background:0 0;padding:.5rem 0;text-decoration:underline}.message{min-height:1.5rem}.message.error{color:var(--error)}.topbar{justify-content:space-between;align-items:center;max-width:48rem;margin:1rem auto;padding:0 1rem;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar-right{align-items:center;gap:.75rem;display:flex}.status{color:color-mix(in srgb, CanvasText 72%, Canvas);font-size:.9rem}.notes-layout{grid-template-columns:minmax(12rem,18rem) 1fr;align-items:start;gap:1rem;max-width:64rem;margin:0 auto;padding:0 1rem;display:grid}.note-list input[type=search]{width:100%;font:inherit;color:fieldtext;background:field;border:1px solid graytext;border-radius:6px;margin-top:.5rem;padding:.45rem .6rem}.note-list ul{margin:.5rem 0 0;padding:0;list-style:none}.note-item{text-align:left;width:100%;color:var(--fg);background:0 0;border:1px solid #0000;border-radius:6px;padding:.5rem .6rem;display:block}.note-item[aria-current=true]{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:var(--accent)}.new-note{width:100%}.empty,.placeholder{color:color-mix(in srgb, CanvasText 72%, Canvas)}.editor-pane textarea{resize:vertical;width:100%;min-height:60vh;font:inherit;color:fieldtext;background:field;border:1px solid graytext;border-radius:6px;padding:.75rem}.editor-actions{margin-top:.75rem}.danger{background:var(--error)}.sidebar{flex-direction:column;gap:.5rem;display:flex}.sidebar input[type=search],.new-tag input{width:100%;font:inherit;color:fieldtext;background:field;border:1px solid graytext;border-radius:6px;padding:.45rem .6rem}.sidebar-h{text-transform:uppercase;letter-spacing:.04em;color:color-mix(in srgb, CanvasText 72%, Canvas);margin:.6rem 0 0;font-size:.8rem}.filter-all{color:var(--fg);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;padding:.4rem .6rem}.filter-all[aria-pressed=true],[role=treeitem][aria-selected=true]{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:var(--accent)}[role=tree]{margin:0;padding:0;list-style:none}[role=treeitem]{cursor:pointer;border-radius:6px;padding:.35rem .5rem}.twisty{width:1rem;display:inline-block}.new-tag{gap:.4rem;display:flex}.new-tag input{flex:1}ul.note-list{margin:.5rem 0 0;padding:0;list-style:none}.tags-row{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.6rem;display:flex}.chip{background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid var(--accent);border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.85rem;display:inline-flex}.chip-x{color:inherit;background:0 0;padding:0 .2rem}.banner{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, Canvas);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:64rem;margin:0 auto .5rem;padding:.75rem 1rem;display:flex}.banner-actions{align-items:center;gap:.5rem;display:flex}.palette-backdrop{z-index:100;background:#0006;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.palette{color:canvastext;border:1px solid var(--accent);background:canvas;border-radius:10px;width:min(90vw,32rem);overflow:hidden;box-shadow:0 10px 40px #0000004d}.palette input{border:0;border-bottom:1px solid color-mix(in srgb, CanvasText 30%, Canvas);border-radius:0;width:100%;padding:.8rem 1rem;font-size:1rem}.palette ul{max-height:50vh;margin:0;padding:.25rem;list-style:none;overflow:auto}.palette [role=option]{cursor:pointer;border-radius:6px;padding:.55rem .75rem}.palette [role=option].active{background:color-mix(in srgb, var(--accent) 18%, transparent)}@media (width<=40rem){.notes-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}