:root{--bg:#fafafa;--panel:#fff;--border:#e5e5e5;--text:#1f1f1f;--muted:#737373;--accent:#2f2f2f;--sel:#f0f0f0;--danger:#b42318;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:6px;padding:6px 10px}button:hover:not(:disabled){background:var(--sel)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:#000}button.danger{color:var(--danger)}.layout{height:100%;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;width:300px;min-width:240px;display:flex}.sidebar-head{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:16px;display:flex}.sidebar-head h1{margin:0;font-size:18px;font-weight:600}.note-list{flex:1;margin:0;padding:6px;list-style:none;overflow-y:auto}.note-list .empty{color:var(--muted);padding:12px;font-size:14px}.note-item{text-align:left;border:none;border-radius:6px;flex-direction:column;gap:2px;width:100%;padding:10px;display:flex}.note-item.selected{background:var(--sel)}.note-title{font-size:14px;font-weight:600}.note-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.note-date{color:var(--muted);font-size:11px}.sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.hint{color:var(--muted);margin:0;font-size:12px}.main{flex:1;min-width:0;display:flex}.placeholder{color:var(--muted);margin:auto}.editor{flex-direction:column;flex:1;width:100%;max-width:860px;margin:0 auto;padding:24px 32px;display:flex}.editor-head{align-items:center;gap:12px;display:flex}.title-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:26px;font-weight:600}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:12px;padding:10px 0;display:flex}.tool{padding:3px 8px;font-size:13px}.tool.active{background:var(--accent);color:#fff;border-color:var(--accent)}.editor-body{flex:1;overflow-y:auto}.tiptap-content{outline:none;min-height:60vh;font-size:16px;line-height:1.6}.tiptap-content blockquote{border-left:3px solid var(--border);color:var(--muted);margin-left:0;padding-left:12px}.tiptap-content pre{background:#f4f4f4;border-radius:6px;padding:10px}.error{color:var(--danger);background:#fef3f2;margin:0;padding:8px 16px}.loading{color:var(--muted);padding:16px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--panel:#000;--border:#262626;--text:#f0f0f0;--muted:#a3a3a3;--accent:#f0f0f0;--sel:#161616;--danger:#ff7a70}:root[data-theme=dark] button.primary{color:#000}:root[data-theme=dark] button.primary:hover{background:#fff}:root[data-theme=dark] .tool.active{color:#000}:root[data-theme=dark] .tiptap-content pre{border:1px solid var(--border);background:#0d0d0d}:root[data-theme=dark] .error{background:#000;border-bottom:1px solid #5c1f1a}.theme-select{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.theme-select select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px;flex:1;min-width:0;padding:4px 6px}.back{display:none}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg)}html,body,#root{height:100dvh}#root{height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}@media (width<=700px){.sidebar{border-right:none;width:100%;min-width:0}.layout.has-selection .sidebar,.layout:not(.has-selection) .main{display:none}.editor{padding:12px 16px}.title-input{min-width:0;font-size:22px}.back{display:inline-block}.tiptap-content{min-height:50vh}input,select,.tiptap-content{font-size:16px}}