:root{--brightness-level:100%;--bg-primary:#f3efe6;--bg-surface:#eae4d8;--bg-surface-hover:#dfd7c8;--bg-card:#f8f6f0;--bg-card-hover:#f1ede3;--border-color:#dcd4c5;--border-hover:#b8ab96;--border-focus:#8c6d58;--text-main:#23211e;--text-muted:#6e675f;--text-subtle:#9c9388;--primary:#8c6d58;--primary-glow:#8c6d5833;--primary-gradient:linear-gradient(135deg, #8c6d58 0%, #6b4f3b 100%);--accent-emerald:#10b981;--accent-amber:#d97706;--accent-rose:#e11d48;--priority-urgent:#e11d48;--priority-high:#ea580c;--priority-medium:#d97706;--priority-low:#0284c7;--glass-blur:blur(16px);--glass-shadow:0 16px 40px #0000000d;--card-shadow:0 6px 22px #00000009;--glow-shadow:0 0 20px #8c6d5826;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-full:9999px;--transition:all .22s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);letter-spacing:-.01em;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:.02em;font-family:Cinzel,Playfair Display,serif;font-weight:600}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{max-width:1540px;height:100vh;filter:brightness(var(--brightness-level));flex-direction:column;margin:0 auto;transition:filter .15s ease-out;display:flex}.main-layout{flex:1;display:flex;position:relative;overflow:hidden}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-color)}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--card-shadow);transition:var(--transition)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.app-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);z-index:20;justify-content:space-between;align-items:center;padding:1.1rem 2.5rem;display:flex}.header-brand{align-items:center;gap:.85rem;display:flex}.mobile-menu-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-main);justify-content:center;align-items:center;display:none}.brand-icon{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-color);width:42px;height:42px;color:var(--primary);justify-content:center;align-items:center;display:flex}.brand-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-main);font-size:1.45rem;font-weight:700}.header-search{width:380px;max-width:100%;position:relative}.search-input{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-color);width:100%;transition:var(--transition);padding:.65rem 1.25rem .65rem 2.8rem;font-size:.9rem}.search-input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:var(--glow-shadow);outline:none}.search-icon-left{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-kbd{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-muted);pointer-events:none;border-radius:6px;padding:.15rem .5rem;font-size:.72rem;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.header-actions{align-items:center;gap:.75rem;display:flex}.brightness-popover-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:260px;max-width:88vw;box-shadow:var(--glass-shadow);z-index:200;flex-direction:column;gap:.55rem;padding:.85rem 1rem;animation:.18s cubic-bezier(.16,1,.3,1) fadeInDown;display:flex;position:absolute;top:calc(100% + 10px);right:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.brightness-val-badge{color:var(--primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.1rem .55rem;font-size:.75rem;font-weight:700}.brightness-slider{appearance:none;background:linear-gradient(90deg, var(--border-color) 0%, var(--primary) 100%);cursor:pointer;border-radius:9999px;outline:none;width:100%;height:6px}.brightness-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 2px 8px #00000040}.brightness-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.icon-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-color);transition:var(--transition);justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--text-main);background:var(--bg-surface-hover);border-color:var(--border-hover);transform:translateY(-1px)}.streak-badge{border-radius:var(--radius-full);color:#d97706;letter-spacing:.04em;background:#d977061f;border:1px solid #d9770640;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.82rem;font-weight:700;display:flex}.sidebar-wrapper{display:flex}.sidebar{border-right:1px solid var(--border-color);background:var(--bg-primary);flex-direction:column;flex-shrink:0;gap:2.2rem;width:280px;padding:2rem 1.25rem;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:.45rem;display:flex}.sidebar-title{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);border-bottom:1px solid var(--border-color);margin-bottom:.35rem;padding:0 .6rem .4rem;font-family:Cinzel,serif;font-size:.74rem;font-weight:700}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);transition:var(--transition);justify-content:space-between;align-items:center;padding:.7rem .95rem;font-size:.9rem;font-weight:500;display:flex}.nav-item:hover{color:var(--text-main);background:var(--bg-surface)}.nav-item.active{color:var(--text-main);background:var(--bg-surface-hover);border:1px solid var(--primary);font-weight:600}.nav-item-left{align-items:center;gap:.85rem;display:flex}.count-pill{border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-color);padding:.12rem .55rem;font-size:.76rem}.content-area{background:var(--bg-primary);flex-direction:column;flex:1;gap:1.85rem;padding:2.25rem 3rem;display:flex;overflow-y:auto}.dashboard-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;padding-bottom:.85rem;display:flex}.greeting-text{color:var(--text-main);font-family:Playfair Display,serif;font-size:1.95rem;font-style:italic}.greeting-sub{color:var(--text-muted);margin-top:.2rem;font-size:.94rem}.quick-add-bar{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-color);align-items:center;gap:.85rem;padding:.75rem 1.15rem;display:flex}.quick-add-input{color:var(--text-main);background:0 0;border:none;flex:1;padding:.45rem .25rem;font-size:.94rem}.quick-add-input:focus{outline:none}.btn-primary{border-radius:var(--radius-full);background:var(--primary-gradient);color:#fff;letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--glow-shadow);transition:var(--transition);align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.86rem;font-weight:700;display:inline-flex}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);transition:var(--transition);align-items:center;gap:.5rem;padding:.6rem 1.05rem;font-size:.86rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-hover)}.task-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.view-heading{letter-spacing:.06em;align-items:center;gap:.65rem;font-family:Cinzel,serif;font-size:1.3rem;display:flex}.toolbar-controls{align-items:center;gap:.85rem;display:flex}.custom-select{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;outline:none;padding:.5rem .95rem;font-size:.84rem;font-weight:500}.timeline-wrapper{margin-top:.75rem;padding-left:2.25rem;position:relative}.timeline-stem{background:var(--border-color);border-radius:var(--radius-full);width:2px;position:absolute;top:15px;bottom:15px;left:17px}.timeline-list{flex-direction:column;gap:1.25rem;display:flex}.timeline-item{align-items:flex-start;gap:1rem;display:flex;position:relative}.timeline-node{border:3px solid var(--bg-primary);cursor:pointer;z-index:10;width:28px;height:28px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.15rem;left:-2.25rem;transform:translate(-50%)}.timeline-node:hover{transform:translate(-50%)scale(1.15)}.task-card{border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1.15rem 1.4rem;display:flex}.task-main-row{align-items:flex-start;gap:.95rem;display:flex}.custom-checkbox{border:1.5px solid var(--border-color);cursor:pointer;width:22px;height:22px;transition:var(--transition);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:.15rem;display:flex}.custom-checkbox:hover{border-color:var(--primary)}.custom-checkbox.checked{background:var(--primary);border-color:var(--primary);color:#fff}.task-details{flex-direction:column;flex:1;gap:.4rem;display:flex}.task-title-text{color:var(--text-main);font-size:.98rem;font-weight:600}.task-card.completed .task-title-text{color:var(--text-muted);opacity:.55;text-decoration:line-through}.task-description{color:var(--text-muted);font-size:.88rem}.task-meta-row{flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.8rem;display:flex}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.74rem;font-weight:600;display:inline-flex}.priority-badge.urgent{color:var(--priority-urgent);background:#e11d481f;border:1px solid #e11d484d}.priority-badge.high{color:var(--priority-high);background:#ea580c1f;border:1px solid #ea580c4d}.priority-badge.medium{color:var(--priority-medium);background:#d977061f;border:1px solid #d977064d}.priority-badge.low{color:var(--priority-low);background:#0284c71f;border:1px solid #0284c74d}.date-badge{color:var(--text-muted);align-items:center;gap:.35rem;display:inline-flex}.date-badge.overdue{color:var(--priority-urgent);font-weight:700}.date-badge.today{color:var(--accent-emerald);font-weight:700}.tag-chip{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-full);padding:.18rem .6rem;font-size:.74rem}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:500;background:#0009;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:550px;max-height:90vh;box-shadow:var(--glass-shadow);flex-direction:column;gap:1.4rem;padding:2.25rem;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.form-input,.form-textarea,.form-select{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-color);width:100%;transition:var(--transition);padding:.7rem 1rem;font-size:.92rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);background:var(--bg-card);outline:none}.form-row{grid-template-columns:1fr 1fr;gap:1.15rem;display:grid}.toast-container{z-index:200;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);align-items:center;gap:.85rem;padding:.9rem 1.35rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.15rem;padding:4.5rem 2rem;display:flex}.empty-icon{background:var(--bg-surface);border:1px solid var(--border-color);width:60px;height:60px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:140;background:#00000080;display:none;position:fixed;inset:0}.mobile-drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.85rem;display:none}.mobile-drawer-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.08em;font-family:Cinzel,serif;font-size:1rem;font-weight:700}.mobile-bottom-nav{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:130;height:64px;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.bottom-nav-item{color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-width:52px;padding:.35rem .6rem;font-size:.7rem;font-weight:600;display:flex}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--primary)}.bottom-nav-label{letter-spacing:.02em;font-size:.68rem}.bottom-nav-fab{background:var(--primary-gradient);color:#fff;border:3px solid var(--bg-primary);width:50px;height:50px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-top:-22px;display:flex;box-shadow:0 6px 18px #8c6d5866}.bottom-nav-fab:active{transform:scale(.92)}.mobile-sheet-drag-handle{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.danger-zone-buttons{grid-template-columns:1fr 1fr;gap:.65rem;width:100%;display:grid}@media (width<=1024px){.app-header{padding:.95rem 1.5rem}.content-area{padding:1.75rem 2rem}.header-search{width:240px}}@media (width<=768px){.mobile-menu-btn,.mobile-drawer-header{display:flex}.mobile-sidebar-overlay{display:block}.sidebar-wrapper{z-index:150;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-wrapper.mobile-open{transform:translate(0);box-shadow:0 0 40px #00000040}.sidebar{width:270px;height:100%}.app-header{padding:.75rem 1rem;overflow:hidden}.header-search,.header-stat-btn,.header-extra-btn{display:none}.header-actions{gap:.45rem}.content-area{gap:1.25rem;padding:1rem 1rem calc(2rem + 64px)}.mobile-bottom-nav{width:100%;max-width:100vw;display:flex;position:fixed;bottom:0;left:0;right:0}.stats-grid{grid-template-columns:1fr}}@media (width<=640px){.header-brand .brand-title{font-size:1.1rem}.search-kbd,.desktop-new-btn{display:none}.greeting-text{font-size:1.35rem}.form-row{grid-template-columns:1fr}.task-toolbar{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.toolbar-controls{flex-direction:column;align-items:stretch;gap:.5rem;width:100%}.toolbar-action-buttons{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.toolbar-sort-group{align-items:center;gap:.4rem;width:100%;display:flex}.quick-add-bar{border-radius:var(--radius-md);flex-direction:column;align-items:stretch;gap:.65rem;width:100%;padding:.85rem}.quick-add-controls{grid-template-columns:1fr 1fr auto auto;gap:.4rem;width:100%;display:grid}.quick-add-select,.quick-add-date{max-width:100%;padding:.45rem .5rem;font-size:.76rem;width:100%!important}.timeline-wrapper{padding-left:1.5rem}.timeline-stem{left:11px}.timeline-node{width:24px;height:24px;left:-1.5rem}.task-card{padding:.95rem}.task-card-header-row{flex-direction:column;align-items:flex-start;gap:.45rem;width:100%}.task-actions-row{align-self:flex-end}.task-action-btn{width:36px;height:36px}.modal-overlay{z-index:500;align-items:flex-end;padding:0}.modal-content.mobile-bottom-sheet{max-height:90vh;padding:1.25rem 1.25rem calc(2rem + env(safe-area-inset-bottom)) 1.25rem;border-radius:24px 24px 0 0;animation:.3s cubic-bezier(.16,1,.3,1) slideUpSheet;max-width:100%!important}.mobile-sheet-drag-handle{background:var(--border-color);border-radius:9999px;width:42px;height:5px;margin:0 auto .85rem;display:block}.danger-zone-buttons{grid-template-columns:1fr;gap:.5rem}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=400px){.header-search{width:110px}.brand-title{font-size:1.05rem}.streak-badge{padding:.35rem .65rem;font-size:.75rem}.nav-item{padding:.6rem .75rem;font-size:.84rem}}