:root{--bg-editor: #1e1e1e;--bg-sidebar: #252526;--bg-activitybar: #333333;--bg-titlebar: #3c3c3c;--bg-tab-active: #1e1e1e;--bg-tab-inactive: #2d2d2d;--bg-statusbar: #007acc;--bg-input: #3c3c3c;--bg-hover: #2a2d2e;--bg-selection: #094771;--border: #303031;--border-light: #454545;--text-primary: #cccccc;--text-secondary: #d4d4d4;--text-muted: #858585;--text-active: #ffffff;--accent-blue: #3794ff;--accent-green: #6a9955;--accent-yellow: #dcdcaa;--accent-orange: #ce9178;--accent-pink: #c586c0;--accent-red: #f14c4c;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Cascadia Code", "Fira Code", ui-monospace, "SF Mono", Consolas, monospace;--activitybar-w: 48px;--sidebar-w: 260px;--tabbar-h: 36px;--statusbar-h: 22px;--titlebar-h: 30px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg-editor);color:var(--text-secondary);font-family:var(--font-ui);overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit}::selection{background:var(--bg-selection)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#4b4b4b;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#5b5b5b}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-rows:var(--titlebar-h) 1fr;height:100vh;width:100vw}.titlebar{height:var(--titlebar-h);background:var(--bg-titlebar);display:flex;align-items:center;padding:0 12px;font-size:12px;color:var(--text-muted);gap:8px;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border)}.titlebar .traffic{display:flex;gap:6px;margin-right:6px}.titlebar .traffic span{width:11px;height:11px;border-radius:50%;display:inline-block}.traffic .red{background:#ff5f57}.traffic .yellow{background:#febc2e}.traffic .green{background:#28c840}.titlebar .title{flex:1;text-align:center;font-size:12px}.body{display:grid;grid-template-columns:var(--activitybar-w) auto 1fr;min-height:0}.body.sidebar-collapsed{grid-template-columns:var(--activitybar-w) 0 1fr}.activitybar{background:var(--bg-activitybar);display:flex;flex-direction:column;align-items:center;padding-top:8px;border-right:1px solid var(--border)}.activitybar .spacer{flex:1}.activity-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#858585;cursor:pointer;position:relative;background:none;border:none}.activity-icon:hover,.activity-icon.active{color:#fff}.activity-icon.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--text-active)}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden}.body.sidebar-collapsed .sidebar{width:0;border-right:none}.sidebar-header{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);padding:10px 16px 6px;font-weight:600}.tree-folder{-webkit-user-select:none;user-select:none}.tree-folder-label{display:flex;align-items:center;gap:4px;padding:3px 8px;font-size:13px;cursor:pointer;color:var(--text-primary)}.tree-folder-label:hover{background:var(--bg-hover)}.tree-file{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 28px;font-size:13px;cursor:pointer;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-file:hover{background:var(--bg-hover)}.tree-file.active{background:var(--bg-selection)}.tree-file .dot{width:8px;height:8px;border-radius:50%;background:#519aba;flex-shrink:0}.search-box{margin:8px 12px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:3px;padding:6px 8px;display:flex;align-items:center;gap:6px}.search-box input{background:none;border:none;outline:none;color:var(--text-secondary);font-size:13px;width:100%;font-family:var(--font-ui)}.search-results{padding:0 4px}.search-result-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--border)}.search-result-item:hover{background:var(--bg-hover)}.search-result-item .srt-title{font-size:13px;color:var(--text-primary)}.search-result-item .srt-snippet{font-size:12px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.admin-panel{padding:8px 12px;display:flex;flex-direction:column;gap:8px}.btn{background:#0e639c;color:#fff;border:none;padding:6px 12px;border-radius:2px;font-size:13px;cursor:pointer}.btn:hover{background:#17b}.btn.secondary{background:transparent;border:1px solid var(--border-light);color:var(--text-primary)}.btn.secondary:hover{background:var(--bg-hover)}.btn.danger{background:transparent;border:1px solid #5a1d1d;color:var(--accent-red)}.btn.danger:hover{background:#3a1414}.admin-post-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:5px 4px;color:var(--text-primary)}.admin-post-row .name{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-post-row .actions{display:flex;gap:6px;flex-shrink:0}.admin-post-row .actions button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px}.admin-post-row .actions button:hover{color:var(--text-active)}.login-form{display:flex;flex-direction:column;gap:8px}.login-form input{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-secondary);padding:6px 8px;border-radius:2px;font-size:13px;outline:none}.login-form input:focus{border-color:var(--accent-blue)}.login-error{color:var(--accent-red);font-size:12px}.login-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.main{display:grid;grid-template-rows:var(--tabbar-h) 1fr var(--statusbar-h);min-width:0;min-height:0}.tabbar{display:flex;background:var(--bg-tab-inactive);overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--border)}.tab{display:flex;align-items:center;gap:8px;padding:0 10px 0 14px;height:var(--tabbar-h);background:var(--bg-tab-inactive);border-right:1px solid var(--border);color:var(--text-muted);font-size:13px;cursor:pointer;white-space:nowrap;flex-shrink:0}.tab.active{background:var(--bg-tab-active);color:var(--text-active);border-top:1px solid var(--accent-blue)}.tab .close{border:none;background:none;color:inherit;opacity:.6;cursor:pointer;font-size:14px;line-height:1;padding:2px;border-radius:3px}.tab .close:hover{opacity:1;background:var(--bg-hover)}.tab .unsaved-dot{width:8px;height:8px;border-radius:50%;background:var(--text-active);display:inline-block}.editor-scroll{overflow-y:auto;min-height:0;background:var(--bg-editor)}.editor-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;flex-direction:column;gap:16px}.editor-empty .kbd-row{display:flex;gap:6px;align-items:center;font-size:13px}kbd{background:var(--bg-input);border:1px solid var(--border-light);border-bottom-width:2px;border-radius:4px;padding:2px 6px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.editor-body{display:flex;min-height:100%}.gutter{flex-shrink:0;padding:24px 12px 24px 0;text-align:right;color:#545454;font-family:var(--font-mono);font-size:13px;line-height:1.7;-webkit-user-select:none;user-select:none}.editor-content{padding:24px 32px 80px 16px;font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--text-secondary);max-width:780px}.frontmatter{color:var(--accent-green);margin-bottom:20px;white-space:pre-wrap}.frontmatter .fm-key{color:var(--accent-pink)}.frontmatter .fm-string{color:var(--accent-orange)}.editor-content h1,.editor-content h2,.editor-content h3{font-family:var(--font-ui);color:var(--text-active);border-bottom:1px solid var(--border);padding-bottom:6px}.editor-content h1{font-size:26px}.editor-content h2{font-size:20px}.editor-content h3{font-size:16px}.editor-content p,.editor-content li{font-family:var(--font-ui);font-size:14.5px}.editor-content a{color:var(--accent-blue)}.editor-content code{background:#2a2a2a;color:var(--accent-orange);padding:1px 5px;border-radius:3px;font-size:13px}.editor-content pre{background:#181818;border:1px solid var(--border);border-radius:4px;padding:12px 14px;overflow-x:auto}.editor-content pre code{background:none;padding:0;color:var(--accent-yellow)}.editor-content blockquote{border-left:3px solid var(--accent-blue);margin-left:0;padding-left:14px;color:var(--text-muted);font-family:var(--font-ui)}.edit-form{padding:24px 32px;max-width:780px;display:flex;flex-direction:column;gap:14px}.edit-form label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.edit-form input[type=text]{width:100%;background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-secondary);padding:8px 10px;border-radius:2px;font-family:var(--font-ui);font-size:14px;outline:none}.edit-form input[type=text]:focus{border-color:var(--accent-blue)}.edit-form textarea{width:100%;min-height:380px;background:#181818;border:1px solid var(--border-light);color:var(--text-secondary);padding:14px;border-radius:2px;font-family:var(--font-mono);font-size:13.5px;line-height:1.6;outline:none;resize:vertical}.edit-form textarea:focus{border-color:var(--accent-blue)}.edit-form .row{display:flex;gap:10px}.edit-form .actions{display:flex;gap:10px;margin-top:4px}.edit-form .save-error{color:var(--accent-red);font-size:13px}.statusbar{background:var(--bg-statusbar);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px;-webkit-user-select:none;user-select:none}.statusbar .left,.statusbar .right{display:flex;align-items:center;gap:14px}.statusbar .item{display:flex;align-items:center;gap:4px;white-space:nowrap}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:80px;z-index:100}.palette{width:min(560px,90vw);background:#252526;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 8px 24px #00000080;overflow:hidden}.palette input{width:100%;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-secondary);padding:12px 14px;font-size:15px;outline:none;font-family:var(--font-ui)}.palette-list{max-height:340px;overflow-y:auto}.palette-item{padding:9px 14px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.palette-item.selected{background:var(--bg-selection)}.palette-item .p-title{font-size:13.5px;color:var(--text-primary)}.palette-item .p-meta{font-size:11.5px;color:var(--text-muted)}.palette-empty{padding:20px 14px;color:var(--text-muted);font-size:13px;text-align:center}@media (max-width: 768px){:root{--activitybar-w: 0px}.body{grid-template-columns:1fr;grid-template-rows:1fr;position:relative}.body.sidebar-collapsed .sidebar{display:none}.activitybar{position:fixed;bottom:0;left:0;right:0;width:100%;height:52px;flex-direction:row;justify-content:space-around;padding-top:0;border-right:none;border-top:1px solid var(--border);z-index:50}.activitybar .spacer{display:none}.activity-icon.active:before{left:8px;right:8px;top:0;bottom:auto;height:2px;width:auto}.sidebar{position:fixed;top:var(--titlebar-h);bottom:52px;left:0;width:84vw;max-width:320px;z-index:40;box-shadow:4px 0 16px #0006}.main{grid-row:1;padding-bottom:52px}.editor-content{padding:18px 16px 60px;font-size:14px}.gutter{display:none}.edit-form{padding:16px}.edit-form .row{flex-direction:column}.statusbar .item.hide-mobile{display:none}}