:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #eef2ff;--danger: #ef4444;--danger-hover: #dc2626;--warning: #f59e0b;--success: #10b981;--text: #1e1e2e;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--bg: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border: #e5e7eb;--border-focus: #6366f1;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 24px rgba(0,0,0,.1);--radius: 10px;--radius-sm: 7px;--radius-lg: 14px;--transition: .2s ease;--sidebar-w: 240px;--topbar-h: 56px;--tabbar-h: 56px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg-secondary);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.hidden{display:none!important}.spinner{width:24px;height:24px;border:3px solid var(--bg-tertiary);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:calc(var(--tabbar-h) + 16px);left:50%;transform:translate(-50%) translateY(20px);padding:10px 22px;background:#1e1e2e;color:#fff;font-size:14px;font-weight:500;border-radius:22px;box-shadow:var(--shadow-md);opacity:0;transition:all .3s ease;z-index:10000;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:768px){.toast{bottom:24px}}.app-shell{display:flex;height:100%;min-height:0}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:4px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;font-weight:700;font-size:16px}.sidebar-brand svg{flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition),color var(--transition);font-weight:500}.sidebar-link:hover{background:var(--bg-secondary);color:var(--text)}.sidebar-link.active{background:var(--primary-light);color:var(--primary)}.sidebar-link svg{flex-shrink:0}.sidebar-spacer{flex:1}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer}.sidebar-user:hover{background:var(--bg-tertiary)}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-weight:500;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-mail{color:var(--text-tertiary);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;background:var(--bg-secondary)}.topbar{display:none;height:var(--topbar-h);flex-shrink:0;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--border)}.topbar-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.topbar-actions{display:flex;align-items:center;gap:4px}.tabbar{display:none;height:var(--tabbar-h);flex-shrink:0;background:var(--bg);border-top:1px solid var(--border)}.tabbar-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-tertiary);font-size:11px;cursor:pointer;transition:color var(--transition)}.tabbar-link.active{color:var(--primary)}@media(max-width:767px){.sidebar{display:none}.topbar,.tabbar{display:flex}.main{height:100%}}.view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.view-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.view-title{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.view-title .count{font-size:12px;color:var(--text-tertiary);font-weight:400}.view-actions{display:flex;align-items:center;gap:6px}.view-body{flex:1;min-height:0;overflow-y:auto;position:relative}.view-content{max-width:880px;margin:0 auto;padding:20px}@media(max-width:767px){.view-header{padding:12px 14px}.view-title{font-size:16px}.view-content{padding:14px}}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.btn-icon:hover{background:var(--bg-secondary);color:var(--text)}.btn-icon.btn-danger:hover{background:#fef2f2;color:var(--danger)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border:none;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-weight:500;font-size:14px;transition:background var(--transition)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius-sm);font-weight:500;transition:all var(--transition)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 10px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);font-weight:500;font-size:13px;transition:background var(--transition)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text)}.field{margin-bottom:16px}.field label{display:block;font-weight:500;font-size:13px;margin-bottom:6px;color:var(--text-secondary)}.field .label-hint{font-weight:400;color:var(--text-tertiary);font-size:12px;margin-left:6px}.input,.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=datetime-local],.field select,.field textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:14px;transition:border-color var(--transition),box-shadow var(--transition)}.field textarea{height:auto;padding:10px 12px;min-height:80px;resize:vertical}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.field-row{display:flex;gap:10px}.field-row>.field{flex:1}.field-inline{display:flex;gap:8px;align-items:center}.field-inline>input{flex:1}.auth-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#eef2ff,#faf5ff)}.auth-card{width:100%;max-width:400px;background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px 28px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.auth-brand h1{font-size:22px;font-weight:700}.auth-brand p{color:var(--text-secondary);font-size:13px}.auth-card h2{font-size:18px;font-weight:600;margin-bottom:18px;text-align:center}.auth-switch{margin-top:20px;text-align:center;font-size:13px;color:var(--text-secondary)}.auth-switch a{color:var(--primary);font-weight:500;cursor:pointer}.auth-switch a:hover{text-decoration:underline}.auth-error{background:#fef2f2;color:var(--danger);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.search-bar{position:relative;margin:0 0 16px}.search-bar svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.search-bar input{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.search-bar input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.folder-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;margin-bottom:12px;-webkit-overflow-scrolling:touch}.folder-tabs::-webkit-scrollbar{height:4px}.folder-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.folder-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;background:var(--bg);color:var(--text-secondary);font-size:12px;font-weight:500;border:1px solid var(--border);cursor:pointer;white-space:nowrap;transition:all var(--transition)}.folder-tab:hover{background:var(--bg-tertiary)}.folder-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-dot{width:8px;height:8px;border-radius:50%}.bookmark-list,.todo-list{position:relative}.pull-indicator{display:flex;align-items:center;justify-content:center;height:0;overflow:hidden;color:var(--text-tertiary);font-size:12px;gap:6px;transition:height var(--transition)}.pull-indicator.ready{color:var(--primary)}.list-footer-hint{text-align:center;padding:16px;color:var(--text-tertiary);font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px}.row-card{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:box-shadow var(--transition),transform var(--transition)}.row-card:hover{box-shadow:var(--shadow-md)}.row-actions{position:absolute;right:10px;top:10px;display:none;align-items:center;gap:4px;background:var(--bg);padding:4px 6px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:1}.row-card:hover .row-actions{display:flex}.row-action-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);border-radius:6px}.row-action-btn:hover{background:var(--bg-tertiary);color:var(--text)}.row-action-btn.row-action-danger:hover{background:#fef2f2;color:var(--danger)}@media(max-width:767px){.row-actions{display:flex;opacity:.85}}.bookmark-row .row-title{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;margin-bottom:4px;padding-right:80px;word-break:break-word}.bookmark-folder-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bookmark-row .row-meta{display:flex;gap:10px;color:var(--text-tertiary);font-size:12px;margin-bottom:6px;flex-wrap:wrap}.bookmark-row .row-note{color:var(--text-secondary);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.todo-row .row-title{font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;padding-right:80px;margin-bottom:4px}.todo-row .row-title.done{text-decoration:line-through;color:var(--text-tertiary)}.todo-check{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg);cursor:pointer;transition:all var(--transition)}.todo-check.checked{background:var(--success);border-color:var(--success);color:#fff}.todo-row .row-meta{display:flex;gap:10px;color:var(--text-tertiary);font-size:12px;flex-wrap:wrap}.todo-prio{display:inline-flex;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.todo-prio.prio-low{background:#f1f5f9;color:var(--text-secondary)}.todo-prio.prio-normal{background:var(--primary-light);color:var(--primary)}.todo-prio.prio-high{background:#fff7ed;color:#ea580c}.todo-prio.prio-urgent{background:#fef2f2;color:var(--danger)}.todo-meta-overdue{color:var(--danger);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-tertiary);text-align:center;gap:12px}.empty-state p{font-size:13px}.loading-state{display:flex;align-items:center;justify-content:center;padding:40px 0}.detail-folder-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;margin-bottom:12px}.tag-dot{width:8px;height:8px;border-radius:50%}.detail-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:13px;margin-bottom:8px;word-break:break-all}.detail-link:hover{text-decoration:underline}.detail-meta{color:var(--text-tertiary);font-size:12px;margin-bottom:16px;display:flex;gap:12px;flex-wrap:wrap}.detail-meta .todo-prio{font-size:11px}.detail-note{font-size:14px;line-height:1.7}.prio-picker{display:flex;gap:6px;flex-wrap:wrap}.prio-btn{padding:6px 12px;border-radius:16px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all var(--transition)}.prio-btn:hover{border-color:var(--text-tertiary)}.prio-btn.is-active.prio-low{background:#f1f5f9;color:#475569;border-color:#94a3b8}.prio-btn.is-active.prio-normal{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.prio-btn.is-active.prio-high{background:#fff7ed;color:#ea580c;border-color:#fb923c}.prio-btn.is-active.prio-urgent{background:#fef2f2;color:var(--danger);border-color:var(--danger)}.todo-detail-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.todo-detail-time.overdue{color:var(--danger);font-weight:500}.todo-status-tag{display:inline-flex;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500;cursor:pointer;border:none;font-family:inherit}.todo-status-tag.pending{background:var(--primary-light);color:var(--primary)}.todo-status-tag.done{background:#ecfdf5;color:#059669}.todo-status-tag:hover{opacity:.85}.folder-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px}.folder-color-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.folder-name{flex:1;font-weight:500}.folder-row-actions{display:flex;gap:4px}.color-grid{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--transition)}.color-swatch:hover{transform:scale(1.08)}.color-swatch.active{border-color:var(--text)}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px}.modal-content{width:100%;max-width:420px;background:var(--bg);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:12px}.modal-content h3{font-size:16px;font-weight:700}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.modal-actions .btn-primary,.modal-actions .btn-secondary{width:auto;padding:8px 18px}.color-picker{display:flex;gap:6px;flex-wrap:wrap}.color-dot{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all var(--transition)}.color-dot:hover{transform:scale(1.15)}.color-dot.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}.settings-section{margin-bottom:18px}.settings-section-title{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.settings-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:13px;cursor:pointer;transition:all var(--transition);font-family:inherit}.settings-btn:hover{background:var(--bg-secondary)}.btn-logout-style{color:var(--danger);border-color:#fecaca}.btn-logout-style:hover{background:#fef2f2}.settings-user-info{font-size:13px;color:var(--text-secondary);padding:6px 0 8px}.folder-list{display:flex;flex-direction:column}.folder-list-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.folder-list-item:hover{background:var(--bg-secondary)}.folder-list-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.folder-list-info{flex:1;min-width:0}.folder-list-name{font-size:14px;font-weight:600;color:var(--text)}.folder-list-count{font-size:12px;color:var(--text-tertiary);margin-top:2px}.folder-list-actions{display:flex;gap:4px}.lightbox-overlay{position:fixed;inset:0;background:#000000d9;display:none;align-items:center;justify-content:center;z-index:10000;padding:20px}.lightbox-overlay.show{display:flex}.lightbox-img{max-width:100%;max-height:100%;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.lightbox-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background:#ffffff26;border:none;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-close:hover{background:#ffffff40}.video-embed{position:relative;width:100%;padding-bottom:56.25%;margin:8px 0;border-radius:var(--radius-sm);overflow:hidden;background:#000}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-embed-blocked{padding:12px;background:var(--bg-secondary);color:var(--text-tertiary);text-align:center;font-size:13px;position:static}.video-embed-blocked .video-embed-link{color:var(--primary);text-decoration:none;word-break:break-all}.video-embed-blocked .video-embed-link:hover{text-decoration:underline}.tiptap-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition);background:var(--bg)}.tiptap-wrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.editor-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:6px 8px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.editor-toolbar button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:5px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:inherit;transition:all var(--transition)}.editor-toolbar button:hover{background:var(--bg);color:var(--text);box-shadow:var(--shadow-sm)}.editor-toolbar button.is-active{background:var(--primary-light);color:var(--primary)}.editor-toolbar .sep{width:1px;height:16px;background:var(--border);margin:0 4px}.tiptap{padding:14px 16px;min-height:200px;max-height:60vh;overflow-y:auto;font-size:14px;line-height:1.7;outline:none}.tiptap p{margin:4px 0}.tiptap h1{font-size:22px;font-weight:700;margin:14px 0 8px}.tiptap h2{font-size:18px;font-weight:700;margin:12px 0 6px}.tiptap h3{font-size:15px;font-weight:600;margin:10px 0 4px}.tiptap ul,.tiptap ol{padding-left:22px;margin:4px 0}.tiptap li{margin:2px 0}.tiptap code{background:#f1f5f9;padding:1px 6px;border-radius:3px;font-size:13px;font-family:SF Mono,Menlo,Consolas,monospace;color:#e11d48}.tiptap pre{background:#1e1e2e;color:#cdd6f4;padding:14px;border-radius:var(--radius-sm);overflow-x:auto;margin:8px 0}.tiptap pre code{background:transparent;color:inherit;padding:0}.tiptap blockquote{border-left:3px solid var(--primary);padding:4px 14px;margin:8px 0;color:var(--text-secondary)}.tiptap img{max-width:100%;border-radius:var(--radius-sm);margin:6px 0;cursor:zoom-in}.tiptap a{color:var(--primary);text-decoration:underline}.tiptap hr{border:none;border-top:1px solid var(--border);margin:12px 0}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-tertiary);pointer-events:none;height:0}.tiptap .mention-link{background:var(--primary-light);color:var(--primary);padding:1px 6px;border-radius:4px;font-weight:500;cursor:pointer}.mention-popup{position:fixed;z-index:999;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:220px;overflow-y:auto;min-width:220px}.mention-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text);transition:background var(--transition)}.mention-item:hover,.mention-item.selected{background:var(--bg-secondary)}.mention-type-tag{flex-shrink:0;padding:1px 7px;border-radius:8px;font-size:11px;font-weight:500}.mention-type-tag.mt-folder{background:#fff7ed;color:#ea580c}.mention-type-tag.mt-todo{background:#ecfdf5;color:#059669}.mention-type-tag.mt-bookmark{background:var(--primary-light);color:var(--primary)}.mention-link.mention-folder{background:#fff7ed;color:#ea580c}.mention-link.mention-todo{background:#ecfdf5;color:#059669}.markdown-body h1{font-size:22px;font-weight:700;margin:14px 0 10px;border-bottom:1px solid var(--border);padding-bottom:6px}.markdown-body h2{font-size:18px;font-weight:700;margin:12px 0 8px}.markdown-body h3{font-size:16px;font-weight:600;margin:10px 0 6px}.markdown-body p{margin:8px 0}.markdown-body ul,.markdown-body ol{padding-left:22px;margin:8px 0}.markdown-body li{margin:3px 0}.markdown-body code{background:#f1f5f9;padding:1px 6px;border-radius:3px;font-size:13px;font-family:SF Mono,Menlo,Consolas,monospace;color:#e11d48}.markdown-body pre{background:#1e1e2e;color:#cdd6f4;padding:14px;border-radius:var(--radius-sm);overflow-x:auto;margin:10px 0}.markdown-body pre code{background:transparent;color:inherit;padding:0;font-size:13px}.markdown-body blockquote{border-left:3px solid var(--primary);padding:4px 14px;margin:10px 0;color:var(--text-secondary)}.markdown-body img{max-width:100%;border-radius:var(--radius-sm);margin:8px 0;cursor:zoom-in}.markdown-body a{color:var(--primary);text-decoration:underline}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:12px 0}