:root{--color-bg-main:#0a0a0a;--color-bg-sidebar:#111;--color-bg-subsidebar:#161616;--color-bg-subsidebar-active:#5d7bf347;--color-bg-card:#141414;--color-bg-card-hover:#1e1e1e;--color-bg-primary:#1a1a1a;--color-bg-hover:#ffffff0f;--color-bg-tertiary:#222;--color-bg-input:#111;--color-text-main:#fff;--color-text-primary:#fff;--color-text-secondary:#ccc;--color-text-muted:#888;--color-border:#2a2a2a;--color-border-light:#1e1e1e;--color-accent-blue:#5d7bf3;--color-accent-red:#ef4444;--color-accent-green:#10b981;--color-accent-orange:#f59e0b;--color-accent-purple:#8b5cf6;--header-height:52px;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", ui-monospace, "Fira Code", "Courier New", monospace;--text-2xs:.68rem;--text-xs:.72rem;--text-sm:.78rem;--text-base:.82rem;--text-md:.88rem;--text-lg:1rem;--text-xl:1.1rem;--text-2xl:1.25rem;--leading-tight:1.25;--leading-normal:1.5;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;background-color:#0a0a0a;height:100vh;font-size:14px;line-height:1.5;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (width<=768px){input,textarea,select,[contenteditable]{font-size:max(16px,1em)}}:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px;border-radius:4px}.app-container{width:100vw;height:100dvh;padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex}.app-body{flex:1;display:flex;overflow:hidden}.main-content{background-color:var(--color-bg-main);flex-direction:column;flex:1;display:flex;overflow:hidden}.content-area{flex:1;position:relative;overflow-y:auto}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:80vh;box-shadow:var(--shadow-lg);padding:30px;animation:.2s slideUp;overflow-y:auto}.modal-content h2{margin-bottom:20px;font-size:1.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:16px}.form-group label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.8rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;transition:border var(--transition);outline:none;padding:10px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #5d7bf31a}.form-group textarea{resize:vertical;min-height:100px}.btn{border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-accent-blue);color:#fff}.btn-primary:hover{background:#4a6ae0}.btn-danger{background:var(--color-accent-red);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{background:#0000000d}.btn-row{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.dropdown-menu{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:800;min-width:200px;padding:6px;animation:.1s fadeIn;position:absolute;top:100%;right:0}.dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);transition:background var(--transition);align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;display:flex}.dropdown-item:hover{background:var(--color-bg-hover)}.dropdown-item.danger{color:var(--color-accent-red)}.tag{color:var(--color-accent-blue);background:#5d7bf31f;border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-block}.tag.priority-High{color:var(--color-accent-red);background:#ef44441f}.tag.priority-Urgent{color:#b91c1c;background:#ef444440}.tag.priority-Low{color:var(--color-accent-green);background:#10b9811f}.resize-handle{cursor:col-resize;width:4px;transition:background var(--transition);background:0 0;flex-shrink:0}.resize-handle:hover,.resize-handle.dragging{background:var(--color-accent-blue)}.file-drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-main);padding:20px;transition:border-color .15s,background .15s}.file-drop-zone:hover,.file-drop-zone.drag-over{border-color:var(--color-accent-blue);background:#5d7bf30a}.file-drop-zone.has-file{border-color:var(--color-accent-green);background:#10b9810a}.file-drop-placeholder{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.file-drop-placeholder p{font-size:.85rem}.file-drop-placeholder span{font-size:.72rem}.file-selected{color:var(--color-accent-green);align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.file-preview-section{background:var(--color-bg-main);border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin-bottom:16px;padding:12px}.file-preview-section img{object-fit:contain;border-radius:var(--radius-sm);width:100%;max-height:300px}.file-preview-section audio{width:100%}.file-download-link{background:var(--color-accent-blue);color:#fff;border-radius:var(--radius-sm);align-items:center;gap:8px;width:fit-content;padding:10px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.file-download-link:hover{opacity:.88}.tags-input-container{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:6px 8px;display:flex}.tags-input-container .tag{cursor:pointer;align-items:center;display:inline-flex}.saved-indicator{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.saved-indicator.unsaved{color:var(--color-accent-orange)}.saved-indicator.saving{color:var(--color-accent-blue)}.pinned-record-panel{border-left:1px solid var(--color-border);background:var(--color-bg-sidebar);height:100%;overflow:hidden}@media (width<=768px){:root{--header-height:44px}.resize-handle,.pinned-record-panel{display:none}.sidebar,.sub-sidebar{display:none!important}.content-area{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.modal-content{width:100%;padding:18px 14px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;margin:0;position:fixed;bottom:0;left:0;right:0;max-width:100%!important}.modal-overlay{align-items:flex-end}.search-modal.modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:80vh}.ai-panel{width:100%!important;padding-top:env(safe-area-inset-top,0px)!important;border-left:none!important;border-right:none!important;position:fixed!important;inset:0!important}.app-toolbar{flex-wrap:wrap;gap:6px!important;padding:8px 10px!important}.app-toolbar-right{flex-wrap:wrap;gap:4px!important}.app-search{flex-basis:100%;order:10}.toolbar-btn span{display:none}.toolbar-btn{padding:6px 8px!important}.records-scroll-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.record-modal{border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;inset:0!important}.floating-add-btn{bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}.header-title{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sidebar{background-color:var(--color-bg-sidebar);border-right:1px solid var(--color-border-light);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;height:100%;transition:width .2s;display:flex;overflow:hidden}.sidebar.collapsed{align-items:center}.sidebar-toggle-row{justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.sidebar-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);font-size:.75rem;font-weight:700}.sidebar-toggle-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition);padding:4px}.sidebar-toggle-btn:hover{color:var(--color-text-primary);background:#ffffff14}.sidebar-nav{flex:1;padding:4px 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.sidebar-nav ul{list-style:none}.sidebar-nav li{cursor:pointer;color:var(--color-text-primary);text-transform:capitalize;transition:all var(--transition);white-space:nowrap;border-radius:var(--radius-sm);align-items:center;gap:10px;margin:1px 6px;padding:9px 16px;font-size:.88rem;display:flex}.sidebar-nav li:hover{background-color:#ffffff80}.sidebar-nav li.active{box-shadow:var(--shadow-sm);background-color:#ffffff24;font-weight:600}.sidebar.collapsed .sidebar-nav li{justify-content:center;margin:1px 4px;padding:10px}.nav-divider{background-color:var(--color-border-light);height:1px;margin:6px 14px!important;padding:0!important}.smart-folders-section{border-top:1px solid var(--color-border-light);flex-shrink:0;padding:10px 0 4px}.smart-folders-header{justify-content:space-between;align-items:center;padding:0 14px 6px;display:flex}.smart-folders-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);align-items:center;gap:5px;font-size:.7rem;font-weight:700;display:flex}.smart-folders-add-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px 4px;transition:all .12s;display:flex}.smart-folders-add-btn:hover{color:var(--color-accent-blue);background:var(--color-bg-hover)}.smart-folder-empty-hint{text-align:left;cursor:pointer;width:100%;color:var(--color-text-muted);background:0 0;border:none;padding:4px 14px 8px;font-size:.78rem;transition:color .12s;display:block}.smart-folder-empty-hint:hover{color:var(--color-accent-blue)}.smart-folder-item{cursor:pointer;border-radius:0;align-items:center;gap:7px;padding:5px 14px;transition:background .1s;display:flex;position:relative}.smart-folder-item:hover,.smart-folder-item.active{background:var(--color-bg-hover)}.smart-folder-item.active:before{content:"";background:var(--color-accent-blue);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.sf-item-emoji{flex-shrink:0;font-size:1rem;line-height:1}.sf-item-name{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:500;overflow:hidden}.sf-item-more{cursor:pointer;color:var(--color-text-muted);opacity:0;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;transition:opacity .1s;display:flex}.smart-folder-item:hover .sf-item-more{opacity:1}.sf-item-more:hover{background:var(--color-bg-card-hover);color:var(--color-text-main)}.sidebar-footer{border-top:1px solid var(--color-border-light);justify-content:space-around;gap:4px;padding:10px 8px;display:flex}.sidebar-footer button{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition);flex-direction:column;align-items:center;gap:3px;padding:6px 10px;font-size:.7rem;display:flex}.sidebar-footer button:hover{color:var(--color-text-primary);background:#ffffff0f}.sidebar-footer button.active{color:var(--color-accent-red);background:#ef444414}.sidebar-nav li.drag-over{outline:2px dashed var(--color-accent-blue);outline-offset:-2px}.sidebar-context-menu{z-index:9999;background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);min-width:170px;padding:4px}.sidebar-context-menu button{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--color-text-primary);align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.sidebar-context-menu button:hover{background:#ffffff12}@media (width<=768px){.sidebar{display:none!important}}.sf-builder{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:0;width:560px;max-width:calc(100vw - 48px);max-height:calc(100vh - 64px);animation:.18s sf-in;display:flex;overflow-y:auto;box-shadow:0 20px 60px #00000040}@keyframes sf-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sf-builder-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.sf-builder-title{color:var(--color-text-main);align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex}.sf-emoji-preview{font-size:1.4rem;line-height:1}.sf-name-row{border-bottom:1px solid var(--color-border-light);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.sf-emoji-picker{flex-wrap:wrap;gap:4px;display:flex}.sf-emoji-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;padding:4px 6px;font-size:1.2rem;line-height:1;transition:background .1s}.sf-emoji-btn:hover{background:var(--color-bg-hover)}.sf-emoji-btn.active{background:var(--color-bg-hover);border-color:var(--color-accent-blue)}.sf-name-input{border:1.5px solid var(--color-border);background:var(--color-bg-main);width:100%;color:var(--color-text-main);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;font-size:1rem;font-weight:600}.sf-name-input:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent-blue) 15%, transparent)}.sf-color-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sf-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .1s}.sf-color-dot:hover{transform:scale(1.15)}.sf-color-dot.active{border-color:var(--color-text-main);transform:scale(1.15)}.sf-color-custom{cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;height:28px;padding:0;overflow:hidden}.sf-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding:12px 20px 6px;font-size:.75rem;font-weight:700}.sf-conditions{flex-direction:column;gap:7px;padding:0 20px 12px;display:flex}.sf-empty-conditions{color:var(--color-text-muted);padding:8px 0;font-size:.82rem;font-style:italic}.sf-condition-row{align-items:center;gap:6px;display:flex}.sf-select{border:1px solid var(--color-border);background:var(--color-bg-main);color:var(--color-text-main);cursor:pointer;border-radius:7px;outline:none;flex:1;padding:6px 8px;font-size:.83rem}.sf-select:focus{border-color:var(--color-accent-blue)}.sf-select-op{flex:none;min-width:80px}.sf-text-input{border:1px solid var(--color-border);background:var(--color-bg-main);color:var(--color-text-main);border-radius:7px;outline:none;flex:1;padding:6px 8px;font-size:.83rem}.sf-text-input:focus{border-color:var(--color-accent-blue)}.sf-remove-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:5px;flex-shrink:0;align-items:center;padding:4px;display:flex}.sf-remove-btn:hover{background:var(--color-danger-bg);color:var(--color-danger)}.sf-add-condition-btn{border:1px dashed var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:5px;width:fit-content;margin-top:2px;padding:6px 12px;font-size:.82rem;transition:all .15s;display:flex}.sf-add-condition-btn:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background:color-mix(in srgb, var(--color-accent-blue) 5%, transparent)}.sf-preview-label{border-top:1px solid var(--color-border-light);align-items:center;padding:10px 20px;display:flex}.sf-preview-chip{border-radius:20px;padding:3px 10px;font-size:.85rem;font-weight:600}.sf-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding:14px 20px 18px;display:flex}.sub-sidebar{background-color:var(--color-bg-subsidebar);border-right:1px solid var(--color-border-light);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden}.sub-sidebar-closed{border-right:1px solid var(--color-border-light);background:var(--color-bg-subsidebar);flex-shrink:0;justify-content:center;align-items:flex-start;width:28px;height:100%;padding-top:12px;display:flex}.sub-sidebar-closed button{color:var(--color-text-muted);border-radius:var(--radius-sm);padding:4px}.sub-sidebar-closed button:hover{color:var(--color-text-primary);background:#ffffff14}.sub-sidebar-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:14px 14px 8px;display:flex}.sub-sidebar-app-badge{align-items:center;gap:6px;display:flex}.sub-sidebar-label{letter-spacing:.2px;color:var(--color-text-primary);font-size:.8rem;font-weight:700}.folder-count-total{color:var(--color-text-muted);background:#ffffff14;border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:600}.sub-sidebar-toggle{color:var(--color-text-muted);border-radius:var(--radius-sm);padding:4px}.sub-sidebar-toggle:hover{color:var(--color-text-primary);background:#ffffff14}.folder-list{flex-direction:column;flex:1;gap:1px;padding:6px 8px;list-style:none;display:flex;overflow-y:auto}.folder-row{cursor:pointer;color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.855rem;transition:background .12s,color .12s;display:flex;position:relative}.folder-row:hover{color:var(--color-text-primary);background:#ffffff0f}.folder-row.active{background:var(--color-bg-subsidebar-active);color:var(--color-text-primary);font-weight:600}.folder-row.builtin{color:var(--color-text-muted)}.folder-row.builtin:hover{color:var(--color-text-secondary)}.folder-row.builtin.active{color:var(--color-text-primary)}.folder-row.user-folder.active{border-left:2px solid var(--folder-active-color,var(--color-accent-blue));padding-left:8px}.folder-row.drop-target{outline:2px dashed var(--color-accent-blue);outline-offset:-2px;background:#5d7bf326}.folder-twisty,.folder-twisty-spacer{flex-shrink:0;width:16px;height:16px}.folder-twisty{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin:-2px 0;padding:0;display:flex}.folder-twisty:hover{color:var(--color-text-primary);background:#ffffff1a}.folder-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.folder-emoji{font-size:1rem;line-height:1}.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder-count{color:var(--color-text-muted);background:#ffffff12;border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:.68rem;font-weight:600}.folder-row.active .folder-count{color:var(--color-text-secondary);background:#ffffff26}.folder-context-btn{color:var(--color-text-muted);opacity:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 3px;transition:opacity .15s,background .15s;display:flex}.folder-row:hover .folder-context-btn{opacity:.7}.folder-context-btn:hover{background:#ffffff1a;opacity:1!important}.folder-edit-input{border:1px solid var(--color-accent-blue);border-radius:var(--radius-sm);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);outline:none;padding:4px 7px;font-size:.87rem}.sub-sidebar-footer{border-top:1px solid var(--color-border-light);flex-direction:column;gap:2px;padding:8px 10px 12px;display:flex}.add-folder-btn{color:var(--color-text-muted);border-radius:8px;align-items:center;gap:7px;width:100%;padding:7px 10px;font-size:.82rem;transition:color .15s,background .15s;display:flex}.add-folder-btn:hover{color:var(--color-accent-blue);background:#5d7bf314}.manage-folders-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;width:100%;padding:6px 10px;font-size:.8rem;transition:color .15s,background .15s;display:flex}.manage-folders-btn:hover{color:var(--color-text-primary);background:#ffffff0d}.done-manage-btn{color:var(--color-accent-blue);cursor:pointer;background:#5d7bf31a;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:9px 10px;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.done-manage-btn:hover{background:#5d7bf32e}.folder-manage-btns{flex-shrink:0;align-items:center;gap:2px;display:flex}.fm-inline-edit,.fm-inline-delete{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .12s,color .12s;display:flex}.fm-inline-edit{color:var(--color-text-muted);background:#ffffff0d}.fm-inline-edit:hover{color:var(--color-text-primary);background:#ffffff1f}.fm-inline-delete{color:#ef44448c;background:#ef44440a}.fm-inline-delete:hover{color:#ef4444;background:#ef444424}.folder-context-menu{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;min-width:150px;padding:4px;box-shadow:0 8px 24px #0006}.folder-context-menu button{color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:.84rem;transition:background .1s;display:flex}.folder-context-menu button:hover{background:#ffffff12}.folder-modal{background:var(--color-bg-sidebar);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;width:420px;max-width:92vw;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000080}.folder-modal-preview-header{align-items:center;gap:14px;padding:20px 18px 16px;display:flex;position:relative}.folder-modal-preview-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:background .2s,border-color .2s;display:flex}.folder-modal-preview-text{flex:1;min-width:0}.folder-modal-preview-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;transition:color .15s;overflow:hidden}.folder-modal-preview-app{text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.75rem;font-weight:600}.folder-modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex;position:absolute;top:14px;right:14px}.folder-modal-close:hover{color:var(--color-text-primary);background:#ffffff14}.folder-modal-body{flex:1;max-height:60dvh;overflow-y:auto}.folder-modal-section{border-top:1px solid var(--color-border-light);padding:12px 18px}.folder-modal-label{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);margin-bottom:8px;font-size:.68rem;font-weight:700}.folder-modal-input{border:1px solid var(--color-border);background:var(--color-bg-card);width:100%;color:var(--color-text-primary);border-radius:9px;outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .15s}.folder-modal-input:focus{border-color:var(--color-accent-blue)}.folder-color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.folder-color-dot{cursor:pointer;border:2.5px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .12s,border-color .12s,box-shadow .12s}.folder-color-dot:hover{transform:scale(1.18)}.folder-color-dot.active{border-color:#ffffffb3;transform:scale(1.12);box-shadow:0 0 0 2px #fff3}.folder-color-custom{border:1.5px solid var(--color-border);background:var(--color-bg-card);cursor:pointer;border-radius:50%;width:30px;height:30px;padding:2px}.folder-emoji-grid{grid-template-columns:repeat(6,1fr);gap:3px;display:grid}.folder-emoji-btn{cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px;font-size:1.2rem;line-height:1;transition:background .1s,border-color .1s,transform .1s}.folder-emoji-btn:hover{background:#ffffff12;transform:scale(1.15)}.folder-emoji-btn.active{transform:scale(1.1)}.folder-modal-select{border:1px solid var(--color-border);background:var(--color-bg-card);width:100%;color:var(--color-text-primary);border-radius:9px;outline:none;padding:9px 12px;font-size:.875rem}.folder-move-warning{color:#f59e0b;background:#f59e0b14;border-radius:6px;margin-top:8px;padding:6px 10px;font-size:.78rem;line-height:1.5}.folder-modal-actions{border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}@media (width<=768px){.sub-sidebar,.sub-sidebar-closed{display:none!important}}.global-header{height:var(--header-height);background-color:var(--color-bg-sidebar);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:0 20px;display:flex}.header-group{align-items:center;gap:14px;display:flex}.header-path-group{flex:1;justify-content:center;display:flex}.logo-box{color:#fff;border-radius:var(--radius-sm);letter-spacing:1px;background:linear-gradient(135deg,#7c6dc7,#5d7bf3);padding:5px 14px;font-size:.95rem;font-weight:700}.header-divider{background-color:var(--color-border);width:1px;height:26px}.ribbon-btn{color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);flex-direction:column;align-items:center;gap:2px;padding:4px 8px;display:flex}.ribbon-btn:hover{color:var(--color-text-primary);background:#ffffff0f}.user-avatar{color:#6b7280;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ribbon-label{color:var(--color-text-muted);font-size:.6rem;font-weight:500}.ribbon-path{color:var(--color-accent-green);font-size:.95rem;font-weight:500}.ribbon-path-link{font:inherit;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;border-radius:4px;padding:0}.ribbon-path-link:hover{color:var(--color-accent-green);text-decoration:underline}.ribbon-path-sep{color:var(--color-text-muted);opacity:.6}.header-popover{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1500;min-width:220px;margin-top:6px;padding:6px;position:absolute;top:100%;left:0}.header-popover-grid{min-width:340px}.popover-title{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);padding:8px 10px 4px;font-size:.68rem;font-weight:700}.popover-section{border-top:1px solid var(--color-border-light);padding:4px 0}.popover-section:first-child{border-top:none}.popover-row{color:var(--color-text-primary);align-items:center;gap:8px;padding:6px 12px;font-size:.83rem;display:flex}.popover-action{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);text-align:left;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.popover-action:hover{background:#ffffff0f}.app-launcher-grid{grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;display:grid}.app-launcher-tile{border-radius:var(--radius-md);color:var(--color-text-primary);flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:.72rem;font-weight:500;transition:background .15s;display:flex}.app-launcher-tile:hover{background:#ffffff12}.app-launcher-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ribbon-btn-ai{color:#7c3aed!important}.ribbon-btn-ai:hover{color:#6d28d9!important;background:#7c3aed1a!important}.header-search-pill{background:var(--color-bg-card);border:1px solid var(--color-border-light);min-width:240px;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition), color var(--transition);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;display:flex}.header-search-pill:hover{border-color:var(--color-accent-blue);color:var(--color-text-primary)}.header-search-pill svg{flex-shrink:0}.header-search-pill-label{text-align:left;flex:1;font-size:.82rem}.header-search-kbd{color:var(--color-text-muted);border:1px solid var(--color-border-light);background:#ffffff0f;border-radius:5px;flex-shrink:0;padding:1px 5px;font-family:inherit;font-size:.66rem;font-weight:600;line-height:1.4}.quick-add-ribbon{background:var(--color-accent-blue);color:#fff;flex-direction:row;gap:6px;padding:8px 16px}.quick-add-ribbon:hover{background:var(--color-accent-blue);color:#fff;filter:brightness(1.08)}.quick-add-ribbon .ribbon-label{color:#fff;white-space:nowrap;font-size:.78rem;font-weight:600;display:inline}@media (width<=768px){.global-header{gap:4px;padding:0 10px}.header-group{gap:4px}.ribbon-label,.header-divider{display:none}.header-desktop-only{display:none!important}.logo-box{display:none}.header-search-pill{border-radius:16px;flex:0 120px;min-width:0;padding:6px 10px}.header-search-pill-label{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.header-search-pill-extra,.header-search-kbd{display:none}.ribbon-path{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.82rem;font-weight:600;overflow:hidden}.header-popover{top:var(--header-height);width:auto;min-width:unset;position:fixed;left:8px;right:8px}.header-popover-grid{min-width:unset}.app-launcher-grid{grid-template-columns:repeat(3,1fr)}}.header-mobile-only{display:none}.header-folders-btn{width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;display:none}.header-folders-btn:active{background:#ffffff1a}@media (width<=768px){.header-mobile-only{flex-direction:column;align-items:center;display:flex}.header-folders-btn{display:flex}.header-path-group{flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}}.sync-status-pill{white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:5px;margin-left:10px;padding:3px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.sync-status-pill.sync-offline{color:#b45309;background:#f59e0b26}.sync-status-pill.sync-pending{color:#4456c7;background:#5d7bf326}.sync-spin{animation:1s linear infinite sync-spin}@keyframes sync-spin{to{transform:rotate(360deg)}}@media (width<=640px){.sync-status-label{display:none}.sync-status-pill{margin-left:6px;padding:4px}}.qa-overlay{align-items:flex-end!important;padding:0!important}.qa-sheet{background:var(--color-bg-main);width:100%;max-width:680px;max-height:92vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;flex-direction:column;margin:0 auto;animation:.22s cubic-bezier(.34,1.1,.64,1) qa-slide-up;display:flex;box-shadow:0 -8px 40px #00000059}@keyframes qa-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.qa-handle{background:var(--color-border);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 4px}.qa-header{flex-shrink:0;align-items:center;gap:8px;padding:6px 18px 10px;display:flex}.qa-sparkle{color:var(--color-accent-blue);flex-shrink:0}.qa-header-title{color:var(--color-text-primary);flex:1;font-size:1rem;font-weight:700}.qa-close{cursor:pointer;color:var(--color-text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.qa-close:active{background:var(--color-bg-hover)}.qa-input-wrap{border-bottom:1px solid var(--color-border-light);flex-shrink:0;padding:0 18px 10px}.qa-title-input{width:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;padding:4px 0 8px;font-size:1.25rem;font-weight:500;line-height:1.4}.qa-title-input::placeholder{color:var(--color-text-muted)}.qa-input-hint{flex-wrap:wrap;gap:5px;display:flex}.qa-hint-chip{color:var(--color-text-muted);font-size:.7rem;font-family:var(--font-mono);border:1px solid var(--color-border-light);background:#ffffff0f;border-radius:5px;padding:1px 7px}.qa-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.qa-section{border-bottom:1px solid var(--color-border-light);padding:12px 18px}.qa-section:last-child{border-bottom:none}.qa-section-label{text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-muted);margin-bottom:9px;font-size:.68rem;font-weight:700}.qa-app-row{flex-wrap:wrap;gap:6px;display:flex}.qa-app-btn{background:var(--color-bg-card);border:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;padding:6px 13px;font-size:.82rem;font-weight:500;transition:all .12s}.qa-app-btn:active{opacity:.75}.qa-app-btn.active{background:var(--color-accent-blue);border-color:var(--color-accent-blue);color:#fff;font-weight:600}.qa-pill-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.qa-prio-btn{background:var(--color-bg-card);border:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:.82rem;font-weight:500;transition:all .12s;display:inline-flex}.qa-prio-btn:active{opacity:.75}.qa-prio-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.qa-date-btn{background:var(--color-bg-card);border:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:.82rem;font-weight:500;transition:all .12s;display:inline-flex}.qa-date-btn:active{opacity:.75}.qa-date-btn.active{color:#818cf8;background:#6366f11f;border-color:#6366f159}.qa-date-clear{color:#818cf8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#6366f11a;border:1px solid #6366f140;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.qa-date-picker-input{border:1px solid var(--color-border);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);border-radius:10px;margin-top:10px;padding:10px 12px;font-family:inherit;font-size:16px}.qa-tags-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.qa-tag-chip{color:var(--color-accent-blue);background:#5d7bf31a;border:1px solid #5d7bf340;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.qa-tag-chip button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;align-items:center;padding:0;display:flex}.qa-tag-input-wrap{border:1px dashed var(--color-border);color:var(--color-text-muted);background:0 0;border-radius:8px;align-items:center;gap:5px;min-width:90px;padding:5px 10px;display:inline-flex}.qa-tag-icon{flex-shrink:0}.qa-tag-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:80px;font-size:.82rem}.qa-tag-input::placeholder{color:var(--color-text-muted)}.qa-link-input-wrap{border:1px solid var(--color-border);background:var(--color-bg-input);border-radius:10px;align-items:center;gap:7px;padding:9px 12px;display:flex}.qa-link-icon{color:var(--color-text-muted);flex-shrink:0}.qa-link-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:16px}.qa-link-input::placeholder{color:var(--color-text-muted)}.qa-file-btn{background:var(--color-bg-card);border:1px dashed var(--color-border);color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:7px 12px;font-size:.82rem;font-weight:500;transition:all .12s;display:inline-flex}.qa-file-btn:active:not(:disabled){opacity:.75}.qa-file-btn:disabled{opacity:.5;cursor:default}.qa-file-chip{max-width:100%;color:var(--color-accent-blue);background:#5d7bf31a;border:1px solid #5d7bf340;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.qa-file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qa-file-chip button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.qa-content-editor{border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.qa-editor-loading{min-height:90px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.qa-footer{border-top:1px solid var(--color-border-light);flex-shrink:0;padding:12px 18px}.qa-create-btn{background:var(--color-accent-blue);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:1rem;font-weight:700;transition:opacity .12s,transform .1s;display:flex}.qa-create-btn:active:not(:disabled){opacity:.88;transform:scale(.98)}.qa-create-btn:disabled{opacity:.35;cursor:not-allowed}.qa-create-due{background:#fff3;border-radius:6px;margin-left:4px;padding:2px 8px;font-size:.82rem;font-weight:600}@media (width>=769px){.qa-overlay{align-items:center!important;padding:0!important}.qa-sheet{max-width:580px;max-height:80vh;box-shadow:var(--shadow-lg);margin:0 auto;animation:.18s qa-desktop-in;border-radius:14px!important}@keyframes qa-desktop-in{0%{opacity:0;transform:scale(.97)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.qa-handle{display:none}.qa-title-input{font-size:1.1rem}.qa-app-row{gap:5px}.qa-app-btn{padding:4px 10px;font-size:.78rem}.qa-prio-btn,.qa-date-btn{padding:5px 10px;font-size:.78rem}.qa-create-btn{border-radius:10px;padding:12px;font-size:.95rem}}.inbox-wrap{display:inline-flex;position:relative}.inbox-bell{position:relative}.inbox-badge{background:var(--color-accent-red);color:#fff;min-width:16px;height:16px;box-shadow:0 0 0 2px var(--color-bg-sidebar);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:.62rem;font-weight:700;line-height:1;display:flex;position:absolute;top:1px;right:2px}.inbox-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);width:360px;max-height:72vh;box-shadow:var(--shadow-lg);z-index:901;flex-direction:column;animation:.12s fadeIn;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.inbox-header{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.inbox-title{color:var(--color-text-primary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.inbox-header-actions{align-items:center;gap:4px;display:flex}.inbox-mark-all{color:var(--color-accent-blue);border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.inbox-mark-all:hover:not(:disabled){background:#5d7bf31f}.inbox-mark-all:disabled{color:var(--color-text-muted);opacity:.6;cursor:default}.inbox-close{color:var(--color-text-muted);border-radius:6px;padding:4px;display:flex}.inbox-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.inbox-filters{border-bottom:1px solid var(--color-border-light);-webkit-overflow-scrolling:touch;flex-shrink:0;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.inbox-filter-chip{white-space:nowrap;color:var(--color-text-secondary);background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.75rem;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.inbox-filter-chip:hover{color:var(--color-text-primary)}.inbox-filter-chip.active{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background:#5d7bf329}.inbox-chip-count{background:var(--color-accent-red);color:#fff;border-radius:999px;padding:0 5px;font-size:.6rem;font-weight:700;line-height:1.4}.inbox-body{flex:1;padding:6px;overflow-y:auto}.inbox-group{margin-bottom:4px}.inbox-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding:10px 10px 4px;font-size:.68rem;font-weight:700}.inbox-item{text-align:left;width:100%;color:var(--color-text-primary);transition:background var(--transition);border-radius:8px;align-items:flex-start;gap:10px;padding:10px;display:flex}.inbox-item:hover{background:var(--color-bg-hover)}.inbox-item-icon{flex-shrink:0;margin-top:1px;display:flex}.inbox-item-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.inbox-item-title{color:var(--color-text-secondary);font-size:.85rem;line-height:1.35}.inbox-item.unread .inbox-item-title{color:var(--color-text-primary);font-weight:600}.inbox-item-body{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.inbox-item-time{color:var(--color-text-muted);flex-shrink:0;margin-top:1px;font-size:.7rem}.inbox-unread-dot{background:var(--color-accent-blue);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.inbox-icon-reminder{color:var(--color-accent-red)}.inbox-icon-comment{color:var(--color-accent-blue)}.inbox-icon-share{color:var(--color-accent-green)}.inbox-empty{text-align:center;color:var(--color-text-muted);padding:40px 16px;font-size:.85rem}@media (width<=768px){.inbox-panel{width:100%;max-height:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);z-index:1100;border:none;border-radius:0;position:fixed;inset:0}.inbox-item{padding:13px 10px}.inbox-filter-chip{padding:7px 13px;font-size:.8rem}}.settings-fullscreen{z-index:1000;background:var(--color-bg-main);padding-top:env(safe-area-inset-top,0px);animation:.18s settings-in;display:flex;position:fixed;inset:0}@keyframes settings-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.settings-nav{background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:240px;min-width:200px;display:flex;overflow-y:auto}.settings-nav-header{border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 16px 14px;display:flex}.settings-nav-logo{color:var(--color-text-primary);letter-spacing:1px;font-size:1rem;font-weight:800}.settings-nav-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:background .15s,color .15s;display:flex}.settings-nav-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-nav-user{border-bottom:1px solid var(--color-border-light);flex-shrink:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.settings-nav-user-info{min-width:0}.settings-nav-email{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.settings-nav-plan{color:var(--color-text-muted);margin-top:1px;font-size:.7rem}.settings-nav-list{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex}.settings-nav-item{color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:.875rem;font-weight:500;transition:background .12s,color .12s;display:flex}.settings-nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-nav-item.active{color:var(--color-accent-blue);background:#5d7bf324;font-weight:600}.settings-nav-footer{border-top:1px solid var(--color-border-light);flex-shrink:0;padding:12px 8px}.settings-signout-nav-btn{width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;transition:background .15s,color .15s;display:flex}.settings-signout-nav-btn:hover{color:#ef4444;background:#ef444414}.settings-signout-nav-btn:disabled{opacity:.5;cursor:not-allowed}.settings-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.settings-content-header{border-bottom:1px solid var(--color-border-light);flex-shrink:0;padding:22px 32px 18px}.settings-content-title{color:var(--color-text-primary);margin:0;font-size:1.2rem;font-weight:700}.settings-body{flex:1;max-width:640px;padding:28px 32px;overflow-y:auto}.settings-section{flex-direction:column;display:flex}.settings-field-label{text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-muted);margin-bottom:8px;font-size:.72rem;font-weight:700}.settings-avatar{background:linear-gradient(135deg, var(--color-accent-blue), #7c6dc7);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex}.settings-avatar.lg{border-radius:16px;width:56px;height:56px;font-size:1.3rem}.settings-user-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:12px;align-items:center;gap:16px;margin-bottom:12px;padding:18px;display:flex}.settings-user-email{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.settings-user-plan{color:var(--color-text-muted);margin-top:3px;font-size:.78rem}.settings-signout-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:10px 16px;font-size:.875rem;transition:background .15s,border-color .15s;display:inline-flex}.settings-signout-btn:hover{background:#ef444414;border-color:#ef444480}.settings-signout-btn:disabled{opacity:.5;cursor:not-allowed}.settings-color-row{align-items:center;gap:10px;display:flex}.settings-color-swatch{border:1px solid var(--color-border);cursor:pointer;background:var(--color-bg-card);border-radius:8px;flex-shrink:0;width:42px;height:36px;padding:2px}.settings-color-text{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:.875rem}.settings-color-text:focus{border-color:var(--color-accent-blue)}.settings-presets{flex-wrap:wrap;gap:6px;display:flex}.settings-preset{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:7px;padding:7px 12px;font-size:.82rem;transition:background .15s,border-color .15s;display:flex}.settings-preset:hover{background:var(--color-bg-hover)}.settings-preset.active{border-color:var(--color-accent-blue);color:var(--color-accent-blue)}.settings-preset-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.settings-actions{justify-content:flex-end;gap:8px;display:flex}.settings-notif-status{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.settings-notif-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.settings-notif-dot.on{background:#10b981;box-shadow:0 0 6px #10b98180}.settings-notif-dot.off{background:var(--color-text-muted)}.settings-notif-title{color:var(--color-text-primary);margin-bottom:3px;font-size:.875rem;font-weight:600}.settings-notif-desc{color:var(--color-text-muted);font-size:.8rem;line-height:1.4}.settings-notif-actions{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.settings-feedback{border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;font-size:.82rem;display:flex}.settings-feedback.success{color:#10b981;background:#10b9811a}.settings-feedback.error{color:#ef4444;background:#ef44441a}.settings-feedback.info{color:var(--color-accent-blue);background:#5d7bf31a}.settings-notice{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.82rem;line-height:1.4;display:flex}.settings-select{border:1px solid var(--color-border);background:var(--color-bg-card);width:100%;max-width:320px;color:var(--color-text-primary);cursor:pointer;border-radius:8px;outline:none;padding:9px 12px;font-size:.875rem}.settings-select:focus{border-color:var(--color-accent-blue)}.settings-kbd{background:var(--color-bg-card);border:1px solid var(--color-border);font-size:.72rem;font-family:var(--font-mono);color:var(--color-text-secondary);border-radius:4px;align-items:center;padding:1px 6px;display:inline-flex}.settings-info-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);color:var(--color-text-secondary);border-radius:10px;padding:14px 16px;font-size:.84rem;line-height:1.55}.settings-info-list{flex-direction:column;gap:7px;margin:6px 0 0;padding:0;list-style:none;display:flex}.settings-info-list li{color:var(--color-text-muted);padding-left:16px;font-size:.83rem;line-height:1.45;position:relative}.settings-info-list li:before{content:"·";color:var(--color-accent-blue);font-size:1rem;position:absolute;left:5px}.stab-tags{flex-direction:column;gap:0;display:flex}.stab-search-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}.stab-search{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:.875rem}.stab-search:focus{border-color:var(--color-accent-blue)}.stab-count{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:.78rem}.stab-empty{color:var(--color-text-muted);padding:20px 0;font-size:.85rem}.stab-tag-list{flex-direction:column;gap:2px;display:flex}.stab-apps{flex-direction:column;display:flex}.stab-apps-hint{color:var(--color-text-muted);margin:0 0 16px;font-size:.82rem}.stab-apps-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:6px;font-size:.72rem;font-weight:600}.stab-app-row{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:7px 10px;transition:background .12s;display:flex}.stab-app-row:hover{background:var(--color-bg-card-hover)}.stab-app-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.stab-app-name{color:var(--color-text-primary);flex:1;font-size:.88rem}.stab-app-row.hidden .stab-app-name{color:var(--color-text-muted)}.stab-tag-row{border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 10px;transition:background .1s;display:flex}.stab-tag-row:hover{background:var(--color-bg-hover)}.stab-tag-row:hover .stab-tag-actions{opacity:1}.stab-hash{color:var(--color-text-muted);flex-shrink:0}.stab-tag-name{color:var(--color-text-primary);flex:1;font-size:.875rem;font-weight:500}.stab-tag-count{color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:10px;flex-shrink:0;padding:1px 7px;font-size:.75rem}.stab-tag-actions{opacity:0;align-items:center;gap:2px;transition:opacity .12s;display:flex}.stab-icon-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:4px 5px;transition:background .12s,color .12s;display:flex}.stab-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.stab-icon-btn.danger:hover{color:#f87171;background:#ef44441a}.stab-edit-input,.stab-merge-input{border:1px solid var(--color-accent-blue);background:var(--color-bg-input,var(--color-bg-card));color:var(--color-text-primary);border-radius:5px;outline:none;padding:4px 8px;font-size:.875rem}.stab-edit-input{flex:1}.stab-merge-input{flex-shrink:0;width:140px}.stab-action-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:.78rem;transition:background .12s}.stab-action-btn:hover{background:var(--color-bg-hover)}.stab-action-btn.primary{background:var(--color-accent-blue);border-color:var(--color-accent-blue);color:#fff}.stab-action-btn.primary:hover{opacity:.85}@media (width<=640px){.settings-nav{border-right:none;border-bottom:1px solid var(--color-border);flex-flow:wrap;width:100%;height:auto;overflow:auto hidden}.settings-fullscreen{flex-direction:column}.settings-nav-header{border-bottom:none;padding:12px 14px 8px}.settings-nav-user{display:none}.settings-nav-list{scrollbar-width:none;flex-direction:row;flex:1;gap:2px;padding:4px 8px 8px;overflow-x:auto}.settings-nav-list::-webkit-scrollbar{display:none}.settings-nav-item{border-radius:6px;flex-shrink:0;padding:7px 10px;font-size:.78rem}.settings-nav-footer{display:none}.settings-content-header{padding:14px 16px 12px}.settings-body{padding:16px}.settings-content-title{font-size:1rem}}.search-modal{flex-direction:column;display:flex;overflow:hidden}.search-input-row{border-bottom:1px solid var(--color-border-light);align-items:center;gap:12px;padding:16px 18px;display:flex}.search-filter-chips{border-bottom:1px solid var(--color-border-light);white-space:nowrap;scrollbar-width:none;gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.search-filter-chips::-webkit-scrollbar{display:none}.chip{background:var(--color-bg-card);color:var(--color-text-secondary);border:1px solid var(--color-border-light);transition:all var(--transition);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;flex-shrink:0;padding:4px 11px;font-size:.78rem}.chip:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.chip.active{background:var(--color-accent-blue);color:#fff;border-color:var(--color-accent-blue)}.search-filter-bar{border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px;display:flex;overflow:visible}.search-filter-wrap{flex-shrink:0;position:relative}.search-filter-btn{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.search-filter-btn:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.search-filter-btn.active{color:var(--color-accent-blue);background:#5d7bf31f;border-color:#5d7bf359}.search-filter-caret{opacity:.6}.search-filter-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;padding:5px 8px;font-size:.76rem;display:inline-flex}.search-filter-clear:hover{color:var(--color-danger,#e11d48)}.search-filter-menu{z-index:50;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);min-width:180px;max-height:280px;box-shadow:var(--shadow-lg);padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.search-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);text-align:left;cursor:pointer;align-items:center;gap:7px;padding:7px 9px;font-size:.83rem;display:flex}.search-menu-item:hover{color:var(--color-text-primary);background:#ffffff0f}.search-menu-item.active{color:var(--color-accent-blue)}.search-menu-item svg{flex-shrink:0}.search-menu-item span:first-of-type{flex:1}.search-menu-folder-icon{color:var(--color-text-muted)}.search-menu-app{color:var(--color-text-muted);background:#ffffff0f;border-radius:4px;padding:1px 6px;font-size:.68rem}.search-menu-empty{color:var(--color-text-muted);padding:10px 9px;font-size:.78rem}.search-results{flex:1;max-height:460px;padding:6px 0;overflow-y:auto}.search-status{text-align:center;color:var(--color-text-muted);padding:30px 18px;font-size:.88rem}.search-result-row{cursor:pointer;border-left:3px solid #0000;padding:10px 16px;transition:background .1s}.search-result-row.active,.search-result-row:hover{border-left-color:var(--color-accent-blue);background:#5d7bf314}.search-result-title{font-size:.92rem;font-weight:600}.search-result-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;font-size:.75rem;display:flex}.search-result-meta .dot{opacity:.5}.search-result-app{color:var(--color-accent-blue);background:#5d7bf31f;border-radius:4px;padding:1px 8px;font-weight:600}.search-tag{color:var(--color-text-secondary);cursor:pointer;background:#ffffff12;border-radius:999px;align-items:center;gap:2px;padding:1px 7px;font-size:.7rem;display:inline-flex}.search-tag:hover{background:var(--color-accent-blue);color:#fff}.search-result-snippet{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.78rem;overflow:hidden}.search-result-title-row{align-items:center;gap:6px;display:flex}.search-result-title.is-done{opacity:.6;text-decoration:line-through}.search-done-icon{color:var(--color-accent-green);flex-shrink:0}.search-recurrence{color:var(--color-accent-blue);opacity:.7;align-items:center;display:inline-flex}.search-due{align-items:center;gap:3px;font-size:.73rem;display:inline-flex}.search-due.overdue{color:var(--color-danger,#e11d48);font-weight:600}.search-highlight{color:var(--color-accent-blue);background:#5d7bf333;border-radius:2px;font-style:normal}.search-recent{padding:10px 0 4px}.search-recent-header{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:0 16px 6px;font-size:.72rem;font-weight:700;display:flex}.search-recent-item{width:100%;color:var(--color-text-secondary);text-align:left;transition:background var(--transition);cursor:pointer;align-items:center;gap:10px;padding:8px 16px;font-size:.88rem;display:flex}.search-recent-item:hover{color:var(--color-text-primary);background:#5d7bf30f}.search-cmd-header{text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent-blue);align-items:center;gap:6px;padding:10px 16px 6px;font-size:.7rem;font-weight:700;display:flex}.search-cmd-tip{text-transform:none;letter-spacing:0;color:var(--color-text-muted);margin-left:auto;font-size:.7rem;font-weight:400}.search-text-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1.05rem}.search-close-btn{color:var(--color-accent-blue);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px 2px;font-size:.9rem;font-weight:600;display:none}@media (width<=768px){.modal-overlay:has(.search-modal){background:var(--color-bg-main);align-items:flex-start;padding:0}.search-modal{min-height:100dvh;animation:.2s search-slide-down;width:100%!important;max-width:100%!important;box-shadow:none!important;border-radius:0!important;margin:0!important}@keyframes search-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-input-row{padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:var(--color-bg-sidebar);border-bottom:1px solid var(--color-border);gap:10px}.search-input-row input{font-size:1.05rem!important}.search-close-btn{display:block}.search-filter-chips{gap:7px;padding:10px 12px}.chip{border-radius:10px;padding:8px 14px;font-size:.82rem}.search-filter-bar{gap:7px;padding:8px 12px}.search-filter-btn{padding:8px 12px;font-size:.84rem}.search-filter-menu{min-width:200px}.search-menu-item{padding:11px 10px;font-size:.9rem}.search-results{flex:1;max-height:none}.search-result-row{border-left:3px solid #0000;border-bottom:1px solid var(--color-border-light);padding:14px 16px}.search-result-row:last-child{border-bottom:none}.search-result-title{font-size:.97rem;line-height:1.35}.search-result-meta{gap:5px;margin-top:4px;font-size:.78rem}.search-result-snippet{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:.82rem;display:-webkit-box;overflow:hidden}.search-recent-item{border-bottom:1px solid var(--color-border-light);padding:13px 16px;font-size:.93rem}.search-recent-item:last-child{border-bottom:none}.search-status{padding:40px 20px;font-size:.92rem}.search-result-row .search-result-meta{font-size:.8rem}.search-tag{padding:3px 9px;font-size:.75rem}}.records-container{flex-direction:column;height:100%;padding:0;animation:.18s records-appear;display:flex;overflow:hidden}@keyframes records-appear{0%{opacity:0}to{opacity:1}}.records-scroll-wrap{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;transition:box-shadow .25s;position:relative;overflow:auto}.records-scroll-wrap::-webkit-scrollbar{width:6px;height:6px}.records-scroll-wrap::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.records-scroll-wrap.has-more-right{box-shadow:inset -70px 0 40px -20px #0000008c}.records-header{border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;z-index:4;background:var(--color-bg-main);min-width:fit-content;height:36px;padding:0 8px;font-size:.72rem;font-weight:700;display:flex;position:sticky;top:0}.records-header .records-col{cursor:pointer;align-items:center;gap:4px;display:flex}.records-header .records-col:hover{color:var(--color-text-primary)}.records-col{text-overflow:ellipsis;white-space:nowrap;border-right:1px solid var(--color-border);flex:0 0 150px;min-width:80px;padding:0 8px;overflow:hidden}.records-col.col-small,.records-col:last-child{border-right:none}.records-col.col-actions{overflow:visible}.records-col.col-frozen{z-index:3;background:var(--color-bg-main);position:sticky}.records-col.col-done-check{flex:0 0 36px;width:36px;min-width:36px;left:0;overflow:visible}.records-col.col-frozen-check{flex:0 0 36px;width:36px;left:0;overflow:visible}.records-col.col-frozen-title{min-width:180px;left:0}.records-col.col-frozen-right{z-index:3;background:var(--color-bg-main);position:sticky;right:0}.records-col.col-frozen-right:first-of-type{box-shadow:-2px 0 6px #0000000d}.record-row:hover .records-col.col-frozen,.record-row:hover .records-col.col-frozen-right{background:var(--color-bg-main)}.record-row.selected .records-col.col-frozen,.record-row.selected .records-col.col-frozen-right{background:#5d7bf31f}.records-col.col-add-prop{flex:0 0 50px;justify-content:center;align-items:center;display:flex}.records-col.col-add-prop button{cursor:pointer;color:var(--color-accent-blue);opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .15s;display:flex}.records-col.col-add-prop button:hover{opacity:1}.record-row{background:var(--color-bg-card);min-width:fit-content;position:relative}.records-col.col-small{text-align:center;flex:0 0 10px;justify-content:center;align-items:center;padding:0;display:flex;overflow:visible}.sort-icon{color:var(--color-accent-blue)}.record-row{border-bottom:1px solid var(--color-border-light);background:0 0;border-radius:0;align-items:center;min-width:fit-content;min-height:36px;margin-top:0;padding:0 8px;font-size:.875rem;transition:background .1s;display:flex}.record-row:hover{background:#ffffff08}.record-row:hover .records-col{background:0 0}.cell-checkbox{color:var(--color-text-muted);padding:1px}.text-green{color:var(--color-accent-green)}.title-select-check{opacity:0;cursor:pointer;accent-color:#7c3aed;flex-shrink:0;width:12px;min-width:12px;height:12px;transition:opacity .15s}.title-select-all,.record-row:hover .title-select-check,.record-row.selected .title-select-check{opacity:1}.records-col.col-checkbox-cell{justify-content:center;align-items:center;display:flex}.records-col.col-checkbox-cell .cell-checkbox{margin:0 auto}.records-col.col-select-col{border-right:1px solid var(--color-border);flex:0 0 32px;justify-content:center;align-items:center;width:32px;min-width:32px;padding:0;display:flex;left:0;overflow:visible}.tags-cell{flex-wrap:wrap;gap:4px;display:flex}.star-btn{color:var(--color-text-muted);transition:color var(--transition);padding:2px}.star-btn.active,.star-btn:hover{color:var(--color-accent-orange)}.pin-btn{color:var(--color-text-muted);transition:color var(--transition);padding:2px}.pin-btn:hover,.pin-btn.active{color:var(--color-accent-blue)}.pin-btn.active svg{transform:rotate(-30deg)}.record-row:has(.pin-btn.active){box-shadow:inset 2px 0 0 var(--color-accent-blue);background:#5d7bf30f}.menu-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);padding:4px}.menu-btn:hover{color:var(--color-text-primary);background:#ffffff1a}.records-empty p{margin-bottom:15px;font-size:.95rem}.title-cell{align-items:center;gap:3px;min-width:0;display:flex}.record-icon-cell{color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;margin-right:2px;display:inline-flex}.note-title-cell{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.note-title-text{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.9rem;font-weight:700;overflow:hidden}.note-preview-text{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:400;overflow:hidden}.quick-done-btn{color:var(--color-text-muted);transition:color var(--transition), background var(--transition);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.quick-done-btn:hover{color:#22c55e;background:#22c55e1a}.title-done{opacity:.5;text-decoration:line-through}.agent-avatar-cell{flex-shrink:0;font-size:1.2rem;line-height:1}.due-chip{white-space:nowrap;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.68rem;font-weight:600}.due-overdue{color:#ef4444;background:#ef444426}.due-today{color:#f59e0b;background:#f59e0b2e}.due-future{color:var(--color-text-muted);background:#ffffff0f}.priority-group-header{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);align-items:center;gap:7px;margin-top:4px;padding:8px 12px 4px;font-size:.72rem;font-weight:700;display:flex}.priority-group-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.priority-group-label{flex:1}.completed-ago-badge{color:#22c55e;white-space:nowrap;background:#22c55e1a;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.65rem;font-weight:500}.record-title-link{cursor:pointer;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;transition:color .2s;overflow:hidden}.record-title-link:hover{color:var(--color-accent-blue)}.title-actions{flex-shrink:0;align-items:center;gap:2px;display:none}.record-row:hover .title-actions{display:flex}.title-action-btn{border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background var(--transition), color var(--transition);justify-content:center;align-items:center;padding:3px;display:flex}.title-action-btn:hover{color:var(--color-accent-blue);background:#5d7bf31f}.title-mode-picker-wrap{display:inline-flex;position:relative}.title-mode-picker{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:50;flex-direction:column;min-width:160px;padding:4px;animation:.1s fadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000059}.title-mode-picker-item{cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-primary);text-align:left;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:9px;padding:7px 10px;font-size:.83rem;display:flex}.title-mode-picker-item:hover{color:var(--color-accent-blue);background:#5d7bf31f}.amount-cell{font-family:var(--font-mono);text-align:right;letter-spacing:.02em;justify-content:flex-end;font-weight:600}.records-empty{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.records-footer{border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;padding:10px 14px;font-size:.78rem;display:flex}.footer-stat{align-items:center;gap:4px;display:inline-flex}.footer-stat strong{color:var(--color-text-primary);font-weight:700}.records-load-more{border-top:1px solid var(--color-border-light);justify-content:center;padding:8px 12px;display:flex}.load-more-btn{color:var(--color-accent-blue);border:1px solid #5d7bf340;border-radius:999px;padding:6px 18px;font-size:.82rem}.load-more-btn:hover:not(:disabled){background:#5d7bf314}.load-more-btn:disabled{opacity:.5;cursor:default}.records-add-row{border-top:1px solid var(--color-border-light);background:var(--color-bg-main);flex-wrap:wrap;flex-shrink:0;gap:8px;padding:8px 12px;display:flex}.mobile-add-column-btn,.mobile-cards-list{display:none}.add-row-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;display:flex}.add-row-btn:hover{color:var(--color-text-primary);background:#ffffff0f}.inline-edit-input{border:1px solid var(--color-accent-blue);border-radius:var(--radius-sm);background:var(--color-bg-main);width:100%;color:var(--color-text-primary);outline:none;padding:2px 6px;font-size:.88rem;font-weight:600}.btn-danger{background:var(--color-danger,#e11d48);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:600}.btn-danger:hover{opacity:.88}.bulk-action-bar{background:var(--color-accent-blue);color:#fff;border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:8px;padding:8px 16px;font-size:.85rem;animation:.15s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bulk-count{margin-right:4px;font-weight:700}.bulk-action-bar .btn-ghost{color:#fff;border-color:#fff6;align-items:center;gap:5px;font-size:.82rem;display:flex}.bulk-action-bar .btn-ghost:hover{background:#ffffff26}.bulk-delete-btn{margin-left:auto;color:#ffcdd2!important}.bulk-popover-wrap{position:relative}.bulk-popover{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);z-index:600;min-width:180px;padding:4px;animation:.1s fadeIn;position:absolute;top:calc(100% + 6px);left:0}.bulk-popover button{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;padding:7px 10px;font-size:.85rem;display:block}.bulk-popover button:hover{background:var(--color-bg-hover)}.bulk-edit-popover{width:260px;padding:12px}.bulk-edit-title{color:var(--color-text-muted);margin-bottom:10px;font-size:.78rem}.bulk-value-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);outline:none;margin-bottom:8px;padding:6px 9px;font-family:inherit;font-size:.83rem}.bulk-value-input:focus{border-color:var(--color-accent-blue)}.bulk-edit-apply-btn{text-align:center;width:100%;padding:6px 0;font-size:.82rem}.record-row.selected{background:#5d7bf314;outline:1px solid #5d7bf333}.record-row.kb-focused{outline:2px solid var(--color-accent-blue);outline-offset:-2px;background:#5d7bf31f}.records-skeleton{flex-direction:column;gap:6px;padding:8px 0;display:flex}.skeleton-row{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-bg-card) 25%, var(--color-border-light) 50%, var(--color-bg-card) 75%);background-size:200% 100%;height:42px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.recurrence-badge{color:var(--color-accent-blue);opacity:.7;flex-shrink:0;align-items:center;display:inline-flex}.subrecord-badge{height:17px;font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--color-accent-blue);cursor:pointer;vertical-align:middle;background:#5d7bf324;border-radius:9px;flex-shrink:0;align-items:center;gap:2px;margin-left:6px;padding:0 6px;display:inline-flex}.subrecord-badge:hover{background:#5d7bf33d}.subrecord-cell{font-size:var(--text-sm);color:var(--color-accent-blue);align-items:center;gap:3px;display:inline-flex}.shared-by-cell{color:var(--color-text-secondary);font-size:var(--text-sm);align-items:center;gap:4px;display:inline-flex}.shared-by-cell svg{color:var(--color-text-muted);flex-shrink:0}.shared-role-tag{text-transform:capitalize;color:var(--color-accent-green)!important;background:#10b98124!important}.mc-shared-chip{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--color-accent-green);text-transform:capitalize;white-space:nowrap;background:#10b98124;border-radius:9px;align-items:center;gap:3px;padding:1px 7px;display:inline-flex}.col-type-icon{opacity:.85;flex-shrink:0;margin-right:2px}.col-drag-handle{opacity:0;cursor:grab;flex-shrink:0;transition:opacity .15s}.records-header .records-col:hover .col-drag-handle{opacity:.5}.col-drag-over{outline:2px dashed var(--color-accent-blue);outline-offset:-2px;border-radius:var(--radius-sm);background:#5d7bf31a}.records-header .records-col{position:relative}.records-header .records-col.col-frozen,.records-header .records-col.col-frozen-right{position:sticky}.col-resize-handle{cursor:col-resize;z-index:5;background:0 0;width:6px;height:100%;transition:background .15s;position:absolute;top:0;right:-3px}.col-resize-handle:hover,.col-resize-handle:active{background:var(--color-accent-blue)}.col-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.folder-name-cell{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;max-width:100%;padding:2px 6px;font-size:.82rem;transition:background .12s,color .12s;display:inline-flex;overflow:hidden}.folder-name-cell:hover{color:var(--color-accent-blue);background:#5d7bf31a}.folder-badge{color:var(--color-text-secondary);cursor:pointer;background:#ffffff14;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:1px 7px;font-size:.7rem;font-weight:500;transition:all .15s;display:inline-flex}.folder-badge:hover{background:var(--color-accent-blue);color:#fff}.header-context-menu{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:9999;min-width:160px;padding:4px;box-shadow:0 4px 16px #00000026}.header-context-menu button{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);text-align:left;transition:background var(--transition);align-items:center;gap:8px;padding:7px 10px;font-size:.83rem;display:flex}.header-context-menu button:hover{background:var(--color-bg-card-hover)}.header-context-menu button.danger{color:var(--color-danger,#e11d48)}.header-context-menu button.danger:hover{background:#e11d4814}.header-context-menu .ctx-divider{background:var(--color-border-light);height:1px;margin:4px 0}.header-context-menu button.is-active{color:var(--color-accent-blue);background:#5d7bf31a}.col-dragging{opacity:.4}.editable-cell{cursor:text;border-radius:4px;align-items:center;min-height:22px;padding:2px 4px;transition:background .1s;display:flex}.editable-cell:hover{background:#5d7bf30f;outline:1px dashed #5d7bf366}.cell-empty{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.82rem;font-style:italic;display:inline-flex}.cell-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.richtext-cell-indicator{cursor:pointer;font-size:.8rem}.richtext-has-content{color:var(--color-text-muted);font-size:.78rem}.cell-edit-input{border:1px solid var(--color-accent-blue);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);border-radius:4px;outline:none;padding:2px 6px;font-size:.85rem}.tag-clickable{cursor:pointer;border:none;align-items:center;gap:2px;display:inline-flex}.tag-clickable:hover{background:var(--color-accent-blue);color:#fff}.tag-add-btn{color:var(--color-text-muted);opacity:0;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:inline-flex}.record-row:hover .tag-add-btn{opacity:.6}.tag-add-btn:hover{opacity:1;background:#ffffff1a}.tag-overflow{color:var(--color-text-muted);cursor:default;background:#ffffff14;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:.68rem}.file-cell{align-items:center;gap:6px;display:flex}.file-cell-thumb{object-fit:cover;border-radius:4px;width:32px;height:32px}.file-cell-link{color:var(--color-accent-blue);align-items:center;gap:4px;font-size:.78rem;text-decoration:none;display:inline-flex}.file-cell-link:hover{text-decoration:underline}.file-cell-link-loading{color:var(--color-text-muted);cursor:default;opacity:.7}.file-cell-replace{cursor:pointer;color:var(--color-text-muted);opacity:0;border-radius:4px;align-items:center;padding:3px;transition:opacity .15s;display:inline-flex}.record-row:hover .file-cell-replace{opacity:.7}.file-cell-replace:hover{opacity:1;background:#0000000f}.file-cell-empty{color:var(--color-text-muted);border:1px dashed var(--color-border);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;display:inline-flex}.file-cell-empty:hover{color:var(--color-accent-blue);border-color:var(--color-accent-blue)}.link-cell{align-items:center;gap:4px;display:flex}.link-cell a{color:var(--color-accent-blue);align-items:center;gap:4px;font-size:.82rem;text-decoration:none;display:inline-flex}.link-cell a:hover{text-decoration:underline}.link-edit-btn{color:var(--color-text-muted);opacity:0;border-radius:4px;padding:3px;transition:opacity .15s}.record-row:hover .link-edit-btn{opacity:.7}.link-edit-btn:hover{opacity:1;background:#0000000f}.rating-cell{align-items:center;gap:1px;display:flex}.rating-cell .rating-star{color:var(--color-text-muted);align-items:center;padding:1px;display:flex}.rating-cell .rating-star.filled,.rating-cell .rating-star:hover{color:#f59e0b}.progress-cell{cursor:pointer;align-items:center;gap:6px;display:flex}.progress-cell-track{background:var(--color-border);border-radius:3px;flex:1;min-width:36px;height:6px;overflow:hidden}.progress-cell-fill{background:var(--color-accent-blue);border-radius:3px;height:100%;transition:width .2s}.progress-cell-pct{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);text-align:right;min-width:30px;font-size:.75rem}.person-cell{cursor:pointer;align-items:center;gap:6px;display:flex}.person-cell .person-avatar{background:var(--color-accent-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.58rem;font-weight:600;display:flex}.person-cell .person-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}@media (width<=768px){.records-container{padding:0}.records-scroll-wrap{display:none}.mobile-cards-list{-webkit-overflow-scrolling:touch;padding:8px 12px;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;gap:7px;display:flex;overflow-y:auto}.mobile-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-left:3px solid var(--color-border-light);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:14px;padding:12px 12px 11px 14px;transition:background .12s,box-shadow .12s}.mobile-card:active:not(.mobile-card-menu-open){background:var(--color-bg-hover)}.mobile-card.mobile-card-done{opacity:.45}.mobile-card.mobile-card-menu-open{border-color:var(--color-border);box-shadow:0 4px 16px #00000059}.mobile-card-top{align-items:flex-start;gap:9px;display:flex}.mobile-card-check{cursor:pointer;color:var(--color-text-muted);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;min-width:22px;margin-top:1px;padding:0}.mobile-card-title{color:var(--color-text-primary);flex-direction:column;flex:1;gap:3px;min-width:0;font-size:.95rem;font-weight:500;line-height:1.4;display:flex}.mobile-card-title.title-done .mc-title-text{color:var(--color-text-muted);text-decoration:line-through}.mc-title-text{word-break:break-word;align-items:center;gap:5px;display:flex}.mc-agent-emoji{flex-shrink:0;font-size:1rem}.mc-note-preview{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.77rem;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}.mc-amount{font-size:.9rem;font-weight:700;font-family:var(--font-mono);color:var(--color-text-secondary);flex-shrink:0;margin-top:1px}.mc-amount.mc-income{color:#22c55e}.mc-amount.mc-expense{color:#ef4444}.mobile-card-menu-btn{color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex-shrink:0;margin-top:-1px;padding:2px 4px}.mobile-card-menu-btn:active{background:#ffffff1a}.mobile-card-meta{flex-wrap:wrap;gap:5px;margin-top:8px;margin-left:31px;display:flex}.mc-prop-chip{color:var(--color-text-secondary);border:1px solid var(--color-border-light);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:20px;align-items:center;gap:3px;max-width:130px;padding:2px 8px;font-size:.71rem;display:inline-flex;overflow:hidden}.mobile-card-actions{border-top:1px solid var(--color-border-light);flex-direction:column;margin-top:10px;animation:.12s fadeIn;display:flex}.mobile-card-actions button{width:100%;color:var(--color-text-primary);border:none;border-bottom:1px solid var(--color-border-light);cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:11px;padding:12px 4px;font-size:.9rem;font-weight:500;transition:background .1s;display:flex}.mobile-card-actions button:last-child{border-bottom:none}.mobile-card-actions button:active{background:#ffffff0f}.mc-action-sep{background:var(--color-border);height:1px;margin:4px 0}.mobile-card-actions .mc-action-danger{color:#f87171}.mobile-card-actions .mc-action-danger:active{background:#ef444414}.mobile-card-add-btn{border:1.5px dashed var(--color-border);width:100%;color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:14px;font-size:.9rem;display:flex}.mobile-card-add-btn:active{background:var(--color-bg-hover)}.mobile-cards-skeleton{flex-direction:column;gap:7px;display:flex}.mobile-card-skeleton{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:14px;height:72px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.bulk-action-bar{z-index:30;flex-wrap:wrap;gap:6px;padding:8px;font-size:.78rem;position:sticky;top:0;overflow-x:auto}.mobile-card.mobile-card-selected{outline:2px solid var(--color-accent-blue);outline-offset:-2px;background:#5d7bf31a}.records-header{display:none}.col-add-prop{display:none!important}.record-row{min-width:unset;border-radius:12px;flex-direction:column;gap:6px;width:100%;margin-bottom:6px;padding:10px 10px 8px;display:flex;position:relative;box-shadow:0 1px 4px #00000012}.record-row .col-frozen-right:nth-last-child(3){display:none}.record-row .col-frozen-right{width:28px;min-width:28px;padding:0;top:8px;box-shadow:none!important;position:absolute!important}.record-row .col-frozen-right:nth-last-child(2){right:40px}.record-row .col-frozen-right:last-child{right:10px}.record-row .col-frozen-title{flex:none;order:0;width:100%;min-width:0;padding:0 72px 0 4px;box-shadow:none!important;border-right:none!important;position:static!important}.title-actions{display:none!important}.record-row .records-col:not(.col-frozen):not(.col-frozen-right):not(.col-add-prop){white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:calc(50% - 4px);color:var(--color-text-secondary);background:#ffffff14;border-radius:20px;flex:none;align-self:flex-start;align-items:center;padding:2px 7px;font-size:.72rem;display:inline-flex;overflow:hidden;position:static!important}.record-row{flex-flow:wrap;align-items:flex-start}.record-row .col-frozen-title{flex:0 0 100%;order:1}.record-row .records-col:not(.col-frozen):not(.col-frozen-right):not(.col-add-prop){order:2;margin-left:0;margin-right:4px}.record-row .records-col:not(.col-frozen):not(.col-frozen-right):has(.cell-empty){display:none!important}.record-row .col-frozen-check,.record-row .col-select-col{display:none!important}.record-row .records-col:not(.col-frozen):not(.col-frozen-right) .editable-cell{min-height:unset;padding:0}.record-row .records-col:not(.col-frozen):not(.col-frozen-right) .editable-cell:hover{background:0 0;outline:none}.record-row .records-col:not(.col-frozen):not(.col-frozen-right) .tags-cell{flex-wrap:nowrap;gap:2px;overflow:hidden}.record-row .records-col:not(.col-frozen):not(.col-frozen-right) .tag{padding:1px 5px;font-size:.66rem}.record-row .records-col:not(.col-frozen):not(.col-frozen-right) .tag-add-btn{display:none}.record-row .records-col.col-small:not(.col-frozen):not(.col-frozen-right){background:0 0;flex:none;order:2;min-width:0;padding:0 4px}.mobile-add-column-btn{display:inline-flex}.bulk-action-bar{flex-wrap:wrap;gap:6px;padding:8px;font-size:.78rem}.records-empty{padding:40px 16px}}.aggregate-row{border-top:2px solid var(--color-border);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-main);z-index:3;align-items:center;min-width:fit-content;min-height:32px;padding:0 8px;display:flex;position:sticky;bottom:0}.agg-cell{cursor:pointer;align-items:center;min-height:32px;transition:background .12s;display:flex}.agg-cell:hover{background:#5d7bf30f}.agg-prompt{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.agg-empty{color:var(--color-text-muted);opacity:0;font-size:.7rem}.agg-cell:hover .agg-empty{opacity:1}.agg-result{flex-direction:column;gap:1px;display:flex}.agg-type-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:.62rem;font-weight:700}.agg-value{color:var(--color-accent-blue);font-size:.8rem;font-weight:700}.updated-at-cell{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.78rem}.pending-sync-dot{background:#f59e0b;border-radius:50%;flex:none;width:7px;height:7px;margin-left:6px;animation:1.6s ease-in-out infinite pending-pulse;display:inline-block}@keyframes pending-pulse{0%,to{opacity:1}50%{opacity:.35}}.comments-section{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;margin-top:16px;padding:16px 20px 8px;display:flex}.comments-header{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);align-items:center;gap:7px;font-size:.78rem;font-weight:700;display:flex}.comments-count{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:10px;padding:1px 7px;font-size:.7rem;font-weight:600}.comments-empty{color:var(--color-text-muted);padding:4px 0;font-size:.82rem}.comments-list{flex-direction:column;gap:10px;display:flex}.comment-item{align-items:flex-start;gap:10px;display:flex}.comment-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#5d7bf3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.72rem;font-weight:700;display:flex}.comment-body{flex:1;min-width:0}.comment-meta{align-items:center;gap:8px;margin-bottom:3px;display:flex}.comment-author{color:var(--color-text-secondary);font-size:.74rem;font-weight:600}.comment-time{color:var(--color-text-muted);font-size:.72rem}.comment-delete-btn{color:var(--color-text-muted);opacity:0;border-radius:3px;align-items:center;margin-left:auto;padding:2px 4px;transition:opacity .15s,color .15s,background .15s;display:flex}.comment-item:hover .comment-delete-btn{opacity:1}.comment-delete-btn:hover{color:var(--color-accent-red);background:#ef44441a}.comment-text{color:var(--color-text-primary);word-break:break-word;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:0 10px 10px;padding:8px 12px;font-size:.875rem;line-height:1.5}.comment-input-row{align-items:center;gap:8px;display:flex}.comment-input{border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text-primary);border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:.875rem;transition:border-color .15s}.comment-input:focus{border-color:var(--color-accent-blue)}.comment-input::placeholder{color:var(--color-text-muted)}.comment-send-btn{background:var(--color-accent-blue);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .15s;display:flex}.comment-send-btn:disabled{opacity:.35;cursor:not-allowed}.comment-send-btn:not(:disabled):hover{opacity:.85}.share-modal{max-width:480px!important}.share-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.share-head h2{font-size:var(--text-xl);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.share-status{color:var(--color-text-muted);font-size:var(--text-sm);padding:8px 0}.share-setup-note{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:8px;padding:20px 12px;display:flex}.share-setup-note svg{color:var(--color-accent-blue)}.share-setup-note code{font-family:var(--font-mono);background:var(--color-bg-card);font-size:var(--text-xs);border-radius:5px;padding:2px 6px}.share-invite-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.share-email-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);color:var(--color-text-primary);outline:none;flex:1;padding:9px 12px}.share-email-input:focus{border-color:var(--color-accent-blue)}.share-role-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);color:var(--color-text-primary);cursor:pointer;text-transform:capitalize;padding:8px 10px}.share-role-select.sm{font-size:var(--text-sm);padding:5px 8px}.share-msg{font-size:var(--text-sm);color:var(--color-accent-green);margin-bottom:10px}.share-people{flex-direction:column;gap:6px;margin:12px 0 4px;display:flex}.share-person{align-items:center;gap:10px;padding:6px 4px;display:flex}.share-person-avatar{background:var(--color-accent-blue);color:#fff;width:30px;height:30px;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.share-person-name{font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.share-remove{color:var(--color-text-muted);border-radius:6px;align-items:center;padding:4px;display:flex}.share-remove:hover{color:var(--color-accent-red);background:var(--color-bg-hover)}.share-link-section{border-top:1px solid var(--color-border-light);margin-top:14px;padding-top:14px}.share-link-head{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);align-items:center;gap:6px;margin-bottom:10px;display:flex}.share-link-row{align-items:center;gap:8px;display:flex}.share-link-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);color:var(--color-text-secondary);font-size:var(--text-xs);font-family:var(--font-mono);outline:none;flex:1;padding:8px 10px}.share-link-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.share-link-role{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:capitalize}.share-remove-link{font-size:var(--text-xs);color:var(--color-accent-red);border-radius:5px;padding:2px 6px}.share-remove-link:hover{background:#ef44441a}.subrecords{border-top:1px solid var(--color-border-light);margin-top:18px;padding-top:14px}.parent-link{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border-light);cursor:pointer;border-radius:999px;align-items:center;gap:5px;margin-bottom:12px;padding:4px 10px;transition:background .12s,color .12s;display:inline-flex}.parent-link:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.parent-link strong{font-weight:var(--weight-semibold)}.subrecords-header{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);align-items:center;gap:6px;margin-bottom:10px;display:flex}.subrecords-count{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--color-accent-blue);background:#5d7bf326;border-radius:20px;padding:1px 7px}.subrecords-list{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.subrecord-row{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px;transition:background .12s;display:flex}.subrecord-row:hover{background:var(--color-bg-hover)}.subrecord-check{color:var(--color-text-muted);flex-shrink:0;align-items:center;display:flex}.subrecord-check:hover{color:var(--color-accent-blue)}.subrecord-title{font-size:var(--text-md);color:var(--color-text-primary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.subrecord-title:hover{color:var(--color-accent-blue)}.subrecord-row.is-done .subrecord-title{color:var(--color-text-muted);text-decoration:line-through}.subrecord-remove{color:var(--color-text-muted);opacity:0;border-radius:5px;flex-shrink:0;align-items:center;padding:2px;transition:opacity .12s,color .12s,background .12s;display:flex}.subrecord-row:hover .subrecord-remove{opacity:1}.subrecord-remove:hover{color:var(--color-accent-red);background:var(--color-bg-hover)}.subrecord-add{color:var(--color-text-muted);align-items:center;gap:6px;padding:6px;display:flex}.subrecord-add-input{color:var(--color-text-primary);font-size:var(--text-md);background:0 0;border:none;outline:none;flex:1}.subrecord-add-input::placeholder{color:var(--color-text-muted)}@media (width<=768px){.subrecord-remove{opacity:.6}}.linked-records-section{border-top:1px solid var(--color-border-light);margin-top:12px;padding-top:10px}.linked-records-section.is-expanded{margin-top:16px;padding-top:14px}.linked-records-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.linked-records-section.is-expanded .linked-records-header{margin-bottom:8px}.linked-records-toggle{cursor:pointer;color:var(--color-text-secondary);text-align:left;background:0 0;border:none;border-radius:5px;flex:1;align-items:center;gap:6px;padding:4px;font-size:.78rem;font-weight:500;transition:background .12s,color .12s;display:flex}.linked-records-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.linked-records-toggle svg:first-child{opacity:.6;flex-shrink:0}.linked-records-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;font-size:.75rem;font-weight:700;display:flex}.linked-count-badge{background:var(--color-accent-blue);color:#fff;border-radius:10px;padding:1px 6px;font-size:.68rem;font-weight:700;line-height:1.4}.linked-open-btn{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;transition:all .15s;display:flex}.linked-open-btn:hover{background:var(--color-bg-hover);border-color:var(--color-accent-blue);color:var(--color-accent-blue)}.linked-empty-btn{text-align:left;border:1px dashed var(--color-border);width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;margin-bottom:4px;padding:8px 12px;font-size:.8rem;transition:all .15s}.linked-empty-btn:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue)}.linked-chips{flex-direction:column;gap:5px;margin-bottom:4px;display:flex}.linked-chip{background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:.82rem;display:flex}.linked-chip-app{color:var(--color-accent-blue);white-space:nowrap;background:#5d7bf31f;border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:.7rem;font-weight:700}.linked-chip-title{text-align:left;cursor:pointer;color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;align-items:center;gap:4px;min-width:0;padding:0;font-size:.82rem;display:flex;overflow:hidden}.linked-chip-title:hover{color:var(--color-accent-blue)}.linked-chip-open-icon{opacity:0;flex-shrink:0;transition:opacity .1s}.linked-chip:hover .linked-chip-open-icon{opacity:.6}.linked-chip-remove{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:3px;flex-shrink:0;align-items:center;padding:2px;transition:color .1s,background .1s;display:flex}.linked-chip-remove:hover{color:#ef4444;background:#ef44441a}.linked-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.linked-modal{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;width:780px;max-width:calc(100vw - 48px);height:580px;max-height:calc(100vh - 48px);animation:.16s cubic-bezier(.16,1,.3,1) linked-modal-in;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 32px 80px #00000073,0 8px 24px #0003}@keyframes linked-modal-in{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.linked-modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.linked-modal-title{color:var(--color-text-main);align-items:center;gap:9px;font-size:1rem;font-weight:700;display:flex}.linked-modal-close{color:var(--color-text-muted);border-radius:7px;align-items:center;padding:5px;transition:color .12s,background .12s;display:flex}.linked-modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.linked-modal-search{border-bottom:1px solid var(--color-border);background:var(--color-bg-sidebar);color:var(--color-text-muted);flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.linked-modal-search-input{color:var(--color-text-main);background:0 0;border:none;outline:none;flex:1;font-size:.92rem}.linked-modal-search-input::placeholder{color:var(--color-text-muted)}.linked-search-clear{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;transition:color .1s;display:flex}.linked-search-clear:hover{color:var(--color-text-main)}.linked-modal-body{flex:1;display:flex;overflow:hidden}.linked-app-sidebar{border-right:1px solid var(--color-border);background:var(--color-bg-sidebar);flex-direction:column;flex-shrink:0;gap:2px;width:192px;padding:8px 6px;display:flex;overflow-y:auto}.linked-sidebar-empty{color:var(--color-text-muted);text-align:center;padding:24px 12px;font-size:.82rem}.linked-app-tab{cursor:pointer;text-align:left;width:100%;color:var(--color-text-secondary);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:.85rem;transition:background .12s,color .12s;display:flex}.linked-app-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.linked-app-tab.active{color:var(--color-accent-blue);background:#5d7bf326;font-weight:600}.linked-app-tab-emoji{flex-shrink:0;font-size:1rem;line-height:1}.linked-app-tab-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.linked-app-tab-count{background:var(--color-border);color:var(--color-text-muted);border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:.7rem;font-weight:600}.linked-app-tab.active .linked-app-tab-count{color:var(--color-accent-blue);background:#5d7bf340}.linked-records-list{flex-direction:column;flex:1;padding:6px 0 16px;display:flex;overflow-y:auto}.linked-list-empty{color:var(--color-text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px;font-size:.88rem;display:flex}.linked-list-empty p{margin:0}.linked-record-row{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--color-border-light);background:0 0;align-items:center;gap:10px;width:100%;padding:10px 18px;transition:background .1s;display:flex}.linked-record-row:last-of-type{border-bottom:none}.linked-record-row:hover:not(.is-linked){background:var(--color-bg-hover)}.linked-record-row.is-linked{opacity:.6;cursor:default}.linked-record-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.linked-record-app-badge{color:var(--color-accent-blue);background:#5d7bf31f;border-radius:4px;width:fit-content;padding:1px 7px;font-size:.7rem;font-weight:700}.linked-record-title{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.linked-record-folder{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.linked-record-link-btn{color:var(--color-accent-blue);white-space:nowrap;opacity:0;background:#5d7bf31a;border-radius:6px;flex-shrink:0;padding:4px 12px;font-size:.78rem;font-weight:700;transition:opacity .12s,background .12s}.linked-record-row:hover .linked-record-link-btn{opacity:1}.linked-record-row:hover .linked-record-link-btn:hover{background:#5d7bf333}.linked-already-badge{color:#10b981;white-space:nowrap;background:#10b9811a;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:600;display:flex}.linked-create-new-btn{text-align:left;cursor:pointer;width:100%;color:var(--color-accent-blue);opacity:.65;background:0 0;border:none;align-items:center;gap:6px;margin-top:auto;padding:10px 18px;font-size:.82rem;transition:opacity .1s,background .1s;display:flex}.linked-create-new-btn:hover{opacity:1;background:#5d7bf30d}.linked-create-form{border-top:1px solid var(--color-border-light);background:var(--color-bg-sidebar);flex-direction:column;gap:8px;margin-top:auto;padding:12px 18px;display:flex}.linked-create-input{border:1.5px solid var(--color-accent-blue);background:var(--color-bg-main);width:100%;color:var(--color-text-main);border-radius:8px;outline:none;padding:8px 12px;font-size:.88rem;box-shadow:0 0 0 3px #5d7bf326}.linked-create-actions{align-items:center;gap:7px;display:flex}.linked-create-folder-select{border:1px solid var(--color-border);background:var(--color-bg-main);color:var(--color-text-main);border-radius:7px;outline:none;flex:1;padding:6px 10px;font-size:.82rem}@media (width<=768px){.linked-modal{border-radius:20px 20px 0 0;align-self:flex-end;width:100%;max-width:100%;height:85vh;max-height:85vh}.linked-modal-overlay{align-items:flex-end;padding:0}.linked-modal-body{flex-direction:column}.linked-app-sidebar{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;flex-shrink:0;gap:6px;width:100%;max-height:none;padding:8px 10px;overflow:auto hidden}.linked-app-tab{text-align:center;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:72px;padding:8px 12px}.linked-app-tab-name{font-size:.72rem}.linked-app-tab-count{display:none}}.tag-selector{width:100%;position:relative}.tag-selector-box{border:1px solid var(--color-border);cursor:text;background:var(--color-bg-main);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;min-height:34px;padding:4px 8px;display:flex}.tag-selector-box:focus-within{border-color:var(--color-accent-blue)}.tag-pill{background:color-mix(in srgb, var(--color-accent-blue) 12%, transparent);color:var(--color-accent-blue);border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:.78rem;font-weight:500;display:inline-flex}.tag-pill-remove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;display:flex}.tag-pill-remove:hover{opacity:1}.tag-selector-input{min-width:80px;color:var(--color-text-main);background:0 0;border:none;outline:none;flex:1;padding:2px 0;font-size:.85rem}.tag-dropdown{z-index:200;background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:10px;max-height:200px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 8px 24px #0000001f}.tag-dropdown-item{text-align:left;border:none;border-bottom:1px solid var(--color-border-light);cursor:pointer;width:100%;color:var(--color-text-main);background:0 0;align-items:center;gap:7px;padding:8px 12px;font-size:.83rem;display:flex}.tag-dropdown-item:last-child{border-bottom:none}.tag-dropdown-item:hover{background:var(--color-bg-hover)}.tag-create{color:var(--color-accent-blue);font-weight:500}.prop-picker{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);width:320px;max-height:380px;box-shadow:var(--shadow-lg);z-index:9000;flex-direction:column;animation:.12s fadeIn;display:flex;position:fixed}.prop-picker-tabs{gap:4px;padding:6px 6px 0;display:flex}.prop-picker-tabs button{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:.78rem;font-weight:500;display:inline-flex}.prop-picker-tabs button:hover{background:#ffffff12}.prop-picker-tabs button.active{background:var(--color-accent-blue);color:#fff}.prop-picker-search{border-bottom:1px solid var(--color-border-light);color:var(--color-text-muted);align-items:center;gap:8px;padding:8px 12px;display:flex}.prop-picker-search input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.86rem}.prop-picker-list{flex:1;padding:4px;overflow-y:auto}.prop-picker-section-header{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);padding:10px 8px 4px;font-size:.68rem;font-weight:700}.prop-picker-row{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:7px 9px;font-size:.84rem;display:flex}.prop-picker-row:hover{background:#5d7bf314}.prop-picker-row.has{color:var(--color-text-muted);cursor:default}.prop-picker-row.has:hover{background:#ffffff08}.ppr-icon{width:18px;color:var(--color-text-muted);justify-content:center;display:inline-flex}.ppr-label{flex:1}.ppr-type{color:var(--color-text-muted);background:#ffffff12;border-radius:999px;padding:1px 6px;font-size:.7rem}.ppr-src{font-size:.7rem}.ppr-check{color:var(--color-accent-green)}.prop-picker-hint{color:var(--color-text-muted);border-top:1px solid var(--color-border-light);padding:6px 12px 8px;font-size:.7rem}.prop-picker-empty{text-align:center;color:var(--color-text-muted);padding:18px 12px;font-size:.84rem}.prop-picker-empty p{margin-bottom:8px}.prop-picker-create{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.prop-picker-create .form-group label{margin-bottom:3px;font-size:.7rem}.prop-picker-create .form-group input,.prop-picker-create .form-group select{padding:6px 9px;font-size:.85rem}.prop-picker-checkbox{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:.78rem;display:flex}.record-icon-picker{z-index:4000;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);width:248px;box-shadow:var(--shadow-lg,0 10px 30px #00000059);padding:8px}.rip-tabs{align-items:center;gap:4px;margin-bottom:8px;display:flex}.rip-tab{font:inherit;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:4px 10px;font-size:.8rem;font-weight:600}.rip-tab:hover{background:var(--color-bg-hover)}.rip-tab.active{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border)}.rip-remove{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;align-items:center;gap:3px;margin-left:auto;padding:3px 7px;font-size:.72rem;font-weight:600;display:inline-flex}.rip-remove:hover{color:var(--color-danger,#e11d48);border-color:var(--color-danger,#e11d48)}.rip-grid{gap:3px;max-height:220px;display:grid;overflow-y:auto}.rip-grid-emoji{grid-template-columns:repeat(8,1fr)}.rip-grid-icons{grid-template-columns:repeat(7,1fr)}.rip-cell{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background .1s;display:flex}.rip-cell:hover{background:var(--color-bg-hover)}.rip-cell.active{background:var(--color-bg-hover);border-color:var(--color-accent-blue)}.record-fullscreen{z-index:500;background:var(--color-bg-main);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);position:fixed;inset:0}.record-modal-content{background:var(--color-bg-main);border-radius:0;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;container:recordPanel/inline-size}.record-actions-secondary{align-items:center;gap:12px;display:flex}.record-more-wrap{display:none;position:relative}.record-more-menu{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:200;min-width:200px;padding:4px;animation:.1s fadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000059}.record-more-menu button{cursor:pointer;border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);text-align:left;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:9px;padding:8px 10px;font-size:.85rem;display:flex}.record-more-menu button:hover{color:var(--color-accent-blue);background:#5d7bf31f}.record-more-menu button.danger{color:var(--color-danger,#e11d48)}.record-more-menu button.danger:hover{background:#e11d4814}.record-more-divider{background:var(--color-border-light);height:1px;margin:4px 0}.record-more-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding:6px 10px 2px;font-size:.66rem;font-weight:700}@container recordPanel (width<=620px){.record-actions-secondary{display:none}.record-more-wrap{display:block}}.record-back-btn{color:var(--color-text-secondary);border-radius:6px;align-items:center;gap:6px;width:fit-content;margin-bottom:4px;padding:5px 10px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.record-back-btn:hover{color:var(--color-text-primary);background:#ffffff14}.record-modal-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-sidebar);flex-direction:column;gap:4px;padding:10px 24px 14px;display:flex;position:relative}.page-label{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);align-items:center;gap:8px;font-size:.7rem;font-weight:600;display:inline-flex}.record-template-badge{letter-spacing:.6px;color:#c4b5fd;text-transform:uppercase;background:#8b5cf629;border:1px solid #8b5cf659;border-radius:10px;padding:2px 7px;font-size:.65rem;font-weight:700}.record-modal-header .record-actions{align-self:flex-end;position:absolute;top:14px;right:24px}.record-title-row{align-items:center;gap:8px;width:100%;display:flex}.record-icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.record-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-secondary);border-color:var(--color-border)}.record-icon-btn.has-icon{color:var(--color-text-primary)}.record-title-input{width:100%;color:var(--color-text-main);direction:auto;background:0 0;border:none;outline:none;font-size:1.5rem;font-weight:700}.record-actions{align-items:center;gap:12px;display:flex}.record-modal-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.record-properties{background:var(--color-bg-sidebar);box-sizing:border-box;border-bottom:none;border-right:none;flex:1;width:100%;padding:16px 20px 24px;position:relative;overflow-y:auto}.props-collapse-btn,.props-resize-handle{display:none}.properties-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;padding-right:36px;display:flex}.properties-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);margin:0;font-size:.85rem}.add-prop-btn{color:var(--color-accent-blue);border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:3px;padding:2px 6px;font-size:.75rem;display:flex}.add-prop-btn:hover{background:#5d7bf31a}.add-prop-form{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:#5d7bf30d;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:10px;display:flex}.add-prop-form input[type=text],.add-prop-form select{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;min-width:80px;padding:5px 8px;font-size:.82rem}.prop-group{margin-bottom:4px}.prop-group-header{text-transform:uppercase;letter-spacing:.7px;width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;margin-bottom:2px;padding:5px 4px;font-size:.68rem;font-weight:700;transition:background .12s,color .12s;display:flex}.prop-group-header:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.prop-group-header svg{opacity:.6;flex-shrink:0}.prop-group-content{padding-left:4px}.property-row{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.property-label{text-transform:none;letter-spacing:normal;color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.78rem;font-weight:500;display:flex}.property-label .property-icon{opacity:.55;flex-shrink:0}.prop-visibility-btn{color:var(--color-text-muted);opacity:0;transition:opacity var(--transition);border-radius:3px;align-items:center;margin-left:auto;padding:2px;display:flex}.property-row:hover .prop-visibility-btn{opacity:1}.prop-visibility-btn:hover{background:#ffffff14}.folder-property-row{border-bottom:1px solid var(--color-border-light);margin-bottom:14px;padding-bottom:10px}.folder-property-row .property-label{color:var(--color-text-secondary);font-weight:500}.property-hidden{opacity:.55}.property-hidden .property-label{-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40}.property-hidden .property-value{display:none}.prop-group-hidden .prop-group-header{color:var(--color-text-muted);font-style:italic}.rating-input{align-items:center;gap:2px;display:flex}.rating-star{color:var(--color-text-muted);transition:color var(--transition), transform var(--transition);align-items:center;padding:2px;display:flex}.rating-star:hover{transform:scale(1.15)}.rating-star.filled{color:#f59e0b}.rating-clear{color:var(--color-text-muted);margin-left:4px;font-size:.75rem;line-height:1}.rating-clear:hover{color:var(--color-text-secondary)}.progress-input{align-items:center;gap:8px;display:flex}.progress-input input[type=range]{accent-color:var(--color-accent-blue);cursor:pointer;flex:1}.progress-input-pct{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);text-align:right;min-width:34px;font-size:.8rem}.person-input{align-items:center;gap:6px;display:flex}.person-avatar{background:var(--color-accent-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.64rem;font-weight:600;display:flex}.link-favicon{object-fit:contain;border-radius:3px;flex-shrink:0}.property-value input[type=text],.property-value input[type=number],.property-value input[type=date],.property-value input[type=time],.property-value input[type=url],.property-value select,.property-value textarea{border:1px solid var(--color-border);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);border-radius:6px;padding:8px;font-family:inherit;font-size:.9rem}.property-value textarea{resize:vertical;min-height:60px}.date-picker-wrap{flex-direction:column;gap:6px;display:flex}.date-quick-btns{flex-wrap:wrap;gap:4px;display:flex}.date-quick-btn{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:5px;padding:3px 9px;font-size:.72rem;font-weight:500;transition:background .12s,color .12s,border-color .12s}.date-quick-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.date-quick-btn.active{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background:#5d7bf32e}.date-quick-btn.clear{color:var(--color-text-muted);border-color:#0000;padding:3px 7px}.date-quick-btn.clear:hover{color:var(--color-accent-red);background:#ef444414}.record-modal-content.embedded{width:100%;max-width:none;height:100%;box-shadow:none;border-radius:0}.record-action-icon{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;padding:6px 8px;display:inline-flex}.record-action-icon:hover{background:#ffffff14}.record-action-icon.danger{color:var(--color-accent-red)}.record-action-icon.danger:hover{background:#ef44441a}.record-content-area{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.recurrence-banner{color:var(--color-text-secondary);background:#6366f114;border:1px solid #6366f133;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;margin:16px 20px 0;padding:8px 12px;font-size:.82rem;display:flex}.recurrence-banner-icon{color:#818cf8;flex-shrink:0}.recurrence-banner strong{color:var(--color-text-primary)}.recurrence-skip-btn{color:#818cf8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #6366f14d;border-radius:5px;margin-left:auto;padding:3px 10px;font-size:.75rem;transition:background .15s,border-color .15s}.recurrence-skip-btn:hover{background:#6366f11f;border-color:#6366f180}.saved-indicator{color:#10b981;white-space:nowrap;align-items:center;gap:4px;font-size:.78rem;animation:2s forwards saved-fade;display:flex}@keyframes saved-fade{0%{opacity:1}60%{opacity:1}to{opacity:0}}.saved-indicator.saving{color:var(--color-text-muted);opacity:1;animation:none}.record-tabs{border-bottom:1px solid var(--color-border);background:var(--color-bg-sidebar);flex-shrink:0;display:flex}.record-tab-btn{color:var(--color-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:.82rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.record-tab-btn:hover{color:var(--color-text-secondary)}.record-tab-btn.active{color:var(--color-text-primary);border-bottom-color:var(--color-accent-blue)}.record-properties{display:none}.tab-properties .record-properties{display:block}.tab-properties .record-content-area{display:none}.tab-content .record-content-area,.tab-subrecords .record-content-area,.tab-comments .record-content-area{display:flex}.tab-content .record-subrecords-section,.tab-content .record-comments-section,.tab-subrecords .record-editor-section,.tab-subrecords .record-comments-section,.tab-comments .record-editor-section,.tab-comments .record-subrecords-section{display:none}.tab-content .record-editor-section{flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=768px){.record-modal-header{padding:8px 14px 10px}.record-title-input{width:100%;font-size:1.2rem}.record-modal-header .record-actions{align-self:unset;flex-wrap:wrap;gap:4px;position:static}.record-tab-btn{padding:9px 2px;font-size:.78rem}.record-more-menu{left:0;right:auto}.tab-content .record-content-area{padding-bottom:12px}.property-row{margin-bottom:14px}.property-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:8px;font-size:.78rem;font-weight:600}.prop-visibility-btn{opacity:1}.property-value input[type=text],.property-value input[type=number],.property-value input[type=date],.property-value input[type=time],.property-value input[type=url],.property-value select,.property-value textarea{border-radius:8px;padding:11px 12px;font-size:16px}.date-quick-btn{border-radius:8px;padding:8px 14px;font-size:.82rem}.prop-group-header{padding:8px 6px;font-size:.7rem}.properties-title-row{padding-top:4px}.add-prop-btn{padding:5px 10px;font-size:.82rem}.property-row{flex-direction:column;gap:5px;margin-bottom:16px}}.record-mode-switcher{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:7px;align-items:center;gap:1px;padding:2px;display:flex}.mode-btn{width:28px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.mode-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.mode-btn.active{color:var(--color-accent-blue);background:#5d7bf32e}.record-side-peek-overlay{z-index:400;-webkit-backdrop-filter:blur(1px);background:#00000047;position:fixed;inset:0}.record-side-peek-panel{background:var(--color-bg-main);border-left:1px solid var(--color-border);height:100%;animation:.2s cubic-bezier(.16,1,.3,1) side-peek-in;position:absolute;top:0;right:0;overflow:hidden;box-shadow:-12px 0 48px #00000038}@keyframes side-peek-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.record-side-peek-panel{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);border-left:none;width:100%!important}.record-side-peek-panel .resizable-panel-handle{display:none}}.record-properties,.record-content-area{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}.record-properties::-webkit-scrollbar{width:8px;height:8px}.record-content-area::-webkit-scrollbar{width:8px;height:8px}.record-properties::-webkit-scrollbar-track{background:0 0}.record-content-area::-webkit-scrollbar-track{background:0 0}.record-properties::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.record-content-area::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.record-properties::-webkit-scrollbar-thumb:hover{background:#ffffff29}.record-content-area::-webkit-scrollbar-thumb:hover{background:#ffffff29}.record-shared-pill{color:var(--color-accent-green);cursor:pointer;white-space:nowrap;background:#10b98124;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.78rem;font-weight:600;transition:background .15s;display:inline-flex}.record-shared-pill:hover{background:#10b98138}.templates-view{flex-direction:column;height:100%;padding:24px;display:flex;overflow-y:auto}.templates-view-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.templates-view-title{align-items:center;gap:10px;display:flex}.templates-view-title h2{color:var(--color-text-primary);margin:0;font-size:1.15rem;font-weight:600}.templates-view-count{background:var(--color-bg-hover);min-width:20px;height:20px;color:var(--color-text-secondary);border-radius:10px;justify-content:center;align-items:center;padding:0 7px;font-size:.72rem;font-weight:700;display:inline-flex}.templates-new-btn{align-items:center;gap:6px;display:inline-flex}.templates-view-search{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;display:flex}.templates-view-search svg{color:var(--color-text-muted);flex-shrink:0}.templates-view-search input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.templates-list{flex-direction:column;gap:4px;display:flex}.templates-row{background:var(--color-bg-input);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .12s,border-color .12s;display:flex}.templates-row:hover{background:var(--color-bg-hover);border-color:var(--color-border-light)}.templates-row-icon{color:#c4b5fd;flex-shrink:0}.templates-row-app{background:var(--color-bg-hover);color:var(--color-text-secondary);border-radius:10px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;display:inline-flex}.templates-row-title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.92rem;overflow:hidden}.templates-row-date{color:var(--color-text-muted);font-size:.75rem}.templates-row-delete{color:var(--color-text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:opacity .15s,color .15s,background .15s;display:flex}.templates-row:hover .templates-row-delete{opacity:1}.templates-row-delete:hover{color:#ef4444;background:#ef44441a}.templates-view-empty{text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.templates-view-empty p{margin:0;font-size:.9rem}.templates-view-empty .muted{color:var(--color-text-muted);font-size:.82rem}.kanban-wrap{flex-direction:column;height:100%;min-height:0;display:flex}.kanban-toolbar{flex-shrink:0;align-items:center;gap:10px;padding:4px 24px 12px;display:flex}.kanban-groupby{position:relative}.kanban-groupby-btn,.kanban-collapse-all{color:var(--color-text-secondary);background:var(--color-bg-subsidebar,#e8e8e8);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;transition:background .15s,color .15s;display:inline-flex}.kanban-groupby-btn strong{color:var(--color-text-primary);font-weight:600}.kanban-groupby-btn:hover,.kanban-collapse-all:hover,.kanban-groupby-btn.active{background:var(--color-bg-hover);color:var(--color-text-primary)}.kanban-collapse-all{margin-left:auto}.kanban-groupby-menu{z-index:50;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);min-width:160px;box-shadow:var(--shadow-md);padding:4px;position:absolute;top:calc(100% + 4px);left:0}.kanban-groupby-option{text-align:left;width:100%;color:var(--color-text-primary);border-radius:var(--radius-sm);padding:8px 10px;font-size:.85rem;display:block}.kanban-groupby-option:hover{background:var(--color-bg-hover)}.kanban-groupby-option.current{color:var(--color-accent-blue);font-weight:600}.kanban-board{flex:1;align-items:flex-start;gap:16px;min-height:0;padding:0 24px 24px;display:flex;overflow-x:auto}.kanban-column{background:var(--color-bg-subsidebar,#e8e8e8);border-radius:var(--radius-md);flex-direction:column;flex:0 0 280px;max-height:calc(100% - 8px);transition:background .15s;display:flex}.kanban-column.drag-over{background:var(--color-bg-subsidebar-active,#b8efc3);outline:2px dashed var(--color-accent-blue)}.kanban-col-header{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);justify-content:space-between;align-items:center;padding:12px 16px 8px;font-size:.85rem;font-weight:700;display:flex}.kanban-col-header-right{align-items:center;gap:6px;display:flex}.kanban-col-collapse{color:var(--color-text-muted);opacity:.6;border-radius:4px;align-items:center;padding:2px;transition:opacity .15s,background .15s;display:flex}.kanban-col-collapse:hover{opacity:1;background:var(--color-bg-hover)}.kanban-col-count{color:var(--color-text-muted);background:#ffffff14;border-radius:20px;padding:2px 8px;font-size:.78rem}.kanban-column.collapsed{cursor:pointer;flex:0 0 44px;align-items:center;gap:10px;max-height:calc(100% - 8px);padding:12px 0;overflow:hidden}.kanban-column.collapsed:hover{background:var(--color-bg-hover)}.kanban-collapsed-title{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);white-space:nowrap;font-size:.82rem;font-weight:700}.kanban-cards{flex-direction:column;flex:1;gap:8px;padding:4px 8px;display:flex;overflow-y:auto}.kanban-card{background:var(--color-bg-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:grab;flex-direction:column;gap:6px;padding:12px 14px;transition:box-shadow .15s,transform .1s;display:flex}.kanban-card:active{cursor:grabbing;box-shadow:var(--shadow-md);transform:rotate(1deg)}.kanban-card:hover{box-shadow:var(--shadow-md)}.kanban-card-title{color:var(--color-text-primary);font-size:.88rem;font-weight:600}.kanban-card-preview{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.78rem;line-height:1.5;display:-webkit-box;overflow:hidden}.kanban-add-btn{color:var(--color-text-muted);border-radius:0 0 var(--radius-md) var(--radius-md);align-items:center;gap:6px;width:100%;padding:10px 16px;font-size:.82rem;transition:background .15s,color .15s;display:flex}.kanban-add-btn:hover{color:var(--color-text-primary);background:#ffffff12}.kanban-card.is-done{opacity:.55}.kanban-card.is-done .kanban-card-title{text-decoration:line-through}.kanban-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kanban-card-due{color:var(--color-text-muted);font-size:.73rem}.kanban-card-due.overdue{color:var(--color-danger,#e11d48);font-weight:600}.kanban-card-recurrence{color:var(--color-accent-blue);opacity:.8;align-items:center;gap:3px;font-size:.72rem;display:inline-flex}.kanban-card-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.kanban-inline-add{border-top:1px solid var(--color-border-light);padding:8px}.kanban-inline-input{border:1px solid var(--color-accent-blue);border-radius:var(--radius-sm);background:var(--color-bg-main);width:100%;color:var(--color-text-primary);resize:none;box-sizing:border-box;outline:none;margin-bottom:6px;padding:8px 10px;font-family:inherit;font-size:.88rem}.kanban-inline-actions{align-items:center;gap:6px;display:flex}.kanban-card-move-btn{display:none}.kanban-move-sheet-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.kanban-move-sheet{background:var(--color-bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-lg);animation:.2s slideUp}.kanban-move-sheet-title{color:var(--color-text-muted);margin-bottom:10px;font-size:.82rem;font-weight:600}.kanban-move-option{text-align:left;width:100%;color:var(--color-text-primary);border-radius:8px;padding:13px 14px;font-size:.95rem;font-weight:500;display:block}.kanban-move-option:active{background:var(--color-bg-hover)}.kanban-move-option.current{color:var(--color-text-muted);cursor:default}@media (width<=768px){.kanban-toolbar{padding:2px 12px 10px}.kanban-col-collapse{display:none}.kanban-board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:0 12px 16px;scroll-padding-left:12px}.kanban-column{scroll-snap-align:start;flex:0 0 85vw;max-width:340px;max-height:100%}.kanban-col-header{padding:14px 16px 10px}.kanban-card-move-btn{color:var(--color-accent-blue);background:#5d7bf31f;border-radius:6px;align-self:flex-start;align-items:center;gap:5px;margin-top:2px;padding:6px 10px;font-size:.72rem;font-weight:600;display:inline-flex}}.calendar-view{gap:24px;height:100%;padding:0 24px 24px;display:flex;overflow:hidden}.calendar-panel{flex:0 0 380px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.calendar-header h3{font-size:1rem;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day-name{text-align:center;color:var(--color-text-muted);text-transform:uppercase;padding:4px 0 8px;font-size:.72rem;font-weight:700}.calendar-day{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background .15s;display:flex;position:relative}.calendar-day:hover{background:#ffffff14}.calendar-day.today .day-number{background:var(--color-accent-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.calendar-day.selected{background:var(--color-bg-subsidebar-active,#b8efc3)}.day-number{justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:500;display:flex}.day-dot-count{color:var(--color-accent-blue);background:#5d7bf326;border-radius:20px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1.5}.calendar-detail{flex:1;overflow-y:auto}.detail-title{color:var(--color-text-primary);margin-bottom:16px;font-size:1rem;font-weight:700}.detail-empty{color:var(--color-text-muted);margin-top:20px;font-size:.88rem}.detail-list{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.detail-item{background:var(--color-bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:10px 14px;display:flex}.detail-item-app{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);min-width:60px;font-size:.72rem;font-weight:700}.detail-item-title{flex:1;font-size:.88rem;font-weight:600}.detail-item{cursor:pointer;transition:background .15s}.detail-item:hover{background:var(--color-bg-card-hover)}.detail-item.is-done .detail-item-title{opacity:.6;text-decoration:line-through}.calendar-day.has-overdue .day-dot-count{color:var(--color-danger,#e11d48);background:#e11d481f}.detail-date-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.detail-date-row .detail-title{margin-bottom:0}.calendar-inline-add{margin-bottom:14px}.calendar-inline-input{border:1px solid var(--color-accent-blue);border-radius:var(--radius-sm);background:var(--color-bg-main);width:100%;color:var(--color-text-primary);box-sizing:border-box;outline:none;margin-bottom:6px;padding:8px 10px;font-family:inherit;font-size:.88rem}.calendar-inline-actions,.calendar-header-right{align-items:center;gap:6px;display:flex}.calendar-mode-toggle{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);display:flex;overflow:hidden}.cal-mode-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:5px 9px;transition:background .15s,color .15s;display:flex}.cal-mode-btn:hover{color:var(--color-text-primary)}.cal-mode-btn.active{background:var(--color-accent-blue);color:#fff}.calendar-view.agenda-mode{padding:0 24px 16px;display:block;overflow:hidden}.agenda-header{justify-content:space-between;align-items:center;padding:4px 0 12px;display:flex}.agenda-header h3{font-size:1.05rem;font-weight:700}.agenda-scroll{height:calc(100% - 50px);overflow-y:auto}.agenda-group{margin-bottom:18px}.agenda-date{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:var(--color-bg-main);z-index:1;margin-bottom:8px;padding:4px 0;font-size:.78rem;font-weight:700;position:sticky;top:0}.agenda-date.is-today{color:var(--color-accent-blue)}.agenda-date.overdue{color:var(--color-danger,#e11d48)}@media (width<=768px){.calendar-view.agenda-mode{padding:0 12px 16px}.calendar-view{flex-direction:column;gap:16px;height:auto;padding:0 12px 16px;overflow:visible}.calendar-panel{flex:none;width:100%}.calendar-grid{gap:2px}.calendar-day{border-radius:8px}.calendar-detail{border-top:1px solid var(--color-border-light);padding-top:14px;overflow:visible}}.addpage-fullscreen{z-index:500;background:#0003;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.addpage-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:680px;max-width:96%;max-height:92vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.18s slideUp;display:flex;overflow:clip}@media (width<=768px){.addpage-fullscreen{background:var(--color-bg-main);align-items:flex-start}.addpage-modal{width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding-top:env(safe-area-inset-top,0px);border-radius:0;flex-direction:column;display:flex}.addpage-hero{flex-shrink:0;padding:10px 14px}.addpage-app-icon{width:34px;height:34px}.addpage-hero-title{font-size:1rem}.addpage-form{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;padding:14px 16px 0;display:flex;overflow-y:auto}.addpage-back-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px;padding:6px 10px}.addpage-pin-hint{margin-top:auto}.addpage-actions{padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border-light);background:var(--color-bg-main);flex-direction:column-reverse;flex-shrink:0;gap:10px}.addpage-actions .btn-primary{border-radius:14px;justify-content:center;width:100%;padding:15px;font-size:1rem;font-weight:700}.addpage-actions .btn-ghost{text-align:center;justify-content:center;width:100%;padding:12px;font-size:.9rem}.addpage-meta-row{flex-direction:column;gap:8px;margin-bottom:12px}.addpage-meta-field select{-webkit-appearance:none;padding:11px 12px;font-size:16px}.addpage-title-input{padding:13px 14px;font-size:16px}.addpage-prop-row{border-bottom:1px solid var(--color-border-light);gap:6px;padding:10px 0;flex-direction:column!important;align-items:stretch!important;display:flex!important}.addpage-prop-row:last-child{border-bottom:none}.addpage-prop-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.addpage-prop-input{width:100%}.addpage-prop-input input[type=text],.addpage-prop-input input[type=number],.addpage-prop-input input[type=date],.addpage-prop-input input[type=time],.addpage-prop-input input[type=url],.addpage-prop-input select,.addpage-prop-input textarea{-webkit-appearance:none;padding:10px 12px;font-size:16px}.addpage-add-prop-btn{border-radius:8px;padding:8px 14px;font-size:.82rem}.addpage-section-head{margin:10px 0 4px}}.addpage-hero{border-bottom:1px solid var(--color-border-light);align-items:center;padding:14px 18px;display:flex}.addpage-hero-left{flex:1;align-items:center;gap:12px;display:flex}.addpage-back-btn{color:var(--color-text-secondary);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.addpage-back-btn:hover{color:var(--color-text-primary);background:#ffffff14}.addpage-app-icon{border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.addpage-hero-eyebrow{text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-muted);font-size:.7rem;font-weight:700}.addpage-hero-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;line-height:1.2}.addpage-form{flex:1;padding:16px 20px 20px;overflow-y:auto}.addpage-meta-row{gap:10px;margin-bottom:14px;display:flex}.addpage-meta-field{flex-direction:column;flex:1;gap:4px;display:flex}.addpage-meta-field label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);align-items:center;gap:3px;font-size:.68rem;font-weight:700;display:inline-flex}.addpage-meta-field select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);color:var(--color-text-primary);outline:none;padding:7px 10px;font-size:.86rem}.addpage-meta-field select:focus{border-color:var(--color-accent-blue)}.addpage-title-row{margin-bottom:14px}.addpage-title-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:var(--color-bg-input);outline:none;padding:11px 14px;font-size:1rem;font-weight:600}.addpage-title-input:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #5d7bf31a}.addpage-title-input::placeholder{color:var(--color-text-muted);font-weight:400}.addpage-file-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:#00000004;margin-bottom:14px;padding:16px;transition:all .15s}.addpage-file-zone:hover,.addpage-file-zone.drag-over{border-color:var(--color-accent-blue);background:#5d7bf30a}.addpage-file-zone.has-file{border-color:var(--color-accent-green);background:#10b9810a;border-style:solid}.addpage-file-empty{color:var(--color-text-muted);align-items:center;gap:12px;display:flex}.addpage-file-empty-title{color:var(--color-text-secondary);font-size:.88rem;font-weight:600}.addpage-file-empty-hint{color:var(--color-text-muted);font-size:.72rem}.addpage-file-selected{align-items:center;gap:12px;display:flex}.addpage-file-thumb{border-radius:var(--radius-sm);object-fit:cover;width:60px;height:60px}.addpage-file-icon{background:var(--color-bg-card);border-radius:var(--radius-sm);width:50px;height:50px;color:var(--color-accent-blue);justify-content:center;align-items:center;display:flex}.addpage-file-info{flex:1;min-width:0}.addpage-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.addpage-file-size{color:var(--color-text-muted);font-size:.72rem}.addpage-file-remove{color:var(--color-accent-red);cursor:pointer;background:#ef44441a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.addpage-file-remove:hover{background:#ef444433}.addpage-section-head{justify-content:space-between;align-items:center;margin:6px 0 8px;display:flex}.addpage-section-label{text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-muted);font-size:.7rem;font-weight:700}.addpage-add-prop-btn{color:var(--color-accent-blue);cursor:pointer;background:#5d7bf31a;border:none;border-radius:999px;align-items:center;gap:3px;padding:4px 10px;font-size:.74rem;font-weight:600;transition:background .15s;display:inline-flex}.addpage-add-prop-btn:hover{background:#5d7bf333}.addpage-props{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.addpage-empty-hint{color:var(--color-text-muted);border-radius:var(--radius-sm);text-align:center;background:#00000006;padding:10px 12px;font-size:.78rem}.addpage-prop-row{grid-template-columns:120px 1fr;align-items:center;gap:10px;padding:4px 0;display:grid}.addpage-prop-label{color:var(--color-text-secondary);text-transform:capitalize;font-size:.82rem;font-weight:500}.addpage-prop-input input[type=text],.addpage-prop-input input[type=number],.addpage-prop-input input[type=date],.addpage-prop-input input[type=time],.addpage-prop-input input[type=url],.addpage-prop-input select,.addpage-prop-input textarea{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);outline:none;padding:6px 10px;font-size:.85rem}.addpage-prop-input input:focus,.addpage-prop-input select:focus,.addpage-prop-input textarea:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 2px #5d7bf314}.addpage-richtext-block{margin-bottom:14px}.addpage-richtext-wrap{border:1px solid var(--color-border);border-radius:8px;min-height:140px;overflow:clip}.addpage-pin-hint{color:var(--color-text-secondary);border-radius:var(--radius-sm);background:#5d7bf30d;align-items:center;gap:5px;margin-bottom:12px;padding:7px 10px;font-size:.74rem;display:flex}.addpage-actions{border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.addpage-template-row{margin-bottom:14px;position:relative}.addpage-template-btn{border:1px dashed var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);cursor:pointer;background:#6366f112;align-items:center;gap:6px;padding:8px 12px;font-size:.83rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.addpage-template-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary);background:#6366f121}.addpage-template-dropdown{z-index:200;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.addpage-template-header{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);padding:8px 12px 6px;font-size:.68rem;font-weight:700}.addpage-template-search{background:var(--color-bg-input);border:1px solid var(--color-border);width:calc(100% - 16px);color:var(--color-text-primary);box-sizing:border-box;border-radius:6px;margin:8px;padding:6px 10px;font-size:.82rem}.addpage-template-search:focus{border-color:var(--color-accent-blue);outline:none}.addpage-template-empty{color:var(--color-text-muted);text-align:center;padding:12px;font-size:.78rem}.addpage-template-count{background:var(--color-accent-blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 5px;font-size:.65rem;font-weight:700;display:inline-flex}.addpage-template-item{align-items:center;gap:4px;padding:2px 6px;display:flex}.addpage-template-item:hover{background:var(--color-bg-hover)}.addpage-template-apply{color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:7px;padding:7px 6px;font-size:.86rem;display:flex}.addpage-template-apply svg{color:var(--color-accent);flex-shrink:0}.addpage-template-delete{cursor:pointer;color:var(--color-text-secondary);opacity:0;background:0 0;border:none;border-radius:4px;align-items:center;padding:5px;transition:opacity .15s,color .15s;display:flex}.addpage-template-item:hover .addpage-template-delete{opacity:1}.addpage-template-delete:hover{color:#f87171;background:#f871711a}.auto-modal{background:var(--color-bg-primary);border:1px solid var(--color-border);width:560px;max-width:95vw;max-height:80vh;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.auto-modal-header{border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.auto-modal-title{color:var(--color-text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.auto-zap-icon{color:var(--color-accent)}.auto-rules-list{flex-direction:column;flex-shrink:0;gap:6px;max-height:240px;padding:12px 16px;display:flex;overflow-y:auto}.auto-empty{color:var(--color-text-secondary);padding:8px 4px;font-size:13px}.auto-rule-row{background:var(--color-bg-main);border:1px solid var(--color-border-light);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.auto-rule-body{flex-wrap:wrap;flex:1;align-items:center;gap:6px;font-size:12.5px;display:flex}.auto-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.trigger-badge{color:#818cf8;background:#6366f126}.action-badge{color:#34d399;background:#10b98126}.auto-field{color:var(--color-text-primary);font-weight:600}.auto-eq{color:var(--color-text-secondary);font-size:11px}.auto-value{color:var(--color-accent);font-size:12px}.auto-arrow{color:var(--color-text-secondary);flex-shrink:0}.auto-delete-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.auto-delete-btn:hover{color:#f87171;background:#f871711a}.auto-presets-section{flex-shrink:0;padding:4px 16px 8px}.auto-presets-toggle{border:1px dashed var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:color .15s,border-color .15s;display:flex}.auto-presets-toggle:hover{color:var(--color-text-primary);border-color:var(--color-accent)}.auto-presets-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.auto-preset-item{background:var(--color-bg-main);border:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;transition:background .15s,color .15s;display:flex}.auto-preset-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.auto-preset-item svg{color:var(--color-accent);flex-shrink:0}.auto-divider{background:var(--color-border-light);flex-shrink:0;height:1px}.auto-add-form{flex-direction:column;flex-shrink:0;gap:10px;padding:16px 20px;display:flex}.auto-add-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);font-size:11px;font-weight:600}.auto-form-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.auto-field-select{background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;border-radius:6px;min-width:130px;padding:5px 8px;font-size:12.5px}.auto-field-select:focus{border-color:var(--color-accent);outline:none}.auto-value-wrap{flex:1;min-width:100px}.auto-value-input,.auto-value-select{background:var(--color-bg-input);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);border-radius:6px;padding:5px 8px;font-size:12.5px}.auto-value-input:focus,.auto-value-select:focus{border-color:var(--color-accent);outline:none}.auto-value-input:disabled{opacity:.4;cursor:not-allowed}.auto-add-btn{align-self:flex-start;align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:flex}.gallery-root{height:100%;padding:20px 24px;overflow-y:auto}.gallery-album-filters{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.album-chip{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:4px 12px;font-size:.78rem;transition:background .12s,color .12s,border-color .12s}.album-chip:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.album-chip.active{color:var(--color-accent-blue);background:#5d7bf326;border-color:#5d7bf366;font-weight:600}.gallery-masonry{columns:4 220px;column-gap:14px}@media (width<=900px){.gallery-masonry{columns:3 180px}}@media (width<=600px){.gallery-masonry{columns:2 150px;column-gap:10px}}.gallery-tile{break-inside:avoid;cursor:pointer;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:12px;margin-bottom:14px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000040}.gallery-tile:hover{transform:translateY(-3px)scale(1.01);box-shadow:0 6px 20px #0006}.gallery-img{object-fit:cover;background:var(--color-bg-primary);width:100%;min-height:140px;display:block}.gallery-img-placeholder{animation:1.2s ease-in-out infinite gallery-pulse}@keyframes gallery-pulse{0%,to{opacity:.6}50%{opacity:.9}}.lightbox-img-placeholder{background:#ffffff0d;border-radius:8px;width:320px;height:240px;animation:1.2s ease-in-out infinite gallery-pulse}.lightbox-img-broken{color:#ffffff80;background:#ffffff0d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:320px;height:240px;font-size:.85rem;display:flex}.gallery-tile-broken-fallback,.gallery-tile.gallery-tile-broken .gallery-img{display:none}.gallery-tile.gallery-tile-broken .gallery-tile-broken-fallback{min-height:140px;color:var(--color-text-muted);background:var(--color-bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.gallery-broken-label{text-transform:uppercase;letter-spacing:.4px;font-size:.72rem;font-weight:600}.gallery-tile-caption{background:var(--color-bg-card);border-top:1px solid var(--color-border-light);padding:8px 10px}.gallery-tile-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;line-height:1.3;overflow:hidden}.gallery-tile-album{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.7rem;overflow:hidden}.gallery-tile-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0009 0%,#0000 50%);justify-content:flex-end;align-items:flex-start;padding:8px;transition:opacity .18s;display:flex;position:absolute;inset:0}.gallery-tile:hover .gallery-tile-overlay{opacity:1}.gallery-tile-overlay>*{pointer-events:auto}.gallery-tile-open{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #fff3;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:.72rem;transition:background .15s;display:inline-flex}.gallery-tile-open:hover{background:#000000bf}@media (hover:none){.gallery-tile-overlay{display:none}}.gallery-no-image-list{border-top:1px solid var(--color-border-light);margin-top:24px;padding-top:16px}.gallery-no-image-label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);margin-bottom:8px;font-size:.68rem;font-weight:700}.gallery-no-image-row{cursor:pointer;color:var(--color-text-secondary);border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:.84rem;transition:background .12s;display:flex}.gallery-no-image-row:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.gallery-no-image-icon{color:var(--color-text-muted);flex-shrink:0}.gallery-no-image-album{color:var(--color-text-muted);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:99px;margin-left:auto;padding:2px 7px;font-size:.72rem}.gallery-empty{height:60%;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:.9rem;display:flex}.gallery-empty-icon{opacity:.4}.gallery-empty strong{color:var(--color-text-secondary)}.lightbox-overlay{z-index:9500;background:#000000eb;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.lightbox-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#ffffff38}.lightbox-nav{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff38}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-content{flex-direction:column;align-items:center;max-width:min(90vw,1000px);max-height:90vh;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:75vh;display:block;box-shadow:0 8px 40px #0009}.lightbox-info{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:14px;display:flex}.lightbox-title{color:#fff;font-size:1rem;font-weight:600}.lightbox-album{color:#ffffff8c;font-size:.82rem}.lightbox-date{color:#fff6;font-size:.76rem}.lightbox-details-btn{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;gap:5px;margin-top:8px;padding:5px 14px;font-size:.8rem;transition:background .15s;display:inline-flex}.lightbox-details-btn:hover{background:#ffffff2e}.lightbox-counter{color:#fff6;font-size:.78rem;position:absolute;bottom:-36px}@media (width<=600px){.lightbox-content{max-width:100vw;padding:0 16px}.lightbox-img{max-height:68vh}.lightbox-nav{width:42px;height:42px;top:auto;bottom:18px;transform:none}.lightbox-prev{left:24px}.lightbox-next{right:24px}.lightbox-close{top:14px;right:14px}.lightbox-counter{bottom:-30px}}.timeline-root{flex-direction:column;height:100%;display:flex;overflow:hidden}.timeline-toolbar{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-sidebar);flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;display:flex}.tl-nav-btn{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;align-items:center;padding:5px 9px;transition:background .12s,color .12s;display:flex}.tl-nav-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tl-today-btn{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-accent-blue);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:5px 11px;font-size:.8rem;font-weight:600;transition:background .12s;display:flex}.tl-today-btn:hover{background:var(--color-bg-hover)}.tl-range-label{color:var(--color-text-muted);margin-left:4px;font-size:.82rem}.timeline-body{flex:1;display:flex;overflow:hidden}.tl-left{border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:180px;display:flex;overflow:hidden}.tl-left-header{text-transform:uppercase;letter-spacing:.6px;height:52px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);flex-shrink:0;align-items:flex-end;padding:0 12px 8px;font-size:.68rem;font-weight:700;display:flex}.tl-row-label{height:36px;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--color-border-light);align-items:center;padding:0 12px;font-size:.82rem;transition:background .12s,color .12s;display:flex;overflow:hidden}.tl-row-label:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tl-empty-rows{color:var(--color-text-muted);padding:16px 12px;font-size:.8rem}.tl-grid-scroll{flex:1;overflow:auto}.tl-grid{min-height:100%;position:relative}.tl-month-row{background:var(--color-bg-sidebar);border-bottom:1px solid var(--color-border-light);height:22px;position:relative}.tl-month-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding-left:6px;font-size:.68rem;font-weight:700;position:absolute;top:4px}.tl-day-headers{border-bottom:1px solid var(--color-border);background:var(--color-bg-sidebar);height:30px;display:flex}.tl-day-header{border-right:1px solid var(--color-border-light);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;display:flex}.tl-day-header.today{background:#5d7bf31f}.tl-day-header.weekend{background:#ffffff0f}.tl-day-num{color:var(--color-text-secondary);font-size:.72rem;font-weight:700;line-height:1}.tl-day-header.today .tl-day-num{color:var(--color-accent-blue)}.tl-day-name{color:var(--color-text-muted);font-size:.6rem;line-height:1}.tl-rows-area{min-height:100%;position:relative}.tl-today-col{pointer-events:none;background:#5d7bf30f;position:absolute;top:0;bottom:0}.tl-row{border-bottom:1px solid var(--color-border-light);height:36px;position:relative}.tl-chip{background:var(--color-bg-primary);cursor:pointer;white-space:nowrap;z-index:2;border:1px solid;border-radius:4px;align-items:center;gap:4px;max-width:160px;padding:2px 7px 2px 4px;font-size:.75rem;transition:background .12s,box-shadow .12s;display:inline-flex;position:absolute;top:5px;overflow:hidden}.tl-chip:hover{background:var(--color-bg-hover);z-index:10;max-width:260px;box-shadow:0 2px 8px #0003}.tl-chip.overdue{background:#ef444414;border-color:#ef4444!important}.tl-chip.done{opacity:.45}.tl-chip-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tl-chip-text{text-overflow:ellipsis;color:var(--color-text-primary);overflow:hidden}.tl-grid-empty{color:var(--color-text-muted);text-align:center;padding:24px 16px;font-size:.82rem}.tl-extras{border-top:1px solid var(--color-border);background:var(--color-bg-sidebar);flex-shrink:0;gap:20px;padding:10px 20px 14px;display:flex;overflow-x:auto}.tl-extra-section{min-width:200px}.tl-extra-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:6px;font-size:.68rem;font-weight:700}.tl-extra-chips{flex-wrap:wrap;gap:5px;display:flex}.tl-extra-chip{border:1px solid var(--color-border-light);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;border-radius:4px;padding:3px 9px;font-size:.76rem;transition:background .12s}.tl-extra-chip:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tl-extra-chip.past{color:#f87171;border-color:#ef44444d}.tl-extra-chip.muted{opacity:.6}.tl-more{color:var(--color-text-muted);align-self:center;font-size:.74rem}@media (width<=768px){.timeline-toolbar{flex-wrap:wrap;padding:8px 12px}.tl-range-label{flex-basis:100%;order:10;margin-left:0}.tl-left{width:104px}.tl-left-header,.tl-row-label{padding-left:10px;padding-right:6px;font-size:.76rem}.tl-extras{padding:10px 12px 14px}.tl-extra-section{min-width:150px}}.app-view{flex-direction:column;height:100%;display:flex;position:relative}.app-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px 12px;display:flex}.app-title{color:var(--color-text-primary);white-space:nowrap;align-items:center;gap:8px;font-size:1.15rem;font-weight:600;display:flex}.app-back-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-bg-card);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;display:inline-flex}.app-back-btn:hover{color:var(--color-text-primary);border-color:var(--color-accent-blue)}.app-title-folder-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;line-height:1;display:inline-flex}.shared-dir-toggle{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);margin-left:12px;display:inline-flex;overflow:hidden}.shared-dir-btn{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:5px 12px;transition:background .15s,color .15s}.shared-dir-btn:hover{color:var(--color-text-primary)}.shared-dir-btn.active{background:var(--color-accent-blue);color:#fff}.title-folders-btn{width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;display:none}.title-folders-btn:active{color:var(--color-text-primary);background:#ffffff14}.app-toolbar-right{align-items:center;gap:12px;display:flex}.app-search{background:var(--color-bg-card);border:1px solid var(--color-border-light);transition:border var(--transition);border-radius:20px;align-items:center;gap:8px;min-width:220px;padding:7px 14px;display:flex}.app-search:focus-within{border-color:var(--color-accent-blue)}.app-search input{width:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;font-size:.85rem}.app-search input::placeholder{color:var(--color-text-muted)}.app-search svg{color:var(--color-text-muted);flex-shrink:0}.app-records-area{flex:1;overflow-y:auto}.floating-add-btn{background:var(--color-accent-blue);color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition);border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:500;display:flex;position:absolute;bottom:24px;right:28px}.floating-add-btn:hover{box-shadow:var(--shadow-lg);background:#4a6ae0;transform:translateY(-2px)}.toolbar-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);color:var(--color-text-secondary);transition:all var(--transition);align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;display:flex}.toolbar-btn:hover,.toolbar-btn.active{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border)}.columns-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:200;min-width:180px;padding:8px 0;position:absolute;top:calc(100% + 6px);right:0}.columns-dropdown-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding:4px 14px 8px;font-size:.72rem;font-weight:700}.column-toggle-row{cursor:pointer;color:var(--color-text-primary);align-items:center;gap:10px;padding:6px 14px;font-size:.85rem;transition:background .1s;display:flex}.column-toggle-row:hover{background:var(--color-bg-main)}.view-switcher{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);display:flex;overflow:hidden}.view-btn{color:var(--color-text-muted);align-items:center;padding:6px 10px;transition:background .15s,color .15s;display:flex}.view-btn:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.view-btn.active{background:var(--color-accent-blue);color:#fff}.tag-filter-chip{background:var(--color-accent-blue);color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:4px;margin-left:12px;padding:4px 10px;font-size:.78rem;display:inline-flex}.tag-filter-chip:hover{background:#4a6ae0}.mobile-sort-btn,.mobile-filter-btn{display:none}@media (width<=768px){.app-toolbar{flex-wrap:wrap;gap:8px;padding:10px 8px 8px}.app-title{font-size:1rem}.title-folders-btn{display:flex}.mobile-sort-btn,.mobile-filter-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:8px;flex-shrink:0;align-items:center;padding:5px 10px;font-size:.82rem;font-weight:600;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.mobile-sort-btn:active,.mobile-filter-btn:active{background:var(--color-bg-hover)}.mobile-sort-btn.active,.mobile-filter-btn.active{color:var(--color-accent-blue);background:#5d7bf314;border-color:#5d7bf366}.app-toolbar-right{flex:1;justify-content:flex-end;gap:6px}.app-search{flex:1;min-width:0;padding:6px 10px}.toolbar-btn{display:none}.floating-add-btn{padding:10px 16px;font-size:.82rem;bottom:74px;right:16px}}.mfs-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.mfs-sheet{background:var(--color-bg-main);max-height:88vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;flex-direction:column;animation:.22s cubic-bezier(.34,1.2,.64,1) mfs-slide-up;display:flex;overflow:hidden}@keyframes mfs-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mfs-handle{background:var(--color-border);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 6px}.mfs-header{border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 18px 12px;display:flex}.mfs-header-app{align-items:center;gap:5px;min-width:60px;font-size:.8rem;font-weight:600;display:flex}.mfs-title{color:var(--color-text-primary);font-size:1rem;font-weight:700}.mfs-close-btn{cursor:pointer;color:var(--color-text-muted);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;justify-content:flex-end;align-items:center;min-width:60px;padding:4px;display:flex}.mfs-close-btn:active{background:var(--color-bg-hover)}.mfs-list{-webkit-overflow-scrolling:touch;flex:1;padding:8px 0;overflow-y:auto}.mfs-folder-row{flex-direction:column;display:flex}.mfs-folder-main{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-left:3px solid #0000;align-items:center;gap:12px;padding:13px 18px;transition:background .1s;display:flex}.mfs-folder-main:active{background:var(--color-bg-hover)}.mfs-folder-row.active .mfs-folder-main{background:#5d7bf314}.mfs-folder-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.mfs-folder-name{color:var(--color-text-primary);flex:1;font-size:.97rem;font-weight:500}.mfs-folder-count{color:var(--color-text-muted);background:var(--color-bg-hover);border-radius:10px;padding:2px 8px;font-size:.78rem;font-weight:600}.mfs-folder-action-btn{cursor:pointer;color:var(--color-text-muted);touch-action:manipulation;-webkit-tap-highlight-color:transparent;opacity:.6;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;display:flex}.mfs-folder-action-btn:active{background:var(--color-bg-hover);opacity:1}.mfs-folder-actions{gap:8px;padding:4px 18px 10px 54px;animation:.15s mfs-actions-in;display:flex}@keyframes mfs-actions-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mfs-action-edit,.mfs-action-delete{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.mfs-action-edit{background:var(--color-bg-card);color:var(--color-text-primary)}.mfs-action-edit:active{background:var(--color-bg-hover)}.mfs-action-delete{color:var(--color-accent-red);background:#ef444414;border-color:#ef444433}.mfs-action-delete:active{background:#ef444426}.mfs-empty{text-align:center;color:var(--color-text-muted);padding:24px 18px;font-size:.85rem;font-style:italic}.mfs-footer{border-top:1px solid var(--color-border-light);flex-shrink:0;padding:12px 18px}.mfs-new-btn{width:100%;color:var(--color-accent-blue);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#5d7bf31a;border:1px solid #5d7bf340;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:.95rem;font-weight:600;display:flex}.mfs-new-btn:active{background:#5d7bf32e}.mfs-form{flex-direction:column;height:100%;max-height:88vh;display:flex}.mfs-back-btn{cursor:pointer;color:var(--color-accent-blue);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:4px;min-width:60px;padding:4px 0;font-size:.9rem;font-weight:600;display:flex}.mfs-form-preview{border-bottom:2px solid var(--color-border-light);background:var(--color-bg-sidebar);flex-shrink:0;align-items:center;gap:14px;padding:16px 18px;display:flex}.mfs-form-preview-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.mfs-form-preview-name{font-size:1.1rem;font-weight:700}.mfs-form-preview-app{margin-top:2px;font-size:.78rem;font-weight:600}.mfs-form-body{-webkit-overflow-scrolling:touch;flex:1;padding:8px 0;overflow-y:auto}.mfs-form-section{border-bottom:1px solid var(--color-border-light);padding:12px 18px}.mfs-form-section:last-child{border-bottom:none}.mfs-form-label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);margin-bottom:10px;font-size:.72rem;font-weight:700}.mfs-form-input{border:1px solid var(--color-border);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:16px}.mfs-form-input:focus{border-color:var(--color-accent-blue);outline:none}.mfs-color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mfs-color-dot{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;width:30px;height:30px;transition:box-shadow .12s}.mfs-color-custom{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:50%;width:30px;height:30px;padding:0}.mfs-emoji-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.mfs-emoji-btn{aspect-ratio:1;background:var(--color-bg-card);border:1px solid var(--color-border-light);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.mfs-emoji-btn.active{border-color:var(--color-accent-blue)}.mfs-emoji-btn:active{transform:scale(.92)}.mfs-form-select{border:1px solid var(--color-border);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:16px}.mfs-move-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:.82rem}.mfs-form-footer{border-top:1px solid var(--color-border-light);flex-shrink:0;padding:12px 18px}.mfs-save-btn{background:var(--color-accent-blue);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:opacity .12s}.mfs-save-btn:disabled{opacity:.4;cursor:not-allowed}.mfs-save-btn:active:not(:disabled){opacity:.85}.filter-bar{border-bottom:1px solid var(--color-border-light);background:var(--color-bg-main);flex-wrap:wrap;align-items:center;gap:8px;min-height:38px;padding:6px 16px;display:flex}.filter-bar-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-add-wrap{position:relative}.filter-add-btn{border-radius:var(--radius-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:4px 10px;font-size:.8rem;transition:all .15s;display:flex}.filter-add-btn:hover,.filter-add-btn.has-filters{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background:#5d7bf314}.filter-count{background:var(--color-accent-blue);color:#fff;border-radius:999px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:1.4}.filter-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:200;box-shadow:var(--shadow-md);min-width:420px;padding:10px;position:absolute;top:calc(100% + 6px);left:0}.filter-panel-row{align-items:center;gap:6px;display:flex}.filter-select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-main);color:var(--color-text-primary);cursor:pointer;padding:5px 8px;font-size:.82rem}.filter-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-main);color:var(--color-text-primary);flex:1;min-width:80px;padding:5px 8px;font-size:.82rem}.filter-input:focus,.filter-select:focus{border-color:var(--color-accent-blue);outline:none}.filter-apply-btn{border-radius:var(--radius-sm);background:var(--color-accent-blue);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:4px;padding:5px 12px;font-size:.82rem;font-weight:600;transition:opacity .15s;display:flex}.filter-apply-btn:hover{opacity:.85}.filter-chip{color:var(--color-text-primary);background:#5d7bf31f;border:1px solid #5d7bf34d;border-radius:999px;align-items:center;gap:6px;padding:3px 6px 3px 10px;font-size:.78rem;display:inline-flex}.filter-chip-text b{color:var(--color-text-secondary);font-weight:600}.filter-chip-text em{color:var(--color-accent-blue);font-style:normal;font-weight:600}.filter-chip-remove{width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.filter-chip-remove:after{content:"";border-radius:50%;position:absolute;inset:-13px}.filter-chip-remove:hover{color:#ef4444;background:#ef444433}.filter-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-group-root{flex:1;min-width:0}.filter-group:not(.filter-group-root){border-left:2px solid var(--color-accent-blue);background:#5d7bf30a;border-radius:4px;padding:4px 8px 4px 10px}.filter-group-header{align-items:center;gap:4px;display:flex}.filter-group-items{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-combinator-toggle{text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;border-radius:4px;padding:2px 8px;font-size:.66rem;font-weight:800;transition:all .12s}.filter-combinator-toggle.combinator-or{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b66}.filter-combinator-toggle.combinator-and{color:var(--color-accent-blue);background:#5d7bf31f;border-color:#5d7bf366}.filter-combinator-toggle:hover{filter:brightness(1.15)}.filter-group-remove{width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .12s;display:flex}.filter-group-remove:hover{color:#ef4444;background:#ef444433}.filter-add-group-btn{color:var(--color-text-muted);border:1px dashed var(--color-border);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;transition:all .12s;display:inline-flex}.filter-add-group-btn:hover{color:var(--color-accent-blue);border-color:var(--color-accent-blue)}.filter-clear-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:.75rem;transition:color .15s}.filter-clear-btn:hover{color:#ef4444}@media (width<=768px){.filter-bar{display:none}}.mss-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.mss-sheet{background:var(--color-bg-main);max-height:80vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;flex-direction:column;animation:.22s cubic-bezier(.34,1.2,.64,1) mss-slide-up;display:flex;overflow:hidden}@keyframes mss-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mss-handle{background:var(--color-border);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 6px}.mss-header{border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 18px 12px;display:flex}.mss-title{color:var(--color-text-primary);font-size:1rem;font-weight:700}.mss-close{cursor:pointer;color:var(--color-text-muted);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.mss-close:active{background:var(--color-bg-hover)}.mss-list{-webkit-overflow-scrolling:touch;flex:1;padding:6px 0;overflow-y:auto}.mss-row{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;transition:background .1s;display:flex}.mss-row:active{background:var(--color-bg-hover)}.mss-row.active{background:#5d7bf312}.mss-row-label{color:var(--color-text-primary);font-size:.97rem;font-weight:500}.mss-row.active .mss-row-label{color:var(--color-accent-blue);font-weight:600}.mss-row-right{align-items:center;gap:8px;display:flex}.mss-dir-badge{color:var(--color-accent-blue);background:#5d7bf31f;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.mss-check{color:var(--color-accent-blue)}.mss-footer{border-top:1px solid var(--color-border-light);flex-shrink:0;padding:12px 18px}.mss-reset-btn{border:1px solid var(--color-border);width:100%;color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;padding:13px;font-size:.9rem;font-weight:600}.mss-reset-btn:active{background:var(--color-bg-hover)}.mfl-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.mfl-sheet{background:var(--color-bg-main);max-height:85vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;flex-direction:column;animation:.22s cubic-bezier(.34,1.2,.64,1) mfl-slide-up;display:flex;overflow:hidden}@keyframes mfl-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mfl-handle{background:var(--color-border);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 6px}.mfl-header{border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 18px 12px;display:flex}.mfl-title{color:var(--color-text-primary);font-size:1rem;font-weight:700}.mfl-close{cursor:pointer;color:var(--color-text-muted);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.mfl-close:active{background:var(--color-bg-hover)}.mfl-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.mfl-active-section,.mfl-add-section{border-bottom:1px solid var(--color-border-light);padding:14px 18px}.mfl-add-section{border-bottom:none}.mfl-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);margin-bottom:10px;font-size:.72rem;font-weight:700}.mfl-chip{background:#5d7bf314;border:1px solid #5d7bf333;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:11px 14px;display:flex}.mfl-chip-text{color:var(--color-text-primary);flex:1;min-width:0;font-size:.88rem}.mfl-chip-text b{color:var(--color-accent-blue);font-weight:600}.mfl-chip-text em{color:var(--color-text-primary);font-style:normal;font-weight:600}.mfl-chip-remove{cursor:pointer;color:var(--color-text-muted);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;align-items:center;padding:4px;display:flex}.mfl-chip-remove:active{color:#ef4444;background:#ef444426}.mfl-group{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.mfl-group-nested{border-left:3px solid var(--color-accent-blue);background:#5d7bf30d;border-radius:6px;padding:8px 10px 8px 12px}.mfl-group-header{align-items:center;gap:8px;display:flex}.mfl-combinator{text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:6px;padding:4px 12px;font-size:.7rem;font-weight:800}.mfl-combinator.combinator-or{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b66}.mfl-combinator.combinator-and{color:var(--color-accent-blue);background:#5d7bf31f;border-color:#5d7bf366}.mfl-group-remove{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.mfl-group-items{flex-direction:column;gap:6px;display:flex}.mfl-add-target-btn,.mfl-add-group-btn{color:var(--color-text-muted);border:1px dashed var(--color-border);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:6px;align-self:flex-start;align-items:center;gap:5px;padding:6px 10px;font-size:.78rem;display:inline-flex}.mfl-add-group-btn:active,.mfl-add-target-btn:active{color:var(--color-accent-blue);border-color:var(--color-accent-blue)}.mfl-clear-all{color:#ef4444;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #ef444440;border-radius:10px;width:100%;margin-top:4px;padding:9px 16px;font-size:.85rem;font-weight:600}.mfl-clear-all:active{background:#ef444414}.mfl-form-group{margin-bottom:12px}.mfl-form-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:6px;font-size:.72rem;font-weight:700}.mfl-select{border:1px solid var(--color-border);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);box-sizing:border-box;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:16px}.mfl-select:focus{border-color:var(--color-accent-blue);outline:none}.mfl-add-btn{width:100%;color:var(--color-accent-blue);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#5d7bf31a;border:1px solid #5d7bf340;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:13px;font-size:.95rem;font-weight:600;display:flex}.mfl-add-btn:active:not(:disabled){background:#5d7bf32e}.mfl-add-btn:disabled{opacity:.4;cursor:not-allowed}.saved-views{position:relative}.saved-views-menu{min-width:220px}.saved-views-empty{color:var(--color-text-muted);padding:6px 14px 8px;font-size:.82rem}.saved-view-row{cursor:pointer;color:var(--color-text-primary);justify-content:space-between;align-items:center;gap:8px;padding:7px 10px 7px 14px;font-size:.85rem;transition:background .1s;display:flex}.saved-view-row:hover{background:var(--color-bg-main)}.saved-view-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-view-delete{color:var(--color-text-muted);opacity:0;border-radius:4px;flex-shrink:0;align-items:center;padding:3px;transition:opacity .1s,background .1s,color .1s;display:flex}.saved-view-row:hover .saved-view-delete{opacity:.7}.saved-view-delete:hover{opacity:1;background:var(--color-bg-hover);color:var(--color-danger,#e11d48)}.saved-views-divider{background:var(--color-border-light);height:1px;margin:6px 0}.saved-view-add{width:100%;color:var(--color-accent-blue);align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;transition:background .1s;display:flex}.saved-view-add:hover{background:var(--color-bg-main)}.saved-view-add-row{align-items:center;gap:6px;padding:4px 10px 4px 14px;display:flex}.saved-view-input{border:1px solid var(--color-accent-blue);border-radius:var(--radius-sm);background:var(--color-bg-main);min-width:0;color:var(--color-text-primary);outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:.85rem}.saved-view-save{color:var(--color-accent-blue);border-radius:4px;flex-shrink:0;align-items:center;padding:5px;display:flex}.saved-view-save:hover{background:var(--color-bg-hover)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:all;align-items:center;gap:10px;max-width:400px;padding:12px 18px;font-size:.88rem;font-weight:500;animation:.25s toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-success{color:#fff;background:#065f46}.toast-error{color:#fff;background:#9f1239}.toast-close{color:#ffffffb3;margin-left:auto;padding:2px;transition:color .15s}.toast-close:hover{color:#fff}.login-bg{min-height:100vh;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#0a0a0a radial-gradient(80% 60% at 50% 40%,#5d7bf31f 0%,#0000 70%);justify-content:center;align-items:center;display:flex}.login-card{background:#141414;border:1px solid #2a2a2a;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:36px 32px 28px;animation:.25s loginSlideUp;display:flex;box-shadow:0 8px 40px #0009,0 0 0 1px #ffffff0a}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-logo-wrap{text-align:center;margin-bottom:28px}.login-logo{letter-spacing:-1px;background:linear-gradient(135deg,#7c6dc7,#5d7bf3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:2rem;font-weight:900}.login-tabs{background:#1e1e1e;border-radius:10px;gap:3px;width:100%;margin-bottom:24px;padding:3px;display:flex}.login-tab{color:#888;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;flex:1;padding:9px 0;font-size:.88rem;font-weight:600;transition:background .15s,color .15s}.login-tab.active{color:#fff;background:#2a2a2a;box-shadow:0 1px 4px #0006}.login-form{flex-direction:column;gap:0;width:100%;display:flex}.login-field{margin-bottom:14px}.login-label{color:#aaa;letter-spacing:.3px;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.login-input{color:#fff;box-sizing:border-box;appearance:none;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;width:100%;padding:13px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:#5d7bf3;outline:none;box-shadow:0 0 0 3px #5d7bf32e}.login-input:disabled{opacity:.5}.login-pw-wrap{position:relative}.login-input-pw{padding-right:48px}.login-pw-toggle{color:#666;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:4px;font-size:1rem;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:.84rem;line-height:1.45;animation:.15s loginFadeIn;display:flex}.login-error-icon{flex-shrink:0;margin-top:1px}.login-info{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98140;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.84rem;animation:.15s loginFadeIn}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-btn{color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#5d7bf3;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:50px;margin-top:8px;padding:14px;font-size:.96rem;font-weight:700;transition:background .15s,opacity .15s,transform 80ms;display:flex}.login-btn:active{transform:scale(.98)}.login-btn:hover:not(:disabled){background:#4a6ae0}.login-btn:disabled{opacity:.45;cursor:not-allowed}.login-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite loginSpin;display:inline-block}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-switch{color:#666;text-align:center;margin-top:20px;font-size:.83rem}.login-link{color:#5d7bf3;text-underline-offset:2px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-weight:600;text-decoration:underline}.login-link:hover{color:#7c91f7}@media (width<=480px){.login-card{border-radius:18px;max-width:100%;padding:28px 20px 24px}.login-logo{font-size:1.8rem}}.ai-panel{background:var(--color-bg-sidebar);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:380px;min-width:320px;height:100%;display:flex}.ai-panel--fullscreen{width:100%;min-width:unset;z-index:9000;height:100%;padding-top:env(safe-area-inset-top,0px);border-left:none;position:fixed;inset:0}.ai-panel-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-sidebar);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.ai-panel-title{align-items:center;gap:8px;min-width:0;display:flex}.ai-panel-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#5d7bf3);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ai-panel-name{color:var(--color-text-primary);white-space:nowrap;font-size:.875rem;font-weight:700}.ai-panel-scope{color:var(--color-text-muted);white-space:nowrap;margin-top:1px;font-size:.68rem}.ai-panel-header-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.ai-icon-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:5px;transition:background .15s,color .15s;display:flex}.ai-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ai-back-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px 4px 4px;font-size:.8rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.ai-back-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ai-panel-body{flex:1;display:flex;position:relative;overflow:hidden}.ai-sidebar-toggle-tab{z-index:5;background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;width:14px;height:48px;color:var(--color-text-muted);border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;padding:0;transition:left .2s,background .15s,color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ai-sidebar-toggle-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ai-sidebar{border-right:1px solid var(--color-border);background:var(--color-bg-main);flex-direction:column;flex-shrink:0;width:240px;min-width:180px;max-width:360px;padding-bottom:12px;display:flex;position:relative;overflow-y:auto}.ai-new-chat-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:7px;margin:10px 10px 6px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.ai-new-chat-btn:hover{color:#a78bfa;background:#7c3aed14;border-color:#7c3aed66}.ai-sidebar-section{border-top:1px solid var(--color-border-light);margin-top:4px;padding:4px 0}.ai-sidebar-label{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);align-items:center;gap:5px;padding:8px 14px 4px;font-size:.63rem;font-weight:700;display:flex}.ai-sidebar-date{color:var(--color-text-muted);opacity:.7;padding:4px 14px 2px;font-size:.68rem;font-weight:600}.ai-agents-label{align-items:center;gap:0;padding:8px 8px 4px;display:flex}.ai-agents-label-toggle{cursor:pointer;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:5px;padding:0;font-size:.63rem;font-weight:700;transition:color .12s;display:flex}.ai-agents-label-toggle:hover{color:var(--color-text-secondary)}.ai-agents-chevron{opacity:.6;font-size:.6rem}.ai-agents-add-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:3px;transition:background .12s,color .12s;display:flex}.ai-agents-add-btn:hover{color:#a78bfa;background:#7c3aed1f}.ai-agent-row-wrap{align-items:center;margin:1px 6px;display:flex}.ai-agent-row-wrap:hover .ai-agent-edit-icon{opacity:1}.ai-agent-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:9px;min-width:0;padding:8px 8px 8px 12px;transition:background .12s;display:flex;position:relative}.ai-agent-row:hover{background:#7c3aed14}.ai-agent-row.active{background:#7c3aed26;border:1px solid #7c3aed40}.ai-agent-edit-icon{cursor:pointer;color:var(--color-text-muted);opacity:0;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:opacity .12s,background .12s,color .12s;display:flex}.ai-agent-edit-icon:hover{color:#a78bfa;background:#7c3aed1f}.ai-add-agent-row{cursor:pointer;color:var(--color-text-muted);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;width:calc(100% - 12px);margin:2px 6px;padding:6px 14px;font-size:.78rem;transition:background .12s,color .12s;display:flex}.ai-add-agent-row:hover{color:#a78bfa;background:#7c3aed14}.ai-agent-emoji{text-align:center;flex-shrink:0;width:26px;font-size:1.2rem;line-height:1}.ai-agent-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ai-agent-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.ai-agent-row.active .ai-agent-name{color:#a78bfa}.ai-agent-role{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.ai-agent-active-dot{background:#a78bfa;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 5px #a78bfa99}.ai-agent-editor{flex-direction:column;height:100%;display:flex}.ai-agent-editor-header{border-bottom:1px solid var(--color-border-light);flex-shrink:0;align-items:center;gap:8px;padding:10px 10px 8px;display:flex}.ai-agent-editor-title{color:var(--color-text-primary);font-size:.84rem;font-weight:700}.ai-agent-editor-body{flex-direction:column;flex:1;gap:14px;padding:14px 12px;display:flex;overflow-y:auto}.ai-agent-field{flex-direction:column;gap:5px;display:flex}.ai-agent-field-label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);font-size:.72rem;font-weight:600}.ai-agent-field-input,.ai-agent-field-textarea{border:1px solid var(--color-border);background:var(--color-bg-input,var(--color-bg-card));width:100%;color:var(--color-text-primary);box-sizing:border-box;border-radius:7px;outline:none;padding:8px 10px;font-family:inherit;font-size:.84rem;transition:border-color .15s}.ai-agent-field-input:focus,.ai-agent-field-textarea:focus{border-color:#7c3aed}.ai-agent-field-textarea{resize:vertical;min-height:160px;font-size:.82rem;line-height:1.55}.ai-agent-editor-footer{border-top:1px solid var(--color-border-light);flex-shrink:0;align-items:center;gap:6px;padding:10px 12px;display:flex}.ai-agent-del-btn{color:#f87171;cursor:pointer;background:0 0;border:1px solid #ef444440;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:.78rem;transition:background .15s,border-color .15s;display:inline-flex}.ai-agent-del-btn:hover{background:#ef44441a;border-color:#ef444480}.ai-agent-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5d7bf3);border:none;border-radius:7px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:opacity .15s}.ai-agent-save-btn:disabled{opacity:.4;cursor:not-allowed}.ai-agent-save-btn:not(:disabled):hover{opacity:.85}.ai-instructions-toggle{cursor:pointer;background:0 0;border:none;justify-content:flex-start;width:100%;transition:color .12s}.ai-instructions-toggle:hover{color:var(--color-text-secondary)}.ai-instructions-body{padding:4px 10px 8px}.ai-sidebar-resize{cursor:col-resize;z-index:10;background:0 0;width:6px;height:100%;transition:background .15s;position:absolute;top:0;right:-3px}.ai-sidebar-resize:hover,.ai-sidebar-resize:active{background:#7c3aed59}.ai-session-row{cursor:pointer;border-radius:6px;align-items:center;gap:7px;margin:1px 6px;padding:6px 10px 6px 14px;transition:background .1s;display:flex;position:relative}.ai-session-row:hover{background:#ffffff0d}.ai-session-row.active{background:#7c3aed1f}.ai-session-icon{color:var(--color-text-muted);flex-shrink:0}.ai-session-title{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.ai-session-row.active .ai-session-title{color:#a78bfa;font-weight:500}.ai-session-del{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:none}.ai-session-del:hover{color:#f87171;background:#ef44441a}.ai-session-row:hover .ai-session-del{display:flex}.ai-record-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;width:calc(100% - 12px);margin:1px 6px;padding:5px 10px 5px 14px;transition:background .1s;display:flex}.ai-record-row:hover{background:#ffffff0d}.ai-record-icon{color:var(--color-text-muted);flex-shrink:0}.ai-record-title{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.79rem;overflow:hidden}.ai-record-app{color:var(--color-text-muted);background:#ffffff0f;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.65rem}.ai-chat-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.ai-panel--fullscreen .ai-chat-main{width:100%;max-width:780px;margin:0 auto}.ai-messages{flex-direction:column;flex:1;gap:12px;padding:16px 14px;display:flex;overflow-y:auto}.ai-messages::-webkit-scrollbar{width:4px}.ai-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.ai-welcome{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:auto 0;padding:28px 20px 16px;display:flex}.ai-welcome-icon{color:#a78bfa;background:linear-gradient(135deg,#3d1f7a,#1e3a8a);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;display:flex}.ai-welcome-title{color:var(--color-text-primary);font-size:1rem;font-weight:700}.ai-welcome-sub{color:var(--color-text-muted);max-width:240px;font-size:.82rem;line-height:1.5}.ai-quick-actions{flex-direction:column;gap:6px;width:100%;margin-top:8px;display:flex}.ai-quick-label{text-transform:uppercase;letter-spacing:.7px;color:var(--color-text-muted);align-items:center;gap:5px;margin-bottom:2px;font-size:.68rem;font-weight:700;display:flex}.ai-suggestion{border:1px solid var(--color-border);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border-radius:9px;padding:8px 12px;font-size:.82rem;transition:border-color .15s,color .15s,background .15s}.ai-suggestion:hover{color:#a78bfa;background:#7c3aed14;border-color:#7c3aed}.ai-message{align-items:flex-end;gap:8px;display:flex}.ai-message.user{flex-direction:row-reverse}.ai-msg-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#5d7bf3);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-bottom:2px;display:flex}.ai-msg-content{flex-direction:column;gap:5px;max-width:85%;display:flex}.ai-message.user .ai-msg-content{align-items:flex-end}.ai-message.assistant .ai-msg-content{align-items:flex-start}.ai-msg-bubble{word-break:break-word;border-radius:14px;padding:9px 12px;font-size:.85rem;line-height:1.55}.ai-message.user .ai-msg-bubble{color:#fff;background:linear-gradient(135deg,#7c3aed,#5d7bf3);border-bottom-right-radius:4px}.ai-message.assistant .ai-msg-bubble{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-bottom-left-radius:4px}.ai-msg-bubble code{font-size:.82em;font-family:var(--font-mono);color:#a78bfa;background:#ffffff14;border-radius:4px;padding:1px 5px}.ai-action-results{flex-direction:column;gap:3px;display:flex}.ai-action-chip{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:.74rem;font-weight:500;display:inline-flex}.ai-action-chip.success{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.ai-action-chip.error{color:#f87171;background:#ef44441a;border:1px solid #ef44442e}.ai-msg-bubble.streaming:after{content:"▋";opacity:.7;margin-left:1px;animation:.7s step-end infinite ai-cursor-blink;display:inline-block}@keyframes ai-cursor-blink{50%{opacity:0}}.ai-typing{align-items:center;gap:4px;padding:12px 14px;display:flex}.ai-typing span{background:var(--color-text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite ai-bounce}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes ai-bounce{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.ai-error{color:#f87171;background:#ef44441a;border:1px solid #ef44442e;border-radius:8px;padding:8px 12px;font-size:.8rem}.ai-input-row{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-bg-sidebar);flex-shrink:0;align-items:center;gap:8px;display:flex}.ai-input{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:.88rem;transition:border-color .15s}.ai-input:focus{border-color:#7c3aed}.ai-input::placeholder{color:var(--color-text-muted)}.ai-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5d7bf3);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s;display:flex}.ai-send-btn:disabled{opacity:.35;cursor:not-allowed}.ai-send-btn:not(:disabled):hover{opacity:.85}.ai-float-btn{color:#fff;z-index:400;cursor:pointer;letter-spacing:-.1px;background:linear-gradient(135deg,#7c3aed,#5d7bf3);border:none;border-radius:23px;align-items:center;gap:8px;height:46px;padding:0 18px 0 14px;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;position:fixed;bottom:32px;right:28px;box-shadow:0 4px 20px #7c3aed73,0 2px 8px #0000004d}.ai-float-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 6px 28px #7c3aed99,0 4px 12px #0000004d}.ai-float-label{white-space:nowrap}.ai-mobile-menu-btn{display:none}.ai-attach-btn{color:var(--color-text-muted);flex-shrink:0}.ai-attach-btn:hover{color:#a78bfa!important}.ai-attachment-preview{border-top:1px solid var(--color-border);background:var(--color-bg-sidebar);color:var(--color-text-secondary);align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;display:flex}.ai-attach-thumb{object-fit:cover;border:1px solid var(--color-border);border-radius:6px;flex-shrink:0;width:36px;height:36px}.ai-attach-name{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-secondary);flex:1;font-size:.8rem;overflow:hidden}.ai-attach-uploading{color:#a78bfa;font-size:.75rem;animation:1s infinite ai-bounce}.ai-attach-remove{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:3px;display:flex}.ai-attach-remove:hover{color:#f87171}.ai-msg-image{object-fit:cover;border:1px solid var(--color-border-light);border-radius:10px;width:auto;max-width:220px;height:auto;max-height:180px;display:block}.ai-msg-file-chip{background:var(--color-bg-card);border:1px solid var(--color-border-light);color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;display:inline-flex}.ai-mobile-backdrop,.ai-mobile-sidebar,.ai-panel-kb-backdrop{display:none}@media (width<=768px){.ai-panel-kb-backdrop{z-index:599;background:var(--color-bg-sidebar);pointer-events:none;display:block;position:fixed;inset:0}.ai-panel{z-index:600;height:100dvh;padding-top:env(safe-area-inset-top,0px);border-left:none;position:fixed;top:0;left:0;right:0;overflow:hidden}.ai-mobile-menu-btn{display:flex}.ai-panel-body>.ai-sidebar{display:none}.ai-mobile-backdrop{z-index:700;background:#00000080;display:block;position:fixed;inset:0}.ai-mobile-sidebar{z-index:800;width:82vw;max-width:300px;padding-top:env(safe-area-inset-top,0px);animation:.22s slide-in-left;display:block;position:fixed;top:0;bottom:0;left:0}.ai-mobile-sidebar .ai-sidebar{border-right:1px solid var(--color-border);border-radius:0 18px 18px 0;max-width:none;height:100%;display:flex;width:100%!important}.ai-sidebar-resize,.ai-sidebar-toggle-tab{display:none}.ai-agent-row{padding:10px 8px 10px 12px}.ai-session-del{display:flex}.ai-suggestion{padding:11px 14px;font-size:.88rem}.ai-input-row{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));gap:8px}.ai-attach-btn{flex-shrink:0}.ai-send-btn{border-radius:12px;flex-shrink:0;width:42px;height:42px}.ai-input{min-width:0;font-size:16px}.ai-welcome{margin:auto 0;padding:20px}.ai-float-btn{display:none!important}.ai-msg-bubble{font-size:.9rem}.ai-msg-image{max-width:200px;max-height:160px}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.ai-snapshot{flex-direction:column;gap:6px;width:100%;max-width:340px;display:flex}.ai-snapshot-chip{cursor:pointer;text-align:left;border:1px solid;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:.82rem;transition:opacity .15s;display:flex}.ai-snapshot-chip:hover{opacity:.8}.ai-snapshot-overdue{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.ai-snapshot-today{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}.mobile-nav,.mobile-more-overlay,.mobile-more-drawer{display:none}@media (width<=768px){.mobile-nav{height:calc(72px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(20px)saturate(200%);z-index:300;background:#0a0a0af0;border-top:1px solid #ffffff12;justify-content:space-around;align-items:flex-end;gap:0;padding-top:8px;padding-left:4px;padding-right:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:#555;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 8px 6px;transition:color .15s;display:flex}.mobile-nav-item.active{color:#fff}.mobile-nav-icon{width:38px;height:38px;color:inherit;border-radius:13px;justify-content:center;align-items:center;transition:background .18s,transform .12s,color .15s;display:flex}.mobile-nav-item:active .mobile-nav-icon{transform:scale(.85)}.mobile-nav-label{letter-spacing:.2px;white-space:nowrap;font-size:.58rem;font-weight:600;line-height:1}.mobile-nav-ai-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;z-index:10;background:linear-gradient(135deg,#7c3aed,#5d7bf3);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:14px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 0 0 3px #0a0a0af0,0 4px 20px #7c3aed8c,0 8px 32px #5d7bf34d}.mobile-nav-ai-btn:active{transform:scale(.9)}.mobile-nav-ai-btn.ai-active{background:linear-gradient(135deg,#8b46f5,#6b8af5);box-shadow:0 0 0 3px #0a0a0af0,0 0 0 5px #7c3aed66,0 4px 24px #7c3aedb3,0 8px 40px #5d7bf366}.mobile-nav-ai-glow{opacity:.7;background:conic-gradient(#0000 0%,#7c3aed99 25%,#5d7bf399 50%,#0000 75%);border-radius:50%;animation:3s linear infinite ai-spin;position:absolute;inset:-4px}.mobile-nav-ai-btn.ai-active .mobile-nav-ai-glow{opacity:1;animation-duration:1.5s}@keyframes ai-spin{to{transform:rotate(360deg)}}.mobile-more-overlay{-webkit-backdrop-filter:blur(6px);z-index:500;background:#0009;animation:.18s fade-in;display:block;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mobile-more-drawer{bottom:calc(72px + env(safe-area-inset-bottom,0px));background:#141414fa;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;animation:.22s cubic-bezier(.34,1.56,.64,1) slide-up;display:flex;position:fixed;left:12px;right:12px;overflow:hidden;box-shadow:0 -4px 40px #00000080}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mobile-more-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.mobile-more-title{color:#fff;letter-spacing:-.2px;font-size:.9rem;font-weight:700}.mobile-more-close{cursor:pointer;color:#888;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mobile-more-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:12px 10px 16px;display:grid}.mobile-more-item{cursor:pointer;color:#aaa;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;transition:background .12s,color .12s;display:flex}.mobile-more-item:active{background:#ffffff0f;transform:scale(.93)}.mobile-more-item.active{color:#fff;background:#5d7bf31f}.mobile-more-icon{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .12s;display:flex}.mobile-more-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.62rem;font-weight:600;line-height:1;overflow:hidden}.mobile-more-actions{border-top:1px solid #ffffff0f;gap:8px;padding:12px;display:flex}.mobile-more-action{cursor:pointer;color:#ddd;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff0d;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.82rem;font-weight:600;transition:background .12s,transform .12s;display:flex}.mobile-more-action:active{background:#ffffff1a;transform:scale(.97)}.mobile-more-action.active{color:#fff;background:#ffffff1f}.mobile-more-views{flex-wrap:wrap}.mobile-more-views .mobile-more-action{flex:calc(50% - 4px);justify-content:flex-start}}.shortcuts-help{max-width:420px!important}.shortcuts-help-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.shortcuts-help-head h2{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0}.shortcuts-list{flex-direction:column;gap:4px;display:flex}.shortcut-row{border-radius:var(--radius-sm);align-items:center;gap:14px;padding:8px 6px;display:flex}.shortcut-row:hover{background:var(--color-bg-hover)}.shortcut-keys{flex-shrink:0;align-items:center;gap:4px;min-width:120px;display:flex}.shortcut-keys kbd{font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;background:var(--color-bg-card);border:1px solid var(--color-border);min-width:22px;color:var(--color-text-primary);border-bottom-width:2px;border-radius:6px;padding:3px 7px}.shortcut-or{font-size:var(--text-2xs);color:var(--color-text-muted);margin:0 2px}.shortcut-label{font-size:var(--text-md);color:var(--color-text-secondary)}.resizable-panel{flex-direction:column;flex-shrink:0;min-width:320px;max-width:900px;height:100%;display:flex}.resizable-panel-handle{cursor:col-resize;z-index:50;background:0 0;width:8px;height:100%;position:absolute;top:0;left:-4px}.resizable-panel-handle:after{content:"";background:var(--color-border);width:2px;height:100%;transition:background .15s;position:absolute;top:0;left:4px}.resizable-panel-handle:hover:after,.resizable-panel-handle:active:after{background:var(--color-accent-blue)}.record-tabs-strip{background:var(--color-bg-sidebar,var(--color-bg-main));border-bottom:1px solid var(--color-border);scrollbar-width:thin;align-items:stretch;gap:2px;padding:4px 8px 0;display:flex;overflow-x:auto}@media (width<=768px){.record-tabs-strip{display:none}}.record-tab-chip{max-width:200px;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:7px 10px;font-size:.82rem;transition:background .12s,color .12s;display:flex}.record-tab-chip:hover{background:var(--color-bg-hover,#7f7f7f1a);color:var(--color-text-main)}.record-tab-chip.active{background:var(--color-bg-main);border-color:var(--color-border);color:var(--color-text-main);margin-bottom:-1px;padding-bottom:8px}.record-tab-icon{flex-shrink:0;align-items:center;display:flex}.record-tab-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-tab-close{opacity:.6;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;transition:background .12s,opacity .12s;display:flex}.record-tab-close:hover{background:var(--color-bg-hover,#7f7f7f33);opacity:1}.record-tab-chip.workspace .record-tab-label{font-weight:500}.dashboard-wrapper{flex-direction:column;height:100%;display:flex;position:relative}.dashboard-stats{flex-shrink:0;gap:10px;padding:12px 24px 0;display:flex}.stat-card{background:var(--color-bg-card,white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid var(--color-border-light);font:inherit;text-align:center;flex-direction:row;flex:1;justify-content:center;align-items:baseline;gap:8px;padding:9px 14px;transition:box-shadow .15s,transform .1s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-number{color:var(--color-text-primary);font-size:1.35rem;font-weight:800;line-height:1}.stat-number.today{color:var(--color-accent-blue)}.stat-number.danger{color:var(--color-danger,#e11d48)}.stat-number.accent{color:var(--color-accent-orange,#f59e0b)}.stat-number.green{color:var(--color-accent-green,#10b981)}.stat-icon{opacity:.9;flex-shrink:0;align-self:center}.stat-icon.today{color:var(--color-accent-blue)}.stat-icon.danger{color:var(--color-danger,#e11d48)}.stat-icon.green{color:var(--color-accent-green,#10b981)}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:.7rem;font-weight:600}.today-widget{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:16px 24px 0;padding:14px 16px}.today-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.today-header h3{color:var(--color-text-primary);margin:0;font-size:.95rem;font-weight:700}.today-section{margin-top:10px}.today-section.overdue{background:#ef44440a;border-radius:6px;padding:4px}.today-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);align-items:center;gap:4px;padding:4px 6px;font-size:.7rem;font-weight:700;display:inline-flex}.today-section-label.danger{color:var(--color-accent-red)}.today-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;font-size:.86rem;transition:background .12s;display:flex}.today-row:hover{background:#ffffff0f}.today-check{color:var(--color-text-muted);align-items:center;padding:0;display:inline-flex}.today-icon{color:var(--color-text-muted);display:inline-flex}.today-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.today-title.done{color:var(--color-text-muted);text-decoration:line-through}.today-app{color:var(--color-accent-blue);background:#5d7bf31a;border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:600}.today-hour,.today-date{color:var(--color-text-muted);font-size:.74rem}.today-empty{color:var(--color-text-muted);text-align:center;padding:14px 6px;font-size:.86rem}.today-see-all{color:var(--color-accent-blue);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;margin:8px 0 0 8px;font-size:.78rem;display:flex}.today-see-all:hover{text-decoration:underline}.dash-analytics{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-card);flex-shrink:0;margin:12px 24px 0}.dash-analytics-toggle{text-align:left;text-transform:uppercase;letter-spacing:.5px;width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:.8rem;font-weight:700;transition:color .12s}.dash-analytics-toggle:hover{color:var(--color-text-primary)}.dash-analytics-body{flex-wrap:wrap;gap:24px;padding:0 14px 14px;display:flex}.dash-analytics-col{flex:1;min-width:200px}.dash-analytics-title{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);margin-bottom:8px;font-size:.68rem;font-weight:700}.dash-app-row{cursor:pointer;align-items:center;gap:8px;padding:3px 0;display:flex}.dash-app-row:hover .dash-app-name{color:var(--color-text-primary)}.dash-app-name{width:80px;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:.78rem;overflow:hidden}.dash-app-bar-wrap{background:var(--color-border-light);border-radius:3px;flex:1;height:6px;overflow:hidden}.dash-app-bar{border-radius:3px;height:100%;transition:width .3s}.dash-app-count{color:var(--color-text-secondary);text-align:right;flex-shrink:0;width:28px;font-size:.75rem}.dash-app-pct{color:var(--color-text-muted);flex-shrink:0;width:30px;font-size:.7rem}.dash-tags-cloud{flex-wrap:wrap;gap:6px;display:flex}.dash-tag-chip{color:var(--color-text-secondary);background:#5d7bf314;border:1px solid #5d7bf326;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;display:inline-flex}.dash-tag-count{color:var(--color-text-muted);font-size:.65rem}.daily-greeting{padding:20px 24px 4px}.daily-greeting-text{color:var(--color-accent-blue);font-size:1.05rem;font-weight:600}.daily-greeting-date{color:var(--color-text-muted);margin-top:2px;font-size:.82rem}.daily-section-wrap{max-width:680px;height:100%;padding:24px;overflow-y:auto}.daily-section-title{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:700}.daily-section-sub{color:var(--color-text-muted);margin:3px 0 0;font-size:.8rem}.daily-empty{color:var(--color-text-muted);text-align:center;padding:24px 0;font-size:.88rem}.daily-section-loading{text-align:center;color:var(--color-text-muted);padding:60px;font-size:.9rem}.morning-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.morning-sun{color:#f59e0b;flex-shrink:0}.morning-header-text{flex:1}.morning-greeting{color:var(--color-text-primary);font-size:1.15rem;font-weight:700}.morning-date{color:var(--color-text-muted);margin-top:2px;font-size:.8rem}.morning-reset-btn{flex-shrink:0;padding:4px 10px;font-size:.78rem}.morning-progress{align-items:center;gap:12px;margin-bottom:18px;display:flex}.morning-progress-bar{background:var(--color-border-light);border-radius:4px;flex:1;height:7px;overflow:hidden}.morning-progress-fill{background:var(--color-accent-blue);border-radius:4px;height:100%;transition:width .35s}.morning-progress-label{color:var(--color-text-muted);white-space:nowrap;font-size:.78rem;font-weight:600}.morning-list{flex-direction:column;gap:7px;margin-bottom:20px;display:flex}.morning-item{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:10px;align-items:center;gap:10px;padding:11px 14px;transition:opacity .2s;display:flex}.morning-item.done{opacity:.45}.morning-item.done .morning-item-title{text-decoration:line-through}.morning-check{color:var(--color-accent-blue);flex-shrink:0}.morning-item-title{color:var(--color-text-primary);flex:1;font-size:.92rem}.morning-delete{color:var(--color-text-muted);opacity:0;flex-shrink:0;transition:opacity .15s}.morning-item:hover .morning-delete{opacity:1}.morning-delete:hover{color:var(--color-danger,#e11d48)}.morning-add{gap:8px;margin-top:4px;display:flex}.morning-add-input{border:1px solid var(--color-border-light);background:var(--color-bg-card);color:var(--color-text-primary);border-radius:10px;flex:1;padding:9px 13px;font-size:.9rem}.morning-add-input::placeholder{color:var(--color-text-muted)}.morning-add-input:focus{border-color:var(--color-accent-blue);outline:none}.morning-add-btn{flex-shrink:0;align-items:center;padding:9px 13px;display:flex}.habits-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.habits-reset{align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;display:flex}.habits-progress{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:12px;align-items:center;gap:20px;margin-bottom:20px;padding:16px 20px;display:flex}.habits-ring-wrap{flex-shrink:0;width:56px;height:56px;position:relative}.habits-ring{width:56px;height:56px;transform:rotate(-90deg)}.habits-ring-label{color:var(--color-text-primary);font-size:.68rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.habits-done-count{color:var(--color-accent-green,#10b981);font-size:1.6rem;font-weight:800;line-height:1}.habits-total-label{color:var(--color-text-secondary);font-size:.88rem}.habits-list{flex-direction:column;gap:7px;margin-bottom:20px;display:flex}.habit-item{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:10px;align-items:center;gap:10px;padding:11px 14px;transition:opacity .2s;display:flex}.habit-item.done{opacity:.45}.habit-item.done .habit-title{text-decoration:line-through}.habit-check{color:var(--color-accent-green,#10b981);flex-shrink:0}.habit-title{color:var(--color-text-primary);flex:1;font-size:.92rem}.habit-delete{color:var(--color-text-muted);opacity:0;flex-shrink:0;transition:opacity .15s}.habit-item:hover .habit-delete{opacity:1}.habit-delete:hover{color:var(--color-danger,#e11d48)}.hv-wrap{max-width:900px}.hv-tabs{border-bottom:1px solid var(--color-border-light);gap:4px;margin-bottom:16px;display:flex}.hv-tab{color:var(--color-text-muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:color .12s,border-color .12s}.hv-tab.active{color:var(--color-accent-blue);border-bottom-color:var(--color-accent-blue)}.hv-tab:hover{color:var(--color-text-primary)}.hv-records{overflow-x:auto}.hv-rec-header{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);grid-template-columns:1fr 70px 60px 90px 120px 180px 36px;gap:8px;padding:6px 8px;font-size:.64rem;font-weight:700;display:grid}.hv-rec-row{border-bottom:1px solid var(--color-border-light);grid-template-columns:1fr 70px 60px 90px 120px 180px 36px;align-items:center;gap:8px;padding:8px;font-size:.84rem;transition:background .1s;display:grid}.hv-rec-row:hover{background:var(--color-bg-hover)}.hv-rec-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-weight:500;display:flex;overflow:hidden}.hv-rec-check{color:var(--color-accent-green,#10b981);flex-shrink:0;align-items:center;display:flex}.hv-rec-streak{color:var(--color-text-secondary);align-items:center;gap:3px;font-size:.8rem;font-weight:600;display:flex}.hv-rec-best{color:var(--color-text-muted);font-size:.8rem}.hv-rec-last{color:var(--color-text-muted);font-size:.76rem}.hv-rec-rate{align-items:center;gap:6px;display:flex}.hv-rate-bar{background:var(--color-border-light);border-radius:3px;flex:1;height:5px;overflow:hidden}.hv-rate-fill{background:var(--color-accent-green,#10b981);border-radius:3px;height:100%;transition:width .3s}.hv-rate-num{color:var(--color-text-muted);flex-shrink:0;font-size:.68rem}.hv-rec-tags{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.hv-rec-actions{justify-content:center;align-items:center;display:flex}.hv-del-btn{color:var(--color-text-muted);opacity:0;border-radius:5px;align-items:center;padding:4px;transition:opacity .12s,color .12s;display:flex}.hv-rec-row:hover .hv-del-btn{opacity:1}.hv-del-btn:hover{color:var(--color-accent-red)}.hv-history{overflow-x:auto}.hv-hist-row{align-items:center;gap:3px;margin-bottom:4px;display:flex}.hv-hist-row.hv-hist-labels{margin-bottom:6px}.hv-hist-name{width:140px;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;padding-right:8px;font-size:.78rem;overflow:hidden}.hv-hist-cell{border-radius:3px;flex-shrink:0;width:18px;height:18px}.hv-hist-day-lbl{color:var(--color-text-muted);text-align:center;background:0 0;justify-content:center;align-items:center;font-size:.58rem;display:flex}.hv-hist-dot{background:var(--color-border-light);border:1px solid #ffffff0a;transition:background .15s}.hv-hist-dot.done{background:var(--color-accent-green,#10b981);border-color:#0000}.hv-hist-today{box-shadow:0 0 0 2px var(--color-accent-blue)}.hv-hist-legend{color:var(--color-text-muted);align-items:center;gap:6px;margin-top:14px;font-size:.72rem;display:flex}.goals-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.goals-icon{color:var(--color-accent-blue);flex-shrink:0;margin-top:3px}.goals-group{margin-bottom:18px}.goals-group-label{text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px;padding-left:2px;font-size:.68rem;font-weight:700}.goals-add{align-items:center}.goals-priority-select{border:1px solid var(--color-border-light);background:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;border-radius:10px;flex-shrink:0;padding:9px 10px;font-size:.86rem}.tag-editor{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.te-tag{color:var(--color-accent-blue);background:#5d7bf31f;border-radius:20px;align-items:center;gap:2px;padding:2px 7px;font-size:.72rem;font-weight:500;display:inline-flex}.te-tag-remove{opacity:.6;align-items:center;margin-left:1px;display:flex}.te-tag-remove:hover{opacity:1}.te-input{color:var(--color-text-muted);background:0 0;border:none;outline:none;width:50px;min-width:40px;font-size:.72rem}.te-input::placeholder{color:var(--color-text-muted)}.journal-view{flex-direction:column;max-width:900px;height:100%;padding:24px;display:flex;overflow-y:auto}.journal-tabs{border-bottom:1px solid var(--color-border-light);flex-shrink:0;gap:4px;margin-bottom:18px;display:flex}.journal-tab{color:var(--color-text-muted);border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:color .12s,border-color .12s;display:flex}.journal-tab.active{color:var(--color-accent-blue);border-bottom-color:var(--color-accent-blue)}.journal-tab:hover{color:var(--color-text-primary)}.je-tag-row{flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px;display:flex}.je-tag-icon{color:var(--color-text-muted);flex-shrink:0}.journal-textarea{border:1px solid var(--color-border-light);background:var(--color-bg-card);width:100%;min-height:320px;color:var(--color-text-primary);resize:vertical;border-radius:12px;outline:none;flex:1 0;padding:14px 16px;font-family:inherit;font-size:.95rem;line-height:1.7}.journal-textarea::placeholder{color:var(--color-text-muted)}.journal-textarea:focus{border-color:var(--color-accent-blue)}.journal-all{flex-direction:column;flex:1;gap:0;display:flex}.je-table-header{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);grid-template-columns:130px 1fr 160px 60px;padding:6px 10px;font-size:.65rem;font-weight:700;display:grid}.je-row{border-bottom:1px solid var(--color-border-light);grid-template-columns:130px 1fr 160px 60px;align-items:center;gap:8px;padding:8px 10px;transition:background .1s;display:grid}.je-row:hover{background:var(--color-bg-hover)}.je-row-today{background:#5d7bf30a}.je-cell-date{color:var(--color-text-muted);flex-shrink:0;font-size:.76rem;font-weight:500}.je-cell-preview{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:.84rem;overflow:hidden}.je-cell-preview:hover{color:var(--color-text-primary)}.je-cell-tags{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.je-cell-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.je-btn-edit,.je-btn-del{color:var(--color-text-muted);border-radius:5px;align-items:center;padding:4px;transition:color .12s,background .12s;display:flex}.je-btn-edit:hover{color:var(--color-accent-blue);background:#5d7bf31a}.je-btn-del:hover{color:var(--color-accent-red);background:#ef44441a}.journal-header{color:var(--color-accent-blue);flex-shrink:0;align-items:center;gap:14px;margin-bottom:18px;display:flex}.journal-date{color:var(--color-text-primary);font-size:1.05rem;font-weight:700;line-height:1.2}.journal-subtitle{color:var(--color-text-muted);margin-top:2px;font-size:.76rem}.journal-saving{color:var(--color-text-muted);margin-left:auto;font-size:.74rem}.journal-back-btn{margin-left:auto;font-size:.82rem}.journal-editor-wrap{border:1px solid var(--color-border-light);background:var(--color-bg-card);border-radius:12px;flex:1;min-height:280px;overflow:hidden}.journal-readonly{opacity:.85}.journal-loading{text-align:center;color:var(--color-text-muted);padding:40px}.journal-past-toggle{flex-shrink:0;margin-top:20px}.journal-past-toggle button{color:var(--color-text-muted);align-items:center;gap:6px;font-size:.82rem;transition:color .12s;display:flex}.journal-past-toggle button:hover{color:var(--color-text-primary)}.journal-past-list{flex-direction:column;flex-shrink:0;gap:6px;margin-top:10px;display:flex}.journal-past-empty{color:var(--color-text-muted);padding:10px 0;font-size:.84rem}.journal-past-item{background:var(--color-bg-card);border:1px solid var(--color-border-light);cursor:pointer;border-radius:10px;padding:10px 14px;transition:background .12s}.journal-past-item:hover{background:var(--color-bg-card-hover)}.journal-past-date{color:var(--color-accent-blue);margin-bottom:3px;font-size:.76rem;font-weight:600}.journal-past-preview{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.ai-summary-widget{border-radius:var(--radius-md);background:linear-gradient(135deg,#5d7bf314 0%,#8b5cf60f 100%);border:1px solid #5d7bf333;flex-shrink:0;margin:14px 24px 0;padding:13px 16px 14px}.ai-summary-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ai-summary-label{text-transform:uppercase;letter-spacing:.6px;color:#818cf8;align-items:center;gap:5px;font-size:.7rem;font-weight:700;display:inline-flex}.ai-summary-refresh{color:var(--color-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color .12s;display:flex}.ai-summary-refresh:hover{color:var(--color-text-primary)}.ai-summary-loading{color:var(--color-text-muted);align-items:center;gap:8px;padding:2px 0;font-size:.84rem;display:flex}.ai-summary-spinner{flex-shrink:0;animation:1s linear infinite spin}.ai-summary-text{color:var(--color-text-secondary);margin:0;font-size:.88rem;line-height:1.6}.ai-summary-error{color:var(--color-text-muted);margin:0;font-size:.82rem;font-style:italic}.habits-week-header{align-items:center;gap:6px;margin-bottom:4px;padding:0 0 4px;display:flex}.hwh-spacer{flex:1}.hwh-day{text-align:center;width:22px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.62rem;font-weight:600}.hwh-today{color:var(--color-accent-blue)}.habit-week-strip{flex-shrink:0;align-items:center;gap:4px;display:flex}.hws-dot{background:var(--color-border-light);border:1px solid var(--color-border);border-radius:50%;width:14px;height:14px;transition:background .15s}.hws-dot.hws-done{background:var(--color-accent-green,#10b981);border-color:#0000}.hws-dot.hws-today{box-shadow:0 0 0 2px var(--color-accent-blue)}.habit-streak-badge{color:#f59e0b;background:#f59e0b1a;border-radius:20px;flex-shrink:0;align-items:center;gap:2px;padding:1px 6px;font-size:.72rem;font-weight:700;display:inline-flex}.dv-wrapper{flex-direction:column;height:100%;display:flex;overflow:hidden}.dv-hero{border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px 12px;display:flex}.dv-greeting{color:var(--color-accent-blue);font-size:1.05rem;font-weight:700}.dv-date{color:var(--color-text-muted);margin-top:2px;font-size:.8rem}.dv-hero-stats{align-items:center;gap:24px;display:flex}.dv-hero-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.dv-hs-num{color:var(--color-text-primary);font-size:1.25rem;font-weight:800;line-height:1}.dv-hs-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:.66rem;font-weight:600}.dv-columns{flex:1;gap:0;display:flex;overflow:hidden}.dv-col{border-right:1px solid var(--color-border-light);flex-direction:column;padding:16px;display:flex;overflow-y:auto}.dv-col:last-child{border-right:none}.dv-col-habits{flex-shrink:0;width:240px}.dv-col-plan{flex:1}.dv-col-refl{flex-shrink:0;width:256px}.dv-col-hdr{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);flex-shrink:0;align-items:center;gap:6px;margin-bottom:12px;font-size:.7rem;font-weight:700;display:flex}.dvc-icon{flex-shrink:0}.dvc-orange{color:#f59e0b}.dvc-blue{color:var(--color-accent-blue)}.dvc-purple{color:#8b5cf6}.dvc-empty{color:var(--color-text-muted);text-align:center;padding:8px 0;font-size:.82rem}.dv-habit-progress{flex-shrink:0;align-items:center;gap:8px;margin-bottom:10px;display:flex}.dv-hab-bar{background:var(--color-border-light);border-radius:3px;flex:1;height:5px;overflow:hidden}.dv-hab-fill{background:var(--color-accent-green,#10b981);border-radius:3px;height:100%;transition:width .35s}.dv-hab-pct{color:var(--color-text-muted);text-align:right;flex-shrink:0;width:28px;font-size:.7rem;font-weight:700}.dv-habit-list{flex-direction:column;flex:1;gap:5px;display:flex}.dv-hab-row{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:opacity .2s;display:flex}.dv-hab-row.dv-hab-done{opacity:.45}.dv-hab-row.dv-hab-done .dv-hab-title{text-decoration:line-through}.dv-hab-check{color:var(--color-accent-green,#10b981);flex-shrink:0;align-items:center;display:flex}.dv-hab-title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.86rem;overflow:hidden}.dv-hab-streak{color:#f59e0b;flex-shrink:0;font-size:.7rem;font-weight:700}.dv-hab-del{color:var(--color-text-muted);opacity:0;flex-shrink:0;align-items:center;transition:opacity .12s;display:flex}.dv-hab-row:hover .dv-hab-del{opacity:1}.dv-hab-del:hover{color:var(--color-accent-red)}.dv-mini-add{flex-shrink:0;gap:6px;margin-top:10px;display:flex}.dv-mini-input{border:1px solid var(--color-border-light);background:var(--color-bg-card);color:var(--color-text-primary);border-radius:8px;outline:none;flex:1;padding:7px 10px;font-size:.84rem}.dv-mini-input::placeholder{color:var(--color-text-muted)}.dv-mini-input:focus{border-color:var(--color-accent-blue)}.dv-mini-btn{background:var(--color-accent-blue);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:7px 10px;transition:background .12s;display:flex}.dv-mini-btn:hover:not(:disabled){background:#4a6ae0}.dv-mini-btn:disabled{opacity:.4;cursor:not-allowed}.dv-mini-cancel{color:var(--color-text-muted);border-radius:8px;align-items:center;padding:7px 8px;font-size:.86rem;display:flex}.dv-mini-cancel:hover{color:var(--color-text-primary)}.dv-hour-grid{flex-direction:column;display:flex}.dv-hour-row{border-bottom:1px solid var(--color-border-light);align-items:flex-start;gap:0;min-height:48px;transition:background .1s;display:flex;position:relative}.dv-hour-row:last-child{border-bottom:none}.dv-hour-row.dv-hour-past{opacity:.5}.dv-hour-row.dv-hour-now{background:#5d7bf30a}.dv-hour-label{width:52px;color:var(--color-text-muted);text-align:right;flex-shrink:0;padding:12px 8px 0 0;font-size:.7rem;font-weight:600;position:relative}.dv-hour-row.dv-hour-now .dv-hour-label{color:var(--color-accent-blue)}.dv-hour-body{flex-direction:column;flex:1;gap:4px;min-height:48px;padding:6px 0 6px 8px;display:flex;position:relative}.dv-now-line{background:var(--color-accent-blue);z-index:1;border-radius:1px;height:2px;position:absolute;left:0;right:0;box-shadow:0 0 6px #5d7bf399}.dv-block{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:.84rem;transition:opacity .15s;display:flex}.dv-block.dv-block-done{opacity:.4}.dv-block.dv-block-done .dv-block-title{text-decoration:line-through}.dv-block-check{color:var(--color-accent-blue);flex-shrink:0;align-items:center;display:flex}.dv-block-title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dv-block-del{color:var(--color-text-muted);opacity:0;flex-shrink:0;align-items:center;transition:opacity .12s;display:flex}.dv-block:hover .dv-block-del{opacity:1}.dv-block-del:hover{color:var(--color-accent-red)}.dv-hour-adder{align-items:center;gap:5px;display:flex}.dv-hour-add-btn{color:var(--color-text-muted);opacity:0;border-radius:6px;align-items:center;padding:3px 6px;font-size:.78rem;transition:opacity .12s,color .12s;display:flex}.dv-hour-row:hover .dv-hour-add-btn{opacity:1}.dv-hour-add-btn:hover{color:var(--color-accent-blue)}.dv-refl-block{flex-shrink:0;margin-bottom:12px}.dv-refl-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);align-items:center;gap:4px;margin-bottom:5px;font-size:.67rem;font-weight:700;display:flex}.dv-refl-area{border:1px solid var(--color-border-light);background:var(--color-bg-card);width:100%;color:var(--color-text-primary);resize:none;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:.84rem;line-height:1.5}.dv-refl-area::placeholder{color:var(--color-text-muted)}.dv-refl-area:focus{border-color:var(--color-accent-blue)}.dv-refl-input{border:1px solid var(--color-border-light);background:var(--color-bg-card);width:100%;color:var(--color-text-primary);border-radius:8px;outline:none;margin-bottom:5px;padding:7px 10px;font-family:inherit;font-size:.84rem;display:block}.dv-refl-input:last-child{margin-bottom:0}.dv-refl-input::placeholder{color:var(--color-text-muted)}.dv-refl-input:focus{border-color:var(--color-accent-blue)}.dv-feed-section{border-top:1px solid var(--color-border-light);flex-shrink:0}.dv-feed-toggle{text-transform:uppercase;letter-spacing:.5px;width:100%;color:var(--color-text-muted);text-align:left;align-items:center;gap:6px;padding:10px 24px;font-size:.76rem;font-weight:700;transition:color .12s;display:flex}.dv-feed-toggle:hover{color:var(--color-text-primary)}.dv-feed-body{max-height:380px;padding:0 0 16px;overflow-y:auto}@media (width<=768px){.dashboard-wrapper{-webkit-overflow-scrolling:touch;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 80px);overflow-y:auto}.dashboard-stats{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 14px 0;display:grid}.stat-card{flex-direction:column;gap:2px;padding:8px 6px}.stat-number{font-size:1.3rem}.stat-card .stat-label{font-size:.6rem}.ai-summary-widget,.today-widget,.dash-analytics{margin:12px 16px 0}.dash-table-section{display:none}.daily-section-wrap,.journal-view{padding:16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 80px)}.morning-delete,.habit-delete{opacity:1}.habits-progress{padding:14px 16px}.dv-columns{flex-direction:column;overflow:hidden auto}.dv-col{border-right:none;border-bottom:1px solid var(--color-border-light);padding:14px 16px;overflow-y:visible;width:100%!important}.dv-col:last-child{border-bottom:none}.dv-hero{padding:14px 16px 10px}.dv-hour-add-btn,.dv-hab-del,.dv-block-del{opacity:1}.habit-week-strip,.habits-week-header{display:none}}.finance-wrapper{flex-direction:column;height:100%;display:flex}.finance-summary{flex-shrink:0;padding:16px 24px 0}.finance-summary-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:10px;font-size:.78rem;font-weight:700}.finance-summary-cards{gap:14px;margin-bottom:12px;display:flex}.finance-card{background:var(--color-bg-card,white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);border-left:4px solid #0000;flex-direction:column;flex:1;gap:4px;padding:14px 18px;display:flex}.finance-card.income{border-left-color:var(--color-accent-green,#10b981)}.finance-card.expense{border-left-color:var(--color-danger,#e11d48)}.finance-card.net.positive{border-left-color:var(--color-accent-blue)}.finance-card.net.negative{border-left-color:var(--color-accent-orange,#f97316)}.finance-card-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.finance-card-value{color:var(--color-text-primary);font-size:1.4rem;font-weight:800}.finance-card.income .finance-card-value{color:var(--color-accent-green,#10b981)}.finance-card.expense .finance-card-value{color:var(--color-danger,#e11d48)}.finance-card.net.positive .finance-card-value{color:var(--color-accent-blue)}.finance-card.net.negative .finance-card-value{color:var(--color-accent-orange,#f97316)}@media (width<=768px){.finance-summary{padding:12px 12px 0}.finance-summary-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.finance-card{padding:10px 12px}.finance-card-value{font-size:1.1rem}.finance-card.net{grid-column:1/-1}}.finance-bar{background:var(--color-border-light);border-radius:3px;height:6px;margin-bottom:4px;display:flex;overflow:hidden}.finance-bar-income{background:var(--color-accent-green,#10b981);transition:width .4s}.finance-bar-expense{background:var(--color-danger,#e11d48);transition:width .4s}.media-uploader-root{flex-direction:column;height:100%;display:flex;overflow:hidden}.media-drop-zone{border-bottom:1px solid var(--color-border);background:var(--color-bg-card);flex-shrink:0;align-items:center;gap:10px;padding:8px 16px;transition:background .15s;display:flex}.media-drop-zone.dragging{border-color:var(--color-accent-blue);background:#5d7bf31f}.media-upload-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.media-upload-btn:hover:not(:disabled){background:var(--color-bg-card-hover);color:var(--color-text-primary);border-color:var(--color-accent-blue)}.media-upload-btn:disabled{opacity:.55;cursor:default}.media-drop-hint{color:var(--color-accent-blue);font-size:.78rem;font-weight:500}@keyframes media-spin{to{transform:rotate(360deg)}}.media-spin{animation:.8s linear infinite media-spin}.media-uploader-content{flex-direction:column;flex:1;display:flex;overflow:hidden}