.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background-color:#fff;border-bottom:1px solid #EEEEEE;box-shadow:none;position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:8px}.brand-icon{font-size:20px}.brand-text{font-size:18px;font-weight:600;color:var(--text-primary)}.navbar-links{display:flex;gap:8px}.nav-link{padding:8px 16px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .3s ease;font-weight:500}.nav-link:hover{color:#666;background-color:#0000000a}.nav-link.active{color:#fff;background:linear-gradient(135deg,#a8c8e8,#c4b0e0);font-weight:500;box-shadow:0 2px 8px #a490e04d}@media(max-width:768px){.navbar{padding:0 16px}.brand-text{font-size:16px}.nav-link{padding:6px 12px;font-size:13px}}.task-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #F0F0F0;transition:all .3s ease}.task-item.done{opacity:1}.task-item.done .task-title{text-decoration:line-through;color:#bbb;transition:color .3s ease}.task-checkbox{padding-top:2px}.task-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;border-radius:50%;accent-color:var(--advance-color);transition:all .2s ease}.task-item.task-zone-work .task-checkbox input[type=checkbox]{accent-color:var(--work-color)}.task-item.task-zone-advance .task-checkbox input[type=checkbox]{accent-color:var(--advance-color)}.task-item.task-zone-interest .task-checkbox input[type=checkbox]{accent-color:var(--interest-color)}.task-content{flex:1;min-width:0}.task-title{display:block;font-size:14px;color:var(--text-primary);word-break:break-word;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:background-color .2s ease}.task-title:hover{background-color:#0000000a}.task-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.task-deadline,.task-duration,.task-project,.task-done-time{font-size:12px;color:var(--text-secondary)}.task-deadline{padding:2px 8px;border-radius:6px;background-color:#f5f5f5}.task-deadline.deadline-overdue{color:#d93026;background-color:#fdecea;font-weight:500}.task-deadline.deadline-today{color:#d97706;background-color:#fef3e2;font-weight:500}.task-deadline.deadline-future{color:var(--text-secondary);background-color:#f5f5f5}.task-delete-btn{padding:2px 8px;font-size:12px;color:#d93026;background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .2s ease}.task-delete-btn:hover{opacity:1}.task-edit-form{width:100%}.edit-title{width:100%;padding:8px 10px;border:1px solid #A8C8E8;border-radius:var(--radius-sm);font-size:14px;margin-bottom:8px;outline:none}.edit-meta{display:flex;gap:8px;margin-bottom:8px}.edit-meta input{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;outline:none}.edit-meta input:focus{border-color:#a8c8e8}.edit-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:4px}.actual-min-form{display:flex;align-items:center;gap:8px;width:100%;padding:10px 0 0;border-top:1px dashed #EEEEEE;margin-top:8px}.actual-min-label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.actual-min-input{width:80px;padding:6px 8px;border:1px solid #9BC4A8;border-radius:var(--radius-sm);font-size:12px;outline:none}.actual-min-input:focus{border-color:#7eb8d4}.btn-skip{padding:4px 10px;background-color:transparent;color:var(--text-secondary);border:none;font-size:12px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.btn-skip:hover{opacity:1}@media(max-width:768px){.task-item{padding:10px 0}.task-checkbox input[type=checkbox]{width:18px;height:18px}.task-title{font-size:13px}}.project-item{margin-bottom:12px;border:1px solid #EEEEEE;border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease}.project-item.collapsed .task-list{display:none}.project-item.done{opacity:.7;background-color:#fafafa}.project-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fafafa;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.project-header:hover{background-color:#f0f0f0}.project-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#7EB8D4}.project-toggle{font-size:10px;color:var(--text-secondary)}.project-name{flex:1;font-size:15px;font-weight:500;color:var(--text-primary);margin:0;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:background-color .2s ease}.project-name:hover{background-color:#7eb8d41a}.project-name.done{text-decoration:line-through;color:#bbb}.project-name-container{flex:1;position:relative}.project-name-input{width:100%;padding:6px 8px;border:1px solid #A8C8E8;border-radius:var(--radius-sm);font-size:15px;font-weight:500;outline:none}.project-progress{font-size:12px;color:var(--text-secondary);padding:2px 10px;background-color:#f0f0f0;border-radius:12px}.task-list{padding:8px 16px 12px}.add-task-btn{width:100%;padding:10px;margin:8px 0;background-color:transparent;color:var(--text-secondary);border:1px solid #DDDDDD;border-radius:var(--radius-md);font-size:13px;cursor:pointer;transition:all .2s ease}.project-zone-work .add-task-btn:hover{background-color:var(--work-tag-bg);border-color:var(--work-color);color:var(--work-color)}.project-zone-advance .add-task-btn:hover{background-color:var(--advance-tag-bg);border-color:var(--advance-color);color:var(--advance-color)}.project-zone-interest .add-task-btn:hover{background-color:var(--interest-tag-bg);border-color:var(--interest-color);color:var(--interest-color)}.add-task-btn:hover{background-color:#0000000a;border-color:#ccc;color:var(--text-primary)}.add-task-form{padding:12px;margin:8px 0;background-color:#fafafa;border-radius:var(--radius-md)}.add-task-form input{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;margin-bottom:8px;outline:none}.add-task-form input:focus{border-color:#a8c8e8}.task-form-row{display:flex;gap:8px;margin-bottom:8px}.task-form-row input{flex:1;margin-bottom:0}.form-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.btn-primary{padding:6px 14px;background:linear-gradient(135deg,#a8c8e8,#9bc4a8);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;cursor:pointer;transition:all .2s ease}.btn-secondary{padding:6px 14px;background-color:#f5f5f5;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;cursor:pointer;transition:all .2s ease}.no-tasks{text-align:center;padding:16px;color:var(--text-secondary);font-size:13px;margin:0}@media(max-width:768px){.project-header{padding:10px 12px}.project-name{font-size:14px}.task-list{padding:6px 12px 10px}.add-task-btn{padding:8px}.add-task-form{padding:10px}}.zone-panel{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden;transition:all .3s ease;border-top:3px solid #E0E0E0}.zone-panel.zone-work{border-top-color:var(--work-color)}.zone-panel.zone-advance{border-top-color:var(--advance-color)}.zone-panel.zone-interest{border-top-color:var(--interest-color)}.zone-panel.collapsed .zone-content{display:none}.zone-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.zone-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.zone-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.zone-goal-tag{display:inline-block;padding:4px 10px;font-size:12px;color:var(--text-secondary);background-color:#0000000f;border-radius:var(--radius-sm)}.zone-panel.zone-work .zone-goal-tag{background-color:var(--work-tag-bg);color:var(--work-color)}.zone-panel.zone-advance .zone-goal-tag{background-color:var(--advance-tag-bg);color:var(--advance-color)}.zone-panel.zone-interest .zone-goal-tag{background-color:var(--interest-tag-bg);color:var(--interest-color)}.collapse-btn{font-size:12px;color:var(--text-secondary);transition:transform .2s ease}.zone-content{padding:0 20px 20px}.empty-tip{text-align:center;padding:24px;color:var(--text-secondary);font-size:13px}.completed-projects-section{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border-color)}.completed-projects-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);transition:background-color .2s ease}.completed-projects-header:hover{background-color:#00000008}.completed-toggle{font-size:10px;color:var(--text-secondary)}.completed-title{font-size:13px;color:var(--text-secondary)}.completed-projects-list{margin-top:8px}.add-project-btn{width:100%;padding:12px;margin:12px 0;background-color:transparent;color:var(--text-secondary);border:1px solid #DDDDDD;border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:all .2s ease}.zone-work .add-project-btn:hover{background-color:var(--work-tag-bg);border-color:var(--work-color);color:var(--work-color)}.zone-advance .add-project-btn:hover{background-color:var(--advance-tag-bg);border-color:var(--advance-color);color:var(--advance-color)}.zone-interest .add-project-btn:hover{background-color:var(--interest-tag-bg);border-color:var(--interest-color);color:var(--interest-color)}.add-project-form{padding:16px;margin:12px 0;background-color:#fafafa;border-radius:var(--radius-md)}.add-project-form input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;margin-bottom:12px;outline:none}.add-project-form input:focus{border-color:#a8c8e8}.form-actions{display:flex;gap:8px;justify-content:flex-end}.btn-primary{padding:6px 16px;background:linear-gradient(135deg,#a8c8e8,#9bc4a8);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:all .2s ease}.btn-primary:hover{opacity:.9;box-shadow:0 2px 8px #a8c8e866}.btn-secondary{padding:6px 16px;background-color:#f5f5f5;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:#ccc;color:var(--text-primary)}@media(max-width:768px){.zone-header{padding:14px 16px}.zone-name{font-size:16px}.zone-content{padding:0 16px 16px}.add-project-btn{padding:10px}.add-project-form{padding:12px}}.all-tasks-page{padding:24px;max-width:1400px;margin:0 auto}.page-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:24px}.zones-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1024px){.zones-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.all-tasks-page{padding:16px}.page-title{font-size:20px;margin-bottom:16px}.zones-container{grid-template-columns:1fr;gap:16px}}.today-focus-page{padding:24px;max-width:900px;margin:0 auto}.page-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-align:center}.today-date{font-size:14px;color:var(--text-secondary);margin-bottom:24px;text-align:center}.status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.status-card{background-color:#fff;border-radius:20px;box-shadow:var(--card-shadow);padding:24px 20px;text-align:center;transition:all .3s ease;border:2px solid transparent}.status-card.work-card{background:linear-gradient(135deg,var(--work-gradient-start),var(--work-gradient-end))}.status-card.advance-card{background:linear-gradient(135deg,var(--advance-gradient-start),var(--advance-gradient-end))}.status-card.interest-card{background:linear-gradient(135deg,var(--interest-gradient-start),var(--interest-gradient-end))}.status-card.work-card.achieved{border-color:var(--work-color)}.status-card.advance-card.checked-in{border-color:var(--advance-color)}.status-card.interest-card.achieved{border-color:var(--interest-color)}.card-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0 0 16px}.card-main{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:12px}.card-count{font-size:42px;font-weight:700;color:var(--text-primary);line-height:1}.card-divider{font-size:24px;color:var(--text-secondary)}.card-goal{font-size:18px;color:var(--text-secondary)}.card-status{margin-top:8px}.status-achieved{font-size:14px;color:#52c41a;font-weight:600}.status-remaining{font-size:13px;color:#faad14}.card-status-text{font-size:16px;color:var(--text-primary);font-weight:500}.card-streak{display:flex;flex-direction:column;align-items:center;margin-top:12px}.streak-number{font-size:48px;font-weight:700;color:var(--text-primary);line-height:1}.streak-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.card-subtitle{font-size:12px;color:var(--text-secondary);margin-top:8px}.task-quick-list{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:20px}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #EEEEEE}.zone-group{margin-bottom:16px;border:1px solid #EEEEEE;border-radius:var(--radius-md);overflow:hidden}.zone-group:last-child{margin-bottom:0}.zone-group-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fafafa;cursor:pointer;transition:background-color .2s ease}.zone-group-header:hover{background-color:#f0f0f0}.group-toggle{font-size:12px;color:var(--text-secondary)}.group-name{font-size:14px;font-weight:500;color:var(--text-primary)}.group-count{font-size:12px;color:var(--text-secondary);margin-left:auto}.zone-group-tasks{padding:12px 16px}.no-deadline-group{margin-top:16px;border-style:dashed;border-color:#ddd}.no-deadline-group .zone-group-header{background-color:#fdfaf5}.no-deadline-group .zone-group-header:hover{background-color:#faf5eb}.no-deadline-group .group-name{color:#c4a03a}@media(max-width:768px){.today-focus-page{padding:16px}.page-title{font-size:20px}.status-cards{grid-template-columns:1fr;gap:12px}.status-card{padding:20px 16px}.card-count{font-size:36px}.streak-number{font-size:40px}.task-quick-list{padding:16px}.zone-group-header,.zone-group-tasks{padding:10px 12px}}.history-page{padding:24px;max-width:900px;margin:0 auto}.view-toggle{display:flex;gap:8px;margin-bottom:24px}.toggle-btn{padding:8px 20px;border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);background-color:#fff;border:1px solid #DDDDDD;transition:all .2s ease;cursor:pointer}.toggle-btn:hover{border-color:#ccc;color:var(--text-primary)}.toggle-btn.active{color:#fff;background:linear-gradient(135deg,#a8c8e8,#c4b0e0);border-color:transparent;box-shadow:0 2px 8px #a490e04d}.date-picker-section{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.date-label{font-size:14px;color:var(--text-secondary)}.date-input{padding:10px 14px;font-size:14px;border:1px solid #DDDDDD;border-radius:var(--radius-sm);outline:none;background-color:#fff}.date-input:focus{border-color:#a8c8e8}.date-display{font-size:14px;color:var(--text-primary);font-weight:500}.history-content{display:flex;flex-direction:column;gap:24px}.task-section{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:20px}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.section-count{font-size:14px;font-weight:400;color:var(--text-secondary)}.task-list{list-style:none;padding:0;margin:0}.task-item{padding:12px 16px;border-bottom:1px solid #F0F0F0;transition:background-color .2s ease}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:#00000005}.task-item.incomplete{opacity:.7}.task-item .task-title{font-size:14px;color:var(--text-primary);display:block;margin-bottom:4px}.task-meta{display:flex;gap:12px;flex-wrap:wrap}.task-project,.task-duration,.task-deadline{font-size:12px;color:var(--text-secondary)}.project-select-section{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.project-label{font-size:14px;color:var(--text-secondary)}.project-select{padding:10px 14px;font-size:14px;border:1px solid #DDDDDD;border-radius:var(--radius-sm);outline:none;background-color:#fff;min-width:200px}.project-select:focus{border-color:#a8c8e8}.project-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stat-card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:20px;text-align:center}.stat-value{display:block;font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-secondary)}.timeline-section{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:20px}.timeline-list{list-style:none;padding:0;margin:0}.timeline-item{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #F0F0F0}.timeline-item:last-child{border-bottom:none}.timeline-date{font-size:12px;color:#7eb8d4;font-weight:500;min-width:80px}.timeline-content{flex:1;display:flex;align-items:center;gap:12px}.timeline-content .task-title{margin-bottom:0}.empty-message{color:var(--text-secondary);font-size:14px;text-align:center;padding:32px}@media(max-width:768px){.history-page{padding:16px}.date-picker-section,.project-select-section{flex-direction:column;align-items:flex-start}.project-stats{grid-template-columns:1fr}.timeline-item{flex-direction:column;gap:8px}}.week-review-page{padding:24px;max-width:900px;margin:0 auto}.page-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.week-range{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.review-card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:24px 20px}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #EEEEEE}.card-stats{display:flex;justify-content:space-around;align-items:center}.stat-item{text-align:center}.stat-value{display:block;font-size:36px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-value.achieved{color:#52c41a}.stat-label{display:block;font-size:12px;color:var(--text-secondary);margin-top:6px}.work-card{border-left:4px solid #7EB8D4}.advance-card{border-left:4px solid #9BC4A8}.interest-card{border-left:4px solid #C4A8C8}.total-card{border-left:4px solid #722ed1;grid-column:span 2}.rankings-section{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ranking-card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:20px}.ranking-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #EEEEEE}.ranking-list{list-style:none;padding:0;margin:0}.ranking-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed #EEEEEE}.ranking-item:last-child{border-bottom:none}.rank-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#a8c8e8;color:#fff;border-radius:50%;font-size:12px;font-weight:600}.ranking-item:nth-child(1) .rank-number{background-color:#7eb8d4}.ranking-item:nth-child(2) .rank-number{background-color:#9bc4a8}.ranking-item:nth-child(3) .rank-number{background-color:#c4a8c8}.rank-name{flex:1;font-size:14px;color:var(--text-primary)}.rank-value{font-size:14px;color:var(--text-secondary);font-weight:500}.empty-message{text-align:center;color:var(--text-secondary);font-size:14px;padding:24px}@media(max-width:768px){.week-review-page{padding:16px}.cards-grid{grid-template-columns:1fr;gap:12px}.total-card{grid-column:span 1}.rankings-section{grid-template-columns:1fr}.stat-value{font-size:32px}.card-stats{gap:16px}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:#f7f6f3}.main-content{flex:1;padding-top:20px;padding-bottom:40px}:root{--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--text-primary: #2D2D2D;--text-secondary: #888888;--card-shadow: 0 2px 12px rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}:root{--work-color: #7EB8D4;--advance-color: #9BC4A8;--interest-color: #C4A8C8;--work-gradient-start: #E8F4FC;--work-gradient-end: #D4EAF7;--advance-gradient-start: #E8F5EC;--advance-gradient-end: #D4EDDA;--interest-gradient-start: #F5EEF8;--interest-gradient-end: #EDE0F5;--work-tag-bg: rgba(126, 184, 212, .15);--advance-tag-bg: rgba(155, 196, 168, .15);--interest-tag-bg: rgba(196, 168, 200, .15);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 6px;--text-primary: #2D2D2D;--text-secondary: #888888;--text-muted: #BBBBBB;--card-shadow: 0 2px 12px rgba(0, 0, 0, .06);--border-color: #EEEEEE;--border-light: #F0F0F0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:#f7f6f3;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea{font-family:inherit;font-size:inherit}@media(max-width:768px){:root{font-size:13px}}