@font-face{font-family:Marknote Wordmark;src:url(/fonts/marknote-wordmark.woff2) format("woff2");font-weight:700;font-display:swap}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-text-size-adjust:100%}.sidebar-header{padding:8px 14px;border-bottom:1px solid var(--bg-hover);background:var(--surface);display:grid;grid-template-rows:auto auto;gap:8px;position:sticky;top:0;z-index:20}.sidebar-header-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;width:100%}.sidebar-header-tools{display:flex;align-items:center;gap:2px}.sidebar-header-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;min-width:0;width:100%}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:9px;font-family:Marknote Wordmark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);cursor:pointer;transition:opacity .15s;min-width:0}.logo-accent{color:var(--accent)}.logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo svg{color:inherit}.logo:hover{opacity:.8}.header-right{display:flex;align-items:center;gap:6px}.header-btn{padding:5px 10px;background:var(--bg-subtle);color:var(--text-secondary);border:none;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-collapse-btn{display:none;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--bg-hover);border-radius:6px;background:var(--surface);color:var(--text-secondary);cursor:pointer;flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.sidebar-resize-handle{display:none}body.sidebar-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.search-container{padding:8px 10px;border-bottom:1px solid var(--bg-hover);background:var(--surface);display:flex;align-items:center;gap:6px}.search-input-wrapper{position:relative;display:flex;align-items:center;flex:1}.search-icon{position:absolute;left:9px;color:var(--text-muted)}.search-input{width:100%;padding:6px 10px 6px 30px;border:1px solid var(--bg-hover);border-radius:6px;font-size:15px;background:var(--bg-subtle);transition:all .15s}.search-input:focus{outline:none;border-color:var(--border-strong);background:var(--surface)}.search-clear{position:absolute;right:6px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center}.search-clear:hover{color:var(--text-secondary)}.refresh-btn{background:none;border:1px solid var(--bg-hover);border-radius:5px;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-muted);transition:all .15s}.refresh-btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-secondary)}.refresh-btn:disabled{opacity:.4}.refresh-btn .spinning{animation:spin 1s linear infinite}.create-file-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--bg-hover);background:none;color:var(--text-muted);border-radius:5px;cursor:pointer;transition:all .15s}.create-file-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--surface)}.file-tree{flex:1;overflow-y:auto;display:flex;flex-direction:column}.file-tree-content{flex:1;padding:4px 6px;overflow-y:auto}.loading-fade-in{opacity:0;animation:fadeIn .2s ease forwards}.file-tree.loading{display:flex;justify-content:center;align-items:center;color:var(--text-muted);font-size:13px}.file-tree.error{padding:16px;text-align:center}.error-message{color:var(--danger);margin-bottom:8px;font-size:13px}.folder-section{--section-color: var(--text-muted);margin-bottom:10px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 6px;cursor:pointer;border-radius:6px;border-left:3px solid transparent;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.section-header:hover{background:var(--bg-subtle);border-left-color:var(--section-color)}.folder-section .section-header{border-left-color:color-mix(in srgb,var(--section-color) 30%,transparent)}.section-header .section-content{display:flex;align-items:center;gap:7px;flex:1}.section-icon{display:flex;align-items:center;gap:3px;color:var(--section-color)}.section-icon svg{flex-shrink:0}.section-title{font-size:15px;font-weight:600;color:var(--text-primary);flex:1}.section-count{font-size:12px;font-weight:500;color:var(--surface);background:var(--section-color);border-radius:10px;padding:1px 6px;min-width:18px;text-align:center;opacity:.85}.section-files{margin-left:4px;margin-bottom:4px}.project-item{margin:0}.project-header{position:relative;display:flex;align-items:center;gap:6px;padding:6px 8px;min-height:48px;cursor:pointer;border-radius:4px;transition:background .1s}.project-header:hover{background:var(--bg-subtle)}.project-header.drop-target{background:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent)}.project-icon{display:flex;align-items:center;gap:3px;color:var(--text-muted)}.project-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.project-name{font-size:16px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-file-count{font-size:13px;color:var(--text-muted);flex-shrink:0}.project-files{margin-left:16px;padding-left:8px;border-left:1px solid var(--bg-hover)}.project-file{margin:0;padding:2px 4px;font-size:14px}.project-file .file-info{gap:4px}.delete-project-btn{background:none;border:none;color:inherit;cursor:pointer;padding:2px;border-radius:3px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s}.project-header:hover .delete-project-btn{opacity:.5}.delete-project-btn:hover{opacity:1!important;background:rgba(220,53,69,.08);color:var(--danger)}.file-item{display:flex;align-items:center;gap:4px;padding:5px 6px;margin:0;border-radius:4px;cursor:pointer;transition:background .1s;font-size:14px}.file-item:hover{background:var(--bg-subtle)}.file-item.selected{background:var(--accent-bg);color:var(--accent)}.file-item.dragging{opacity:.45;background:var(--bg-subtle);cursor:grabbing}.file-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.file-info svg{color:var(--border-strong);flex-shrink:0}.file-name{font-size:14px;font-weight:400;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.file-search-snippet{color:var(--text-secondary);font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-highlight{background:var(--highlight-bg);color:inherit;border-radius:2px;padding:0 1px}.cm-search-hit{background:var(--highlight-bg);border-radius:2px}.file-item.selected .file-name{font-weight:500;color:var(--accent)}.file-item.selected .file-info svg{color:var(--accent)}.file-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}.file-size{font-size:11px;color:var(--text-muted);white-space:nowrap}.download-btn,.delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px;border-radius:3px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .15s}.delete-btn:hover{background:rgba(220,53,69,.08);color:var(--danger)}.empty-folder{padding:6px 12px;color:var(--border-strong);font-size:12px;text-align:center}.note-trash-drop{display:flex;align-items:center;gap:7px;margin:6px 0 0;padding:6px 9px;border-radius:6px;color:var(--text-secondary);font-size:15px;transition:background .1s,box-shadow .1s,color .1s}.note-trash-drop svg{color:var(--text-muted)}.note-trash-drop.drop-target{background:var(--danger-bg);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.note-trash-drop.drop-target svg{color:var(--danger)}.note-trash-drop{cursor:pointer}.note-trash-drop:hover{background:var(--bg-hover);color:var(--text-primary)}.trash-chevron{display:flex;align-items:center;margin-left:auto}.trash-empty-btn{margin-left:auto;padding:1px 8px;background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:12px;cursor:pointer;transition:border-color .15s,color .15s}.trash-empty-btn:hover{border-color:var(--danger);color:var(--danger)}.trash-empty-btn+.trash-chevron{margin-left:0}.trash-items{margin:0 0 6px;padding-left:12px}.trash-item{display:flex;align-items:center;gap:8px;padding:4px 9px;border-radius:6px;font-size:15px;color:var(--text-secondary)}.trash-item:hover{background:var(--bg-hover)}.trash-item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.trash-item:hover .trash-item-actions{opacity:1}.trash-item-actions button{padding:1px 7px;background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:border-color .15s,color .15s}.trash-item-actions button:hover{border-color:var(--accent);color:var(--accent)}.trash-item-actions .trash-item-purge:hover{border-color:var(--danger);color:var(--danger)}.folder-delete-btn:hover{background:var(--danger-bg);color:var(--danger)}.conflict-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.conflict-dialog{background:var(--surface);border-radius:14px;max-width:420px;width:100%;padding:24px;box-shadow:0 4px 12px #0f172a14,0 12px 32px #0f172a24}.conflict-title{margin:0 0 10px;font-size:17px;font-weight:600;color:var(--text-primary)}.conflict-desc{margin:0 0 14px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.conflict-desc strong{color:var(--accent);font-size:16px}.conflict-countdown-bar{height:4px;border-radius:2px;background:var(--bg-hover);overflow:hidden;margin-bottom:18px}.conflict-countdown-fill{height:100%;background:var(--accent);border-radius:2px;transition:width 1s linear}.conflict-buttons{display:flex;flex-direction:column;gap:8px}.conflict-btn{padding:9px 16px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.conflict-overwrite{background:var(--accent);color:#fff}.conflict-overwrite:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}.conflict-reload{background:none;border-color:var(--border);color:var(--text-secondary)}.conflict-reload:hover{border-color:var(--accent);color:var(--accent)}.conflict-cancel{background:none;color:var(--text-muted)}.conflict-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.add-file-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;margin:2px 0;background:var(--bg-subtle);border:1px solid var(--bg-hover);border-radius:5px;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.add-file-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--surface)}.add-file-btn:active{transform:scale(.98)}.quick-note-btn{background:var(--bg-subtle)!important;color:var(--text-secondary)!important}.quick-note-btn:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}@media (max-width: 768px){.app{flex-direction:column;height:100vh;position:relative;overflow-x:hidden}.sidebar{position:fixed!important;top:0;left:0;bottom:0;width:300px;max-width:85vw;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;border-right:1px solid var(--bg-hover);overflow-y:auto;overflow-x:hidden;background:var(--surface);display:flex;flex-direction:column}.sidebar-resize-handle,.sidebar-collapse-btn{display:none!important}.sidebar.visible{transform:translate(0);box-shadow:4px 0 20px #00000014}.main-content{flex:1;height:100vh;overflow:hidden}.mobile-nav-toggle{display:flex!important;position:fixed;top:12px;left:12px;z-index:999;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--bg-hover);border-radius:8px;width:36px;height:36px;color:var(--text-secondary);cursor:pointer;align-items:center;justify-content:center;transition:all .15s}.mobile-nav-toggle:hover{background:var(--surface);border-color:var(--border-strong)}.mobile-nav-toggle.active{color:var(--danger)}.mobile-nav-overlay{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:999}.sidebar-header{padding:8px 12px!important;position:sticky!important;top:0!important;z-index:20!important;background:var(--surface)!important;border-bottom:1px solid var(--bg-hover)!important}.search-container{padding:6px 8px;gap:4px}.search-input{padding:6px 8px 6px 28px;font-size:13px}.file-tree-content{padding:4px;height:calc(100% - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}.file-item{padding:3px 8px;font-size:14px;min-height:28px}.section-files .file-item{margin-left:12px}.file-info svg{display:none}.file-name{font-size:12px;font-weight:500}.project-header{padding:6px 8px}.project-files{margin-left:12px;padding-left:8px}.header-btn{padding:5px 8px!important;font-size:11px!important}}@media (min-width: 769px){.app{flex-direction:row}.sidebar{position:relative!important;transform:none!important;width:var(--sidebar-width, 320px);min-width:var(--sidebar-width, 320px);flex-shrink:0;border-right:1px solid var(--bg-hover);height:100vh;overflow-y:auto;overflow-x:hidden;max-width:none;background:var(--surface);display:flex;flex-direction:column}.sidebar.collapsed{width:52px;min-width:52px;overflow:hidden}.sidebar.collapsed .sidebar-header{align-items:center;justify-content:center;padding:8px;display:flex}.sidebar-collapse-btn{display:inline-flex}.sidebar-resize-handle{display:block;position:absolute;top:0;right:0;width:10px;height:100%;cursor:col-resize;z-index:200;touch-action:none}.sidebar-resize-handle:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:transparent;transition:background .15s}.sidebar-resize-handle:hover:after,.sidebar.resizing .sidebar-resize-handle:after{background:var(--border-strong)}.sidebar.collapsed .sidebar-resize-handle{display:none}.main-content{flex:1;height:100vh}.mobile-nav-toggle,.mobile-nav-overlay{display:none!important}.mobile-resize-handle{display:none}.header-right{width:100%;justify-content:flex-start!important}}.section-files .file-item{margin-left:14px;position:relative}.section-files .file-item:before{content:"";position:absolute;left:-8px;top:50%;width:6px;height:1px;background:var(--bg-hover);transform:translateY(-50%)}.file-tree::-webkit-scrollbar,.file-tree-content::-webkit-scrollbar{width:4px}.file-tree::-webkit-scrollbar-track,.file-tree-content::-webkit-scrollbar-track{background:transparent}.file-tree::-webkit-scrollbar-thumb,.file-tree-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.file-tree::-webkit-scrollbar-thumb:hover,.file-tree-content::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.file-tree .todo-file-section{margin:16px 8px 8px;padding:12px 8px;background:var(--warning-bg);border-radius:6px;border:1px solid var(--warning-border)}@media (max-width: 768px){.file-tree .todo-file-section{margin:12px 6px 6px}}.todo-file{background:rgba(255,255,255,.9);border-radius:6px;padding:10px 14px;border:1px solid rgba(255,215,0,.2);transition:all .15s}.todo-file:hover{background:rgba(255,255,255,.95)}.todo-file.selected{background:var(--highlight-strong);border-color:var(--highlight-strong)}.todo-content{display:flex;align-items:center;justify-content:center;gap:16px}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.editor{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-header{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:var(--surface);flex-shrink:0}.editor-title{display:flex;align-items:center;gap:4px}.editor-title h2{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.filename-display{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;margin:0;font-size:18px;font-weight:600}.filename-display:hover{background-color:var(--bg-subtle)}.filename-input{border:2px solid var(--accent);border-radius:4px;padding:4px 8px;font-size:18px;font-weight:600;background:var(--surface);outline:none;min-width:200px}.filename-extension{color:var(--text-secondary);font-size:16px;font-weight:500}@media (max-width: 768px){.filename-display{font-size:16px}.filename-input{font-size:16px;min-width:150px}.filename-extension{font-size:14px}}.unsaved-indicator{color:var(--danger);font-size:20px}.editor-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:5px;padding:5px 11px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;min-height:28px;white-space:nowrap;touch-action:manipulation}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn.primary{background:var(--accent);color:#fff;padding:6px 14px;border-radius:8px}.action-btn.primary:hover{background:var(--accent-hover)}.editor-tag-bar{display:flex;align-items:flex-start;gap:10px;padding:8px 16px;border-bottom:1px solid var(--bg-hover);background:var(--surface);flex-shrink:0}.editor-tag-label{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:600;min-height:28px;padding-top:5px;flex-shrink:0}.editor-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;flex:1}.editor-tag-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--info-border);border-radius:14px;background:var(--info-bg);color:var(--info);font-size:12px;font-weight:600;padding:4px 8px;cursor:pointer;min-height:26px}.editor-tag-chip:hover{background:var(--info-bg);border-color:var(--info-border)}.editor-tag-chip span{color:var(--text-muted);font-weight:700}.editor-tag-input{border:1px solid var(--border);border-radius:14px;background:var(--bg-subtle);color:var(--text-primary);font-size:12px;min-width:180px;flex:1 1 180px;padding:5px 10px;outline:none;min-height:26px}.editor-tag-input:focus{background:var(--surface);border-color:var(--info-border);box-shadow:0 0 0 2px #4a90e21f}.content-search-item{flex-direction:column!important;align-items:stretch!important}.search-result-content{display:flex;flex-direction:column;gap:4px;flex:1}.search-context{font-size:12px;color:var(--text-secondary);background:var(--bg-subtle);padding:4px 8px;border-radius:4px;border-left:3px solid var(--accent);margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-search-item .file-info{align-items:flex-start!important;gap:8px}.action-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.editor-header{padding:12px;flex-wrap:wrap;gap:12px}.editor-title h2{font-size:16px}.editor-actions{gap:6px}.editor-tag-bar{padding:8px 12px;gap:8px}.editor-tag-label span{display:none}.editor-tag-input{min-width:120px;flex-basis:120px}.action-btn{padding:6px 10px;font-size:12px;min-height:32px}}.main-content{min-width:0}.editor-content{flex:1;display:flex;overflow:hidden;min-width:0}.editor-pane{flex:1;display:flex;flex-direction:column;overflow:auto;min-width:0;background:var(--surface)}.editor-pane .cm-editor,.editor-pane .cm-scroller{background-color:transparent!important}.preview-pane{flex:1;border-left:1px solid var(--border);overflow-y:auto;padding:16px;background:var(--bg-subtle)}@media (min-width: 769px){.editor-content.split-view .editor-pane,.editor-content.split-view .preview-pane{flex:1}}@media (min-width: 1200px){.editor-content.split-view .editor-pane{flex:1.2}.editor-content.split-view .preview-pane{flex:1}}@media (max-width: 768px){.editor-content.split-view .editor-pane{display:none}.editor-content.split-view .preview-pane{flex:1;border-left:none}}.editor-status{padding:8px 16px;background:var(--bg-subtle);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary);flex-shrink:0}.note-dates{color:var(--text-muted);margin-left:12px;white-space:nowrap}@media (max-width: 768px){.note-dates{display:none}}.version-info{color:var(--accent);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;padding:2px 6px;background:rgba(0,123,255,.1);border-radius:4px;cursor:help}.status-left,.status-right{display:flex;align-items:center;gap:16px}@media (max-width: 768px){.editor-status{padding:6px 12px;flex-wrap:wrap;gap:8px}.status-right{gap:8px}}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary);font-size:16px;gap:12px}.loading-spinner{width:10px;height:10px;border:2px solid var(--bg-hover);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.markdown-help-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.markdown-help-modal{background:var(--surface);border-radius:12px;max-width:800px;max-height:80vh;width:100%;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.markdown-help-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--bg-hover);background:var(--bg-subtle);border-radius:12px 12px 0 0}.markdown-help-header h3{margin:0;display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:18px;font-weight:600}.close-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s;color:var(--text-secondary)}.close-btn:hover{background-color:var(--bg-hover)}.markdown-help-content{padding:24px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.help-section{background:var(--bg-subtle);border-radius:8px;padding:16px}.help-section h4{margin:0 0 12px;color:var(--text-secondary);font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:2px solid var(--bg-hover)}.help-items{display:flex;flex-direction:column;gap:12px}.help-item{background:var(--surface);border-radius:6px;padding:12px;border:1px solid var(--bg-hover)}.syntax-example{margin-bottom:6px}.syntax-example code{background:var(--bg-hover);color:var(--code-accent);padding:4px 8px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;border:1px solid var(--bg-hover);display:block;white-space:pre-wrap;word-break:break-word}.description{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:14px}.description kbd{background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:12px;font-family:monospace;color:var(--text-primary);box-shadow:inset 0 -1px 0 var(--border)}.help-tips{grid-column:1 / -1;background:var(--accent-bg);border-radius:8px;padding:16px;border-left:4px solid var(--accent)}.help-tips h4{margin:0 0 12px;color:var(--info);font-size:16px;font-weight:600}.help-tips ul{margin:0;padding-left:20px;color:var(--info-strong)}.help-tips li{margin-bottom:6px;font-size:14px}@media (max-width: 768px){.markdown-help-overlay{padding:10px}.markdown-help-modal{max-height:90vh}.markdown-help-content{grid-template-columns:1fr;gap:16px;padding:16px}.help-section{padding:12px}}.preview-content{font-size:16px;line-height:1.7;max-width:74ch;margin:0 auto}.preview-content h1{font-size:2.2em;margin:.8em 0 .5em}.preview-content h2{font-size:1.8em;margin:.7em 0 .4em;padding-bottom:.25em;border-bottom:1px solid var(--border)}.preview-content h3{font-size:1.5em;margin:.6em 0 .3em}.preview-content p{margin:1em 0;font-size:16px}.preview-content ul,.preview-content ol{font-size:16px;margin:1em 0;padding-left:2em}.preview-content li{margin:.5em 0;line-height:1.6}.preview-content input[type=checkbox]{margin-right:12px;transform:scale(1.3);cursor:pointer;accent-color:var(--accent);flex-shrink:0}.preview-content ul li:has(input[type=checkbox]){list-style:none;margin-left:-2em;padding:.4em 0;display:flex;align-items:flex-start;gap:8px;color:var(--text-primary)!important;font-size:16px}.preview-content ul li input[type=checkbox]:checked~*{text-decoration:line-through;color:var(--text-secondary)!important;opacity:.7}.preview-content ul li:has(input[type=checkbox]:checked){text-decoration:line-through;color:var(--text-secondary)!important;opacity:.7}.preview-content code{font-size:14px;background-color:var(--bg-subtle);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border:1px solid var(--bg-hover)}.preview-content pre{background-color:var(--bg-subtle);border:1px solid var(--bg-hover);border-radius:8px;padding:16px;margin:1.5em 0;overflow-x:auto;font-size:14px;line-height:1.4}.preview-content pre code{background:none;border:none;padding:0;font-size:14px}.preview-content blockquote{border-left:4px solid var(--accent);margin:1.5em 0;padding:.5em 1em;background-color:var(--bg-subtle);font-size:16px;font-style:italic;color:var(--text-secondary)}.preview-content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:15px}.preview-content th,.preview-content td{border:1px solid var(--border);padding:8px 12px;text-align:left}.preview-content th{background-color:var(--bg-subtle);font-weight:600}.preview-content img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1em 0;display:block}.preview-content img:hover{box-shadow:0 4px 16px #00000026;transform:scale(1.02);transition:all .3s ease}@media (max-width: 768px){.preview-content img{border-radius:6px;margin:.8em 0}.preview-content img:hover{transform:none}}@media (min-width: 1200px){.preview-content img{max-width:90%;margin:1.5em auto}}.editor-content.drag-over{background-color:#007bff0d;border:2px dashed var(--accent);border-radius:8px}.upload-panel{position:absolute;right:16px;bottom:16px;z-index:10;width:300px;max-width:calc(100% - 32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:uploadPanelIn .18s ease-out}@keyframes uploadPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.upload-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.upload-panel-title{font-size:13px;font-weight:600;color:var(--text-primary)}.upload-panel-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer}.upload-panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}.upload-panel-list{max-height:180px;overflow-y:auto;padding:4px 0}.upload-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:13px;color:var(--text-secondary)}.upload-item-icon{flex-shrink:0;font-size:14px}.upload-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.upload-item-size{flex-shrink:0;font-size:12px;color:var(--text-muted)}.upload-item-status{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.upload-item-done .upload-item-status{color:var(--success)}.upload-item-error .upload-item-status,.upload-item-error .upload-item-name{color:var(--danger)}.upload-item-pending{opacity:.55}.upload-item-spinner{width:12px;height:12px;border:2px solid var(--bg-hover);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,123,255,.1);display:flex;align-items:center;justify-content:center;z-index:5;border-radius:8px;border:2px dashed var(--accent);pointer-events:none}.drag-message{text-align:center;color:var(--accent);font-size:18px;font-weight:600}.drag-message small{display:block;margin-top:8px;font-size:14px;font-weight:400;opacity:.8}.editor-pane{position:relative}@media (max-width: 768px){.drag-message{font-size:16px}.drag-message small{font-size:12px}.upload-panel{right:8px;left:8px;bottom:8px;width:auto;max-width:none}}.loading-dots{display:flex;gap:4px}.loading-dot{width:8px;height:8px;border-radius:50%;background-color:var(--accent);animation:bounce 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.skeleton-loading{padding:8px 16px;margin:4px 0;border-radius:6px;overflow:hidden;position:relative;background:var(--bg-subtle)}.skeleton-item{height:20px;background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-subtle) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin:8px 0}.skeleton-item.short{width:60%}.skeleton-item.medium{width:80%}.skeleton-item.long{width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.editor,.file-tree{transition:opacity .3s ease-in-out}.loading-fade-in{opacity:0;animation:fadeIn .3s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error{padding:16px;background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);border-radius:6px;margin:16px}.editor-error{background:var(--danger-bg);color:var(--danger);padding:12px 16px;border-bottom:1px solid var(--danger-border);display:flex;align-items:center;justify-content:space-between}.editor-error button{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.editor-success{background:var(--success-bg);color:var(--success);padding:12px 16px;border-bottom:1px solid var(--success-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-success button{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.success-link{color:var(--success);text-decoration:none;font-weight:500;padding:4px 8px;border-radius:4px;transition:all .2s ease;border:1px solid var(--success);background:var(--success-bg)}.success-link:hover{background:var(--success-bg);text-decoration:none}button,.action-btn{min-height:36px;min-width:36px}@media (max-width: 768px){button,.action-btn{min-height:40px}}.file-tree,.preview-pane{-webkit-overflow-scrolling:touch}@media (max-width: 768px){.file-tree::-webkit-scrollbar,.preview-pane::-webkit-scrollbar{display:none}.file-tree,.preview-pane{-ms-overflow-style:none;scrollbar-width:none}}.mobile-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--bg-subtle);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.desktop-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--bg-hover);box-shadow:0 1px 3px #0000001a}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:24px;background:var(--border)}.desktop-toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;min-height:36px}.desktop-toolbar-btn:hover{background:var(--bg-subtle);border-color:var(--border);color:var(--text-primary)}.desktop-toolbar-btn:active{background:var(--bg-hover);border-color:var(--text-muted);transform:translateY(1px)}.desktop-toolbar-btn span{font-size:13px}.mobile-toolbar::-webkit-scrollbar{display:none}.mobile-toolbar{-ms-overflow-style:none;scrollbar-width:none}.toolbar-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s;touch-action:manipulation;flex-shrink:0}.toolbar-btn:hover,.toolbar-btn:active{background:var(--bg-hover);border-color:var(--text-muted)}.toolbar-btn:active{transform:scale(.95)}.font-size-controls{display:flex;align-items:center;gap:2px;background:var(--bg-hover);border-radius:20px;padding:2px 4px}.font-btn{padding:3px 8px!important;font-size:12px!important;font-weight:700;min-width:26px;min-height:22px;border:none!important;background:transparent!important;border-radius:14px!important;color:var(--text-secondary)!important}.font-btn:hover{background:var(--border)!important;color:var(--text-primary)!important}.font-size-display{font-size:11px;color:var(--text-secondary);font-weight:600;min-width:32px;text-align:center;letter-spacing:.3px}.wrap-btn{padding:5px 8px}.wrap-btn.active{background:var(--accent-bg)!important;color:var(--accent)!important}.toolbar-btn.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.cm-focused{outline:none}.cm-scroller{-webkit-overflow-scrolling:touch}.preview-content{font-size:16px;line-height:1.7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (min-width: 769px){.preview-content{font-size:18px;line-height:1.8}}@media (max-width: 768px){.preview-content{font-size:16px;line-height:1.6}.preview-content h1,.preview-content h2,.preview-content h3{margin-top:24px;margin-bottom:16px}.preview-content p{margin-bottom:16px}.preview-content pre{overflow-x:auto;padding:12px;background:var(--bg-subtle);border-radius:4px;font-size:14px}.preview-content code{background:var(--bg-subtle);padding:2px 4px;border-radius:3px;font-size:14px}.preview-content blockquote{border-left:4px solid var(--border);margin:16px 0;padding-left:16px;color:var(--text-secondary)}.preview-content table{width:100%;border-collapse:collapse;font-size:14px}.preview-content th,.preview-content td{border:1px solid var(--border);padding:8px;text-align:left}.preview-content th{background:var(--bg-subtle);font-weight:600}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-subtle);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 36px;box-shadow:0 1px 3px #1018280f,0 12px 32px #10182814;width:100%;max-width:380px;text-align:center}.login-box h2{font-family:Marknote Wordmark,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 0 24px;color:var(--text-primary);font-size:24px;font-weight:600}.login-box form{display:flex;flex-direction:column;gap:16px}.password-input{width:100%;padding:12px 16px;border:2px solid var(--bg-hover);border-radius:8px;font-size:18px;text-align:center;letter-spacing:4px;transition:border-color .2s;box-sizing:border-box}.password-input:focus{outline:none;border-color:var(--accent)}.login-box button{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.login-box button:hover:not(:disabled){background:var(--accent-hover)}.login-box button:disabled{background:var(--border-strong);cursor:not-allowed}.upload-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.7)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;pointer-events:auto!important}.upload-modal{background:var(--surface)!important;border-radius:16px!important;padding:24px!important;width:480px!important;max-width:90vw!important;box-shadow:0 20px 60px #0000004d!important;z-index:999999!important;position:relative!important;pointer-events:auto!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.upload-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--text-secondary);transition:all .2s}.close-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.drop-zone{border:2px dashed var(--border);border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-subtle)}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:var(--accent-bg);transform:scale(1.02)}.drop-zone svg{color:var(--accent);margin-bottom:16px}.drop-zone p{margin:0 0 8px;color:var(--text-primary);font-size:16px;font-weight:500}.drop-zone span{color:var(--text-secondary);font-size:14px}.file-list{margin:20px 0;max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle)}.file-item span:nth-child(2){flex:1;color:var(--text-primary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{display:none}.upload-actions{margin-top:24px}.upload-button{width:100%;padding:14px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.upload-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.upload-button:disabled{background:var(--border-strong);cursor:not-allowed;transform:none}.progress-container{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .3s ease}.progress-container span{color:var(--text-secondary);font-size:14px;font-weight:500;min-width:40px}.viewer-container{display:flex;flex-direction:column;height:100%;background:var(--surface)}.viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.viewer-title h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.viewer-actions{display:flex;align-items:center;gap:8px}.viewer-content{flex:1;overflow:auto;position:relative}.image-content{display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);padding:20px}.image-container{max-width:100%;max-height:100%;overflow:auto;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.zoom-level{font-size:14px;font-weight:500;color:var(--text-secondary);min-width:50px;text-align:center}.pdf-content{background:var(--bg-subtle);padding:10px}.pdf-container{width:100%;height:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.pdf-container iframe{width:100%;height:100%;border:none}.text-content{background:var(--bg-subtle);padding:0}.text-display{margin:0;padding:20px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;background:var(--surface);border:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.text-display mark{background:var(--highlight-strong);padding:1px 2px;border-radius:2px}.viewer-status{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-subtle);border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary);flex-shrink:0}.unsupported-content{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-subtle)}.unsupported-message{text-align:center;max-width:500px}.warning-icon{color:var(--orange);margin-bottom:16px}.unsupported-message h3{margin:0 0 8px;color:var(--text-primary);font-size:20px}.unsupported-message p{margin:0 0 24px;color:var(--text-secondary);font-size:16px}.info-item{margin-bottom:8px;font-size:14px}.info-item:last-child{margin-bottom:0}.action-buttons{display:flex;gap:12px;justify-content:center;margin:24px 0}.unsupported-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-primary);text-decoration:none;font-size:14px;cursor:pointer;transition:all .2s}.unsupported-btn:hover{background:var(--bg-subtle);border-color:var(--text-muted)}.unsupported-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.unsupported-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.supported-formats{margin-top:24px;text-align:left;background:var(--surface);border-radius:8px;padding:16px}.supported-formats h4{margin:0 0 12px;color:var(--text-primary);font-size:14px}.supported-formats ul{margin:0;padding-left:20px;font-size:13px;color:var(--text-secondary)}.supported-formats li{margin-bottom:4px}.no-file-selected{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-subtle)}.welcome-message{text-align:center;color:var(--text-secondary)}.welcome-message h2{margin:0 0 8px;color:var(--text-primary);font-size:24px}.welcome-message p{margin:0;font-size:16px}@media (max-width: 768px){.viewer-header{padding:12px;flex-wrap:wrap;gap:12px}.viewer-title h2{font-size:16px}.viewer-actions{gap:6px}.action-btn{padding:6px 10px;font-size:12px;min-height:32px}.zoom-level{font-size:12px;min-width:40px}.text-display{padding:12px;font-size:13px}.unsupported-content{padding:20px}.action-buttons{flex-direction:column;align-items:center}.unsupported-btn{width:100%;max-width:200px;justify-content:center}}.assets-app{min-height:100vh;background:var(--bg-color);color:var(--text-color)}.assets-manager{padding:2rem;max-width:1200px;margin:0 auto}.assets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.assets-header h2{margin:0;color:var(--text-color);font-size:1.5rem}.assets-toolbar{display:flex;gap:.5rem}.assets-toolbar .btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-secondary{background:var(--secondary-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--hover-bg)}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem}.breadcrumb-item{background:none;border:none;color:var(--link-color);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s ease}.breadcrumb-item:hover{background:var(--hover-bg)}.assets-content{display:grid;gap:.5rem}.assets-content .file-item{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--bg-color)}.assets-content .file-item:hover{background:var(--hover-bg);border-color:var(--primary-color)}.assets-content .file-item.selected{background:var(--primary-bg);border-color:var(--primary-color)}.assets-content .file-item.folder{background:var(--secondary-bg);grid-template-columns:auto 1fr auto}.assets-content .file-item input[type=checkbox]{margin:0}.assets-content .file-icon{flex-shrink:0}.assets-content .file-icon.image{color:var(--success)}.assets-content .file-icon.video{color:var(--violet)}.assets-content .file-icon.archive{color:var(--orange)}.assets-content .file-icon.document{color:var(--accent)}.assets-content .file-icon.default{color:var(--text-secondary)}.assets-content .file-info{min-width:0}.assets-content .file-name{font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assets-content .file-meta{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.assets-content .file-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.file-item:hover .file-actions{opacity:1}.action-btn{padding:.25rem;border:none;background:none;cursor:pointer;border-radius:3px;color:var(--text-secondary);transition:all .2s ease}.action-btn:hover{background:var(--hover-bg);color:var(--text-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary);text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.upload-modal{background:var(--bg-color);padding:2rem;border-radius:8px;max-width:500px;width:90%;box-shadow:0 10px 25px #0003}.upload-modal h3{margin:0 0 1rem;color:var(--text-color)}.upload-modal p{margin:0 0 1rem;color:var(--text-secondary)}.upload-modal button{padding:.5rem 1rem;border:none;border-radius:4px;background:var(--primary-color);color:#fff;cursor:pointer}.upload-modal button:hover{background:var(--primary-hover)}.assets-btn{background:none;border:1px solid var(--border-color);color:var(--text-color);padding:6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.assets-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.file-download-link{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:6px;text-decoration:none;color:var(--text-color);font-size:.875rem;transition:all .2s ease;margin:.125rem 0}.file-download-link:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color);text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.file-download-link .file-icon{font-size:1rem;flex-shrink:0}.file-download-link .file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-download-link .download-indicator{font-size:.75rem;opacity:.6;transition:opacity .2s ease}.file-download-link:hover .download-indicator{opacity:1}.file-card-link{display:flex;align-items:center;gap:16px;padding:16px 20px;margin:12px auto;background:linear-gradient(135deg,var(--bg-subtle) 0%,var(--bg-hover) 100%);border:2px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;width:90%;max-width:480px;box-shadow:0 3px 6px #00000014}.file-card-link:hover{background:linear-gradient(135deg,var(--accent-bg) 0%,var(--info-border) 100%);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #2196f326;text-decoration:none;color:inherit}.file-card-icon{font-size:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(33,150,243,.1);border-radius:10px;transition:all .3s ease}.file-card-link:hover .file-card-icon{background:rgba(33,150,243,.2);transform:scale(1.1)}.file-card-content{flex:1;min-width:0}.file-card-title{font-size:16px;font-weight:500;color:var(--text-secondary);margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-link:hover .file-card-title{color:var(--accent)}.file-card-size{font-size:13px;color:var(--text-secondary);opacity:.8}.link-card{display:flex;align-items:center;gap:14px;padding:14px 18px;margin:10px auto;background:linear-gradient(135deg,var(--surface) 0%,var(--bg-subtle) 100%);border:1px solid var(--bg-hover);border-radius:10px;text-decoration:none;color:inherit;transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;width:85%;max-width:420px;box-shadow:0 2px 5px #0000000f}.link-card:hover{background:linear-gradient(135deg,var(--accent-bg) 0%,var(--info-bg) 100%);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 3px 8px #007bff1f;text-decoration:none;color:inherit}.link-card-icon{font-size:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(0,123,255,.08);border-radius:8px;transition:all .2s ease}.link-card:hover .link-card-icon{background:rgba(0,123,255,.15);transform:scale(1.05)}.link-card-content{flex:1;min-width:0}.link-card-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.link-card:hover .link-card-title{color:var(--accent)}.link-card-platform{font-size:12px;color:var(--text-secondary);opacity:.9}.link-card-arrow{font-size:14px;color:var(--text-muted);flex-shrink:0;transition:all .2s ease}.link-card:hover .link-card-arrow{color:var(--accent);transform:translate(2px,-2px)}.publish-btn{background:transparent;color:var(--success);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 40%,transparent);padding:6px 14px;border-radius:8px}.publish-btn:hover{background:var(--success-bg);box-shadow:inset 0 0 0 1px var(--success)}.unpublish-btn{background:transparent;color:var(--text-secondary);box-shadow:inset 0 0 0 1px var(--border)}.unpublish-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.copy-url-btn{background:var(--accent-bg);color:var(--accent);border:none}.copy-url-btn:hover{background:var(--accent-bg);transform:translateY(-1px);box-shadow:0 2px 6px #2563eb26}.public-article-page{--text-primary: #2b3440;--text-secondary: #5c6672;--text-muted: #99a1ab;--surface: #ffffff;--bg-subtle: #f6f7f9;--bg-hover: #edeff2;--border: #e4e7ec;--border-strong: #d4dae1;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-bg: #eff4ff;min-height:100vh;background:#fafbfc;padding:48px 20px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#2b3440}.public-article-container{max-width:720px;margin:0 auto;background:white;border:1px solid #e8ebef;border-radius:16px;box-shadow:0 2px 12px #2b34400d;overflow:hidden}.article-header{padding:44px 48px 0}.article-title{font-size:28px;font-weight:700;letter-spacing:-.01em;margin:0 0 14px;line-height:1.35;color:#1f2933}.article-meta{display:flex;flex-wrap:wrap;gap:18px;padding-bottom:22px;border-bottom:1px solid #edf0f3;color:#99a1ab}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px}.article-content{padding:28px 48px 40px}.public-article-page .preview-content{font-size:16px;line-height:1.85;color:#374151}.public-article-page .preview-content p,.public-article-page .preview-content ul,.public-article-page .preview-content ol{font-size:16px}.public-article-page .preview-content h1{font-size:1.5em}.public-article-page .preview-content h2{font-size:1.3em}.public-article-page .preview-content h3{font-size:1.15em}.article-footer{padding:18px 48px;background:#fafbfc;border-top:1px solid #edf0f3}.footer-note{text-align:center;color:#99a1ab;font-size:13px}.footer-note p{margin:0}.loading-spinner{text-align:center;padding:20px;font-size:16px;color:var(--text-secondary)}.error-message{text-align:center;padding:60px 40px}.error-message h2{font-size:2em;margin:0 0 16px;color:var(--text-secondary)}.error-message p{font-size:16px;color:var(--text-secondary);margin:0}@media (max-width: 768px){.public-article-page{padding:16px 12px}.article-header{padding:28px 22px 0}.article-title{font-size:23px}.article-content{padding:20px 22px 30px}.article-footer{padding:14px 22px}.article-meta{gap:12px}}.drag-overlay .drag-message{display:flex;flex-direction:column;align-items:center;gap:.5rem}.drag-overlay .drag-message span{font-size:1.25rem;font-weight:500}.drag-overlay .drag-message small{opacity:.8;font-size:.875rem}.create-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(17,24,39,.28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.create-modal{background:var(--surface);border:1px solid var(--bg-hover);border-radius:10px;padding:18px 20px 16px;width:min(360px,100%);box-shadow:0 18px 48px #0f172a29}.create-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.create-modal-title{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.create-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#9ca3af;cursor:pointer;transition:background .15s,color .15s}.create-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.create-modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.create-modal-field span{font-size:12px;font-weight:600;color:#6b7280}.create-modal-input{width:100%;box-sizing:border-box;padding:9px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-subtle);color:#1f2937;font-size:14px;outline:none;transition:background .15s,border-color .15s,box-shadow .15s}.create-modal-input::placeholder{color:#b7bec8}.create-modal-input:focus{background:var(--surface);border-color:var(--danger);box-shadow:0 0 0 3px #e74c3c1f}.create-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.create-modal-cancel,.create-modal-confirm{padding:7px 16px;border-radius:6px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s}.create-modal-cancel{background:var(--surface);border-color:var(--border);color:#4b5563}.create-modal-confirm{background:var(--accent);color:var(--surface)}.create-modal-confirm:disabled{opacity:.4;cursor:not-allowed}.create-modal-cancel:hover{background:var(--bg-hover);border-color:var(--border-strong)}.create-modal-confirm:not(:disabled):hover{background:var(--accent-hover)}.todo-body{padding:0 4px 4px}.todo-views{display:flex;gap:3px;margin-bottom:6px;padding:0 2px}.todo-view-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 6px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.todo-view-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.todo-view-btn.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.todo-view-count{background:var(--accent);color:var(--surface);border-radius:8px;font-size:10px;padding:0 5px;min-width:16px;text-align:center}.todo-quick-add{margin-bottom:4px;border-radius:8px;overflow:hidden;border:1px solid var(--bg-hover);background:var(--surface)}.todo-quick-row{display:flex;align-items:center;gap:6px;padding:6px 8px}.todo-quick-icon{color:var(--border-strong);flex-shrink:0}.todo-quick-input{flex:1;border:none;outline:none;font-size:13px;color:var(--text-primary);background:transparent}.todo-quick-input::placeholder{color:var(--border-strong)}.todo-quick-options{border-top:1px solid var(--bg-hover);padding:6px 8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.todo-priority-row{display:flex;gap:3px}.todo-p-btn{padding:2px 7px;border:1.5px solid var(--p-color);border-radius:10px;background:transparent;color:var(--p-color);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.todo-p-btn.active{background:var(--p-color);color:var(--surface)}.todo-date-input{border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:12px;color:var(--text-secondary);background:var(--bg-subtle);flex:1;min-width:0}.todo-add-btn{padding:3px 10px;background:var(--accent);color:var(--surface);border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.todo-add-btn:disabled{background:var(--border-strong);cursor:not-allowed}.todo-add-btn:not(:disabled):hover{background:var(--accent-hover)}.todo-list{display:flex;flex-direction:column;gap:1px}.todo-item{display:flex;align-items:center;gap:5px;padding:5px 6px;border-radius:6px;transition:background .1s}.todo-item:hover{background:var(--bg-subtle)}.todo-item:hover .todo-delete{opacity:1}.todo-check{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;color:var(--border-strong);display:flex;align-items:center;transition:color .15s}.todo-check:hover{color:var(--danger)}.todo-done .todo-check{color:var(--success)}.todo-priority-dot{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.7;transition:opacity .15s}.todo-priority-dot:hover{opacity:1}.todo-title{flex:1;font-size:12px;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.todo-done .todo-title{text-decoration:line-through;color:var(--text-muted)}.todo-edit-input{flex:1;border:none;border-bottom:1.5px solid var(--accent);outline:none;font-size:12px;color:var(--text-primary);background:transparent;padding:0}.todo-meta{display:flex;align-items:center;gap:4px;flex-shrink:0}.todo-due{display:flex;align-items:center;gap:2px;font-size:10px;color:var(--text-muted);white-space:nowrap}.todo-due.today{color:var(--success);font-weight:600}.todo-due.overdue{color:var(--danger);font-weight:600}.todo-delete{background:none;border:none;cursor:pointer;padding:2px;color:var(--border-strong);opacity:0;transition:all .1s;display:flex;align-items:center;border-radius:3px}.todo-delete:hover{color:var(--danger);background:var(--danger-bg)}.todo-empty{text-align:center;color:var(--text-muted);font-size:12px;padding:12px 0}.todo-overdue-badge{background:var(--danger);color:var(--surface);border-radius:8px;font-size:10px;font-weight:700;padding:1px 5px;margin-right:2px}.todo-nav-btn,.diary-nav-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;border:none;border-radius:8px;background:var(--bg-subtle);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;min-width:0;width:100%}.diary-nav-btn{margin-left:0}.todo-nav-btn:hover,.diary-nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.todo-nav-btn.active{background:var(--accent-bg);color:var(--accent)}.diary-nav-btn:disabled{cursor:wait;opacity:.65}.tv-root{display:flex;height:100%;background:var(--surface);overflow:hidden}.tv-nav{width:200px;min-width:200px;border-right:1px solid var(--bg-hover);display:flex;flex-direction:column;padding:16px 8px;overflow-y:auto;gap:2px;background:var(--bg-subtle)}.tv-nav-section{display:flex;flex-direction:column;gap:1px}.tv-nav-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 8px 4px}.tv-nav-divider{height:1px;background:var(--bg-hover);margin:6px 4px}.tv-nav-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background .1s;text-align:left;width:100%}.tv-nav-item:hover{background:var(--bg-hover)}.tv-nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.tv-nav-item.drop-target{background:var(--accent-bg);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tv-nav-count{margin-left:auto;background:var(--text-muted);color:var(--surface);border-radius:10px;font-size:10px;font-weight:700;padding:1px 6px;min-width:18px;text-align:center}.tv-nav-item.active .tv-nav-count{background:var(--accent)}.tv-nav-proj{position:relative;display:flex;align-items:center;border-radius:7px;transition:background .1s}.tv-nav-proj:hover,.tv-nav-proj.active{background:var(--bg-hover)}.tv-nav-proj.drop-target{background:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent)}.tv-nav-proj-btn{display:flex;align-items:center;gap:8px;flex:1;padding:6px 8px;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--text-secondary);min-width:0}.tv-nav-proj.active .tv-nav-proj-btn{font-weight:600;color:var(--text-primary)}.tv-proj-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tv-proj-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-proj-menu-btn{background:none;border:none;cursor:pointer;padding:4px 6px;color:var(--text-muted);opacity:0;border-radius:5px;display:flex;align-items:center;transition:all .1s}.tv-nav-proj:hover .tv-proj-menu-btn{opacity:1}.tv-proj-menu-btn:hover{background:var(--border);color:var(--text-secondary)}.tv-proj-menu{position:absolute;right:0;top:100%;background:var(--surface);border:1px solid var(--bg-hover);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:100;min-width:110px;overflow:hidden}.tv-proj-menu button{display:block;width:100%;padding:8px 14px;text-align:left;border:none;background:none;font-size:13px;color:var(--text-primary);cursor:pointer}.tv-proj-menu button:hover{background:var(--bg-subtle)}.tv-proj-menu button.danger{color:var(--danger)}.tv-proj-menu button.danger:hover{background:var(--danger-bg)}.tv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.tv-add-proj{display:flex;align-items:center;gap:6px;padding:6px 10px;border:none;border-radius:7px;background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;width:100%;transition:all .1s}.tv-add-proj:hover{background:var(--bg-hover);color:var(--text-secondary)}.tv-new-proj{padding:8px;border-radius:8px;background:var(--bg-subtle);border:1px solid var(--bg-hover);display:flex;flex-direction:column;gap:6px}.tv-color-row{display:flex;gap:5px;flex-wrap:wrap}.tv-color-dot{width:16px;height:16px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s}.tv-color-dot.selected{border-color:var(--text-primary);transform:scale(1.2)}.tv-proj-input{border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:13px;outline:none;background:var(--surface)}.tv-proj-input:focus{border-color:var(--accent)}.tv-proj-btns{display:flex;gap:6px;justify-content:flex-end}.tv-proj-cancel{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-secondary);font-size:12px;cursor:pointer}.tv-proj-confirm{padding:4px 10px;border:none;border-radius:6px;background:var(--accent);color:var(--surface);font-size:12px;font-weight:600;cursor:pointer}.tv-proj-confirm:disabled{background:var(--border-strong);cursor:not-allowed}.tv-proj-rename{flex:1;border:none;border-bottom:1.5px solid var(--accent);outline:none;font-size:13px;padding:4px 8px;background:transparent}.tv-archived-toggle{display:flex;align-items:center;gap:6px;padding:5px 8px;border:none;background:none;color:var(--text-muted);font-size:12px;cursor:pointer;border-radius:6px;width:100%}.tv-archived-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.tv-archived-proj .tv-proj-name{color:var(--text-muted)}.tv-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:24px 32px}.tv-content-header{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tv-view-title{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.tv-title-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.tv-view-count{font-size:13px;color:var(--text-muted);font-weight:400}.tv-header-action{margin-left:auto;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer}.tv-header-action:hover{border-color:#cfcfcf;background:var(--bg-subtle)}.tv-archive-hint{display:flex;align-items:center;gap:12px;background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;padding:10px 16px;font-size:13px;color:#276749;margin-bottom:12px}.tv-archive-hint button{padding:4px 12px;border:none;border-radius:6px;background:var(--success);color:var(--surface);font-size:12px;font-weight:600;cursor:pointer}.tv-add-box{border:1px solid var(--bg-hover);border-radius:10px;background:var(--surface);margin-bottom:12px;box-shadow:0 1px 4px #0000000a}.tv-add-row{display:flex;align-items:center;gap:8px;padding:10px 14px}.tv-add-icon{color:var(--border-strong);flex-shrink:0}.tv-add-input{flex:1;border:none;outline:none;font-size:14px;color:var(--text-primary);background:transparent}.tv-add-input::placeholder{color:var(--border-strong)}.tv-add-opts{border-top:1px solid var(--bg-hover);padding:8px 14px}.tv-add-row2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tv-p-group{display:flex;gap:4px}.tv-p-btn{padding:3px 9px;border:1.5px solid var(--c);border-radius:12px;background:transparent;color:var(--c);font-size:11px;font-weight:700;cursor:pointer;transition:all .1s}.tv-p-btn.active{background:var(--c);color:var(--surface)}.tv-date,.tv-proj-sel{border:1px solid var(--border);border-radius:7px;padding:4px 8px;font-size:12px;color:var(--text-secondary);background:var(--bg-subtle);outline:none}.tv-submit{padding:5px 14px;border:none;border-radius:8px;background:var(--accent);color:var(--surface);font-size:13px;font-weight:600;cursor:pointer;margin-left:auto}.tv-submit:disabled{background:var(--border);cursor:not-allowed}.tv-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.tv-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;transition:background .1s;cursor:grab}.tv-item:hover{background:var(--bg-subtle)}.tv-item:hover .tv-del{opacity:1}.tv-item.dragging{opacity:.45;background:var(--danger-bg);cursor:grabbing}.tv-done .tv-title{text-decoration:line-through;color:var(--text-muted)}.tv-done{cursor:default}.tv-check{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;color:var(--border-strong);display:flex;align-items:center;transition:color .15s}.tv-check:hover{color:var(--danger)}.tv-done .tv-check{color:var(--success)}.tv-flag{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.7;transition:opacity .1s}.tv-flag:hover{opacity:1}.tv-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.tv-title{font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.tv-edit{border:none;border-bottom:1.5px solid var(--accent);outline:none;font-size:14px;color:var(--text-primary);background:transparent;padding:0;width:100%}.tv-badges{display:flex;align-items:center;gap:6px}.tv-proj-badge{font-size:10px;font-weight:600;padding:1px 7px;border-radius:8px}.tv-due{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text-muted)}.tv-due.today{color:var(--success);font-weight:600}.tv-due.overdue{color:var(--danger);font-weight:600}.tv-del{flex-shrink:0;background:none;border:none;cursor:pointer;padding:3px;color:var(--border-strong);opacity:0;border-radius:5px;display:flex;align-items:center;transition:all .1s}.tv-del:hover{color:var(--danger);background:var(--danger-bg)}.tv-del.visible{opacity:1}.tv-trash-item{cursor:grab}.tv-archive-item{cursor:default}.tv-trash-icon{flex-shrink:0;color:var(--text-muted);margin-top:2px}.tv-deleted-at{font-size:11px;color:var(--text-muted)}.tv-restore{flex-shrink:0;background:none;border:none;cursor:pointer;padding:3px;color:var(--text-muted);border-radius:5px;display:flex;align-items:center;transition:all .1s}.tv-restore:hover{color:var(--success);background:#eafaf1}.tv-done-section{margin-top:8px}.tv-done-toggle{display:flex;align-items:center;gap:6px;padding:6px 10px;border:none;background:none;color:var(--text-muted);font-size:12px;cursor:pointer;border-radius:6px;width:100%}.tv-done-toggle:hover{background:var(--bg-subtle);color:var(--text-secondary)}.tv-empty{text-align:center;color:var(--border-strong);font-size:14px;padding:40px 0}.tv-err{background:var(--danger-bg);color:var(--danger-hover);border-radius:8px;padding:8px 14px;font-size:13px;margin-bottom:10px;cursor:pointer;border:1px solid #f5c6c6}@media (max-width: 768px){.tv-root{flex-direction:column;height:100dvh;min-height:0}.tv-nav{width:100%;min-width:0;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--bg-hover);padding:8px 10px 8px 56px;gap:6px;height:49px;flex:0 0 49px;background:var(--bg-subtle);-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.tv-nav::-webkit-scrollbar{display:none}.tv-nav-section{flex-direction:row;align-items:center;gap:4px;flex-shrink:0}.tv-nav-label{display:none}.tv-nav-divider{width:1px;height:24px;flex:0 0 1px;margin:0 2px;background:var(--border)}.tv-nav-item{flex-shrink:0;width:auto;min-height:33px;padding:7px 10px;white-space:nowrap;border:1px solid transparent;background:var(--surface)}.tv-nav-item.active{border-color:#f7c9c4}.tv-nav-count{margin-left:4px}.tv-nav-proj{flex:0 0 auto;background:var(--surface);border:1px solid transparent}.tv-nav-proj.active{border-color:var(--border)}.tv-nav-proj-btn{flex:0 1 auto;min-height:33px;padding:7px 8px;white-space:nowrap}.tv-proj-name{flex:0 1 auto;max-width:110px}.tv-proj-menu-btn{opacity:1;padding:7px 8px 7px 2px}.tv-proj-menu{position:fixed;top:50px;right:10px;z-index:1001}.tv-add-proj,.tv-archived-toggle{flex:0 0 auto;width:auto;min-height:33px;padding:7px 10px;white-space:nowrap;background:var(--surface);border:1px solid transparent}.tv-new-proj{flex:0 0 230px;max-width:calc(100vw - 72px)}.tv-content{flex:1;min-height:0;padding:14px 14px 16px;overflow:hidden}.tv-content-header{align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.tv-view-title{min-width:0;font-size:20px}.tv-view-count{flex-shrink:0}.tv-add-row{padding:10px 12px}.tv-add-row2{align-items:stretch}.tv-p-group{width:100%}.tv-p-btn{flex:1}.tv-date,.tv-proj-sel{flex:1 1 130px;min-width:0}.tv-submit{flex:1 1 80px;margin-left:0}.tv-list{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.tv-item{align-items:flex-start;padding:9px 6px}.tv-title{white-space:normal;overflow-wrap:anywhere}.tv-badges{flex-wrap:wrap}.tv-del{opacity:1}}.folder-node .project-header{position:relative}.folder-actions{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;padding:0 2px;background:var(--bg-subtle);border-radius:4px;opacity:0;pointer-events:none;transition:opacity .15s}.folder-node .project-header:hover .folder-actions,.folder-node .project-header.drop-target .folder-actions{pointer-events:auto}.folder-node .project-header:hover .folder-actions,.folder-node .project-header.drop-target .folder-actions{opacity:1}.folder-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.folder-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dv-root{display:flex;flex-direction:column;height:100%;background:var(--surface);position:relative;overflow:hidden}.dv-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 24px;border-bottom:1px solid var(--border)}.dv-crumbs{display:flex;align-items:center;gap:2px;min-width:0;flex-wrap:wrap}.dv-crumb-group{display:inline-flex;align-items:center;gap:2px}.dv-crumb{display:inline-flex;align-items:center;gap:6px;border:none;background:none;padding:4px 8px;border-radius:6px;font-size:14px;color:var(--text-secondary);cursor:pointer;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-crumb:hover{background:var(--bg-hover);color:var(--text-primary)}.dv-crumb-root{font-weight:600;color:var(--text-primary)}.dv-crumb-static{cursor:default}.dv-crumb-static:hover{background:none}.dv-crumb-sep{color:var(--text-muted);flex-shrink:0}.dv-actions{display:flex;align-items:center;gap:8px}.dv-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.dv-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.dv-btn:disabled{opacity:.5;cursor:default}.dv-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.dv-btn-primary:hover:not(:disabled){background:var(--accent);color:#fff;opacity:.9}.dv-btn-danger{color:#dc2626;border-color:#fca5a5}.dv-btn-danger:hover:not(:disabled){background:#fef2f2;color:#dc2626}.dv-body{min-height:0;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto;padding:20px 24px 32px}.dv-section-label{margin:4px 2px 10px;font-size:12px;font-weight:600;letter-spacing:.4px;color:var(--text-muted)}.dv-section-label+.dv-folder-grid{margin-bottom:22px}.dv-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.dv-folder-pill{display:flex;align-items:center;gap:12px;min-width:0;height:60px;padding:0 10px 0 18px;border:1px solid var(--border);border-radius:12px;background:var(--bg-subtle);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.dv-folder-pill .dv-name{flex:1;font-size:15px}.dv-folder-pill .dv-icon-btn{width:34px;height:34px}.dv-folder-pill:hover{background:var(--bg-hover);border-color:var(--border-strong)}.dv-folder-pill.drop-target{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);transform:scale(1.02)}.dv-folder-glyph{color:#f6c453;flex-shrink:0}.dv-pill-actions{display:flex;flex-shrink:0;opacity:0;transition:opacity .12s}.dv-folder-pill:hover .dv-pill-actions,.dv-folder-pill:focus-within .dv-pill-actions{opacity:1}.dv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.dv-card{position:relative;min-width:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .15s,opacity .15s,transform .15s}.dv-card:hover{border-color:var(--border-strong);box-shadow:0 6px 20px #2b34401a;transform:translateY(-1px)}.dv-card.dragging{opacity:.4;transform:scale(.97);box-shadow:none}.dv-card-static{cursor:default}.dv-card-static:hover{transform:none}.dv-card-preview{position:relative;display:flex;align-items:center;justify-content:center;height:120px;background:color-mix(in srgb,var(--tone, var(--text-muted)) 7%,var(--bg-subtle))}.dv-plate{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 82%,#fff),var(--tone));box-shadow:0 4px 10px color-mix(in srgb,var(--tone) 32%,transparent)}.dv-ext{position:absolute;left:8px;bottom:8px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,var(--surface))}.dv-card-footer{display:flex;flex-direction:column;gap:3px;padding:10px 12px 11px;border-top:1px solid var(--border);background:var(--surface)}.dv-name{min-width:0;font-size:14.5px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-card-kind{overflow:hidden;color:var(--text-muted);font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.dv-origin{overflow:hidden;color:var(--text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dv-crumb.drop-target{border-radius:6px;background:var(--accent-bg);color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.dv-card-actions{position:absolute;top:6px;right:6px;display:flex;gap:1px;padding:2px;border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 4px #2b34401f;opacity:0;transition:opacity .12s}.dv-card:hover .dv-card-actions,.dv-card:focus-within .dv-card-actions{opacity:1}.dv-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:none;color:var(--text-muted);cursor:pointer}.dv-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dv-icon-danger:hover{background:#fef2f2;color:#dc2626}.dv-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 16px;color:var(--text-muted);font-size:14px}.dv-error{color:#dc2626}.dv-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:64px 16px;color:var(--text-secondary)}.dv-empty-art{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:8px;border-radius:50%;background:var(--accent-bg);color:var(--accent)}.dv-empty p{font-size:15px;font-weight:500;color:var(--text-primary)}.dv-empty small{font-size:12.5px;color:var(--text-muted)}.dv-root.drag-over:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px dashed var(--accent);border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,transparent);pointer-events:none}.dv-drop-toast{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;max-width:calc(100% - 48px);padding:10px 20px;border-radius:12px;background:var(--text-primary);box-shadow:0 8px 24px #2b344040;pointer-events:none;animation:dv-toast-in .15s ease-out}.dv-drop-toast-title{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.dv-drop-toast small{color:#ffffffa6;font-size:11.5px}@keyframes dv-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.dv-header{padding:12px}.dv-body{padding:14px 12px 24px}.dv-folder-grid{grid-template-columns:1fr;gap:8px}.dv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dv-card-preview{height:88px}.dv-card-actions,.dv-pill-actions{opacity:1}.dv-btn span{display:none}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,20,26,.45)}.settings-modal{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:min(640px,90vh);border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 16px 48px var(--shadow-color);overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.settings-header h2{margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.settings-body{flex:1;overflow-y:auto;padding:18px 20px 24px}.settings-section+.settings-section{margin-top:26px}.settings-section h3{margin:0 0 12px;font-size:12.5px;font-weight:600;letter-spacing:.4px;color:var(--text-muted)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-row-label{font-size:14.5px;color:var(--text-primary)}.theme-toggle{display:flex;gap:0;padding:3px;border-radius:10px;background:var(--bg-subtle);border:1px solid var(--border)}.theme-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:8px;background:none;color:var(--text-secondary);font-size:13.5px;cursor:pointer;transition:background .15s,color .15s}.theme-toggle-btn.active{background:var(--surface);color:var(--text-primary);font-weight:600;box-shadow:0 1px 4px var(--shadow-color)}.settings-hint{display:flex;align-items:center;gap:8px;padding:14px 2px;color:var(--text-muted);font-size:13.5px}.settings-error{color:var(--danger)}.published-list{margin:0;padding:0;list-style:none;border:1px solid var(--border);border-radius:12px;overflow:hidden}.published-item{display:flex;align-items:center;gap:12px;padding:11px 14px}.published-item+.published-item{border-top:1px solid var(--border)}.published-item-icon{color:var(--accent);flex-shrink:0}.published-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.published-item-title{font-size:14.5px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.published-item-meta{font-size:12px;color:var(--text-muted)}.published-item-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.copied-check{color:var(--success)}@media (max-width: 768px){.settings-overlay{padding:12px}.settings-modal{max-height:92vh}.published-item{padding:10px;gap:8px}}.settings-header-title{display:flex;align-items:center;gap:6px;min-width:0}.settings-nav-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;transition:background .15s,border-color .15s}.settings-nav-row:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.settings-nav-icon{color:var(--accent);flex-shrink:0}.settings-nav-label{flex:1;min-width:0;text-align:left;font-size:14.5px;color:var(--text-primary)}.settings-nav-badge{padding:1px 9px;border-radius:999px;background:var(--bg-hover);color:var(--text-secondary);font-size:12px}.settings-nav-chevron{color:var(--text-muted);flex-shrink:0}.settings-logout-icon,.settings-logout-label{color:var(--danger)}.settings-logout-row:hover{background:var(--danger-bg);border-color:var(--danger-border)}.login-box input+input{margin-top:12px}.login-box input[type=text].password-input{letter-spacing:1px}.ai-inbox-btn,.ai-box-title-icon{color:var(--accent)}.ai-box{max-width:640px}.ai-box-body{display:flex;flex-direction:column;gap:12px;padding:16px 20px 18px}.ai-box-textarea{width:100%;min-height:260px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-subtle);color:var(--text-primary);font-size:15px;line-height:1.7;font-family:inherit;resize:vertical}.ai-box-textarea:focus{outline:none;border-color:var(--accent);background:var(--surface)}.ai-box-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-box-hint{font-size:12.5px;color:var(--text-muted)}.ai-box-open{display:inline-flex;align-items:center;gap:6px;min-width:0;border:none;background:none;padding:4px 6px;border-radius:6px;color:var(--success);font-size:13px;cursor:pointer}.ai-box-open:hover{background:var(--success-bg)}@media (max-width: 768px){.ai-box-textarea{min-height:180px}}.ai-box-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.folder-info-inline{display:inline-flex;align-items:center;border:none;background:none;padding:2px;margin-left:2px;cursor:pointer;color:var(--accent);opacity:.65;flex-shrink:0}.folder-info-inline:hover{opacity:1}.folder-info-body{padding:4px 2px 12px;font-size:13.5px;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:50vh;overflow-y:auto}.folder-info-textarea{width:100%;min-height:160px;resize:vertical;border:1px solid var(--border-color);border-radius:8px;padding:10px;font-size:13.5px;line-height:1.6;font-family:inherit;color:var(--text-primary);background:var(--surface);box-sizing:border-box;margin-bottom:12px}.project-header.reorder-target{box-shadow:inset 0 2px 0 var(--accent);background:var(--accent-bg)}.project-header.dragging-folder{opacity:.45}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.create-modal,.ai-box,.settings-modal,.markdown-help-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.file-item.selected{box-shadow:inset 3px 0 0 var(--accent);border-radius:var(--radius-sm)}button,.file-item,.project-header,.section-header{transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.section-title{font-weight:600;letter-spacing:.01em}.project-header{border-radius:var(--radius-sm)}.ftodo{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:28px 36px 48px;max-width:860px;margin:0 auto;width:100%;position:relative}.ftodo-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.ftodo-header h2{font-size:22px;color:var(--text-primary)}.ftodo-sub{font-size:13px;color:var(--text-muted);margin-top:4px}.ftodo-open{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--accent);text-decoration:none;border:1px solid var(--border);padding:6px 12px;border-radius:999px;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.ftodo-open:hover{background:var(--accent-bg);border-color:var(--accent)}.ftodo-error{color:var(--danger);font-size:14px;margin-bottom:16px}.ftodo-error a{color:var(--accent);margin-left:4px}.ftodo-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.ftodo-stat{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-sm)}.ftodo-stat b{font-size:24px;display:block;line-height:1.1;color:var(--text-primary);font-variant-numeric:tabular-nums}.ftodo-stat span{font-size:12px;color:var(--text-muted)}.ftodo-stat-icon{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ftodo-stat-danger .ftodo-stat-icon{background:var(--danger-bg);color:var(--danger)}.ftodo-stat-warning .ftodo-stat-icon{background:var(--warning-bg);color:var(--orange)}.ftodo-stat-info .ftodo-stat-icon{background:var(--info-bg);color:var(--info)}.ftodo-stat-violet .ftodo-stat-icon{background:var(--accent-bg);color:var(--violet)}.ftodo-add{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:22px;box-shadow:var(--shadow-sm);flex-wrap:wrap}.ftodo-add-icon{color:var(--text-muted);flex-shrink:0}.ftodo-add input{flex:1;min-width:200px;border:none;outline:none;background:none;font-size:14px;color:var(--text-primary)}.ftodo-add-days{display:flex;gap:4px}.ftodo-add-days button{border:1px solid var(--border);background:none;color:var(--text-muted);font-size:12px;padding:3px 10px;border-radius:999px;cursor:pointer}.ftodo-add-days button.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.ftodo-add-btn{border:none;background:var(--accent);color:#fff;font-size:13px;padding:6px 16px;border-radius:999px;cursor:pointer}.ftodo-add-btn:hover{background:var(--accent-hover)}.ftodo-add-btn:disabled{opacity:.4;cursor:default}.ftodo-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.ftodo-section-head{font-size:14px;font-weight:600;color:var(--text-primary);padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.ftodo-section-head span{font-weight:400;color:var(--text-muted);font-size:12px;margin-left:8px}.ftodo-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.ftodo-row:last-child{border-bottom:none}.ftodo-tag{flex-shrink:0;font-size:12px;padding:2px 10px;border-radius:999px}.ftodo-tag-danger{background:var(--danger-bg);color:var(--danger)}.ftodo-tag-warning{background:var(--warning-bg);color:var(--orange)}.ftodo-tag-violet{background:var(--accent-bg);color:var(--violet)}.ftodo-title{flex:1;min-width:0;font-size:15px;color:var(--text-primary)}.ftodo-done{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--success);color:var(--success);background:none;border-radius:999px;font-size:13px;padding:4px 14px;cursor:pointer}.ftodo-done:hover{background:var(--success-bg)}.ftodo-done:disabled{opacity:.5;cursor:default}.ftodo-empty{padding:28px 16px;text-align:center;color:var(--text-muted);font-size:14px}.ftodo-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--surface);font-size:13px;padding:8px 18px;border-radius:999px;box-shadow:var(--shadow-md);z-index:100}@media (max-width: 768px){.ftodo{padding:16px 14px 40px}.ftodo-add-days{order:3}}.ftodo-all{margin-top:22px}.ftodo-bucket{font-size:12px;font-weight:600;color:var(--text-muted);padding:10px 16px 4px;letter-spacing:.02em}.ftodo-bucket span{margin-left:6px;font-weight:400}.ftodo-row-plain{padding:9px 16px}.ftodo-date{flex-shrink:0;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;width:44px}.ftodo-recur{font-style:normal;font-size:11px;color:var(--violet);background:var(--accent-bg);border-radius:999px;padding:1px 8px;margin-left:8px}.ftodo-meta{flex-shrink:0;font-size:12px;color:var(--text-muted)}.co-page{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:26px 30px 60px;max-width:1280px;margin:0 auto;width:100%;--line: #e4e9ee;--ink: #172028;--ink2: #4a5560;--ink3: #8a949e;--brand: #0984e3;--red: #d63031;--card-bg: #ffffff;--col-bg: linear-gradient(180deg, #f7f9fb, #f1f4f8);color:var(--ink)}:root[data-theme=dark] .co-page{--line: var(--border);--ink: var(--text-primary);--ink2: var(--text-secondary);--ink3: var(--text-muted);--brand: var(--accent);--red: var(--danger);--card-bg: var(--surface);--col-bg: linear-gradient(180deg, var(--bg-subtle), var(--surface))}.co-loading{padding:60px;text-align:center;color:var(--ink3)}.co-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.co-sub{font-size:13px;color:var(--ink3);margin-top:5px}.co-page .btn{border:none;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.co-page .btn-primary{background:var(--brand);color:#fff}.co-page .btn-primary:disabled{opacity:.5}.co-page .btn-ghost{background:none;color:var(--ink2);border:1.5px solid var(--line)}.co-page .chip{border:none;border-radius:8px;font-size:12px;padding:4px 10px;font-weight:700;cursor:pointer;font-family:inherit}.co-page .chip-green{background:#d4efdf;color:#1e8449}.co-page .chip-gray{background:var(--bg-hover, #f0f2f4);color:var(--ink2)}.co-page .chip-red{background:#fdecea;color:#d63031}.co-page .co-pin-on{background:#fff3e0;color:#e17055}.co-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.co-stat{background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:13px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.co-stat .ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.co-stat b{font-size:22px;display:block;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--ink)}.co-stat b.hot{color:var(--red)}.co-stat span{font-size:12px;color:var(--ink3)}.co-focus{background:linear-gradient(135deg,#fff7f3,#fff);border:1px solid #f3d8cc;border-radius:14px;padding:14px 18px;margin-bottom:18px;box-shadow:0 1px 2px #1720280d,0 4px 20px #d6482d1f;animation:coFocusPulse 1.3s ease-in-out infinite}:root[data-theme=dark] .co-focus{background:linear-gradient(135deg,#33261f,var(--surface));border-color:#5c4032}@keyframes coFocusPulse{0%,to{box-shadow:0 1px 2px #1720280d,0 4px 20px #d6482d1f}50%{box-shadow:0 2px 6px #1720280f,0 8px 30px #d6482d52}}.co-focus-head{font-weight:800;font-size:14px;color:#c0392b}:root[data-theme=dark] .co-focus-head{color:#ff8b76}.co-focus-head span{font-weight:500;color:#c09285;font-size:12px;margin-left:8px}.co-focus-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 0;border-top:1px dashed #f2ded4;margin-top:8px}:root[data-theme=dark] .co-focus-row{border-top-color:#4a3830}.co-focus-title{font-weight:700;font-size:16px;flex:1;min-width:140px;color:var(--ink)}.co-focus-amt{font-weight:700;font-size:13px;color:#00875f;font-variant-numeric:tabular-nums}.co-sec{display:flex;align-items:center;gap:10px;margin:26px 0 13px;flex-wrap:wrap}.co-sec .co-sec-ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.co-sec h2{margin:0;font-size:16px;font-weight:800;color:var(--ink)}.co-sec-note{font-size:12px;color:var(--ink3)}.co-sec-right{margin-left:auto;font-size:13px;font-weight:700;background:#e8f8f3;color:#00875f;border-radius:8px;padding:4px 12px}.co-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.co-fbtn{border:1.5px solid var(--line);background:var(--card-bg);color:var(--ink2);border-radius:20px;padding:5px 13px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.co-fbtn:hover{border-color:#b2bec3}.co-fbtn.on{background:#232c33;border-color:#232c33;color:#fff}:root[data-theme=dark] .co-fbtn.on{background:var(--accent);border-color:var(--accent)}.co-board{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:start}@media (max-width: 1100px){.co-board{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.co-board{grid-template-columns:repeat(2,1fr)}}@media (max-width: 540px){.co-board{grid-template-columns:1fr}}.co-col{background:var(--col-bg);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-height:130px;transition:box-shadow .2s,border-color .2s}.co-col-head{display:flex;align-items:center;gap:8px;padding:11px 14px;font-weight:800;font-size:13.5px;color:var(--c);border-bottom:2px solid var(--c)}.co-dot{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px var(--c18)}.co-count{margin-left:auto;background:var(--card-bg);color:var(--c);border-radius:10px;padding:1px 9px;font-size:12px;font-weight:700;box-shadow:0 1px 2px #00000014}.co-col-body{padding:12px;flex:1;display:flex;flex-direction:column;gap:10px}.co-empty{color:#c2c9cf;font-size:12px;flex:1;display:flex;align-items:center;justify-content:center;min-height:150px;padding:16px 8px;border:1.5px dashed #dfe6ec;border-radius:10px;transition:all .2s}:root[data-theme=dark] .co-empty{border-color:var(--border);color:var(--text-muted)}.co-card,.co-rcard,.co-dcard{position:relative;background:var(--card-bg);border:1px solid var(--line);border-left:4px solid var(--cat, #b2bec3);border-radius:12px;padding:12px 14px;box-shadow:0 1px 3px #17202812;transition:box-shadow .18s,transform .18s}.co-entrance .co-card,.co-entrance .co-rcard,.co-entrance .co-dcard{animation:coIn .26s cubic-bezier(.2,.8,.2,1) both}.co-card:hover,.co-rcard:hover,.co-dcard:hover{box-shadow:0 8px 22px #17202821;transform:translateY(-2px)}.co-card-today{border-color:#ffcb96;animation:coTodayPulse 2.2s ease-in-out infinite}.co-entrance .co-card-today{animation:coIn .26s cubic-bezier(.2,.8,.2,1) both,coTodayPulse 2.2s ease-in-out infinite}@keyframes coTodayPulse{0%,to{box-shadow:0 3px 14px #fd964438}50%{box-shadow:0 6px 22px #fd96446b}}@keyframes coIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.co-draggable,.co-pin-item{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.co-lift{opacity:.35;filter:grayscale(.6)}.co-drop{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand),0 10px 28px #0984e333}.co-arch{opacity:.72}.co-card-top{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.co-pri{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.co-title{font-size:14px;font-weight:700;color:var(--ink);line-height:1.4;flex:1;word-break:break-word}.co-grip{color:#cfd8de;font-size:12px;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.co-tags{display:flex;gap:5px;flex-wrap:wrap}.co-tag{border-radius:6px;font-size:11px;padding:2.5px 8px;font-weight:600;white-space:nowrap}.co-tag-red{background:#fdecea;color:#d63031}.co-tag-amber{background:#fff8e6;color:#b06000}.co-tag-gray{background:var(--bg-hover, #f0f2f4);color:var(--ink3)}.co-notes{font-size:12px;color:var(--ink3);margin-top:8px;white-space:pre-wrap;word-break:break-word}.co-cl{display:flex;flex-direction:column;gap:1px;margin-top:8px}.co-cl-item{display:flex;align-items:flex-start;gap:7px;width:100%;text-align:left;background:none;border:0;padding:3px 5px;margin:0;border-radius:6px;font:inherit;font-size:12px;line-height:1.45;color:var(--ink2);cursor:pointer;transition:background .12s}.co-cl-item:hover:not(:disabled){background:var(--bg-hover, #f0f2f4)}.co-cl-item:disabled{cursor:default}.co-cl-box{flex-shrink:0;width:14px;height:14px;margin-top:1px;border:1.5px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1;color:#fff}.co-cl-item.done .co-cl-box{background:#00b894;border-color:#00b894}.co-cl-item.done .co-cl-text{text-decoration:line-through;color:var(--ink3);opacity:.75}.co-cl-text{word-break:break-word}.co-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.co-pin-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.co-rtop{display:flex;justify-content:space-between;gap:10px}.co-rtitle{font-size:15px;font-weight:800;color:var(--ink)}.co-ramt{font-size:17px;font-weight:800;color:#00875f;flex-shrink:0}.co-ramt span{font-size:11px;color:var(--ink3);font-weight:600}.co-rdue{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--ink3);margin-top:10px}.co-bar{height:6px;border-radius:3px;background:var(--bg-hover, #f0f2f4);margin-top:6px;overflow:hidden}.co-bar i{display:block;height:100%;border-radius:3px}.co-hm{display:grid;grid-template-columns:repeat(auto-fill,minmax(14px,1fr));gap:3px;margin-top:10px}.co-hm i{display:block;aspect-ratio:1;border-radius:3px}.co-urgent{border-color:#ffcb96}.co-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:#2d3436;color:#fff;border-radius:12px;padding:13px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 24px #00000047;z-index:999;max-width:min(92vw,560px);animation:utIn .3s ease}@keyframes utIn{0%{opacity:0;transform:translate(-50%,14px)}}.co-toast span{font-size:14px}.co-toast button{background:none;border:none;color:#74b9ff;font-weight:800;font-size:14px;cursor:pointer}.co-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);z-index:300;display:flex;justify-content:flex-end}.co-drawer{width:min(480px,100vw);height:100%;background:var(--card-bg);display:flex;flex-direction:column;box-shadow:-12px 0 40px #0003;animation:coDrawerIn .25s ease}@keyframes coDrawerIn{0%{transform:translate(40px);opacity:0}}.co-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink)}.co-drawer-x{background:none;border:none;font-size:16px;cursor:pointer;color:var(--ink3)}.co-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.co-drawer-body label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--ink2)}.co-drawer-body input,.co-drawer-body textarea{border:1.5px solid var(--line);border-radius:9px;padding:9px 12px;font-size:14px;font-family:inherit;background:var(--card-bg);color:var(--ink);font-weight:500}.co-drawer-body input:focus,.co-drawer-body textarea:focus{outline:none;border-color:var(--brand)}.co-chiprow{display:flex;gap:6px;flex-wrap:wrap}.co-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.co-clrow{display:flex;gap:8px;align-items:center}.co-clrow input[type=checkbox]{width:16px;height:16px;flex-shrink:0}.co-clrow input:not([type=checkbox]){flex:1}.co-clrow button{background:none;border:none;color:var(--ink3);cursor:pointer}.co-drawer-foot{display:flex;gap:10px;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}@media (max-width: 768px){.co-page{padding:14px 12px 60px}.co-pin-wrap{grid-template-columns:1fr}}.co-quickadd{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-bottom:18px;box-shadow:var(--shadow-sm);flex-wrap:wrap}.co-quickadd-plus{color:var(--ink3);font-weight:700;flex-shrink:0}.co-quickadd input{flex:1;min-width:200px;border:none;outline:none;background:none;font-size:14px;color:var(--ink);font-family:inherit}.co-quickadd-btn{padding:6px 16px!important;border-radius:999px!important;font-size:13px!important}.co-card,.co-rcard,.co-dcard{border-radius:14px;transition:box-shadow .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1)}@keyframes coIn{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}.co-col{background:color-mix(in srgb,var(--c, #8a949e) 5%,var(--card-bg))}.co-col-head{border-bottom-width:2.5px}.co-count{background:color-mix(in srgb,var(--c) 12%,var(--card-bg));box-shadow:none}.co-page .chip{transition:filter .15s,transform .1s ease}.co-page .chip:hover{filter:brightness(.94)}.co-page .chip:active{transform:scale(.95)}.co-page .btn-primary{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 80%,#6c5ce7));box-shadow:0 3px 10px color-mix(in srgb,var(--brand) 35%,transparent);transition:box-shadow .2s,transform .15s}.co-page .btn-primary:hover{box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 45%,transparent);transform:translateY(-1px)}.co-stat{transition:box-shadow .2s,transform .2s}.co-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.co-focus{animation-duration:2.2s}.co-fbtn{transition:all .18s cubic-bezier(.2,.8,.2,1)}.co-drop{transition:box-shadow .12s,border-color .12s}.co-ghost{transition:none!important}.co-bar i{transition:width .4s cubic-bezier(.2,.8,.2,1)}.co-mtoggle{background:none;border:none;cursor:pointer;font-size:12px;font-weight:700;color:var(--ink3);padding:2px 0;font-family:inherit;width:100%;text-align:left}.co-mtoggle:hover{color:var(--ink2)}.co-mgroup{display:flex;flex-direction:column;gap:10px;margin-top:8px}.vault-node.locked .vault-header{display:flex;align-items:center;gap:6px;padding:6px 8px;cursor:pointer;border-radius:var(--radius-sm);border:1px dashed var(--border-strong);background:var(--bg-subtle);transition:background .15s ease,border-color .15s ease}.vault-node.locked .vault-header:hover{background:var(--bg-hover);border-color:var(--violet)}.vault-node.locked .vault-icon{color:var(--violet);display:inline-flex;align-items:center}.vault-node.locked .project-name{color:var(--text-secondary)}.vault-hint{font-size:11px;color:var(--text-muted);margin-left:6px;letter-spacing:.02em}.vault-node.unlocked>.project-header .project-icon{color:var(--violet)}.vault-lock-btn{color:var(--violet)}.vault-modal{max-width:300px}.vault-modal-body{display:flex;flex-direction:column;align-items:center;padding:4px 0 10px}.vault-modal-tip{font-size:12.5px;color:var(--text-secondary);margin:0 0 14px;text-align:center;line-height:1.6}.vault-pin-input{-webkit-text-security:disc;text-security:disc;width:150px;padding:10px 0;text-align:center;font-size:26px;letter-spacing:.5em;text-indent:.5em;color:var(--text-primary);background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:var(--radius-md);outline:none;font-family:inherit}.vault-pin-input:focus{border-color:var(--accent);background:var(--surface)}.vault-pin-input.error{border-color:var(--danger);animation:vault-shake .3s ease}.vault-pin-error{font-size:12px;color:var(--danger);margin:8px 0 0;opacity:0;transition:opacity .15s ease}.vault-pin-error.visible{opacity:1}@keyframes vault-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}:root{--text-primary: #2b3440;--text-secondary: #5c6672;--text-muted: #99a1ab;--surface: #ffffff;--bg-subtle: #f6f7f9;--bg-hover: #edeff2;--border: #e4e7ec;--border-strong: #d4dae1;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-bg: #eff4ff;--danger: #dc2626;--danger-hover: #b91c1c;--danger-bg: #fef2f2;--danger-border: #fecaca;--success: #16a34a;--success-bg: #e7f5ec;--success-border: #c3e6cb;--info: #1976d2;--info-strong: #1565c0;--info-bg: #eaf3ff;--info-border: #b8d5f4;--warning-bg: #fffbe6;--warning-border: #ffe58f;--highlight-bg: #fff1a8;--highlight-strong: #ffd700;--code-accent: #d63384;--violet: #6f42c1;--orange: #fd7e14;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-color: rgba(43, 52, 64, .1);--shadow-sm: 0 1px 2px var(--shadow-color);--shadow-md: 0 4px 12px var(--shadow-color);--shadow-lg: 0 16px 40px var(--shadow-color), 0 2px 8px var(--shadow-color);--text-color: var(--text-primary);--bg-color: var(--surface);--border-color: var(--border);--primary-color: var(--accent);--primary-hover: var(--accent-hover);--primary-bg: var(--accent-bg);--secondary-bg: var(--bg-subtle);--hover-bg: var(--bg-hover);--link-color: var(--accent)}:root[data-theme=dark]{--text-primary: #e3e6ea;--text-secondary: #a8b0ba;--text-muted: #6e7681;--surface: #1c2128;--bg-subtle: #22272e;--bg-hover: #2d333b;--border: #373e47;--border-strong: #444c56;--accent: #4d8dff;--accent-hover: #6ba1ff;--accent-bg: #1f2a3d;--danger: #f47067;--danger-hover: #ff8b82;--danger-bg: #3a2426;--danger-border: #5c3236;--success: #57ab5a;--success-bg: #1f2f23;--success-border: #2c4a33;--info: #6cb2ff;--info-strong: #8ec2ff;--info-bg: #1d2b3d;--info-border: #2e4a68;--warning-bg: #3a331f;--warning-border: #5a4d26;--highlight-bg: rgba(255, 224, 102, .24);--highlight-strong: #b3962e;--code-accent: #ff85b3;--violet: #b392f0;--orange: #f69d50;--shadow-color: rgba(0, 0, 0, .4)}:root[data-theme=dark] body{color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-subtle);color:var(--text-primary);height:100vh}#root{height:100vh}.app{display:flex;height:100vh}