: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}.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}}.searchable-combo{display:inline-block;position:relative}.searchable-combo-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-main);color:var(--color-text-primary);cursor:pointer;text-align:left;align-items:center;gap:6px;min-width:110px;padding:5px 8px;font-size:.82rem;display:inline-flex}.searchable-combo-btn:hover{border-color:var(--color-accent-blue)}.searchable-combo-btn-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.searchable-combo-placeholder{color:var(--color-text-muted)}.searchable-combo-panel{z-index:1300;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:240px;max-width:360px;padding:8px;position:fixed}.searchable-combo-search{border-radius:var(--radius-sm);background:var(--color-bg-main);border:1px solid var(--color-border);color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:8px;padding:7px 10px;display:flex}.searchable-combo-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9rem}.searchable-combo-list{flex-direction:column;gap:2px;max-height:340px;display:flex;overflow-y:auto}.searchable-combo-item{text-align:left;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex-shrink:0;padding:9px 12px;font-size:.9rem;line-height:1.3;overflow:hidden}.searchable-combo-item:hover{background:#5d7bf314}.searchable-combo-item.selected{color:var(--color-accent-blue);background:#5d7bf329;font-weight:600}.searchable-combo-empty{text-align:center;color:var(--color-text-muted);padding:12px;font-size:.85rem}@media (width<=480px){.searchable-combo-panel{min-width:260px;max-width:calc(100vw - 24px)}.searchable-combo-item{padding:11px 12px;font-size:.95rem}.searchable-combo-list{max-height:380px}}.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}.icon-picker-overlay{z-index:1000;box-sizing:border-box;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.icon-picker{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:100%;max-width:520px;max-height:min(640px,100vh - 32px);display:flex;overflow:hidden;box-shadow:0 18px 50px #00000059}.ip-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ip-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.ip-close{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;padding:4px}.ip-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ip-search{border-bottom:1px solid var(--color-border);padding:10px 14px;position:relative}.ip-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.ip-search-input{border:1px solid var(--color-border);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:7px 28px 7px 30px;font-size:.9rem}.ip-search-input:focus{border-color:var(--color-accent-blue)}.ip-search-clear{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;padding:2px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.ip-search-clear:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.ip-tabs{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:8px 14px;display:flex}.ip-tabs-removeonly{justify-content:flex-end}.ip-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:5px 12px;font-size:.85rem}.ip-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ip-tab.active{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border)}.ip-remove{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:4px;margin-left:auto;padding:4px 9px;font-size:.8rem;display:inline-flex}.ip-remove:hover{color:#ef4444;border-color:#ef444466}.ip-body{flex:auto;padding:8px 6px 12px;overflow-y:auto}.ip-group{padding:4px 8px 6px}.ip-group-header{cursor:pointer;width:100%;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px;font-size:.78rem;font-weight:600;display:flex}.ip-group-header:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ip-group-count{color:var(--color-text-muted);text-transform:none;letter-spacing:0;margin-left:auto;font-size:.72rem;font-weight:500}.ip-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px;padding:4px 4px 8px;display:grid}.ip-cell{aspect-ratio:1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:background-color 80ms,border-color 80ms;display:inline-flex}.ip-cell:hover{background:var(--color-bg-hover)}.ip-cell.active{border-color:var(--color-accent-blue)}.ip-empty{text-align:center;color:var(--color-text-muted);padding:30px 16px;font-size:.88rem}@media (width<=640px){.icon-picker-overlay{align-items:flex-end;padding:0}.icon-picker{width:100%;max-width:100%;max-height:85vh;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box;border-radius:14px 14px 0 0}.ip-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}.ip-cell{min-height:40px}}.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-header-actions{align-items:center;gap:2px;display:flex}.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-icon-picker-trigger{border:1px dashed var(--color-border);background:var(--color-bg-input);width:100%;color:var(--color-text-secondary);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.folder-icon-picker-trigger:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.folder-icon-picker-glyph{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.folder-icon-picker-label{font-size:.85rem}.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 14px;display:flex}.header-group{align-items:center;gap:8px;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}.test-mode-badge{color:#fff;border-radius:var(--radius-sm);letter-spacing:1.5px;text-transform:uppercase;background:#ef4444;padding:3px 9px;font-size:.7rem;font-weight:800}.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:6px 8px;display:flex;position:relative}.ribbon-btn:hover{color:var(--color-text-primary);background:#ffffff0f}.ribbon-btn .ribbon-label{display:none}.ribbon-btn[data-tip]:after{content:attr(data-tip);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);box-shadow:var(--shadow-lg);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:2000;padding:4px 9px;font-size:.7rem;font-weight:500;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.ribbon-btn[data-tip]:hover:after{opacity:1}.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,.ribbon-btn[data-tip]:after,.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-delete-all{color:var(--color-accent-red)!important}.inbox-delete-all:hover:not(:disabled){background:#ef44441a!important}.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-wrap{border-radius:8px;align-items:stretch;display:flex;position:relative}.inbox-item-wrap:hover{background:var(--color-bg-hover)}.inbox-item-wrap:hover .inbox-item-dots{opacity:1}.inbox-item{text-align:left;min-width:0;color:var(--color-text-primary);transition:background var(--transition);border-radius:8px;flex:1;align-items:flex-start;gap:10px;padding:10px 4px 10px 10px;display:flex}.inbox-item:hover{background:0 0}.inbox-item-menu-wrap{align-items:center;padding-right:6px;display:flex;position:relative}.inbox-item-dots{opacity:0;color:var(--color-text-muted);border-radius:6px;flex-shrink:0;align-items:center;padding:4px;transition:opacity .1s,background .1s;display:flex}.inbox-item-dots:hover{background:var(--color-bg-main);color:var(--color-text-primary)}.inbox-item-menu{background:var(--color-bg-card);border:1px solid var(--color-border);min-width:148px;box-shadow:var(--shadow-lg);z-index:10;border-radius:8px;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;top:calc(100% + 2px);right:0}.inbox-item-menu button{width:100%;color:var(--color-text-secondary);text-align:left;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:.8rem;display:flex}.inbox-item-menu button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.inbox-item-menu button.danger{color:var(--color-accent-red)}.inbox-item-menu button.danger:hover{background:#ef44441a}.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}}.focus-modal{flex-direction:column;width:min(560px,94vw);max-height:min(720px,90vh);padding:0;display:flex;overflow:hidden}.focus-head{border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.focus-tabs{gap:4px;display:flex}.focus-tab{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:600;display:flex}.focus-tab:hover{color:var(--color-text-secondary)}.focus-tab.active{color:var(--color-accent-blue);background:var(--color-accent-blue-soft,#5d7bf31f)}.focus-close{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:6px;display:flex}.focus-close:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.focus-body{padding:18px 20px 22px;overflow-y:auto}.focus-timer-pane{text-align:center;flex-direction:column;align-items:center;display:flex}.focus-context{color:var(--color-text-muted);font-size:.82rem}.focus-context strong{color:var(--color-text-secondary);font-weight:600}.focus-clock{font-variant-numeric:tabular-nums;letter-spacing:3px;color:var(--color-text-primary);margin:6px 0 4px;font-size:4.2rem;font-weight:800;line-height:1.1}.focus-clock-done{color:#22c55e}.focus-done-msg{color:#22c55e;margin:0 0 6px;font-size:.84rem}.focus-setup{text-align:left;width:100%;max-width:360px;margin-top:8px}.focus-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:6px;font-size:.72rem;font-weight:700;display:block}.focus-record-combo{width:100%}.focus-title-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-card);width:100%;color:var(--color-text-primary);box-sizing:border-box;margin-top:8px;padding:9px 11px;font-size:.85rem}.focus-title-input:focus{border-color:var(--color-accent-blue);outline:none}.focus-presets{gap:6px;display:flex}.focus-preset{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);flex:1;padding:8px 0;font-size:.82rem;font-weight:600}.focus-preset:hover{background:var(--color-bg-hover)}.focus-preset.on{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background:var(--color-accent-blue-soft,#5d7bf31f)}.focus-custom{align-items:center;gap:8px;margin-top:10px;display:flex}.focus-custom-or{color:var(--color-text-muted);font-size:.8rem}.focus-custom-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-card);width:64px;color:var(--color-text-primary);text-align:center;padding:7px 9px;font-size:.85rem}.focus-custom-input:focus{border-color:var(--color-accent-blue);outline:none}.focus-custom-unit{color:var(--color-text-secondary);font-size:.8rem}.focus-custom-hint{color:var(--color-accent-blue);margin-left:auto;font-size:.78rem}.focus-running-title{color:var(--color-text-primary);margin:2px 0 4px;font-size:.95rem;font-weight:600}.focus-actions{justify-content:center;gap:8px;margin-top:18px;display:flex}.focus-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);align-items:center;gap:6px;padding:9px 20px;font-size:.88rem;font-weight:600;display:flex}.focus-btn:hover{background:var(--color-bg-hover)}.focus-btn-primary{background:var(--color-accent-blue);color:#fff;border-color:#0000}.focus-btn-primary:hover{opacity:.9;background:var(--color-accent-blue)}.focus-btn-ghost{opacity:.6}.focus-btn-ghost:hover{opacity:1}.focus-empty{text-align:center;color:var(--color-text-muted);padding:32px 0;font-size:.86rem}.focus-table{border-collapse:collapse;width:100%;font-size:.82rem}.focus-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);padding:0 10px 8px;font-size:.68rem;font-weight:700}.focus-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);vertical-align:middle;padding:9px 10px}.focus-td-title{color:var(--color-text-primary);max-width:160px;font-weight:500}.focus-td-num{font-variant-numeric:tabular-nums;white-space:nowrap}.focus-td-when{white-space:nowrap;color:var(--color-text-muted)}.focus-flag{color:#f59e0b;vertical-align:middle;margin-right:5px;font-size:.6rem}.focus-row-del{color:var(--color-text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:4px;transition:opacity .12s;display:flex}.focus-table tr:hover .focus-row-del{opacity:1}.focus-row-del:hover{color:#ef4444;background:var(--color-bg-hover)}.focus-summary{gap:12px;margin-bottom:20px;display:flex}.focus-summary-stat{border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border-light);flex-direction:column;flex:1;align-items:center;padding:14px;display:flex}.focus-summary-num{color:var(--color-text-primary);font-size:1.5rem;font-weight:800}.focus-summary-lbl{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem}.focus-rank-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin:18px 0 8px;font-size:.74rem;font-weight:700}.focus-rank{flex-direction:column;gap:9px;display:flex}.focus-rank-row{flex-direction:column;gap:4px;display:flex}.focus-rank-head{justify-content:space-between;gap:10px;font-size:.82rem;display:flex}.focus-rank-label{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.focus-rank-val{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.focus-rank-bar{background:var(--color-bg-card);border-radius:3px;height:6px;overflow:hidden}.focus-rank-fill{background:var(--color-accent-blue);border-radius:3px;height:100%}@media (width<=640px){.focus-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;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);box-sizing:border-box;border-radius:0}.focus-tab{padding:7px 10px}.focus-clock{font-size:3.4rem}}.pomodoro-btn-active{color:var(--color-accent-blue)!important}.pomodoro-btn-done{color:#22c55e!important}.pomodoro-header-time{font-variant-numeric:tabular-nums;letter-spacing:.5px;font-size:.75rem;font-weight:700}.pomodoro-chip{bottom:calc(env(safe-area-inset-bottom,0px) + 64px);z-index:1200;background:var(--color-bg-primary);border:1px solid var(--color-border-light);box-shadow:var(--shadow-lg);font-variant-numeric:tabular-nums;color:var(--color-text-primary);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 12px;font-size:.82rem;font-weight:700;display:flex;position:fixed;left:50%;transform:translate(-50%)}.pomodoro-chip-time{text-align:center;min-width:36px}.pomodoro-chip-task{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--color-text-secondary);border-left:1px solid var(--color-border-light);margin-left:2px;padding-left:8px;font-weight:500;overflow:hidden}.pomodoro-chip-icon-btn{cursor:pointer;width:22px;height:22px;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.pomodoro-chip-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.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}@media (width<=768px){.records-add-row{display:none}}.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;flex-direction:column;min-width:220px;max-width:280px;max-height:calc(100vh - 24px);padding:4px;display:flex;box-shadow:0 4px 16px #00000026}.header-context-menu .hcm-scroll{flex-direction:column;display:flex;overflow-y:auto}.header-context-menu.hcm-submenu{min-width:200px}.header-context-menu .hcm-search{border-bottom:1px solid var(--color-border-light);color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:4px;padding:6px 8px;display:flex}.header-context-menu .hcm-search input{color:var(--color-text-primary);background:0 0;border:0;outline:none;flex:1;padding:2px 0;font-size:.83rem}.header-context-menu .hcm-empty{color:var(--color-text-muted);text-align:center;padding:10px;font-size:.78rem}.header-context-menu .hcm-sub-hint{color:var(--color-text-muted);align-items:center;gap:4px;margin-left:auto;font-size:.75rem;display:inline-flex}.header-context-menu .hcm-confirm{border-top:1px solid var(--color-border-light);margin-top:4px;padding:8px 10px}.header-context-menu .hcm-confirm-msg{color:var(--color-text-primary);margin-bottom:6px;font-size:.8rem}.header-context-menu .hcm-confirm-actions{justify-content:flex-end;gap:6px;display:flex}.header-context-menu .hcm-confirm-actions button{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:auto;padding:5px 10px;font-size:.78rem}.header-context-menu .hcm-confirm-actions button.danger{background:var(--color-danger,#e11d48);color:#fff;border-color:var(--color-danger,#e11d48)}.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}}.records-col.col-expand-col{flex:0 0 20px;justify-content:center;align-items:center;width:20px;min-width:20px;padding:0;display:flex;left:32px;overflow:visible}.expand-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);opacity:.35;transition:opacity var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.expand-btn:hover,.expand-btn.active{opacity:1;color:var(--color-accent-blue)}.record-row:not(:hover) .expand-btn.no-children{opacity:0;pointer-events:none}.inline-subrecords-panel{border-bottom:1px solid var(--color-border);border-left:2px solid var(--color-accent-blue);background:#5d7bf30a;padding:4px 8px 6px 52px}.inline-sub-row{align-items:center;gap:6px;min-height:26px;padding:3px 0;display:flex}.inline-sub-check{color:var(--color-text-muted);flex-shrink:0;align-items:center;padding:2px;display:flex}.inline-sub-check:hover{color:var(--color-accent-blue)}.inline-sub-title{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.87rem;overflow:hidden}.inline-sub-title:hover{color:var(--color-accent-blue)}.inline-sub-title.is-done{opacity:.45;text-decoration:line-through}.inline-sub-actions{opacity:0;transition:opacity var(--transition);flex-shrink:0;gap:2px;display:flex}.inline-sub-row:hover .inline-sub-actions{opacity:1}.inline-sub-action-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);align-items:center;padding:2px 4px;display:flex}.inline-sub-action-btn:hover{color:var(--color-text-primary);background:#ffffff14}.inline-sub-action-btn.danger:hover{color:var(--color-accent-red)}.inline-sub-add{color:var(--color-text-muted);align-items:center;gap:5px;padding:4px 0 2px;display:flex}.inline-sub-add-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.inline-sub-add-input::placeholder{color:var(--color-text-muted)}.row-grip-handle{cursor:grab;flex-shrink:0;align-self:stretch;width:10px;margin-right:2px;display:none}.record-row:hover .row-grip-handle{display:block}.row-grip-handle:active{cursor:grabbing}.record-row.row-dragging{opacity:.35}.record-row.row-drag-over-top{box-shadow:0 -2px 0 var(--color-accent-blue)!important}.record-row.row-drag-over-bottom{box-shadow:0 2px 0 var(--color-accent-blue)!important}.manual-order-badge{color:var(--color-accent-blue);border-radius:var(--radius-sm);cursor:default;white-space:nowrap;background:#5d7bf31f;border:1px solid #5d7bf34d;align-items:center;gap:4px;padding:2px 6px;font-size:.75rem;display:flex}.manual-order-badge button{color:var(--color-accent-blue);opacity:.7;align-items:center;padding:0;display:flex}.manual-order-badge button:hover{opacity:1}.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}.file-preview-img{object-fit:contain;border-radius:var(--radius-sm);width:100%;max-height:360px}.file-preview-video{border-radius:var(--radius-sm);background:#000;width:100%;max-height:420px}.file-preview-audio{flex-direction:column;gap:8px;display:flex}.file-preview-audio audio{width:100%}.file-preview-audio-actions{flex-wrap:wrap;gap:8px;display:flex}.file-preview-play-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated,#ffffff0d);color:var(--color-text);cursor:pointer;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.file-preview-play-btn:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue)}.file-preview-pdf{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:#fff;width:100%;height:70vh}.file-preview-text{background:var(--color-bg-main);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-height:360px;color:var(--color-text);margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5;overflow:auto}.file-preview-loading{color:var(--color-text-muted);align-items:center;gap:8px;padding:12px;font-size:.82rem;display:flex}.file-download-link.is-disabled{opacity:.6;pointer-events:none}.fp-spin{animation:.9s linear infinite fp-spin}@keyframes fp-spin{to{transform:rotate(360deg)}}@media (width<=768px){.file-preview-img,.file-preview-video{max-height:50vh}.file-preview-text{max-height:40vh}}.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}.privacy-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.privacy-badge.is-private{background:#0000008c}.privacy-badge.is-public{background:#228be6d9}.privacy-badge.plain{-webkit-backdrop-filter:none;backdrop-filter:none;vertical-align:-1px;background:0 0;border-radius:0;width:auto;height:auto}.privacy-badge.plain.is-private{color:var(--text-secondary,#9aa0a6)}.privacy-badge.plain.is-public{color:#4dabf7}.privacy-badge-overlay{z-index:2;pointer-events:none;position:absolute;top:6px;right:6px}.privacy-badge .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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}}.record-actions-btn{color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s,transform .1s;display:flex}.record-actions-btn:hover{background:#000000b3}.record-actions-btn:active{transform:scale(.9)}.record-actions-menu{z-index:1000;background:var(--color-bg-elevated,#1c1c1c);border:1px solid var(--color-border,#ffffff1a);border-radius:12px;flex-direction:column;gap:1px;width:210px;padding:5px;display:flex;box-shadow:0 12px 40px #00000073}.ra-item{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;font-size:.84rem;transition:background .1s;display:flex}.ra-item:hover{background:#ffffff12}.ra-item.danger{color:#f87171}.ra-item.danger:hover{background:#f871711f}.ra-chev{margin-left:auto;transition:transform .15s}.ra-chev.open{transform:rotate(90deg)}.ra-submenu{border-left:1px solid var(--color-border-light,#ffffff14);flex-direction:column;gap:1px;max-height:180px;margin:2px 0 2px 8px;padding-left:6px;display:flex;overflow-y:auto}.ra-subitem{padding:7px 10px;font-size:.8rem}.ra-empty-note{color:var(--color-text-muted);padding:6px 10px;font-size:.76rem}.ra-confirm{border-top:1px solid var(--color-border-light,#ffffff14);margin-top:2px;padding:8px 10px}.ra-confirm>span{color:#f87171;margin-bottom:6px;font-size:.8rem;display:block}.ra-confirm-btns{gap:6px;display:flex}.ra-confirm-btns button{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:5px 0;font-size:.78rem}.ra-confirm-btns button.danger{color:#fff;background:#ef4444;border-color:#ef4444}.record-actions-backdrop{z-index:999;background:#0006;position:fixed;inset:0}.record-actions-menu.is-mobile{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));border-radius:16px;width:auto;padding:8px;position:fixed}.record-actions-menu.is-mobile .ra-item{padding:13px 12px;font-size:.92rem}.record-actions-menu.is-mobile .ra-subitem{padding:11px 12px}.tile-bulk-bar{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:260;-webkit-backdrop-filter:blur(16px);background:#141414f7;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.tile-bulk-count{color:#fff;padding:0 8px 0 4px;font-size:.8rem;font-weight:700}.tile-bulk-btn{color:var(--color-text);cursor:pointer;background:#ffffff12;border:none;border-radius:9px;align-items:center;gap:6px;padding:7px 11px;font-size:.8rem;font-weight:600;transition:background .12s;display:inline-flex}.tile-bulk-btn:hover{background:#ffffff24}.tile-bulk-btn.danger{color:#f87171}.tile-bulk-btn.danger:hover{background:#f8717129}.tile-bulk-clear{background:0 0;padding:7px}.tile-bulk-move-wrap{position:relative}.tile-bulk-move-pop{background:var(--color-bg-elevated,#1c1c1c);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;min-width:180px;max-height:240px;padding:5px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 8px 30px #00000073}.tile-bulk-move-pop button{text-align:left;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 10px;font-size:.82rem}.tile-bulk-move-pop button:hover{background:#ffffff12}.tile-bulk-empty{color:var(--color-text-muted);padding:8px 10px;font-size:.78rem}.tile-bulk-pop-clear{color:#f87171}.tile-select-check{z-index:5;color:#fff;cursor:pointer;opacity:0;background:#00000080;border:2px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .12s,background .12s;display:flex;position:absolute;top:6px;left:6px}.files-grid-tile:hover .tile-select-check,.gallery-tile:hover .tile-select-check{opacity:1}.tile-select-check.checked{opacity:1;background:var(--color-accent-blue);border-color:var(--color-accent-blue)}@media (hover:none){.tile-select-check{opacity:1}}.files-grid-tile.tile-selected,.gallery-tile.tile-selected{outline:2px solid var(--color-accent-blue);outline-offset:-2px}@media (width<=768px){.tile-bulk-bar{left:8px;right:8px;bottom:calc(80px + env(safe-area-inset-bottom,0px));scrollbar-width:none;justify-content:flex-start;gap:2px;padding:8px;overflow-x:auto;transform:none}.tile-bulk-bar::-webkit-scrollbar{display:none}.tile-bulk-btn{flex:none;padding:9px 8px;font-size:.74rem}.tile-bulk-count{flex:none}.tile-bulk-btn span,.tile-bulk-count{font-size:.74rem}}.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-playbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.gallery-playall{border:1px solid var(--color-accent-blue,#2563eb);background:var(--color-accent-blue,#2563eb);color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.gallery-playall:hover{filter:brightness(1.08)}.gallery-playcount{color:var(--color-text-muted);font-size:.8rem}.gallery-app-photos .gallery-masonry{columns:6 160px;column-gap:10px}.gallery-app-photos .gallery-tile{margin-bottom:10px}@media (width<=900px){.gallery-app-photos .gallery-masonry{columns:4 140px}}@media (width<=600px){.gallery-app-photos .gallery-masonry{columns:3 110px;column-gap:8px}}.gallery-app-photos .gallery-img{min-height:100px}.gallery-app-photos .gallery-tile-caption{padding:6px 8px}.gallery-app-photos .gallery-tile-title{font-size:.78rem}.gallery-app-photos .gallery-tile-album{font-size:.7rem}.gallery-app-videos .gallery-img{object-fit:contain;background:#000;min-height:0}.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-tile-menu{z-index:4;opacity:0;transition:opacity .12s;position:absolute;top:6px;right:6px}.gallery-tile:hover .gallery-tile-menu{opacity:1}@media (hover:none){.gallery-tile-menu{opacity:1}}.gallery-tile .privacy-badge-overlay{right:40px}.gallery-tile-rename{width:100%;color:var(--color-text);background:var(--color-bg-main);border:1px solid var(--color-accent-blue);border-radius:6px;padding:2px 6px;font-size:.8rem;font-weight:600}.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}.gallery-video-wrap{display:block;position:relative}.gallery-play-badge{color:#fff;pointer-events:none;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gallery-duration-pill{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#000000b3;border-radius:6px;padding:2px 6px;font-size:.68rem;font-weight:600;position:absolute;bottom:6px;right:6px}@keyframes gallery-pulse{0%,to{opacity:.6}50%{opacity:.9}}.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)}.gallery-sentinel{width:100%;height:8px}.files-grid-root{height:100%;padding:16px;overflow-y:auto}.files-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.files-grid-audio .files-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px}.files-grid-audio .files-grid-caption{padding:6px 7px 7px}.files-grid-audio .files-grid-title{font-size:.72rem}.files-grid-audio .files-grid-meta,.files-grid-audio .files-grid-folder{font-size:.6rem}.files-grid-thumb.files-grid-thumb-audio{aspect-ratio:1}.files-grid-playbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.files-grid-playall,.files-grid-shuffle{border:1px solid var(--color-border-light);background:var(--color-bg-elevated,#ffffff0a);color:var(--color-text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.files-grid-playall{background:var(--color-accent-blue,#2563eb);border-color:var(--color-accent-blue,#2563eb);color:#fff}.files-grid-playall:hover{filter:brightness(1.08)}.files-grid-shuffle:hover{background:var(--color-bg-card,#ffffff14)}.files-grid-playcount{color:var(--color-text-muted);font-size:.8rem}.files-grid-tile{text-align:left;background:var(--color-bg-elevated,#ffffff08);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;padding:0;transition:border-color .14s,transform .1s,background .14s;display:flex;position:relative;overflow:hidden}.files-grid-tile:hover{border-color:var(--color-accent-blue);background:var(--color-bg-elevated-hover,#ffffff0f)}.files-grid-tile:active{transform:scale(.985)}.files-grid-thumb{aspect-ratio:4/3;background:var(--color-bg-main);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.files-grid-thumb-loading{color:var(--color-text-muted)}.files-grid-thumb-icon{background:var(--color-bg-main)}.files-grid-media{object-fit:cover;width:100%;height:100%;display:block}.files-grid-play-badge{color:#fff;pointer-events:none;background:#00000047;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.files-grid-play-badge svg{background:#00000080;border-radius:50%;width:30px;height:30px;padding:6px}.files-grid-caption{flex-direction:column;gap:2px;padding:9px 10px 10px;display:flex}.files-grid-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.files-grid-meta{color:var(--color-text-muted);letter-spacing:.3px;font-size:.68rem}.files-grid-folder{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-top:1px;font-size:.68rem;display:inline-flex;overflow:hidden}.files-grid-folder svg{flex-shrink:0}.files-grid-tile-play{background:var(--color-accent-blue);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .12s;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #00000059}.files-grid-tile-play:hover{transform:scale(1.08)}.privacy-badge-overlay{z-index:2;position:absolute;top:8px;right:8px}.files-grid-tile-menu{z-index:3;opacity:0;transition:opacity .12s;position:absolute;top:6px;right:6px}.files-grid-tile:hover .files-grid-tile-menu{opacity:1}@media (hover:none){.files-grid-tile-menu{opacity:1}}.files-grid-tile .privacy-badge-overlay{right:40px}.files-grid-rename{width:100%;color:var(--color-text);background:var(--color-bg-main);border:1px solid var(--color-accent-blue);border-radius:6px;padding:2px 6px;font-size:.82rem;font-weight:600}.files-grid-empty{text-align:center;height:100%;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.files-grid-empty-icon{opacity:.5}.files-grid-empty p{max-width:360px;font-size:.88rem;line-height:1.5}@media (width<=768px){.files-grid-root{padding:12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.files-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.files-grid-sentinel{width:100%;height:8px}.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}.app-title-icon-btn{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--transition);background:0 0;border:1.5px solid #0000;padding:0}.app-title-icon-btn:hover,.app-title-icon-btn:active{box-shadow:0 0 0 2px var(--color-border)}.app-title-btn{border-radius:var(--radius-sm);font:inherit;color:inherit;white-space:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--transition);background:0 0;border:none;margin:-2px -6px;padding:2px 6px}.app-title-btn:hover,.app-title-btn:active{background:var(--color-bg-hover)}.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}.toolbar-add-btn{background:var(--color-accent-blue);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:none}.toolbar-add-btn:active{opacity:.85}.app-toolbar-right{align-items:center;gap:12px;display:flex}.app-search{border:1px solid var(--color-border-light);transition:border var(--transition), background var(--transition);background:0 0;border-radius:20px;align-items:center;padding:0;display:flex}.app-search:hover,.app-search.open{background:var(--color-bg-card)}.app-search:focus-within{border-color:var(--color-accent-blue)}.app-search-toggle{color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;padding:6px 8px;display:flex}.app-search input{opacity:0;width:0;color:var(--color-text-primary);transition:width var(--transition), opacity var(--transition);background:0 0;border:none;outline:none;font-size:.85rem}.app-search.open{padding-right:14px}.app-search.open input{opacity:1;width:180px}.app-search input::placeholder{color:var(--color-text-muted)}.app-search svg{color:var(--color-text-muted);flex-shrink:0}.app-records-area{flex-direction:column;flex:1;display:flex;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)}.toolbar-icon-btn{padding:6px 8px}.app-toolbar [data-tip]{position:relative}.app-toolbar [data-tip]:after{content:attr(data-tip);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);box-shadow:var(--shadow-lg);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:2000;padding:4px 9px;font-size:.7rem;font-weight:500;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.app-toolbar [data-tip]:hover:after{opacity:1}.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{position:relative}.view-switch-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:4px;padding:6px 8px;display:flex}.view-switch-btn:hover,.view-switch-btn.active{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border)}.view-menu{min-width:190px}.view-menu-row{cursor:pointer;color:var(--color-text-primary);align-items:center;gap:10px;padding:6px 14px;font-size:.85rem;transition:background .1s;display:flex}.view-menu-row:hover{background:var(--color-bg-main)}.view-menu-row.active{color:var(--color-accent-blue)}.view-pin{color:var(--color-text-muted);opacity:0;border-radius:4px;align-items:center;margin-left:auto;padding:3px;transition:opacity .1s,background .1s,color .1s;display:flex}.view-menu-row:hover .view-pin{opacity:.7}.view-pin:hover{opacity:1;background:var(--color-bg-hover);color:var(--color-text-primary)}.view-pin.pinned{opacity:1;color:var(--color-accent-blue)}.toolbar-more{position:relative}.more-menu{min-width:190px}.more-menu-row{width:100%;color:var(--color-text-primary);align-items:center;gap:10px;padding:6px 14px;font-size:.85rem;transition:background .1s;display:flex}.more-menu-row:hover{background:var(--color-bg-main)}.more-back-row{text-transform:uppercase;letter-spacing:.5px;width:100%;color:var(--color-text-muted);align-items:center;gap:8px;padding:4px 14px 8px;font-size:.72rem;font-weight:700;transition:color .1s;display:flex}.more-back-row:hover{color:var(--color-text-primary)}.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}@media (width<=768px){.app-toolbar{padding:8px max(8px, env(safe-area-inset-right,0px)) 8px max(8px, env(safe-area-inset-left,0px));flex-wrap:nowrap;gap:6px;min-width:0}.app-title{flex:0 auto;gap:6px;min-width:0;font-size:1rem}.app-title-btn{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-toolbar-right{flex:0 auto;gap:5px;min-width:0;margin-left:auto}.app-toolbar.searching .app-title{display:none}.app-toolbar.searching .app-toolbar-right{flex:auto}.app-toolbar.searching .app-search{background:var(--color-bg-card);flex:1;min-width:0}.app-toolbar.searching .app-search input{flex:1;width:100%;font-size:16px}.app-toolbar [data-tip]:after,.toolbar-btn{display:none}.toolbar-more .toolbar-btn,.toolbar-add-btn{display:flex}.view-switch-btn,.toolbar-more .toolbar-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:32px;padding:7px 8px}.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-automations-btn{border:1px solid var(--color-border-light);width:100%;color:var(--color-text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:11px;font-size:.9rem;font-weight:600;display:flex}.mfs-automations-btn:active{background:var(--color-bg-hover);color:var(--color-text-primary)}.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-icon-trigger{border:1px dashed var(--color-border);background:var(--color-bg-card);width:100%;color:var(--color-text-secondary);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.mfs-icon-trigger-glyph{border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.mfs-icon-trigger-label{font-size:.9rem}.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}@media (width>=769px){.mfs-overlay{justify-content:center;align-items:center}.mfs-sheet{border-radius:14px;width:420px;max-width:calc(100vw - 48px);max-height:70vh;padding-bottom:0;animation:.16s mfs-fade-in}.mfs-handle{display:none}}@keyframes mfs-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.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-panel .filter-combo{flex-shrink:0;min-width:180px}.filter-panel .filter-combo .searchable-combo-btn{width:100%}.filter-panel .filter-combo .searchable-combo-btn-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.filter-panel .filter-combo .searchable-combo-panel{min-width:220px}.filter-panel .filter-combo .searchable-combo-list{max-height:220px}.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-combo{width:100%;display:block}.mfl-combo .searchable-combo-btn{background:var(--color-bg-input);border-radius:10px;width:100%;padding:12px 14px;font-size:16px}.mfl-combo .searchable-combo-panel{width:100%;max-width: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}.mvs-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}.mvs-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) mvs-slide-up;display:flex;overflow:hidden}@keyframes mvs-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mvs-handle{background:var(--color-border);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 6px}.mvs-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}.mvs-title{color:var(--color-text-primary);font-size:1rem;font-weight:700}.mvs-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}.mvs-close:active{background:var(--color-bg-hover)}.mvs-list{-webkit-overflow-scrolling:touch;flex:1;padding:6px 0;overflow-y:auto}.mvs-row{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 18px;transition:background .1s;display:flex}.mvs-row:active{background:var(--color-bg-hover)}.mvs-row.active{background:#5d7bf312}.mvs-row-icon{color:var(--color-text-muted);flex-shrink:0}.mvs-row.active .mvs-row-icon{color:var(--color-accent-blue)}.mvs-row-label{text-align:left;color:var(--color-text-primary);flex:1;font-size:.97rem;font-weight:500}.mvs-row.active .mvs-row-label{color:var(--color-accent-blue);font-weight:600}.mvs-row-right{align-items:center;gap:10px;display:flex}.mvs-check{color:var(--color-accent-blue)}.mvs-pin{color:var(--color-text-muted);opacity:.55;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;margin:-12px;padding:12px;display:flex}.mvs-pin:active{background:var(--color-bg-hover)}.mvs-pin.pinned{opacity:1;color:var(--color-accent-blue)}.mvs-pin.pinned svg{fill:currentColor}.mvs-hint{border-top:1px solid var(--color-border-light);color:var(--color-text-muted);text-align:center;flex-shrink:0;padding:10px 18px 14px;font-size:.78rem}.toolbar-more-menu{width:min(300px, calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));padding:6px 0}@media (width>=769px){.toolbar-more-menu{display:none}}.tmm-scroll{-webkit-overflow-scrolling:touch;max-height:min(55vh,420px);overflow-y:auto}.tmm-search{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:10px;align-items:center;gap:6px;margin:2px 8px 6px;padding:0 10px;display:flex}.tmm-search-icon{color:var(--color-text-muted);flex-shrink:0}.tmm-search input{min-width:0;color:var(--color-text-primary);background:0 0;border:none;flex:1;padding:9px 0;font-size:16px}.tmm-search input:focus{outline:none}.tmm-search-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.tmm-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:6px 14px 2px;font-size:.7rem;font-weight:700}.tmm-empty{color:var(--color-text-muted);padding:8px 14px;font-size:.85rem}.tmm-saved-row{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .1s;display:flex}.tmm-saved-row:active,.tmm-saved-row:hover{background:var(--color-bg-hover)}.tmm-saved-name{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.tmm-saved-delete{color:var(--color-text-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;align-items:center;margin:-8px;padding:8px;display:flex}.tmm-saved-delete:active{background:var(--color-bg-hover)}.tmm-add-row{align-items:center;gap:6px;padding:6px 14px;display:flex}.tmm-add-input{border:1px solid var(--color-border);background:var(--color-bg-card);min-width:0;color:var(--color-text-primary);border-radius:8px;flex:1;padding:8px 10px;font-size:16px}.tmm-add-input:focus{border-color:var(--color-accent-blue);outline:none}.tmm-add-save{background:var(--color-accent-blue);color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;align-items:center;padding:8px;display:flex}.tmm-divider{background:var(--color-border-light);height:1px;margin:6px 0}.tmm-row-muted{color:var(--color-text-muted)}@media (width<=768px){.toolbar-more-menu .more-menu-row,.toolbar-more-menu .column-toggle-row{padding-top:11px;padding-bottom:11px}.toolbar-more-menu .column-toggle-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--color-accent-blue)}}.saved-views{position:relative}.saved-views-badge{background:var(--color-accent-blue);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.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}}.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}}.audio-player{z-index:250;height:64px;padding:0 16px;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0e0e0ef5;border-top:1px solid #ffffff14;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.audio-player-info{align-items:center;gap:10px;width:220px;min-width:0;display:flex}.audio-player-cover{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.audio-player-text{flex-direction:column;min-width:0;display:flex}.audio-player-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.audio-player-sub{color:var(--color-text-muted);font-size:.7rem}.audio-player-controls{align-items:center;gap:6px;display:flex}.audio-ctrl-btn{width:34px;height:34px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s,transform .1s;display:flex}.audio-ctrl-btn:hover:not(:disabled){background:#ffffff14}.audio-ctrl-btn:active:not(:disabled){transform:scale(.9)}.audio-ctrl-btn:disabled{opacity:.35;cursor:default}.audio-ctrl-btn.active{color:var(--color-accent-blue)}.audio-ctrl-mode{width:30px;height:30px}.audio-rate-btn{font-variant-numeric:tabular-nums;border-radius:14px;width:auto;min-width:34px;padding:0 8px;font-size:.74rem;font-weight:600}.audio-ctrl-play{color:#111;background:#fff;width:40px;height:40px}.audio-ctrl-play:hover:not(:disabled){background:#fff;transform:scale(1.05)}.audio-player-seek{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.audio-time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:center;flex-shrink:0;width:34px;font-size:.68rem}.audio-seek-bar{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:2px;flex:1;height:4px}.audio-seek-bar::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:13px;height:13px}.audio-seek-bar::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:13px;height:13px}.audio-player-actions{align-items:center;gap:4px;display:flex}.audio-queue-pop{right:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));background:#141414fa;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;width:300px;max-height:50vh;display:flex;position:absolute;overflow:hidden;box-shadow:0 -8px 40px #00000080}.audio-queue-head{color:#fff;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.8rem;font-weight:700;display:flex}.audio-queue-list{padding:6px;overflow-y:auto}.audio-queue-row{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.audio-queue-row:hover{background:#ffffff0f}.audio-queue-row.current{color:var(--color-accent-blue)}.audio-queue-idx{text-align:center;width:18px;color:var(--color-text-muted);flex-shrink:0;font-size:.72rem}.audio-queue-row.current .audio-queue-idx{color:var(--color-accent-blue)}.audio-queue-title{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}body.has-audio-player .content-area{padding-bottom:76px}@media (width<=768px){.audio-player{bottom:calc(72px + env(safe-area-inset-bottom,0px));border:1px solid #ffffff1a;border-radius:14px;gap:8px;height:56px;padding:0 10px;left:8px;right:8px}.audio-player-seek{display:none}.audio-player-info{flex:1;width:auto}.audio-player-cover{width:34px;height:34px}body.has-audio-player .content-area{padding-bottom:calc(70px + 60px + env(safe-area-inset-bottom,0px))}}.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:6px;padding:8px 8px 0;display:grid}.stat-card{flex-direction:row;justify-content:center;align-items:center;gap:5px;padding:6px 4px}.stat-number{font-size:1rem}.stat-card .stat-icon{width:13px;height:13px}.stat-card .stat-label{white-space:nowrap;text-overflow:ellipsis;font-size:.56rem;overflow:hidden}.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}}