:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--surface:#faf9fb;--border:#e5e4e7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--danger:#d93a3a;--danger-bg:#d93a3a1a;--ok:#1f9d55;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--surface:#1d1e25;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc26;--danger:#f87171;--danger-bg:#f8717126;--ok:#4ade80}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2{color:var(--text-h);margin:0;font-weight:600}p{margin:0}.app{flex-direction:column;gap:20px;max-width:680px;margin:0 auto;padding:40px 16px;display:flex}.app-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header h1{font-size:32px}.health{align-items:center;gap:8px;font-size:14px;display:inline-flex}.health-dot{background:var(--text);border-radius:50%;width:8px;height:8px}.health-ok .health-dot{background:var(--ok)}.health-down .health-dot{background:var(--danger)}.note-form{flex-direction:column;gap:8px;display:flex}input,textarea{font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:8px;padding:10px 12px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.actions{justify-content:flex-end;gap:8px;display:flex}button{font:inherit;cursor:pointer;color:#fff;background:var(--accent);border:1px solid #0000;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--text-h);border-color:var(--border);background:0 0}button.danger{color:var(--danger);background:var(--danger-bg)}.error{color:var(--danger);background:var(--danger-bg);border-radius:8px;padding:10px 12px}.muted{text-align:center;padding:24px 0}.note-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.note{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.note-body{flex-direction:column;gap:6px;display:flex}.note-body h2{font-size:18px}.note-body p{color:var(--text-h);white-space:pre-wrap;overflow-wrap:anywhere}.note-body time{font-size:13px}