:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1f1f1f;--muted:#8a8a8a;--border:#e0e0e0;--accent:#f2a93a;--accent-fg:#1a1200}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--fg:#f2f2f2;--muted:#8a8a8a;--border:#262626;--accent:#f2a93a;--accent-fg:#1a1200}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 20px;display:flex}header h1{flex:1;margin:0;font-size:18px;font-weight:500}button,.btn{font:inherit;border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:18px;padding:6px 14px}button:hover,.btn:hover{border-color:var(--accent);background:#f2a93a1f}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}#app{max-width:1300px;margin:0 auto;padding:20px}.home-layout{grid-template-columns:180px 1fr;gap:24px;display:grid}@media (width<=700px){.home-layout{grid-template-columns:1fr}.sidebar{flex-flow:wrap;gap:8px}}.sidebar{flex-direction:column;gap:2px;padding-top:4px;display:flex}.nav-item{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;border-radius:18px;padding:8px 12px;font-size:14px;text-decoration:none;display:block;overflow:hidden}.nav-item:hover{background:#f2a93a1f}.nav-item.active{background:var(--accent);color:var(--accent-fg);font-weight:600}.section-label{text-transform:uppercase;letter-spacing:.04em;margin:4px 0 10px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.card{border:1px solid var(--border);cursor:pointer;border-radius:10px;min-height:90px;padding:14px;position:relative}.card:hover{border-color:var(--accent)}.card h3{margin:0 24px 6px 0;font-size:15px}.card p{color:var(--muted);white-space:pre-line;max-height:4.5em;margin:0;font-size:13px;overflow:hidden}.card .pin-btn{opacity:.6;background:0 0;border:none;padding:2px;font-size:15px;position:absolute;top:8px;right:8px}.card .pin-btn:hover{opacity:1;background:0 0}.tag-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{color:var(--accent);background:#f2a93a26;border-radius:10px;padding:2px 9px;font-size:11px}.editor-layout{grid-template-columns:1fr 1fr;gap:16px;height:calc(100vh - 130px);display:grid}@media (width<=800px){.editor-layout{grid-template-columns:1fr;height:auto}}textarea#outline{resize:none;width:100%;height:100%;color:var(--fg);background:0 0;border:none;border-radius:0;padding:8px 4px;font:15px/1.7 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}textarea#outline:focus{outline:none}#mindmap-preview{border:none;position:relative}#mindmap-preview svg{width:100%;height:100%}#mindmap-preview svg text{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;fill:var(--fg)!important}#mindmap-preview svg .markmap-link{stroke-width:2px;stroke:var(--accent)!important}#mindmap-preview svg .markmap-node>circle{fill:var(--accent)!important;stroke:var(--accent)!important}#mindmap-preview.is-fullscreen{background:var(--bg)}#mindmap-preview #fullscreen{z-index:1;background:var(--bg);padding:6px 10px;font-size:16px;line-height:1;position:absolute;top:8px;right:8px}input#title{color:var(--fg);background:0 0;border:none;width:100%;padding:8px 0;font:20px/1.4 inherit}input#title:focus{outline:none}.links-section{margin-top:12px}.link-row{gap:8px;margin-bottom:6px;display:flex}.link-row input{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;padding:4px 8px;font:13px inherit}.link-row input[name=label]{width:140px}.link-row input[name=url]{flex:1}.toolbar{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 20px;display:flex}.muted{color:var(--muted);font-size:13px}