*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111117;--surface: #18181f;--surface2: #22222c;--border: #2c2c38;--text: #dde1f0;--text-muted:#606478;--accent: #6ea8f7;--accent2: #a78bfa;--accent3: #34d399;--accent4: #fb923c;--danger: #f87171;--warn: #fbbf24;--accent-dim:#162038;--h1: #6ea8f7;--h2: #a78bfa;--h3: #34d399;--radius: 10px}:root.light{--bg: #f7f7f9;--surface: #ffffff;--surface2: #f0f0f5;--border: #e2e2ea;--text: #1a1a28;--text-muted:#8888a0;--accent: #2563eb;--accent2: #7c3aed;--accent3: #059669;--accent4: #ea580c;--danger: #dc2626;--warn: #d97706;--accent-dim:#dbeafe;--h1: #2563eb;--h2: #7c3aed;--h3: #059669}html,body,#root{height:100%}body{font-family:-apple-system,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit}input,textarea{font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:7px 11px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}textarea{resize:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.save-bar{position:absolute;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s ease,opacity .5s ease;pointer-events:none}.md-preview{line-height:1.85;color:var(--text)}.md-preview h1{font-size:1.6em;font-weight:700;color:var(--h1);margin:28px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.md-preview h2{font-size:1.25em;font-weight:600;color:var(--h2);margin:22px 0 10px}.md-preview h3{font-size:1.05em;font-weight:600;color:var(--h3);margin:16px 0 8px}.md-preview h4,.md-preview h5,.md-preview h6{color:var(--text-muted);margin:12px 0 6px;font-weight:600}.md-preview p{margin-bottom:12px}.md-preview table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:13px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.md-preview th{background:var(--surface2);color:var(--text);padding:9px 14px;text-align:left;font-weight:600;font-size:12px;letter-spacing:.03em;border-bottom:1px solid var(--border)}.md-preview td{padding:8px 14px;border-bottom:1px solid var(--border)}.md-preview tr:last-child td{border-bottom:none}.md-preview tr:hover td{background:color-mix(in srgb,var(--accent) 4%,transparent)}.md-preview a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:border-color .15s}.md-preview a:hover{border-color:var(--accent)}.md-preview code{background:var(--surface2);border:1px solid var(--border);padding:2px 6px;border-radius:5px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.85em;color:var(--accent3)}.md-preview pre{background:var(--surface2);border:1px solid var(--border);padding:16px 18px;border-radius:var(--radius);overflow-x:auto;margin-bottom:14px}.md-preview pre code{background:none;border:none;padding:0;font-size:.9em;color:var(--text)}.md-preview ul,.md-preview ol{padding-left:20px;margin-bottom:12px}.md-preview li{margin-bottom:5px}.md-preview blockquote{border-left:2px solid var(--accent2);padding:8px 16px;margin-bottom:12px;color:var(--text-muted);font-style:italic;background:color-mix(in srgb,var(--accent2) 5%,transparent);border-radius:0 8px 8px 0}.md-preview hr{border:none;border-top:1px solid var(--border);margin:20px 0}.md-preview strong{font-weight:700;color:var(--text)}.md-preview em{font-style:italic;color:color-mix(in srgb,var(--text) 80%,var(--accent2))}.md-preview .md-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1.5px solid var(--border);border-radius:4px;cursor:pointer;vertical-align:middle;margin-right:7px;position:relative;background:var(--surface);transition:all .15s}.md-preview .md-check:hover{border-color:var(--accent3)}.md-preview .md-check:checked{background:var(--accent3);border-color:var(--accent3)}.md-preview .md-check:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.md-preview li:has(.md-check:checked){color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--border)}.wiki-link{color:var(--accent);cursor:pointer;background:color-mix(in srgb,var(--accent) 10%,transparent);padding:1px 6px;border-radius:4px;font-size:.88em;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);transition:background .15s;white-space:nowrap}.wiki-link:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.wiki-link.broken{color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);border-color:color-mix(in srgb,var(--warn) 20%,transparent)}.shortcut-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 16px;font-size:12px;color:var(--text-muted);pointer-events:none;animation:toastIn .18s ease,toastOut .25s ease 1.5s forwards;z-index:999;white-space:nowrap;box-shadow:0 4px 20px #0003}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%) translateY(6px)}}.drag-ghost{opacity:.35}