@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg-top: #070707;--bg-mid: #0d0d0d;--bg-bottom: #131313;--panel: #111111;--panel-soft: #171717;--line: #2b2b2b;--text: #f2f4ea;--muted: #8d9282;--accent: #c9f31d;--accent-dark: #a8d000;--accent-soft: #263006;--danger: #ff6b6b;--title: #f5f7ef;--topbar: #0b0b0b;--shadow: 0 18px 46px rgba(0, 0, 0, .42);--round: 10px;font-family:Space Grotesk,Segoe UI,sans-serif}:root[data-theme=light]{--bg-top: #eef1e7;--bg-mid: #e4e8db;--bg-bottom: #d6ddc4;--panel: #f7f9f1;--panel-soft: #eaf0dc;--line: #c7d0b5;--text: #171a12;--muted: #5e6753;--accent: #688500;--accent-dark: #4d6500;--accent-soft: #dce9a9;--danger: #a52525;--title: #171a12;--topbar: #e1e8ce;--shadow: 0 16px 36px rgba(40, 55, 15, .14)}*{box-sizing:border-box}body{margin:0;color:var(--text);background:linear-gradient(140deg,var(--bg-top) 0%,var(--bg-mid) 48%,var(--bg-bottom) 100%)}button,input{font:inherit}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(440px,100%);background:linear-gradient(180deg,var(--panel) 0%,var(--panel-soft) 100%);border:1px solid var(--line);border-radius:var(--round);box-shadow:var(--shadow);padding:1.5rem;display:grid;gap:1rem}.login-card h1{margin:0;color:var(--title);letter-spacing:.2px}.login-card p{margin:0;color:var(--muted)}.login-card label{display:grid;gap:.4rem;font-weight:600}.login-card input{border:1px solid var(--line);border-radius:9px;padding:.65rem .75rem;background:var(--panel);color:var(--text)}.login-card input:focus{outline:2px solid color-mix(in oklab,var(--accent) 35%,white);border-color:var(--accent)}.login-card button{border:none;border-radius:10px;padding:.75rem 1rem;background:linear-gradient(180deg,#ff6e31 0%,var(--accent) 100%);color:#fff;font-weight:700;cursor:pointer}.login-card button:hover{background:linear-gradient(180deg,#ff7b42 0%,var(--accent-dark) 100%)}.app-shell{height:100vh;display:grid;grid-template-columns:72px 330px 1fr;gap:10px;padding:10px;overflow:hidden}.dock{background:linear-gradient(180deg,color-mix(in oklab,var(--panel-soft) 86%,black) 0%,var(--panel-soft) 100%);border:1px solid var(--line);border-radius:var(--round);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:.8rem .35rem}.dock-item{width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer;display:grid;place-items:center;padding:0}.dock-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dock-item.active,.dock-item:hover{border-color:var(--accent);background:var(--accent-soft)}.sidebar,.reader{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-soft) 100%);border:1px solid var(--line);border-radius:var(--round);box-shadow:var(--shadow)}.sidebar{padding:.8rem .85rem 1rem;display:grid;grid-template-rows:auto 1fr;gap:1rem;min-height:0;overflow:hidden}.sidebar-head{display:flex;align-items:center;justify-content:space-between;background:var(--topbar);border:1px solid var(--line);border-radius:11px;padding:.65rem}.title-block{display:grid;gap:.2rem}.sidebar-head h2{margin:0;color:var(--title)}.sidebar-head span{color:var(--muted);font-size:.9rem}.sidebar-actions{display:flex;gap:.45rem}.sidebar-head button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;width:36px;height:36px;display:grid;place-items:center;padding:0;cursor:pointer}.sidebar-head button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-head button:hover{border-color:var(--accent);background:var(--accent-soft)}.tree-wrap{overflow:auto;padding-right:.2rem;min-height:0}.search-wrap{display:grid;align-content:start;gap:.7rem}.search-label{font-size:.9rem;color:var(--muted)}.search-input,.md-editor{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:.6rem .7rem}.search-input:focus,.md-editor:focus{outline:2px solid color-mix(in oklab,var(--accent) 35%,white);border-color:var(--accent)}.search-results{display:grid;gap:.45rem}.search-item{text-align:left;border:1px solid var(--line);background:color-mix(in oklab,var(--panel) 90%,var(--panel-soft));color:var(--text);border-radius:10px;padding:.55rem .65rem;cursor:pointer;display:grid;gap:.2rem}.search-item span{color:var(--muted);font-size:.82rem}.search-item:hover,.search-item.active{border-color:var(--accent);background:var(--accent-soft)}.editor-actions button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:.5rem .65rem;cursor:pointer}.editor-actions button:hover{border-color:var(--accent)}.reader-head-main{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.reader-head .editor-actions{display:flex;align-items:center;gap:.45rem}.editor-layout{display:grid;grid-template-columns:1fr;gap:.7rem;margin-bottom:1rem;min-height:0}.md-editor{min-height:320px;resize:vertical;font-family:JetBrains Mono,Consolas,monospace}.tree-folder,.tree-file{width:100%;text-align:left;border:none;border-radius:9px;background:transparent;color:var(--text);padding:.42rem .5rem;cursor:pointer;display:flex;gap:.45rem}.tree-folder-row,.tree-file-row{display:flex;align-items:center;gap:.25rem}.tree-folder-row .tree-folder,.tree-file-row .tree-file{flex:1;min-width:0}.tree-actions{display:flex;gap:.18rem;opacity:.45}.tree-folder-row:hover .tree-actions,.tree-actions:focus-within{opacity:1}.tree-actions button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:5px;padding:.2rem .28rem;font:.62rem JetBrains Mono,monospace;cursor:pointer}.tree-actions button:hover{border-color:var(--accent);color:var(--accent)}.tree-node.drop-target>.tree-folder-row .tree-folder{outline:1px dashed var(--accent);background:var(--accent-soft)}.tree-folder:hover,.tree-file:hover{background:var(--accent-soft)}.tree-file.active{background:var(--accent-soft);border-left:3px solid var(--accent);font-weight:700}.tree-file:disabled{opacity:.5;cursor:not-allowed}.tree-children{padding-left:1rem}.reader{padding:0;display:grid;grid-template-rows:auto 1fr;min-height:0;overflow:hidden}.reader-head{border-bottom:1px solid var(--line);background:var(--topbar);padding:.85rem 1.2rem .75rem;display:grid;gap:.45rem}.reader-head h1{margin:0 0 .8rem;font-size:1.24rem;color:var(--title)}.reader-content{overflow:auto;min-height:0;padding:1rem 2rem 1.5rem}.reader-content.editing{display:flex;flex-direction:column;overflow:hidden;padding:1rem 1.2rem 1.2rem}.reader-content.editing .editor-layout{flex:1;margin-bottom:0}.reader-content.editing .md-editor{flex:1;min-height:100%;height:100%;resize:none}.markdown-body{max-width:880px;line-height:1.75}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--title)}.markdown-body code,.markdown-body pre{font-family:JetBrains Mono,Consolas,monospace}.markdown-body pre{background:color-mix(in oklab,var(--panel-soft) 92%,black);border:1px solid var(--line);border-radius:10px;padding:.8rem;overflow:auto}.markdown-body img{display:block;max-width:100%;height:auto;border-radius:10px;margin:1rem 0}.markdown-body a{color:var(--accent)}.muted{color:var(--muted)}.error{color:var(--danger);margin:.5rem 0}@media (max-width: 980px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 44vh 1fr;padding:.6rem;gap:.6rem}.dock{flex-direction:row;justify-content:center;padding:.45rem}.sidebar-head{flex-direction:column;align-items:flex-start;gap:.5rem}.reader-content{padding:.9rem 1rem 1.2rem}}