:root{--bg:#f2f2f7;--bg-light:#ffffff;--sidebar-bg:rgba(245,245,247,0.85);--surface:rgba(255,255,255,0.72);--surface-solid:#ffffff;--glass:rgba(255,255,255,0.55);--glass-border:rgba(255,255,255,0.45);--glass-highlight:rgba(255,255,255,0.8);--text:#1d1d1f;--text-secondary:#6e6e73;--text-muted:#8e8e93;--text-light:#aeaeb2;--border:rgba(0,0,0,0.08);--border-light:rgba(0,0,0,0.04);--accent:#007aff;--accent-hover:#0056cc;--accent-light:rgba(0,122,255,0.12);--accent-glow:rgba(0,122,255,0.25);--success:#34c759;--success-light:rgba(52,199,89,0.12);--warning:#ff9500;--warning-light:rgba(255,149,0,0.12);--error:#ff3b30;--error-light:rgba(255,59,48,0.1);--overdue:#ff6b6b;--font-system:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-mono:ui-monospace,"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Menlo,consolas,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow:0 2px 8px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 16px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.05);--shadow-lg:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);--shadow-glass:0 2px 12px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.5);--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px}@media (prefers-color-scheme:dark){:root{--bg:#000000;--bg-light:#0a0a0a;--sidebar-bg:rgba(28,28,30,0.85);--surface:rgba(44,44,46,0.65);--surface-solid:#1c1c1e;--glass:rgba(44,44,46,0.5);--glass-border:rgba(255,255,255,0.08);--glass-highlight:rgba(255,255,255,0.06);--text:#f5f5f7;--text-secondary:#ebebf5cc;--text-muted:#ebebf599;--text-light:#ebebf54d;--border:rgba(255,255,255,0.1);--border-light:rgba(255,255,255,0.05);--accent:#0a84ff;--accent-hover:#409cff;--accent-light:rgba(10,132,255,0.18);--accent-glow:rgba(10,132,255,0.3);--success:#30d158;--warning:#ff9f0a;--error:#ff453a;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow:0 2px 8px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 16px rgba(0,0,0,0.35);--shadow-lg:0 8px 32px rgba(0,0,0,0.4);--shadow-glass:0 2px 12px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.05)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-system);font-size:15px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-with-sidebar{display:flex;min-height:100vh;background:var(--bg)}.main-content{flex:1 1;max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6);min-height:100vh}.app{max-width:600px;margin:0 auto;padding:var(--space-8) var(--space-4)}.app-title{font-size:2rem;margin-bottom:var(--space-5);color:var(--text)}.app-title,h1{font-weight:700;letter-spacing:-.03em}h1{font-size:1.875rem}h2{font-size:1.5rem;letter-spacing:-.02em}h2,h3{font-weight:600}h3{font-size:1.25rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.quick-find{flex:1 1;max-width:360px;margin:0 var(--space-4)}.quick-find input{width:100%;padding:8px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;outline:none}.quick-find input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.loading-message{text-align:center;color:var(--text-muted);padding:var(--space-12) 0;font-size:.9rem}.reminder-banner{padding:10px 14px;border-radius:var(--radius);background:var(--accent-light);border:1px solid var(--accent);color:var(--text);font-size:.9rem;margin-bottom:var(--space-4)}.sidebar{width:260px;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border-right:1px solid var(--border);padding:var(--space-5);overflow-y:auto;flex-shrink:0}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section-header{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:var(--space-2);padding:0 var(--space-3)}.sidebar-empty{font-size:.8rem;color:var(--text-muted);padding:0 var(--space-3) var(--space-3)}.sidebar-item{display:flex;align-items:center;padding:8px 12px;margin-bottom:2px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:400;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.sidebar-item:hover{background:var(--accent-light);color:var(--text)}.sidebar-item.active{background:var(--accent);color:white;font-weight:500;box-shadow:0 2px 8px var(--accent-glow)}.sidebar-icon{margin-right:var(--space-3);font-size:1rem;display:flex;align-items:center}.sidebar-label{flex:1 1;min-width:0}.sidebar-count{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-full);background:transparent;color:var(--text-muted);margin-left:auto}.sidebar-count.has-count{background:var(--text-muted);color:var(--bg-light)}.sidebar-item.active .sidebar-count{background:rgba(255,255,255,.25);color:white}.sidebar-area{margin-bottom:var(--space-1)}.sidebar-area-header{display:flex;align-items:center;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;background:none;border:none;width:100%;text-align:left}.sidebar-area-header:hover{background:var(--border-light)}.sidebar-expand{font-size:.7rem;margin-right:var(--space-2);color:var(--text-muted);transition:transform .2s ease;display:flex;align-items:center}.sidebar-expand.expanded{transform:rotate(90deg)}.sidebar-area-name{flex:1 1;font-size:.88rem;color:var(--text-secondary);font-weight:500;cursor:pointer}.sidebar-area-name:hover{color:var(--text)}.sidebar-area-name.active{color:var(--accent)}.sidebar-area-projects{margin-left:var(--space-5);margin-top:var(--space-1)}.sidebar-project-bullet{margin-right:var(--space-2);color:var(--text-muted);font-size:.8rem}.sidebar-tag-color{width:8px;height:8px;border-radius:50%;margin-right:var(--space-3);flex-shrink:0}.sidebar-tag-add{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-3);padding:0 var(--space-3)}.sidebar-tag-add input[type=text]{flex:1 1;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:6px 8px;font-size:.8rem}.sidebar-tag-add input[type=color]{width:28px;height:28px;border:none;background:transparent;padding:0;cursor:pointer}.sidebar-tag-add button{border:1px solid var(--border);background:var(--glass);color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 10px;font-size:.75rem;cursor:pointer}.sidebar-tag-add button:disabled{opacity:.5;cursor:not-allowed}.sidebar-calendar-item{display:flex;align-items:center;gap:var(--space-2);padding:6px 12px;font-size:.85rem;color:var(--text-secondary)}.sidebar-calendar-remove{border:none;background:transparent;color:var(--text-muted);cursor:pointer;margin-left:auto;font-size:1rem}.sidebar-calendar-remove:hover{color:var(--text)}.sidebar-calendar-add{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-3);margin-top:var(--space-3)}.sidebar-calendar-add input,.sidebar-calendar-add select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:6px 8px;font-size:.8rem}.sidebar-calendar-controls{display:flex;align-items:center;gap:var(--space-2)}.sidebar-calendar-controls input[type=color]{width:28px;height:28px;border:none;background:transparent;padding:0;cursor:pointer}.sidebar-calendar-controls button{border:1px solid var(--border);background:var(--glass);color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 10px;font-size:.75rem;cursor:pointer}.sidebar-calendar-controls button:disabled{opacity:.5;cursor:not-allowed}.task-input-container{margin-bottom:var(--space-5)}.task-input-main{display:flex;align-items:center;gap:var(--space-2)}.task-input{flex:1 1;padding:var(--space-3) var(--space-4);font-size:.95rem;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius);color:var(--text);outline:none;transition:all .25s ease;box-shadow:var(--shadow-glass)}.task-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light),var(--shadow-glass);background:var(--glass-highlight)}.task-input::placeholder{color:var(--text-muted)}.task-input-expand{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:1.2rem;font-weight:300;transition:all .2s ease;box-shadow:var(--shadow-glass)}.task-input-expand:hover{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 2px 12px var(--accent-glow)}.task-input-expanded{margin-top:var(--space-3);padding:var(--space-4);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-glass)}.task-input-description{width:100%;padding:var(--space-3);margin-bottom:var(--space-4);font-size:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;resize:vertical;min-height:60px;font-family:var(--font-system)}.task-input-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.task-input-group{flex:1 1}.task-input-group label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.task-input-group input,.task-input-group select{width:100%;padding:var(--space-2) var(--space-3);font-size:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none}.task-input-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--text-secondary);cursor:pointer}.task-input-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.toolbar{justify-content:space-between;margin:var(--space-3) 0 var(--space-5);flex-wrap:wrap}.toolbar,.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.toolbar-right{cursor:pointer}.open-count,.toolbar-right{font-size:.85rem;color:var(--text-muted)}.open-count{margin-right:var(--space-1)}.sort-btn{padding:5px 12px;font-size:.8rem;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sort-btn:hover{background:var(--glass-highlight)}.sort-btn.active{background:var(--accent);color:white;border-color:var(--accent);font-weight:500;box-shadow:0 2px 8px var(--accent-glow)}.task-list{display:flex;flex-direction:column;gap:var(--space-2)}.empty-state{text-align:center;color:var(--text-muted);padding:var(--space-12) 0;font-size:.9rem}.section-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:var(--space-6) 0 var(--space-3)}.task-card{display:flex;align-items:flex-start;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);padding:var(--space-4);border-radius:var(--radius-lg);transition:all .25s ease;box-shadow:var(--shadow-glass);border:1px solid var(--glass-border)}.task-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-light);transform:translateY(-1px)}.task-card-body{flex:1 1;min-width:0}.task-card-main{margin-bottom:var(--space-1)}.task-title{font-size:.95rem;font-weight:500;color:var(--text);margin-bottom:0;cursor:pointer;transition:color .15s ease;line-height:1.4}.task-title:hover{color:var(--accent)}.task-metadata{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-2)}.task-context,.task-subtasks{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:3px}.task-subtasks{background:var(--border-light);padding:2px 8px;border-radius:var(--radius-full)}.task-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.task-tag{font-size:.7rem;font-weight:500;color:white;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.task-date{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:3px}.task-date.scheduled{color:var(--accent)}.task-date.deadline{color:var(--warning)}.task-card-badge{margin-left:var(--space-3);flex-shrink:0}.task-badge{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);color:white;white-space:nowrap}.task-badge.debt{background:var(--warning)}.task-badge.done{background:var(--text-muted)}.task-badge.deadline{background:var(--warning)}.task-badge.deadline.overdue{background:var(--overdue)}.task-badge.scheduled{background:var(--accent)}.task-actions{display:flex;align-items:center;gap:var(--space-1);margin-left:var(--space-2);flex-shrink:0}.btn-complete,.btn-delete,.btn-edit{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;background:transparent;border-radius:var(--radius-sm)}.btn-complete.circle{border-radius:50%;border:2px solid var(--border);color:var(--success);width:28px;height:28px}.btn-complete.circle:hover{background:var(--success-light);border-color:var(--success);box-shadow:0 0 8px var(--success-light)}.btn-edit{color:var(--text-muted)}.btn-edit:hover{background:var(--border-light);color:var(--text)}.btn-delete{color:var(--text-muted)}.btn-delete:hover{background:var(--error-light);color:var(--error)}.btn-cancel,.btn-save,.btn-submit{padding:var(--space-2) var(--space-4);font-size:.9rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.btn-cancel{background:var(--glass);color:var(--text-secondary)}.btn-cancel:hover{background:var(--glass-highlight)}.btn-save,.btn-submit{background:var(--accent);color:white;border-color:var(--accent)}.btn-save:hover,.btn-submit:hover{background:var(--accent-hover);box-shadow:0 2px 12px var(--accent-glow)}.btn-save:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}.task-detail-modal{background:var(--surface-solid);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:90vw;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--glass-border)}.task-detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.task-detail-header h2{font-size:1.2rem;font-weight:600}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:1.5rem}.modal-close:hover{background:var(--border-light)}.task-detail-content{flex:1 1;overflow-y:auto;padding:var(--space-6)}.task-detail-field{margin-bottom:var(--space-5)}.task-detail-field label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.tag-selector{flex-wrap:wrap}.tag-option,.tag-selector{display:flex;gap:var(--space-2)}.tag-option{align-items:center;padding:6px 10px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);font-size:.85rem;color:var(--text-secondary);cursor:pointer}.tag-option input{display:none}.tag-option.selected{border-color:var(--accent);background:var(--accent-light);color:var(--text)}.tag-swatch{width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 2px rgba(255,255,255,.6)}.tag-name{line-height:1}.tag-empty{font-size:.85rem;color:var(--text-muted);margin:0}.calendar-events-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.calendar-event{display:flex;align-items:center;gap:var(--space-2);padding:8px 10px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.calendar-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.calendar-event-info{display:flex;flex-direction:column;gap:2px}.calendar-event-title{font-size:.85rem;font-weight:600;color:var(--text)}.calendar-event-meta{font-size:.75rem;color:var(--text-muted)}.calendar-empty,.calendar-loading{font-size:.85rem;color:var(--text-muted);padding:6px 10px}.task-detail-input,.task-detail-select,.task-detail-textarea{width:100%;padding:var(--space-3);font-size:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;font-family:var(--font-system)}.task-detail-input:focus,.task-detail-select:focus,.task-detail-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.task-detail-row{display:flex;gap:var(--space-4)}.task-detail-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--text-secondary);cursor:pointer}.task-detail-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--border)}.subtasks-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.subtask-item{display:flex;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--border-light);gap:var(--space-3)}.subtask-item:last-child{border-bottom:none}.subtask-checkbox{flex-shrink:0;cursor:pointer}.subtask-title{flex:1 1;font-size:.9rem;transition:all .15s ease}.subtask-title.completed{text-decoration:line-through;color:var(--text-muted)}.subtask-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:.9rem}.subtask-delete:hover{background:var(--error-light);color:var(--error)}.subtask-add{display:flex;padding:var(--space-3);gap:var(--space-2)}.subtask-input{flex:1 1;padding:var(--space-2);font-size:.9rem;border:none;outline:none;background:transparent;color:var(--text)}.subtask-add-btn{padding:var(--space-1) var(--space-3);font-size:.8rem;background:var(--accent);color:white;border:none;border-radius:var(--radius-sm);cursor:pointer}.subtask-add-btn:disabled{opacity:.5}.logbook-view,.project-view,.today-view,.upcoming-view{max-width:none}.logbook-date-group,.today-section,.upcoming-date-group{margin-bottom:var(--space-6)}.logbook-date-header,.today-section-header,.upcoming-date-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.logbook-date-header h2,.today-section-header h2,.upcoming-date-header h2{font-size:1.1rem;font-weight:600;color:var(--text);display:flex;align-items:center}.today-section.overdue h2{color:var(--error)}.today-section.due-today h2{color:var(--warning)}.today-section.scheduled-today h2{color:var(--accent)}.logbook-date-count,.upcoming-date-count{font-size:.75rem;color:var(--text-muted);background:var(--glass);padding:2px 10px;border-radius:var(--radius-full);border:1px solid var(--border)}.logbook-tasks,.today-tasks,.upcoming-tasks{display:flex;flex-direction:column;gap:var(--space-2)}.project-header{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.project-description,.project-info h1{margin-bottom:var(--space-2)}.project-description{color:var(--text-secondary)}.project-area{font-size:.9rem;color:var(--text-muted)}.project-progress{margin-top:var(--space-4)}.progress-bar{height:4px;background:var(--border);overflow:hidden;margin-bottom:var(--space-2)}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--success);transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--text-muted)}.project-section{margin-bottom:var(--space-8)}.heading-header{margin-bottom:var(--space-4)}.heading-display{display:flex;align-items:center;justify-content:space-between}.heading-title{font-size:1.1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:var(--space-2) 0}.heading-title:hover{color:var(--text)}.heading-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity .15s ease}.heading-display:hover .heading-actions{opacity:1}.btn-delete-heading,.btn-edit-heading{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;color:var(--text-muted)}.btn-edit-heading:hover{background:var(--border-light);color:var(--text)}.btn-delete-heading:hover{background:var(--error-light);color:var(--error)}.heading-edit{display:flex;align-items:center;gap:var(--space-2)}.heading-input{flex:1 1;padding:var(--space-2) var(--space-3);font-size:1.1rem;font-weight:600;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);outline:none;box-shadow:0 0 0 3px var(--accent-light)}.heading-tasks{display:flex;flex-direction:column;gap:var(--space-2)}.btn-cancel-heading,.btn-save-heading{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.btn-save-heading{background:var(--success-light);color:var(--success)}.btn-save-heading:hover{background:var(--success);color:white}.btn-cancel-heading{background:var(--border-light);color:var(--text-muted)}.btn-cancel-heading:hover{background:var(--border)}.unassigned-section{margin-top:var(--space-6)}.project-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.btn-add-heading{padding:var(--space-2) var(--space-4);font-size:.85rem;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-add-heading:hover{background:var(--glass-highlight);color:var(--text)}.project-group{margin-bottom:var(--space-4)}.project-group-title{font-size:.95rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);padding-left:var(--space-2)}.project-group-tasks{display:flex;flex-direction:column;gap:var(--space-2)}.empty-logbook,.empty-project,.empty-today,.empty-upcoming{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-muted)}.empty-logbook h2,.empty-project h2,.empty-today h2,.empty-upcoming h2{font-size:1.3rem;margin-bottom:var(--space-3);color:var(--text-secondary)}.logbook-summary,.today-summary,.upcoming-summary{margin-top:var(--space-8);padding:var(--space-5);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.stat{text-align:center;padding:var(--space-3);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-light)}.stat.overdue{background:var(--error-light)}.stat-number{display:block;font-size:1.4rem;font-weight:700;color:var(--text)}.stat-label{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.summary-tip{padding-top:var(--space-3);border-top:1px solid var(--border);font-size:.85rem;color:var(--text-secondary)}.lp-reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.lp-reveal.lp-visible{opacity:1;transform:translateY(0)}.lp{overflow-x:hidden;position:relative}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 40px;background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.lp-logo{font-size:1.35rem;font-weight:700;letter-spacing:-.04em;color:var(--text)}.lp-nav-actions{display:flex;align-items:center;gap:12px}.lp-nav-link{font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:8px 16px;border-radius:var(--radius-sm);transition:color .2s ease}.lp-nav-link:hover{color:var(--text)}.lp-nav-cta{font-size:.9rem;font-weight:600;color:white;background:var(--accent);text-decoration:none;padding:8px 20px;border-radius:var(--radius-full);transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px var(--accent-glow)}.lp-nav-cta:hover{background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.lp-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 32px 80px;overflow:hidden}.lp-hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.lp-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;will-change:transform}.lp-orb-1{width:500px;height:500px;background:var(--accent);top:-10%;right:-10%;animation:lpFloat1 20s ease-in-out infinite}.lp-orb-2{width:400px;height:400px;background:var(--success);bottom:-5%;left:-10%;animation:lpFloat2 25s ease-in-out infinite}.lp-orb-3{width:300px;height:300px;background:var(--warning);top:40%;left:50%;animation:lpFloat3 18s ease-in-out infinite}@keyframes lpFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,40px) scale(1.1)}66%{transform:translate(40px,-30px) scale(.95)}}@keyframes lpFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-40px) scale(1.05)}66%{transform:translate(-30px,30px) scale(.9)}}@keyframes lpFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,-40px) scale(1.15)}}.lp-hero-content{position:relative;z-index:1;max-width:800px;animation:lpFadeUp 1s cubic-bezier(.16,1,.3,1) both}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.lp-hero-content h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--text);margin-bottom:24px}.lp-hero-content p{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6;color:var(--text-secondary);max-width:580px;margin:0 auto 40px}.lp-hero-content p strong{color:var(--text);font-weight:600}.lp-hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.lp-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;border-radius:var(--radius-full);transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none;font-family:var(--font-system)}.lp-btn-lg{padding:14px 32px;font-size:1.05rem}.lp-btn-primary{background:var(--accent);color:white;box-shadow:0 2px 12px var(--accent-glow)}.lp-btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 24px var(--accent-glow);transform:translateY(-2px)}.lp-btn-ghost{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.lp-btn-ghost:hover{background:var(--glass-highlight);border-color:var(--accent);color:var(--accent)}.lp-hero-visual{position:relative;z-index:1;margin-top:64px;width:100%;max-width:500px;animation:lpFadeUp 1s cubic-bezier(.16,1,.3,1) .3s both}.lp-debt-gradient-bar{height:6px;border-radius:var(--radius-full);background:linear-gradient(90deg,#34c759 0,#8cc63f 20%,#ffd60a 40%,#ff9500 60%,#ff3b30 80%,#c0392b);margin-bottom:12px;animation:lpPulseGlow 3s ease-in-out infinite}@keyframes lpPulseGlow{0%,to{box-shadow:0 2px 12px rgba(255,149,0,.2)}50%{box-shadow:0 2px 24px rgba(255,149,0,.4)}}.lp-debt-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);font-weight:500}.lp-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);animation:lpBounce 2s ease-in-out infinite;color:var(--text-muted);z-index:1;text-decoration:none;opacity:.6;transition:opacity .2s ease}.lp-scroll-hint:hover{opacity:1}@keyframes lpBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}.lp-section{padding:100px 32px;max-width:1100px;margin:0 auto}.lp-section-center{text-align:center}.lp-section-center .lp-section-sub{margin-left:auto;margin-right:auto}.lp-section-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:12px}.lp-section h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text);margin-bottom:16px}.lp-section-sub{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6;color:var(--text-secondary);max-width:600px;margin-bottom:48px}.lp-debt-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:center}.lp-debt-text p{font-size:1.05rem;line-height:1.7;color:var(--text-secondary)}.lp-debt-demo{display:flex;flex-direction:column;gap:12px}.lp-demo-card{display:flex;align-items:center;padding:16px 20px;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all .3s ease;border:1px solid var(--glass-border);border-left:3px solid transparent}.lp-demo-card:hover{transform:translateX(4px);box-shadow:var(--shadow-md)}.lp-demo-circle{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);margin-right:14px;flex-shrink:0}.lp-demo-title{flex:1 1;font-size:.95rem;font-weight:400;color:var(--text)}.lp-demo-badge{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);color:white;white-space:nowrap;margin-left:12px}.lp-debt-0{border-left-color:#34c759}.lp-debt-0 .lp-demo-badge{background:#34c759}.lp-debt-0 .lp-demo-circle{border-color:#34c759}.lp-debt-3{border-left-color:#c8b900}.lp-debt-3 .lp-demo-badge{background:#c8b900}.lp-debt-3 .lp-demo-circle{border-color:#c8b900}.lp-debt-3 .lp-demo-title{font-weight:500}.lp-debt-6{border-left-color:#ff9500}.lp-debt-6 .lp-demo-badge{background:#ff9500}.lp-debt-6 .lp-demo-circle{border-color:#ff9500}.lp-debt-6 .lp-demo-title{font-weight:600}.lp-debt-9{border-left-color:#d63031}.lp-debt-9 .lp-demo-badge{background:#d63031}.lp-debt-9 .lp-demo-circle{border-color:#d63031}.lp-debt-9 .lp-demo-title{font-weight:700}.lp-views-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.lp-view-card{padding:28px 24px;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left}.lp-view-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-light)}.lp-view-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);margin-bottom:16px;color:white}.lp-view-card h3{font-size:1.05rem;font-weight:600;margin-bottom:6px;color:var(--text)}.lp-view-card p{font-size:.88rem;line-height:1.5;color:var(--text-secondary)}.lp-view-inbox .lp-view-icon{background:var(--accent)}.lp-view-today .lp-view-icon{background:#ff9500}.lp-view-upcoming .lp-view-icon{background:#ff3b30}.lp-view-someday .lp-view-icon{background:#af52de}.lp-view-logbook .lp-view-icon{background:var(--success)}.lp-org-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.lp-org-card{padding:32px 28px;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left}.lp-org-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.lp-org-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent);border-radius:var(--radius);margin-bottom:20px}.lp-org-card h3{font-size:1.15rem;font-weight:600;margin-bottom:8px;color:var(--text)}.lp-org-card p{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.lp-features-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.lp-feature-card{display:flex;align-items:flex-start;gap:16px;padding:28px 24px;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);transition:all .3s ease;text-align:left}.lp-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lp-feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent);border-radius:var(--radius);flex-shrink:0}.lp-feature-text h3{font-size:1rem;font-weight:600;margin-bottom:4px;color:var(--text)}.lp-feature-text p{font-size:.88rem;line-height:1.5;color:var(--text-secondary)}.lp-cta{text-align:center;padding:100px 32px;position:relative;overflow:hidden}.lp-cta-inner{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:64px 48px;background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.lp-cta h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;letter-spacing:-.03em;color:var(--text);margin-bottom:12px}.lp-cta p{font-size:1.05rem;color:var(--text-secondary);margin-bottom:32px}.lp-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.lp-footer-logo{font-weight:700;color:var(--text-secondary);letter-spacing:-.03em}@media (max-width:900px){.lp-debt-section{grid-template-columns:1fr;gap:40px}.lp-views-grid{grid-template-columns:repeat(2,1fr)}.lp-features-row,.lp-org-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{flex-wrap:wrap;gap:var(--space-3)}.quick-find{order:3;flex-basis:100%;max-width:none;margin:0}.lp-nav{padding:12px 20px}.lp-hero{padding:100px 20px 60px;min-height:auto}.lp-section{padding:60px 20px}.lp-views-grid{grid-template-columns:1fr}.lp-hero-actions{flex-direction:column;width:100%}.lp-btn-lg{width:100%;justify-content:center}.lp-cta-inner{padding:40px 24px}.lp-footer{padding:20px;flex-direction:column;gap:8px;text-align:center}.lp-orb-1{width:300px;height:300px}.lp-orb-2{width:250px;height:250px}.lp-orb-3{width:200px;height:200px}.lp-scroll-hint{bottom:24px}}.sidebar-container{display:contents}.mobile-menu-btn,.sidebar-mobile-header,.sidebar-overlay{display:none}.sidebar-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm)}.sidebar-close-btn:hover{color:var(--text);background:var(--border-light)}@media (max-width:768px){.sidebar-container{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;z-index:1000;background:var(--surface-solid);transform:translateX(-100%);transition:transform .3s cubic-bezier(.32,.72,0,1);box-shadow:none}.sidebar-container.open{transform:translateX(0);box-shadow:8px 0 40px rgba(0,0,0,.2)}.sidebar-container .sidebar{width:100%;border-right:none;flex:1 1;overflow-y:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:14px var(--space-5);border-bottom:1px solid var(--border)}.sidebar-mobile-title{font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-.03em}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;padding:8px;border-radius:var(--radius);-webkit-tap-highlight-color:transparent;transition:all .15s ease;flex-shrink:0}.mobile-menu-btn:active{transform:scale(.95);background:var(--glass-highlight)}.main-content{padding:var(--space-4) var(--space-4);padding-top:var(--space-5);width:100%;max-width:100%}.dashboard-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);gap:var(--space-3)}.app-title{font-size:1.5rem!important;flex:1 1;text-align:center}.task-card{padding:14px 16px!important;border-radius:var(--radius-lg);border-left-width:3px!important}.task-title{font-size:.95rem;line-height:1.4}.task-metadata{gap:var(--space-2);margin-top:var(--space-1)}.task-actions{margin-left:var(--space-2)}.task-actions button{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.btn-complete.circle{width:30px;height:30px}.task-card-badge{margin-left:var(--space-2)}.task-badge{font-size:.65rem;padding:2px 8px}.task-input{font-size:16px;padding:12px 16px;border-radius:var(--radius-lg)}.task-input-expand{width:44px;height:44px;border-radius:var(--radius-lg)}.task-detail-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;border-radius:0;animation:slideUp .3s cubic-bezier(.32,.72,0,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-backdrop{align-items:flex-end}.task-detail-row,.task-input-row{flex-direction:column}.summary-stats{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 var(--space-4)}.sort-btn{padding:6px 14px;font-size:.78rem}.logbook-date-header h2,.today-section-header h2,.upcoming-date-header h2{font-size:1rem}.logbook-summary,.today-summary,.upcoming-summary{padding:var(--space-4);margin-top:var(--space-6)}.stat-number{font-size:1.2rem}.stat{padding:var(--space-2)}.empty-logbook,.empty-project,.empty-today,.empty-upcoming{padding:var(--space-8) var(--space-4)}.empty-logbook h2,.empty-project h2,.empty-today h2,.empty-upcoming h2{font-size:1.1rem}.heading-actions{opacity:1}}@media (max-width:480px){.main-content{padding:var(--space-3);padding-top:var(--space-4)}.dashboard-header{padding-bottom:var(--space-2);margin-bottom:var(--space-3)}.app-title{font-size:1.3rem!important}.task-card{padding:12px 14px!important}}@supports (padding-top:env(safe-area-inset-top)){.sidebar-mobile-header{padding-top:calc(14px + env(safe-area-inset-top))}@media (max-width:768px){.main-content{padding:calc(var(--space-5) + env(safe-area-inset-top)) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-4) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left))}}}