:root{--bg: #f7f6f3;--panel: #ffffff;--side: #f1efea;--text: #24231f;--muted: #8a877f;--line: #e4e1da;--accent: #2f6fde;--accent-soft: #e6eefc;--hover: #ebe8e1;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #18181a;--panel: #1f1f22;--side: #1b1b1d;--text: #e8e6e1;--muted: #8e8c86;--line: #2e2e32;--accent: #6b9cff;--accent-soft: #24304a;--hover: #2a2a2e;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;background:var(--bg);color:var(--text);font-size:15px}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:24px;padding:0 16px;height:52px;flex:none;border-bottom:1px solid var(--line);background:var(--panel)}.brand{font-weight:700;letter-spacing:.2px}.tabs{display:flex;gap:4px;height:100%}.tab{display:flex;align-items:center;padding:0 14px;color:var(--muted);border-bottom:2px solid transparent;font-weight:500}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.content{flex:1;min-height:0}.backup{margin-left:auto;position:relative}.backup>button.icon{font-size:13px;color:var(--muted)}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:10;min-width:190px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #0000001f}.menu button{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:6px;font-size:13px}.menu button:hover{background:var(--hover)}.three-col{display:grid;grid-template-columns:220px 300px 1fr;height:100%}.two-col{display:grid;grid-template-columns:300px 1fr;height:100%}.pane{min-height:0;overflow-y:auto;display:flex;flex-direction:column}.sidebar{background:var(--side);border-right:1px solid var(--line)}.notes{background:var(--panel);border-right:1px solid var(--line)}.editor{background:var(--panel)}.pane-head{display:flex;align-items:center;gap:8px;padding:12px 14px;min-height:54px;border-bottom:1px solid var(--line);flex:none}.pane-head h2{font-size:15px;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;align-items:center;gap:4px;margin-left:auto}.back{display:none;font-size:22px;padding:0 6px}button.icon{background:none;border:0;border-radius:6px;padding:4px 8px;line-height:1.2;opacity:.75}button.icon:hover{background:var(--hover);opacity:1}button.icon.on{opacity:1;background:var(--accent-soft)}button.primary{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:6px 12px;font-size:13px;white-space:nowrap}button.link{background:none;border:0;color:var(--accent);padding:4px 0;font-size:13px}.muted{color:var(--muted)}.pad{padding:14px;margin:0}.pad-x{padding:0 14px;font-size:13px;color:var(--muted);font-weight:600;margin:16px 0 6px}.project-list,.note-list{list-style:none;margin:0;padding:6px}.project-list li a,.project-list li input{display:block;width:100%;padding:7px 10px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list li input{border:1px solid var(--accent);background:var(--panel);outline:none}.project-list li a:hover{background:var(--hover)}.project-list li.active a{background:var(--accent-soft);color:var(--accent);font-weight:600}.search{margin:10px 12px 4px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);outline:none}.search:focus{border-color:var(--accent)}.note-list li a{display:block;padding:10px 12px;border-radius:8px}.note-list li a:hover{background:var(--hover)}.note-list li.active a{background:var(--accent-soft)}.note-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin{margin-right:4px;font-size:12px}.note-meta{display:flex;gap:8px;font-size:12px;color:var(--muted);margin-top:3px}.note-meta>span:first-child{flex:none}.excerpt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{flex:1;display:grid;place-items:center}.note-editor{display:flex;flex-direction:column;height:100%}.title-input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:18px;font-weight:700}.save-state{font-size:12px;color:var(--muted);margin-right:6px;white-space:nowrap}.md-editor{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.seg{display:flex;gap:2px;padding:8px 14px 0}.seg button{background:none;border:0;padding:3px 10px;border-radius:6px;font-size:12px;color:var(--muted)}.seg button.on{background:var(--hover);color:var(--text)}.md-panes{flex:1;min-height:0;display:grid}.mode-split .md-panes{grid-template-columns:1fr 1fr}.md-panes textarea{border:0;outline:none;resize:none;background:none;padding:14px 20px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.7;height:100%}.mode-split textarea{border-right:1px solid var(--line)}.md-preview{overflow-y:auto;padding:6px 20px 20px}.markdown{line-height:1.75}.markdown h1,.markdown h2,.markdown h3{line-height:1.3;margin:1.2em 0 .5em}.markdown h1{font-size:1.6em}.markdown code{background:var(--hover);padding:1px 5px;border-radius:4px;font-size:.9em}.markdown pre{background:var(--hover);padding:12px;border-radius:8px;overflow-x:auto}.markdown pre code{background:none;padding:0}.markdown blockquote{margin:0;padding-left:12px;border-left:3px solid var(--line);color:var(--muted)}.markdown a{color:var(--accent);text-decoration:underline}.markdown img{max-width:100%}.markdown table{border-collapse:collapse}.markdown th,.markdown td{border:1px solid var(--line);padding:4px 10px}.calendar{padding:12px 14px;border-bottom:1px solid var(--line)}.cal-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:8px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cal-wd{font-size:11px;color:var(--muted);padding:4px 0}.cal-day{background:none;border:0;border-radius:6px;padding:6px 0;font-size:13px;position:relative}.cal-day:hover{background:var(--hover)}.cal-day.today{color:var(--accent);font-weight:700}.cal-day.has:after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}.cal-day.sel{background:var(--accent);color:#fff}.cal-day.sel:after{background:#fff}.moods{display:flex;align-items:center;gap:4px;padding:8px 14px 0;font-size:13px}.moods .muted{margin-right:6px}.mood{background:none;border:1px solid transparent;border-radius:6px;padding:2px 6px;font-size:18px;opacity:.55}.mood:hover{opacity:1}.mood.on{opacity:1;border-color:var(--accent);background:var(--accent-soft)}@media (max-width: 760px){.three-col,.two-col{display:block}.three-col .pane{height:100%}.three-col.level-projects .notes,.three-col.level-projects .editor,.three-col.level-list .sidebar,.three-col.level-list .editor,.three-col.level-note .sidebar,.three-col.level-note .notes{display:none}.back{display:block}.two-col{overflow-y:auto;height:100%}.two-col .sidebar{border-right:0;border-bottom:1px solid var(--line)}.two-col .note-list,.two-col .pad-x{display:none}.two-col .editor{min-height:70vh}.mode-split .md-panes{grid-template-columns:1fr}.topbar{gap:12px}.pane-head .primary{padding:6px 10px}}