@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;1,500&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f13;--surface: #16161e;--surface2: #1e1e28;--surface3: #26263a;--border: #2a2a3d;--border2: #363650;--text: #e8e6f0;--text2: #a09cbb;--text3: #6a6685;--gold: #D4A853;--gold2: #f0c97a;--teal: #4ecdc4;--red: #e05c6c;--green: #5cb87a;--radius: 8px}.blog-root{display:flex;height:100vh;background:var(--bg);font-family:Crimson Pro,Georgia,serif;color:var(--text);overflow:hidden;position:relative}.sidebar{width:300px;min-width:300px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:20px 18px 14px;border-bottom:1px solid var(--border)}.brand{font-family:Playfair Display,serif;font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--text);line-height:1.1}.brand-sub{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-top:3px}.admin-badge{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:3px 4px 3px 10px;border-radius:20px;background:#d4a8531f;border:1px solid rgba(212,168,83,.4);color:var(--gold);-webkit-user-select:none;user-select:none}.admin-badge-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding-right:4px}.admin-badge-action{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:background .15s,color .15s;color:var(--gold)}.admin-badge-action:hover{background:#d4a85340;color:var(--gold2)}.toolbar{display:flex;gap:6px;padding:10px 14px 8px;border-bottom:1px solid var(--border)}.toolbar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;color:var(--text2);cursor:pointer;text-transform:uppercase;transition:all .15s}.toolbar-btn:hover{background:var(--surface3);color:var(--gold);border-color:var(--border2)}.toolbar-btn.primary{background:var(--gold);color:#0f0f13;border-color:var(--gold);font-weight:500}.toolbar-btn.primary:hover{background:var(--gold2)}.sidebar-search{padding:10px 14px 0}.search-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-family:Crimson Pro,serif;font-size:14px;color:var(--text);outline:none}.search-input::placeholder{color:var(--text3)}.search-input:focus{border-color:var(--gold)}.tree{flex:1;overflow-y:auto;padding:6px 4px 16px}.tree::-webkit-scrollbar{width:4px}.tree::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.tree-section-label{padding:14px 14px 6px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text3);display:flex;align-items:center;justify-content:space-between}.tree-section-label button{background:transparent;border:none;color:var(--text3);cursor:pointer;font-size:14px;padding:0;line-height:1}.tree-section-label button:hover{color:var(--gold)}.tree-row{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 0;border-radius:5px;cursor:pointer;font-size:13px;color:var(--text2);position:relative;transition:background .12s}.tree-row:hover{background:var(--surface2);color:var(--text)}.tree-row.active{background:var(--surface3);color:var(--gold)}.tree-chevron{display:inline-block;width:12px;font-size:9px;color:var(--text3);flex-shrink:0}.tree-folder-icon{font-size:12px;flex-shrink:0}.tree-label{flex:1;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-rename-input{flex:1;background:var(--surface2);border:1px solid var(--gold);border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text);outline:none}.tree-count{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text3);padding-right:4px}.tree-menu-btn{background:transparent;border:none;color:var(--text3);cursor:pointer;font-size:14px;padding:0 4px;line-height:1;opacity:0;transition:opacity .15s,color .15s}.tree-row:hover .tree-menu-btn{opacity:1}.tree-menu-btn:hover{color:var(--gold)}.tree-menu{position:absolute;right:8px;top:26px;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;min-width:140px;z-index:50;overflow:hidden;box-shadow:0 4px 12px #0006}.tree-menu-item{padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text2);cursor:pointer}.tree-menu-item:hover{background:var(--surface3);color:var(--gold)}.tree-menu-item.danger:hover{color:var(--red)}.tree-post{padding:5px 10px 5px 0}.tree-post-title{flex:1;font-family:Playfair Display,serif;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.published{background:var(--green)}.status-dot.draft{background:var(--text3)}.tree-fb{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text3)}.sidebar-footer{padding:10px 16px;border-top:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text3);letter-spacing:.5px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{padding:0 32px;height:56px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;background:var(--surface);flex-shrink:0}.topbar-breadcrumb{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text3);letter-spacing:1px}.topbar-title{font-family:Playfair Display,serif;font-size:15px;color:var(--text2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:3px 8px;border-radius:20px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;flex-shrink:0}.status-badge.published{background:#5cb87a26;color:var(--green);border:1px solid rgba(92,184,122,.3)}.status-badge.draft{background:#6a668533;color:var(--text3);border:1px solid var(--border)}.topbar-actions{display:flex;gap:8px;margin-left:auto}.btn{padding:6px 14px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.5px;cursor:pointer;border:1px solid;transition:all .15s}.btn-ghost{background:transparent;border-color:var(--border2);color:var(--text2)}.btn-ghost:hover{background:var(--surface3)}.btn-gold{background:var(--gold);border-color:var(--gold);color:#0f0f13;font-weight:500}.btn-gold:hover{background:var(--gold2);border-color:var(--gold2)}.btn-danger{background:transparent;border-color:#e05c6c66;color:var(--red)}.btn-danger:hover{background:#e05c6c1a}.btn-teal{background:#4ecdc426;border-color:#4ecdc44d;color:var(--teal)}.btn-teal:hover{background:#4ecdc440}.content-scroll{flex:1;overflow-y:auto}.content-scroll::-webkit-scrollbar{width:4px}.content-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.content-inner{max-width:760px;margin:0 auto;padding:40px 32px 60px}.post-date{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text3);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.post-title{font-family:Playfair Display,serif;font-size:42px;font-weight:700;line-height:1.15;letter-spacing:-1px;color:var(--text);margin-bottom:18px}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px}.tag{padding:3px 10px;border-radius:20px;background:var(--surface3);border:1px solid var(--border2);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;color:var(--text3);text-transform:uppercase}.post-divider{border:none;border-top:1px solid var(--border);margin-bottom:32px}.post-body{font-size:19px;line-height:1.75;color:var(--text);white-space:pre-wrap;font-weight:300}.edit-field{margin-bottom:20px}.edit-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-bottom:7px}.edit-title-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border2);padding:8px 0;font-family:Playfair Display,serif;font-size:34px;color:var(--text);outline:none}.edit-title-input::placeholder{color:var(--text3)}.edit-title-input:focus{border-color:var(--gold)}.edit-textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;font-family:Crimson Pro,serif;font-size:18px;line-height:1.75;color:var(--text);outline:none;resize:vertical;min-height:400px;font-weight:300}.edit-textarea:focus{border-color:var(--gold)}.edit-folder-select{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text);outline:none;min-width:220px}.edit-folder-select:focus{border-color:var(--gold)}.tags-editor{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag-removable{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;background:#d4a8531a;border:1px solid rgba(212,168,83,.3);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;color:var(--gold);text-transform:uppercase}.tag-remove{cursor:pointer;font-size:12px;color:var(--text3);line-height:1}.tag-remove:hover{color:var(--red)}.tag-add-wrap{position:relative}.tag-input{background:var(--surface2);border:1px dashed var(--border2);border-radius:20px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:1px;color:var(--text2);outline:none;width:120px}.tag-input:focus{border-color:var(--gold)}.tag-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);min-width:150px;z-index:100;overflow:hidden}.tag-option{padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text2);cursor:pointer}.tag-option:hover{background:var(--surface3);color:var(--gold)}.edit-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--border);margin-top:8px}.feedback-section{max-width:760px;margin:0 auto;padding:0 32px 60px}.feedback-divider{border:none;border-top:2px solid var(--border);margin-bottom:36px}.feedback-heading{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:var(--text);margin-bottom:6px}.feedback-sub{font-size:14px;color:var(--text3);margin-bottom:28px;font-style:italic}.feedback-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.feedback-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;position:relative}.feedback-card-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--surface3);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:14px;font-weight:700;color:var(--gold);flex-shrink:0}.feedback-author{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text2);font-weight:500}.feedback-date{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text3);margin-top:2px}.feedback-text{font-size:16px;color:var(--text2);line-height:1.6;font-style:italic}.feedback-delete{position:absolute;top:12px;right:14px;background:transparent;border:none;color:var(--text3);cursor:pointer;font-size:14px}.feedback-delete:hover{color:var(--red)}.feedback-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.feedback-form-title{font-family:Playfair Display,serif;font-size:18px;color:var(--text);margin-bottom:18px}.form-row{display:flex;gap:14px;margin-bottom:14px}.form-input{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-family:Crimson Pro,serif;font-size:15px;color:var(--text);outline:none}.form-input:focus{border-color:var(--gold)}.form-input::placeholder{color:var(--text3)}.form-textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-family:Crimson Pro,serif;font-size:15px;color:var(--text);outline:none;resize:vertical;min-height:80px;margin-bottom:14px}.form-textarea:focus{border-color:var(--gold)}.form-textarea::placeholder{color:var(--text3)}.form-footer{display:flex;align-items:center;justify-content:space-between}.rating-label{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text3);letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:12px;color:var(--text3)}.empty-icon{font-size:40px;opacity:.3}.empty-text{font-family:Playfair Display,serif;font-size:20px;font-style:italic}.empty-sub{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1px}.toast{position:fixed;bottom:28px;right:28px;padding:12px 20px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.5px;z-index:999;animation:toastIn .25s ease}.toast.success{background:var(--surface3);border:1px solid var(--green);color:var(--green)}.toast.error{background:var(--surface3);border:1px solid var(--red);color:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.no-post{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text3);flex-direction:column;gap:10px;min-height:60vh}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;animation:toastIn .18s ease}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:28px 28px 24px;width:380px;max-width:90vw;box-shadow:0 10px 40px #00000080}.modal-title{font-family:Playfair Display,serif;font-size:22px;color:var(--text);margin-bottom:6px}.modal-sub{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px}.modal-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text);outline:none;margin-bottom:6px;letter-spacing:2px}.modal-input:focus{border-color:var(--gold)}.modal-input.error{border-color:var(--red)}.modal-error{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--red);margin-bottom:14px;min-height:14px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}