:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f7;--surface:#fff;--surface-2:#f7f8fa;--border:#d6dae1;--border-strong:#bcc2cc;--text:#24272c;--muted:#687080;--accent:#1f6fb2;--accent-hover:#195c94;--accent-soft:#e8f1fa;--on-accent:#fff;--danger:#c0392b;--danger-soft:#fbeceb;--ok:#2e7d32;--warn:#a15c00;--warn-soft:#fff4e0;--header-h:52px;--radius:6px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131518;--surface:#1c1f23;--surface-2:#23272c;--border:#343941;--border-strong:#4b525c;--text:#e6e8eb;--muted:#9ba2ad;--accent:#5fa3e6;--accent-hover:#7cb5ec;--accent-soft:#1d3247;--on-accent:#0c1622;--danger:#ef7064;--danger-soft:#3a201d;--ok:#74c178;--warn:#f0b04a;--warn-soft:#362b17}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-width:320px;color:var(--text);font:15px/1.45 var(--font);margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-size:.9em}.btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:14px;display:inline-flex}.btn:disabled{opacity:.4;cursor:default}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}.btn-danger{color:var(--danger)}.btn-plain{background:0 0;border-color:#0000}.btn-block{width:100%;min-height:42px;font-size:15px}.link-button{color:var(--accent);background:0 0;border:0;padding:6px 4px;font-size:14px}.topbar{z-index:20;height:var(--header-h);border-top:4px solid var(--accent);border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky;top:0}.brand{color:var(--accent);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.topbar-user{min-width:0;color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.layout{grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:16px;max-width:1280px;margin:0 auto;padding:16px;display:grid}.list-pane{top:calc(var(--header-h) + 16px);max-height:calc(100dvh - var(--header-h) - 32px);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-self:start;display:flex;position:sticky;overflow:hidden}.list-tools{border-bottom:1px solid var(--border);gap:10px;padding:12px;display:grid}.search{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--muted);align-items:center;gap:8px;padding:0 10px;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.search input{min-width:0;height:38px;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.list-heading{border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:8px 14px;font-size:12px;font-weight:600}.note-list{overscroll-behavior:contain;flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.note-item{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;width:100%;padding:10px 14px;display:block}.note-item.is-selected{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.note-item-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.note-item-meta{min-width:0;color:var(--muted);gap:8px;margin-top:2px;font-size:13px;display:flex}.note-item-meta time{flex:none}.note-item-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-empty{color:var(--muted);text-align:center;margin:0;padding:24px 16px}.banner{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);gap:8px;margin:12px 12px 0;padding:10px 12px;font-size:14px;display:grid}.banner p{margin:0}.banner-warn{border-color:var(--warn);background:var(--warn-soft)}.banner-actions{flex-wrap:wrap;gap:8px;display:flex}.banner+.list-heading,.banner+.banner{margin-top:12px}.editor-pane{min-width:0;min-height:calc(100dvh - var(--header-h) - 32px);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex}.editor-pane:focus-within{border-color:var(--border-strong)}.editor-bar{top:var(--header-h);z-index:10;border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);align-items:center;gap:8px;min-height:52px;padding:8px 12px;display:flex;position:sticky}.back-button{color:var(--accent);margin-left:-6px;padding:0 8px 0 2px;font-size:16px;font-weight:600;display:none}.status{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.status:before{content:"";background:var(--border-strong);border-radius:50%;flex:none;width:8px;height:8px}.status-saved:before{background:var(--ok)}.status-saving:before{background:var(--accent)}.status-offline,.status-error{color:var(--warn)}.status-offline:before,.status-error:before{background:var(--warn)}.status-short{display:none}.editor-actions{gap:8px;margin-left:auto;display:flex}.editor-text{width:100%;min-height:240px;color:var(--text);resize:none;overflow-wrap:break-word;background:0 0;border:0;outline:none;flex:1 0 auto;padding:16px;font-size:16px;line-height:1.6;display:block;overflow:hidden}.editor-text::placeholder{color:var(--muted);opacity:.8}.editor-loading{color:var(--muted);flex:1;margin:0;padding:16px}.counters{padding:9px 16px;padding-bottom:max(9px, env(safe-area-inset-bottom));border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:var(--surface-2);color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:14px;display:flex;position:sticky;bottom:0}.counters b{color:var(--text)}.edited{margin-left:auto}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:50;border-radius:var(--radius);color:#fff;opacity:0;pointer-events:none;background:#24272c;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;transition:opacity .15s,transform .15s;position:fixed;transform:translate(-50%,8px);box-shadow:0 4px 16px #0003}.toast.is-visible{opacity:1;transform:translate(-50%)}.auth{place-items:center;min-height:100dvh;padding:16px;display:grid}.auth-card{border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:var(--radius);background:var(--surface);gap:14px;width:100%;max-width:380px;padding:24px;display:grid}.auth-intro{color:var(--muted);margin:-6px 0 4px}.field{gap:6px;font-size:14px;font-weight:600;display:grid}.field input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);height:44px;padding:0 12px;font-size:16px;font-weight:400}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.auth-error{border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);margin:0;padding:10px 12px;font-size:14px}.boot{color:var(--muted);text-align:center;margin:0;padding:32px 16px}@media (width<=799px){.layout{padding:0;display:block}.app[data-screen=list] .editor-pane,.app[data-screen=editor] .list-pane,.app[data-screen=editor] .topbar{display:none}.list-pane{background:0 0;border:0;border-radius:0;max-height:none;position:static;overflow:visible}.list-tools{border-bottom:0}.note-list{background:var(--surface);border-bottom:1px solid var(--border);overflow:visible}.note-item{padding:12px 16px}.list-heading{border-top:1px solid var(--border)}.editor-pane{border:0;border-radius:0;min-height:100dvh}.editor-bar{border-radius:0;padding:6px 10px;top:0}.back-button{display:inline-flex}.editor-actions{gap:4px}.editor-actions .btn{min-width:42px;min-height:40px;padding:0 10px}.editor-text{min-height:60dvh}.counters{border-radius:0}}@media (width<=559px){.btn-label,.edited,.topbar-user{display:none}.topbar{justify-content:space-between}.status-long{display:none}.status-short{display:inline}.counters{gap:4px 14px;font-size:13px}}@media (hover:hover){.btn:hover:not(:disabled){background:var(--surface-2)}.btn-primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft)}.link-button:hover{text-decoration:underline}.note-item:not(.is-selected):hover{background:var(--surface-2)}}