html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:root{--bg-primary:#faf6f0;--bg-card:#fff;--text-main:#332720;--text-muted:#83756e;--brand-orange:#ff7c48;--brand-orange-hover:#e86b39;--brand-orange-light:#ffefe9;--brand-yellow:#ffc93c;--brand-yellow-light:#fff8e6;--brand-blue:#4fa8fc;--brand-blue-light:#eef6ff;--brand-green:#52c48d;--brand-green-light:#eaf9f1;--brand-purple:#926ee6;--brand-purple-light:#f4f0fe;--accent-pink:#ff8ba7;--accent-pink-light:#ffebf0;--border-color:#efece6;--border-radius-sm:12px;--border-radius-md:20px;--border-radius-lg:32px;--border-radius-xl:40px;--shadow-soft:0 8px 24px #3327200a;--shadow-medium:0 16px 36px #33272012;--shadow-active:0 20px 48px #ff7c4826;--transition-fast:.2s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);justify-content:center;min-height:100vh;font-family:Outfit,Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;display:flex;overflow-x:hidden}button,input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e0dcd6;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseSlow{0%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.9;transform:scale(1)}}@keyframes wave{0%,to{border-radius:42% 56% 72% 28%/46% 45% 55% 54%}33%{border-radius:70% 30% 52% 48%/60% 40%}66%{border-radius:50% 50% 30% 70%/50% 60% 40% 50%}}.animate-fade-in{animation:fadeIn var(--transition-smooth) forwards}.animate-scale-up{animation:scaleUp var(--transition-bounce) forwards}.animate-pulse-slow{animation:4s ease-in-out infinite pulseSlow}.card{background:var(--bg-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft);border:1px solid var(--border-color);transition:var(--transition-bounce);padding:24px}.card:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.btn{border-radius:var(--border-radius-xl);cursor:pointer;transition:var(--transition-bounce);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.95)}.btn-primary{background:var(--brand-orange);color:#fff}.btn-primary:hover{background:var(--brand-orange-hover);box-shadow:0 8px 20px #ff7c4840}.btn-secondary{background:var(--bg-primary);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:#efece6}.badge{border-radius:var(--border-radius-sm);align-items:center;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-orange{background:var(--brand-orange-light);color:var(--brand-orange)}.badge-yellow{background:var(--brand-yellow-light);color:#b38600}.badge-blue{background:var(--brand-blue-light);color:var(--brand-blue)}.badge-green{background:var(--brand-green-light);color:var(--brand-green)}.badge-purple{background:var(--brand-purple-light);color:var(--brand-purple)}h1{color:var(--text-main);letter-spacing:-.5px;font-size:1.8rem;font-weight:700}h2{color:var(--text-main);letter-spacing:-.3px;font-size:1.4rem;font-weight:700}h3{color:var(--text-main);font-size:1.1rem;font-weight:600}p{color:var(--text-muted)}@media (width<=600px){body{font-size:14px}h1{font-size:1.35rem!important;line-height:1.3!important}h2{font-size:1.15rem!important;line-height:1.3!important}h3{font-size:1rem!important;line-height:1.3!important}.card{padding:16px!important}}.nav-container{background-color:var(--bg-card);border-top:1px solid var(--border-color);z-index:1000;justify-content:space-around;align-items:center;height:70px;padding:0 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #33272008}.nav-logo{align-items:center;gap:10px;margin-bottom:20px;padding:24px 16px;display:none}.logo-dot{background-color:var(--brand-orange);border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px #ff7c4866}.nav-logo h2{letter-spacing:-.5px;color:var(--text-main);font-size:1.3rem;font-weight:800}.nav-menu{justify-content:space-around;align-items:center;width:100%;display:flex}.nav-item{cursor:pointer;color:var(--text-muted);max-width:80px;height:100%;transition:var(--transition-bounce);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.75rem;font-weight:500;display:flex;position:relative}.nav-icon-wrapper{transition:var(--transition-bounce);border-radius:16px;padding:4px 12px}.nav-item:hover{color:var(--brand-orange)}.nav-item.active{color:var(--brand-orange);font-weight:700}.nav-item.active .nav-icon-wrapper{background-color:var(--brand-orange-light);transform:scale(1.05)}@media (width>=768px){.nav-container{border-top:none;border-right:1px solid var(--border-color);flex-direction:column;justify-content:flex-start;width:260px;height:100vh;padding:20px;top:0;bottom:auto;right:auto;box-shadow:4px 0 20px #33272005}.nav-logo{width:100%;display:flex}.nav-menu{flex-direction:column;justify-content:flex-start;gap:8px;width:100%}.nav-item{border-radius:16px;flex-direction:row;justify-content:flex-start;gap:12px;width:100%;max-width:none;height:auto;padding:12px 16px;font-size:.95rem}.nav-icon-wrapper{border-radius:0;padding:0}.nav-item.active{background-color:var(--brand-orange-light);color:var(--brand-orange)}.nav-item.active .nav-icon-wrapper{background-color:#0000;transform:none}}.dashboard-container{flex-direction:column;gap:24px;width:100%;display:flex}.dashboard-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.header-text h1{color:var(--text-main);margin-bottom:4px;font-size:1.8rem;font-weight:700}.header-text p{color:var(--text-muted);font-size:.95rem}.avatar-wrapper{flex-shrink:0}.avatar{background-color:var(--brand-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;font-weight:700;display:flex;box-shadow:0 8px 20px #ff7c484d}.quote-card{background-color:var(--brand-yellow-light);border-radius:var(--border-radius-md);border:1px dashed #ffc93c66;align-items:flex-start;gap:16px;padding:20px;display:flex}.quote-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:0 4px 12px #ffc93c26}.quote-content{flex-direction:column;gap:4px;display:flex}.quote-text{color:var(--text-main);font-size:1rem;font-style:italic;font-weight:500;line-height:1.5}.quote-author{color:var(--text-muted);font-size:.8rem;font-weight:600}.dashboard-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:1.1fr .9fr}}.dashboard-card{background:var(--bg-card);border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);flex-direction:column;gap:8px;padding:24px;display:flex}.card-desc{color:var(--text-muted);margin-bottom:8px;font-size:.85rem}.card-header-flex{justify-content:space-between;align-items:center;width:100%;display:flex}.text-link{color:var(--brand-orange);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:flex}.text-link:hover{color:var(--brand-orange-hover);transform:translate(2px)}.mood-buttons-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-top:8px;display:grid}@media (width>=480px){.mood-buttons-grid{grid-template-columns:repeat(3,1fr)}.mood-buttons-grid button:last-child{grid-column:span 1}}.quick-mood-btn{border:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-bounce);flex-direction:column;align-items:center;gap:8px;padding:14px 10px;display:flex}.quick-mood-btn:hover{background:var(--mood-bg);border-color:var(--mood-color);transform:translateY(-3px)scale(1.03);box-shadow:0 8px 16px #3327200d}.quick-mood-emoji{transition:var(--transition-bounce);font-size:2.2rem}.quick-mood-btn:hover .quick-mood-emoji{transform:scale(1.15)}.quick-mood-label{color:var(--text-main);font-size:.8rem;font-weight:600}.quick-mood-form{background:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);flex-direction:column;gap:16px;width:100%;padding:16px;display:flex}.selected-preview{align-items:center;gap:12px;display:flex}.preview-emoji{font-size:2.5rem}.input-group input{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-main);transition:var(--transition-fast);outline:none;padding:12px 16px;font-size:.9rem}.input-group input:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px var(--brand-orange-light)}.form-actions{justify-content:flex-end;gap:12px;display:flex}.form-actions button{border-radius:var(--border-radius-sm);padding:8px 16px;font-size:.85rem}.latest-mood-summary{background-color:var(--bg-primary);border-radius:var(--border-radius-sm);align-items:center;gap:10px;margin-top:10px;padding:10px 16px;font-size:.85rem;display:flex}.summary-dot{background-color:var(--brand-green);border-radius:50%;width:8px;height:8px;display:block}.progress-section{flex-direction:column;gap:8px;margin-top:8px;display:flex}.progress-info{justify-content:space-between;align-items:flex-end;display:flex}.progress-percentage{color:var(--brand-orange);font-size:1.8rem;font-weight:800;line-height:1}.progress-count{color:var(--text-muted);font-size:.8rem;font-weight:600}.progress-bar-bg{background-color:var(--bg-primary);border-radius:10px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--brand-orange), var(--brand-yellow));border-radius:10px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.today-tasks-preview{border-top:1px solid var(--border-color);margin-top:12px;padding-top:16px}.empty-tasks{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:12px 0;display:flex}.empty-tasks p{font-size:.85rem}.btn-sm{border-radius:12px;padding:6px 14px;font-size:.8rem}.tasks-preview-list{flex-direction:column;gap:10px;display:flex}.task-preview-item{background-color:var(--bg-primary);border-radius:var(--border-radius-sm);align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;display:flex}.task-preview-item.completed{opacity:.65}.task-preview-item.completed .task-preview-title{color:var(--text-muted);text-decoration:line-through}.task-category-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.task-category-dot.badge-work{background-color:var(--brand-blue)}.task-category-dot.badge-personal{background-color:var(--brand-yellow)}.task-category-dot.badge-health{background-color:var(--brand-green)}.task-category-dot.badge-mindfulness{background-color:var(--brand-orange)}.task-preview-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.task-preview-time{color:var(--text-muted);background-color:var(--bg-card);border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600}.more-tasks-indicator{color:var(--text-muted);text-align:center;font-size:.75rem;font-style:italic}.promo-card{background:radial-gradient(circle at top right, var(--brand-orange-light), #fff);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;align-items:center;gap:20px;padding:28px;display:flex;position:relative;overflow:hidden}@media (width>=768px){.promo-card{text-align:left;flex-direction:row;gap:32px;padding:32px 40px}}.promo-illustration{flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.blob-bg{background-color:var(--brand-yellow-light);opacity:.7;z-index:1;width:90px;height:90px;animation:12s linear infinite wave;position:absolute}.promo-icon{color:var(--brand-orange);z-index:2}.promo-details{flex-direction:column;align-items:center;gap:8px;display:flex}@media (width>=768px){.promo-details{align-items:flex-start}}.promo-details h2{font-size:1.35rem;font-weight:800}.promo-details p{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:.9rem;line-height:1.5}@media (width>=768px){.promo-details p{text-align:left}}.mood-tracker-container{flex-direction:column;gap:24px;width:100%;display:flex}.page-header{margin-bottom:8px}.page-header h1{color:var(--text-main);margin-bottom:4px;font-size:1.8rem;font-weight:800}.page-header p{color:var(--text-muted);font-size:.95rem}.mood-tracker-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=900px){.mood-tracker-grid{grid-template-columns:1.1fr .9fr}}.logger-card,.analytics-card,.history-card{flex-direction:column;gap:16px;display:flex}.logger-card h2,.analytics-card h2,.history-card h2{color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:12px;font-size:1.25rem;font-weight:800}.form-label{color:var(--text-main);margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.mood-selector-container{flex-direction:column;display:flex}.mood-selector-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px;display:grid}@media (width>=480px){.mood-selector-grid{grid-template-columns:repeat(5,1fr)}}.mood-select-btn{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-bounce);flex-direction:column;align-items:center;gap:8px;padding:16px 8px;display:flex}.mood-select-btn .mood-emoji{transition:var(--transition-bounce);font-size:2.2rem}.mood-select-btn .mood-label{color:var(--text-muted);text-align:center;transition:var(--transition-fast);font-size:.75rem;font-weight:700}.mood-select-btn:hover{border-color:var(--mood-color);transform:translateY(-2px)}.mood-select-btn.selected{background-color:var(--mood-bg);border-color:var(--mood-color);transform:scale(1.03);box-shadow:0 8px 20px #3327200a}.mood-select-btn.selected .mood-emoji{transform:scale(1.15)}.mood-select-btn.selected .mood-label{color:var(--text-main)}.time-select-buttons{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.time-select-btn{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:.85rem;font-weight:600;display:flex}.time-select-btn:hover{background:var(--bg-primary);border-color:var(--text-muted)}.time-select-btn.active{background-color:var(--brand-orange-light);border-color:var(--brand-orange);color:var(--brand-orange)}.mood-form{flex-direction:column;gap:20px;display:flex}.input-field-group textarea{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-main);resize:vertical;transition:var(--transition-fast);outline:none;padding:12px 16px;font-size:.9rem}.input-field-group textarea:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px var(--brand-orange-light)}.btn-submit-mood{width:100%;padding:14px 20px;font-size:1rem}.empty-analytics{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.empty-analytics p{max-width:250px;font-size:.9rem;line-height:1.5}.analytics-content{flex-direction:column;gap:24px;display:flex}.dominant-mood-badge{border-radius:var(--border-radius-md);border:1px solid;align-items:center;gap:16px;padding:16px 20px;display:flex}.dominant-emoji{font-size:2.8rem}.dominant-info{flex-direction:column;flex:1;display:flex}.dominant-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.dominant-info strong{font-size:1.3rem;font-weight:800}.dominant-stats{text-align:right;flex-direction:column;gap:2px;display:flex}.dominant-stats strong{color:var(--text-main);font-size:1.1rem}.dominant-stats span{color:var(--text-muted);font-size:.75rem}.chart-wrapper{background-color:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);flex-direction:column;gap:12px;padding:20px;display:flex}.chart-title{color:var(--text-muted);font-size:.9rem;font-weight:700}.bar-chart-container{justify-content:space-around;align-items:flex-end;width:100%;height:180px;padding-top:24px;padding-bottom:8px;display:flex}.bar-item{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar-value{color:var(--text-muted);font-size:.75rem;font-weight:700}.bar-track{background-color:#33272008;border-radius:8px;justify-content:center;align-items:flex-end;width:28px;height:100%;display:flex;overflow:hidden}.bar-fill{border-radius:8px 8px 0 0;width:100%;min-height:4px;transition:height .8s cubic-bezier(.175,.885,.32,1.1)}@keyframes growHeight{0%{height:0}}.animate-grow-height{animation:.8s cubic-bezier(.175,.885,.32,1.1) forwards growHeight}.bar-emoji{margin-top:4px;font-size:1.25rem}.bar-label{color:var(--text-muted);font-size:.7rem;font-weight:600}.empty-history{text-align:center;color:var(--text-muted);padding:30px}.history-timeline{flex-direction:column;margin-left:10px;padding-left:20px;display:flex;position:relative}.history-timeline:before{content:"";background-color:var(--border-color);width:2px;position:absolute;top:10px;bottom:10px;left:0}.timeline-item{gap:16px;padding-bottom:24px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-badge{border:2px solid var(--bg-card);z-index:2;width:26px;height:26px;transition:var(--transition-bounce);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;display:flex;position:absolute;top:2px;left:-32px;box-shadow:0 2px 6px #33272014}.timeline-item:hover .timeline-badge{box-shadow:0 4px 10px var(--mood-accent);transform:scale(1.1)}.timeline-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:var(--transition-bounce);flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.timeline-item:hover .timeline-content{border-color:var(--mood-accent);box-shadow:var(--shadow-soft)}.timeline-header{justify-content:space-between;align-items:center;display:flex}.timeline-mood-name{align-items:center;gap:8px;display:flex}.timeline-mood-name strong{color:var(--text-main);font-size:.95rem}.time-of-day-badge{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600}.btn-delete-log{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.btn-delete-log:hover{color:var(--accent-pink);background-color:var(--accent-pink-light)}.timeline-note{color:var(--text-main);background-color:var(--bg-card);border-radius:var(--border-radius-sm);border-left:3px solid var(--mood-accent);align-items:flex-start;gap:8px;padding:10px 14px;font-size:.88rem;line-height:1.4;display:flex}.note-icon{color:var(--text-muted);flex-shrink:0;margin-top:3px}.timeline-time{color:var(--text-muted);align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:flex}.time-picker-wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);max-width:200px;transition:var(--transition-fast);align-items:center;gap:10px;padding:10px 14px;display:flex}.time-picker-wrapper:focus-within{border-color:var(--brand-orange);box-shadow:0 0 0 3px var(--brand-orange-light)}.time-picker-icon{color:var(--text-muted);flex-shrink:0}.time-picker-wrapper input[type=time]{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.9rem;font-weight:600}.calendar-todo-container{flex-direction:column;gap:24px;width:100%;display:flex}.calendar-grid-layout{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=900px){.calendar-grid-layout{grid-template-columns:.95fr 1.05fr}}.calendar-card,.todo-card{flex-direction:column;gap:16px;height:max-content;display:flex}.calendar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.calendar-header h3{color:var(--text-main);font-size:1.25rem;font-weight:800}.calendar-nav-buttons{gap:8px;display:flex}.calendar-nav-buttons button{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition-bounce);border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.calendar-nav-buttons button:hover{background-color:#efece6;transform:scale(1.05)}.weekdays-grid{text-align:center;color:var(--text-muted);grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:.8rem;font-weight:700;display:grid}.days-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-cell{background:var(--bg-card);border-radius:var(--border-radius-sm);aspect-ratio:1/1.05;cursor:pointer;transition:var(--transition-bounce);border:1px solid #0000;flex-direction:column;justify-content:space-between;align-items:center;padding:6px 2px;display:flex;position:relative}.day-cell:hover{background-color:var(--bg-primary);border-color:var(--border-color)}.day-cell.padding{opacity:.35}.day-cell.today{border:2px solid var(--brand-orange);background-color:var(--brand-orange-light)}.day-cell.selected{border-color:#0000;transform:scale(1.05);box-shadow:0 8px 16px #ff7c4840;background-color:var(--brand-orange)!important;color:#fff!important}.day-cell.selected .day-number{color:#fff;font-weight:700}.day-cell.selected .day-badges .calendar-mood-emoji{transform:scale(1.1)}.day-number{color:var(--text-main);font-size:.9rem;font-weight:600}.day-badges{justify-content:center;align-items:center;gap:3px;width:100%;height:14px;display:flex}.calendar-mood-emoji{margin-right:2px;font-size:.8rem;line-height:1}.badge-dot{border-radius:50%;width:5px;height:5px}.badge-dot.pending{background-color:var(--brand-yellow)}.day-cell.selected .badge-dot.pending{background-color:#fff}.badge-dot.completed{background-color:var(--brand-green)}.day-cell.selected .badge-dot.completed{background-color:#fff}.todo-date-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.todo-date-header h3{color:var(--text-main);font-size:1.15rem;font-weight:800}.todo-count-badge{color:var(--brand-orange);background-color:var(--brand-orange-light);border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.add-todo-form{background-color:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px;display:flex}.add-todo-form input[type=text]{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-main);transition:var(--transition-fast);outline:none;padding:12px 16px;font-size:.9rem}.add-todo-form input[type=text]:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px var(--brand-orange-light)}.form-settings-row{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.category-selector{flex:130px}.time-selector{flex:1.5 230px}.category-selector,.time-selector{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);align-items:center;gap:8px;padding:8px 12px;display:flex}.category-selector select,.time-selector input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.85rem;font-weight:600}.btn-add-submit{border-radius:var(--border-radius-sm);padding:10px 16px;font-size:.85rem}.btn-add-submit span{display:inline}.todo-filters{border-bottom:1px solid var(--border-color);gap:6px;padding-bottom:4px;display:flex}.todo-filters button{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:8px 12px;font-size:.85rem;font-weight:600;position:relative}.todo-filters button:hover{color:var(--text-main)}.todo-filters button.active{color:var(--brand-orange);font-weight:700}.todo-filters button.active:after{content:"";background-color:var(--brand-orange);border-radius:3px;height:3px;position:absolute;bottom:-5px;left:0;right:0}.todo-list-wrapper{max-height:350px;padding-right:4px;overflow-y:auto}.empty-todos{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.9rem}.todo-items-list{flex-direction:column;gap:10px;display:flex}.todo-item-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:var(--transition-bounce);align-items:center;gap:14px;padding:14px 16px;display:flex}.todo-item-card:hover{box-shadow:var(--shadow-soft);border-color:#e0dcd6;transform:translateY(-2px)}.btn-checkbox{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.checkbox-empty{width:22px;height:22px;transition:var(--transition-fast);border:2px solid #c4b9b3;border-radius:6px}.btn-checkbox:hover .checkbox-empty{border-color:var(--brand-orange);background-color:var(--brand-orange-light)}.checkbox-checked{background-color:var(--brand-orange);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;animation:.2s cubic-bezier(.175,.885,.32,1.275) scaleUp;display:flex}.todo-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.todo-title{color:var(--text-main);transition:var(--transition-fast);white-space:normal;word-break:break-word;font-size:.92rem;font-weight:600;line-height:1.4}.todo-item-card.completed .todo-title{color:var(--text-muted);text-decoration:line-through}.todo-item-card.completed{background-color:var(--bg-primary);opacity:.7;border-color:#0000}.todo-item-card.completed:hover{box-shadow:none;transform:none}.todo-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.todo-time{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.btn-delete-todo{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.btn-delete-todo:hover{color:var(--accent-pink);background-color:var(--accent-pink-light)}.todo-item-actions{align-items:center;gap:4px;display:flex}.btn-edit-todo{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.btn-edit-todo:hover{color:var(--accent-blue);background-color:var(--accent-blue-light)}.form-actions-edit{align-items:center;gap:8px;display:flex}.btn-cancel-edit{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);padding:10px 16px;font-size:.85rem;font-weight:600}.btn-cancel-edit:hover{background-color:var(--border-color);color:var(--text-main)}.todo-date-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.header-title-section{align-items:center;gap:10px;display:flex}.view-mode-selector{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:4px;display:flex}.view-mode-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:700}.view-mode-btn.active{background-color:var(--bg-card);color:var(--brand-orange);box-shadow:var(--shadow-soft)}.weekly-strip{background-color:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px;padding:12px;display:grid}.weekly-strip-day{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-bounce);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}.weekly-strip-day:hover{border-color:var(--brand-orange-hover);transform:translateY(-2px)}.weekly-strip-day.today{border:2px solid var(--brand-orange);background-color:var(--brand-orange-light)}.weekly-strip-day.selected{transform:scale(1.05);background-color:var(--brand-orange)!important;color:#fff!important;border-color:#0000!important}.weekly-strip-day .day-name-label{color:var(--text-muted);font-size:.7rem;font-weight:700}.weekly-strip-day.selected .day-name-label{color:#fffc!important}.weekly-strip-day .day-number-label{color:var(--text-main);font-size:.95rem;font-weight:800}.weekly-strip-day.selected .day-number-label{color:#fff!important}.todo-timeline-view{flex-direction:column;gap:16px;margin-top:8px;display:flex}.all-day-section{background-color:var(--bg-primary);border-radius:var(--border-radius-md);border:1px dashed var(--border-color);flex-direction:column;gap:8px;padding:12px;display:flex}.all-day-header{align-items:center;display:flex}.all-day-label{color:var(--text-muted);font-size:.8rem;font-weight:800}.all-day-items{flex-wrap:wrap;gap:8px;display:flex}.no-all-day-text{color:var(--text-muted);font-size:.8rem;font-style:italic}.all-day-task-card{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:var(--transition-fast);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex}.all-day-task-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.all-day-task-card.completed{opacity:.6;text-decoration:line-through}.hourly-timeline-scroll-wrapper{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-card);max-height:400px;padding-right:4px;overflow-y:auto}.hourly-timeline-container{width:100%;position:relative}.timeline-hour-row{border-bottom:1px dashed var(--border-color);height:60px;display:flex;position:relative}.timeline-hour-row:last-child{border-bottom:none}.timeline-hour-label{width:60px;color:var(--text-muted);border-right:1px solid var(--border-color);background-color:var(--bg-primary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-start;padding-top:6px;font-size:.75rem;font-weight:700;display:flex}.timeline-hour-slot{cursor:pointer;transition:var(--transition-fast);background-color:#0000;flex:1;position:relative}.timeline-hour-slot:hover{background-color:#ff7c4804}.timeline-task-card{z-index:10;border-left:4px solid var(--brand-orange);background-color:var(--bg-card);border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition-bounce);border-radius:8px;justify-content:space-between;align-items:center;height:48px;padding:6px 12px;font-size:.8rem;font-weight:700;display:flex;position:absolute;left:10px;right:10px;box-shadow:0 4px 10px #3327200a}.timeline-task-card:hover{box-shadow:var(--shadow-medium);z-index:20;transform:translateY(-1px)scale(1.01)}.timeline-task-card.completed{opacity:.6;border-left-color:var(--text-muted)}.timeline-task-card.completed .timeline-task-title{color:var(--text-muted);text-decoration:line-through}.timeline-task-card-content{flex-direction:column;gap:2px;display:flex}.timeline-task-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.timeline-task-time{color:var(--text-muted);font-size:.7rem}.btn-checkbox-mini{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.checkbox-mini-empty{background-color:var(--bg-card);border:1.5px solid #c4b9b3;border-radius:4px;width:14px;height:14px}.btn-checkbox-mini:hover .checkbox-mini-empty{border-color:var(--brand-orange)}.timeline-task-card.badge-work{border-left-color:var(--brand-blue)}.timeline-task-card.badge-personal{border-left-color:var(--brand-yellow)}.timeline-task-card.badge-health{border-left-color:var(--brand-green)}.timeline-task-card.badge-mindfulness{border-left-color:var(--brand-orange)}.all-day-task-card.badge-work{border-top:2px solid var(--brand-blue)}.all-day-task-card.badge-personal{border-top:2px solid var(--brand-yellow)}.all-day-task-card.badge-health{border-top:2px solid var(--brand-green)}.all-day-task-card.badge-mindfulness{border-top:2px solid var(--brand-orange)}.timeline-current-time-line{z-index:100;pointer-events:none;background-color:#ff3b30;height:2px;position:absolute;left:60px;right:0}.timeline-current-time-line:before{content:"";background-color:#ff3b30;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-4px}.current-time-badge{color:#ff3b30;background-color:var(--bg-card);border:1px solid #ff3b30;border-radius:4px;padding:1px 4px;font-size:.65rem;font-weight:800;position:absolute;top:-8px;left:-50px}.time-selector input[type=time]{text-align:center;position:relative;width:75px!important}.time-range-dash{color:var(--text-muted);font-weight:700}.time-selector input[type=time]::-webkit-calendar-picker-indicator{color:#0000;cursor:pointer;background:0 0;width:auto;height:auto;position:absolute;inset:0}.settings-tab-container{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;padding:16px;display:flex}.settings-grid{flex-direction:column;gap:20px;display:flex}.settings-card{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:var(--border-radius-lg);padding:24px;box-shadow:0 4px 20px #00000008}.settings-card-header{border-bottom:1px solid var(--border-color);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;padding-bottom:16px;display:flex}@media (width>=650px){.settings-card-header{flex-direction:row;align-items:center}}.settings-title-wrapper{align-items:center;gap:16px;display:flex}.settings-logo-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.6rem;display:flex}.discord-purple-bg{background-color:#5865f2;box-shadow:0 4px 12px #5865f233}.backup-orange-bg{background-color:var(--brand-orange);box-shadow:0 4px 12px #ff7c4833}.settings-card-body{flex-direction:column;gap:20px;margin-top:20px;display:flex}.discord-webhook-input{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);width:100%;transition:var(--transition-fast);background-color:var(--bg-primary);outline:none;padding:12px 16px;font-family:monospace;font-size:.9rem}.discord-webhook-input:focus{border-color:#5865f2;box-shadow:0 0 0 3px #5865f226}.notify-toggles-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.notify-toggles-grid{grid-template-columns:repeat(2,1fr)}}.toggle-item{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.toggle-info{flex-direction:column;gap:4px;display:flex}.toggle-info strong{color:var(--text-main);font-size:.92rem}.toggle-info p{color:var(--text-muted);font-size:.78rem;line-height:1.4}.switch{flex-shrink:0;width:46px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#e2ddd7;border-radius:34px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:var(--brand-green)}input:checked+.slider:before{transform:translate(20px)}.backup-actions-grid{flex-direction:column;gap:16px;display:flex}.backup-action-item{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}@media (width>=600px){.backup-action-item{flex-direction:row;align-items:center}}.action-info{flex-direction:column;gap:4px;display:flex}.action-info strong{color:var(--text-main);font-size:.92rem}.action-info p{color:var(--text-muted);font-size:.78rem;line-height:1.4}.backup-action-item button,.import-file-label{border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;display:inline-flex}.import-file-label{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);transition:var(--transition-fast)}.import-file-label:hover{background-color:var(--border-color)}.app-container{background-color:var(--bg-primary);width:100vw;min-height:100vh;transition:var(--transition-smooth);flex-direction:column;padding-bottom:70px;display:flex}.app-main{flex:1;justify-content:center;width:100%;display:flex}.app-content{flex-direction:column;gap:24px;width:100%;max-width:1000px;padding:24px 20px;display:flex}.tab-content{flex-direction:column;gap:24px;width:100%;animation:.4s ease-out fadeIn;display:flex}@media (width>=768px){.app-container{flex-direction:row;padding-bottom:0;padding-left:260px}.app-main{padding:32px 40px}.app-content{padding:0}}