:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#e8eaf0;background-color:#12141a;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;margin:0}code{background:#ffffff1a;border-radius:.25rem;padding:.1rem .3rem;font-family:ui-monospace,Consolas,monospace}@media (prefers-color-scheme:light){:root{color:#1f2430;background-color:#f6f7fb}code{background:#0000000d}}.page{text-align:left;max-width:44rem;margin:0 auto;padding:3rem 1.5rem}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.header-brand{align-items:center;gap:1rem;display:flex}.page-nav{flex-wrap:wrap;gap:1.25rem;display:flex}.page-link{color:inherit;text-underline-offset:.25rem;padding:.5rem 0;font-weight:600;display:inline-block}.page-link:hover{text-decoration-thickness:2px}.page-link[aria-current=page]{text-decoration-thickness:3px}.page-link:focus-visible{outline-offset:4px;outline:2px solid #6ca6a0}.logo{width:3.5rem;height:3.5rem}h1{margin:0;font-size:2.25rem;line-height:1.1}.subtitle{color:#8b93a7;margin:.25rem 0 0}.card{background:#1b1f2acc;border:1px solid #2c3346;border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.card h2{text-transform:uppercase;letter-spacing:.08em;color:#8b93a7;margin-top:0;font-size:1.1rem}.note-form{gap:.65rem;padding-bottom:1.25rem;display:grid}.note-form label{font-weight:600}.note-form textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:5rem;color:inherit;font:inherit;background:#12141a;border:1px solid #41495d;border-radius:.4rem;padding:.75rem}.note-form textarea:focus-visible{outline-offset:2px;outline:2px solid #6ca6a0}.form-actions{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.form-actions .error{margin:0 auto 0 0}.form-actions button{color:#121a19;min-height:2.5rem;font:inherit;cursor:pointer;background:#9dd5ca;border:0;border-radius:.4rem;padding:.5rem 1rem;font-weight:700}.form-actions button:hover:not(:disabled){background:#b7e6dc}.form-actions button:disabled{opacity:.55;cursor:not-allowed}.note-list{border-top:1px solid #2c3346}.note-row{border-bottom:1px solid #2c3346;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 0;display:flex}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;margin:0}.note-details{color:#8b93a7;flex-shrink:0;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.note-status{color:#c6ded9;background:#31524c;border-radius:.25rem;padding:.15rem .4rem}.empty-state{color:#8b93a7;margin:1rem 0 0}.message{margin:.5rem 0;font-size:1.25rem;font-weight:600}.muted{color:#8b93a7;margin:0}.error{color:#ff6b6b}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #2c3346;padding:.5rem .75rem .5rem 0}th{color:#8b93a7;font-weight:600}@media (prefers-color-scheme:light){.card{background:#fff;border-color:#e2e6ef}.note-form textarea{color:#1f2430;background:#fff;border-color:#c9cfdb}th,td{border-bottom-color:#e2e6ef}.note-list,.note-row{border-color:#e2e6ef}.note-status{color:#24564d;background:#d8eee8}}@media (width<=32rem){.note-row{flex-direction:column;gap:.5rem}.note-details{flex-wrap:wrap}}