*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f7;color:#333;line-height:1.6;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.loading-screen{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.app-container{min-height:100vh;display:flex;flex-direction:column}.sync-status-bar{background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:.5rem 1rem;transition:all .3s ease}.sync-status-bar.connected{background:#d1fae5;border-color:#34d399}.sync-status-bar.connecting{background:#dbeafe;border-color:#60a5fa}.sync-status-bar.error{background:#fee2e2;border-color:#f87171}.sync-status-bar.warning{background:#fef3c7;border-color:#fbbf24}.sync-status-content{display:flex;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto}.sync-status-icon{font-size:1.2rem;animation:none}.sync-status-bar.connecting .sync-status-icon{animation:spin 1s linear infinite}.sync-status-text{flex:1;font-size:.875rem;font-weight:500}.sync-action-btn{background:#0000001a;border:none;border-radius:4px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.sync-action-btn:hover:not(:disabled){background:#0003}.sync-action-btn.warning{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.sync-action-btn.warning:hover:not(:disabled){background:#fde68a}.sync-prompt{position:fixed;bottom:80px;left:20px;right:20px;max-width:400px;margin:0 auto;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1000;animation:slideUp .3s ease;transition:opacity .3s ease}.sync-prompt.fade-out{opacity:0}.sync-hint{position:fixed;top:20px;right:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 6px #0000001a;z-index:1000;display:flex;align-items:center;gap:1rem;animation:slideIn .3s ease;transition:opacity .3s ease}.sync-hint:has(span:first-child:contains("❌")){border-color:#ef4444;background:#fef2f2}.sync-hint.fade-out{opacity:0}.sync-hint button{background:#6366f1;color:#fff;border:none;border-radius:4px;padding:.25rem .75rem;font-size:.875rem;cursor:pointer;transition:background .2s}.sync-hint button:hover{background:#4f46e5}.sync-option-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s}.sync-option-btn:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sync-option-btn h3{margin:.5rem 0;color:#111827}.sync-option-btn p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.sync-option-btn small{font-size:.75rem}.sync-control-btn{position:fixed;bottom:20px;left:20px;width:56px;height:56px;background:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;transition:all .2s}.sync-control-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.sync-control-icon{font-size:1.5rem}.sync-control-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}.sync-control-panel{position:fixed;left:20px;bottom:90px;width:400px;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;display:flex;flex-direction:column;animation:slideUp .3s ease}.sync-panel-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.sync-panel-header h3{margin:0;font-size:1.25rem;color:#111827}.sync-panel-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.sync-panel-close:hover{background:#f3f4f6;color:#111827}.sync-panel-content{flex:1;overflow-y:auto;padding:1rem}.sync-section{margin-bottom:1.5rem}.sync-section h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.sync-status-info{background:#f9fafb;border-radius:8px;padding:.75rem}.status-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.status-row:last-child{border-bottom:none}.status-value{font-weight:500}.status-value.connected{color:#10b981}.status-value.disconnected{color:#ef4444}.status-value.warning{color:#f59e0b}.status-value.reconnecting{color:#3b82f6;animation:pulse 2s infinite}.status-value.waiting{color:#6b7280}.status-value.polling{color:#8b5cf6}.status-value.poll-waiting,.status-value.paused{color:#6b7280;font-style:italic}.status-value.error{color:#ef4444;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.change-list{background:#f9fafb;border-radius:8px;padding:.5rem}.change-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;margin-bottom:.25rem;background:#fff;border:1px solid #e5e7eb}.change-item:last-child{margin-bottom:0}.change-type{font-size:1.25rem}.change-desc{flex:1;font-size:.875rem;color:#374151}.change-time{font-size:.75rem;color:#6b7280}.sync-history{background:#f9fafb;border-radius:8px;padding:.5rem}.history-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin-bottom:.25rem}.history-item:last-child{margin-bottom:0}.history-icon{font-size:1rem}.history-desc{flex:1;font-size:.875rem;color:#374151}.history-time{font-size:.75rem;color:#6b7280}.sync-actions{display:grid;gap:.5rem}.sync-action-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.sync-action-btn:hover{background:#e5e7eb}.sync-action-btn.primary{background:#6366f1;color:#fff;border-color:#6366f1}.sync-action-btn.primary:hover{background:#4f46e5}.sync-action-btn:disabled{opacity:.5;cursor:not-allowed}.sync-empty{text-align:center;padding:1rem;color:#6b7280;font-size:.875rem}@media (max-width: 640px){.sync-control-panel{right:10px;left:10px;width:auto;bottom:80px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.sync-prompt-content{padding:1rem;display:flex;align-items:center;gap:.75rem}.sync-prompt-icon{font-size:1.5rem;flex-shrink:0}.sync-prompt-text{flex:1;font-size:.875rem;color:#92400e;font-weight:500}.sync-prompt-btn{background:#f59e0b;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.sync-prompt-btn:hover{background:#d97706}.sync-prompt-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.25rem;color:#92400e;cursor:pointer;padding:.25rem;line-height:1}.app-header{background:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.app-title{font-size:1.5rem;font-weight:600;color:#6366f1;white-space:nowrap}.version-badge{font-size:.7rem;opacity:.5}@media (max-width: 420px){.app-title{font-size:1.2rem}.version-badge{display:none}.sync-status-info{display:none!important}}.header-actions{display:flex;align-items:center;gap:.5rem}.sync-status-info{font-size:.75rem;color:#9ca3af;margin-right:1rem;display:flex;align-items:center;gap:.25rem}.sync-status-info .sync-time{display:inline-block}.sync-status-info:before{content:"Last sync:";color:#6b7280}.sync-btn,.menu-btn,.backup-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:transform .2s}.sync-btn:hover,.menu-btn:hover,.backup-btn:hover{transform:scale(1.1)}.backup-btn{color:#7c3aed}.backup-btn:hover{background:#7c3aed1a;border-radius:4px}.sync-content{padding:1.5rem}.sync-info{background:#e0e7ff;padding:1rem;border-radius:8px;margin-bottom:2rem;color:#4338ca}.sync-options{display:grid;gap:1.5rem}.sync-option{padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.sync-option h3{margin:0 0 .5rem;color:#1f2937}.sync-option p{margin:0 0 1rem;color:#6b7280;font-size:.9rem}.view-tabs{display:flex;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:60px;z-index:99}.tab-btn{flex:1;padding:.75rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:#6b7280;transition:all .3s;position:relative}.tab-btn:hover{color:#4b5563}.tab-btn.active{color:#6366f1}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#6366f1}.main-content{flex:1;padding:1rem;max-width:800px;margin:0 auto;width:100%}.view{display:none}.view.active{display:block}.current-task-container{margin-bottom:2rem}.current-task-label{font-size:1.2rem;font-weight:600;color:#4b5563;margin-bottom:1rem}.current-task{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.no-task{text-align:center;color:#6b7280;padding:2rem}.task-card{position:relative;padding-left:.5rem;transition:transform .1s}.task-card:active{transform:scale(.99)}.fixed-time-badge{position:absolute;top:.5rem;right:.5rem;background:#6366f1;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.task-urgency{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px}.urgency-1{background:#10b981}.urgency-2{background:#3b82f6}.urgency-3{background:#f59e0b}.urgency-4{background:#ef4444}.urgency-5{background:#991b1b}.task-title{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.task-description{color:#6b7280;margin-bottom:1rem}.task-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#6b7280}.day-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 4px;border-radius:4px;color:#fff;font-size:10px;font-weight:700;vertical-align:middle;line-height:1.4;letter-spacing:.3px}.day-0{background:#dc2626}.day-1{background:#4f46e5}.day-2{background:#0891b2}.day-3{background:#059669}.day-4{background:#7c3aed}.day-5{background:#2563eb}.day-6{background:#d97706}.deadline-day-label{font-size:.85rem;font-weight:500;white-space:nowrap;color:#6b7280}body.dark-mode .deadline-day-label{color:#9ca3af}.task-context{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.task-context span{font-size:.78rem;color:#8b5cf6;background:#8b5cf61a;padding:.2rem .6rem;border-radius:12px}body.dark-mode .task-context span{color:#a78bfa;background:#a78bfa26}.task-actions{display:flex;gap:.5rem}.dependencies-section{margin:1rem 0;padding-top:.75rem;border-top:1px solid var(--dep-border, #e5e7eb)}.dependencies-section h3{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.deps-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.dep-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;border-radius:6px;background:var(--dep-item-bg, #f9fafb);font-size:.85rem}.dep-done{opacity:.5;text-decoration:line-through}.dep-pending{color:var(--dep-pending-color, #b45309)}.dep-remove{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#9ca3af;padding:0 .3rem}.dep-remove:hover{color:#ef4444}.no-deps{font-size:.8rem;color:#9ca3af;font-style:italic}.dep-pick-btn:hover{background:var(--dep-pick-hover, #f3f4f6)!important}body.dark-mode{--dep-border: #374151;--dep-item-bg: #1f2937;--dep-pending-color: #fbbf24;--dep-pick-hover: #374151}.upcoming-tasks h3{font-size:1.1rem;color:#4b5563;margin-bottom:1rem}.upcoming-list{display:flex;flex-direction:column;gap:.75rem}.upcoming-task{background:#fff;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb}.upcoming-task .task-title{font-size:1rem;font-weight:500}.upcoming-task .task-time{font-size:.85rem;color:#6b7280}.list-header{display:flex;gap:1rem;margin-bottom:1rem}.search-input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.task-group{margin-bottom:2rem}.task-group h3{font-size:1.1rem;color:#4b5563;margin-bottom:1rem}.task-list-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:1rem;position:relative;transition:all .2s}.task-list-item:hover{box-shadow:0 2px 4px #0000001a}.task-list-item.completed{opacity:.6}.task-list-item.completed .task-content h4{text-decoration:line-through}.task-content{flex:1}.task-content h4{font-size:1rem;margin-bottom:.25rem}.tree-container{padding:1rem 0}.tree-node{margin-bottom:.5rem}.node-content{display:flex;align-items:center;margin-bottom:.5rem}.node-connector{width:20px;height:2px;background:#d1d5db;margin-right:.5rem}.node-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;position:relative}.node-box:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px);border-color:#6366f1}.completed-check{position:absolute;right:.5rem;color:#10b981;font-weight:700}.tree-node.completed .node-box{opacity:.7}.tree-node.completed .node-title{text-decoration:line-through}.urgency-dot{width:8px;height:8px;border-radius:50%}.node-title{font-weight:500}.node-time{font-size:.85rem;color:#6b7280}.node-children{position:relative}.node-children:before{content:"";position:absolute;left:10px;top:-10px;bottom:10px;width:2px;background:#d1d5db}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;user-select:none}.btn:active{transform:scale(.97);opacity:.85}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5}.btn-secondary{background:#e5e7eb;color:#4b5563}.btn-secondary:hover{background:#d1d5db}.btn-tertiary{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.btn-tertiary:hover{background:#e5e7eb;color:#4b5563}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:#6366f1;color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .3s;z-index:50}.fab:hover{transform:scale(1.1);box-shadow:0 6px 12px #00000026}.modal{position:fixed;inset:0;overflow:hidden;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1000}.modal.show{opacity:1;visibility:visible;overscroll-behavior:none;touch-action:none}body.modal-open{overflow:hidden;position:fixed;width:100%}.modal-content{background:#fff;border-radius:12px;touch-action:pan-y;max-width:500px;width:100%;max-height:90vh;overflow:hidden;overflow-x:hidden;display:flex;flex-direction:column;position:relative}.modal-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1.5rem 1.5rem 2rem;max-height:calc(90vh - 140px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#fff;border-radius:0 0 12px 12px;position:sticky;bottom:0;z-index:10}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.settings-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.settings-section:last-child{border-bottom:none}.settings-section h3{margin-bottom:1rem;font-size:1.1rem}.settings-actions{display:flex;gap:.75rem;flex-wrap:wrap}.checkbox-group{display:flex;flex-direction:column;gap:.5rem;margin-left:1.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem}input[type=time]{padding:.25rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);margin-left:.5rem}input[type=time]:disabled{opacity:.5;cursor:not-allowed}.sync-start{display:flex;flex-direction:column;gap:2rem}.sync-option{text-align:center;padding:1.5rem;background:#f9fafb;border-radius:8px}.sync-option h3{margin:0 0 .5rem;font-size:1.2rem}.sync-option p{margin:0 0 1rem;color:#6b7280}.sync-divider{text-align:center;color:#9ca3af;font-weight:500;position:relative}.sync-divider:before,.sync-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e5e7eb}.sync-divider:before{left:0}.sync-divider:after{right:0}.sync-input-group{display:flex;gap:.5rem;max-width:300px;margin:0 auto}.sync-input-group input{flex:1;text-align:center;font-size:1.2rem;letter-spacing:.1em}.room-code{font-family:monospace;font-size:1.5rem;color:#3b82f6;letter-spacing:.2em}.sync-room-info{text-align:center;margin-bottom:2rem}.sync-status{color:#059669;font-weight:500}.device-list{background:#f9fafb;border-radius:8px;padding:1rem;margin:1.5rem 0}.device-list h4{margin:0 0 1rem;font-size:1rem;color:#374151}.device-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:6px;margin-bottom:.5rem;border:1px solid #e5e7eb}.device-item:last-child{margin-bottom:0}.current-device{border-color:#3b82f6;background:#eff6ff}.device-icon{font-size:1.5rem}.device-name{flex:1;font-weight:500}.device-tag{font-size:.75rem;padding:.25rem .5rem;background:#e5e7eb;border-radius:4px;color:#374151}.current-device .device-tag{background:#3b82f6;color:#fff}.sync-actions{display:flex;gap:1rem;margin:1.5rem 0}.sync-actions button{flex:1}.sync-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:1rem;margin-top:1.5rem}.sync-info p{margin:.5rem 0;font-size:.875rem;color:#075985}.sync-connecting{text-align:center;padding:2rem}.sync-loading{margin:2rem 0}.spinner{width:40px;height:40px;margin:0 auto;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sync-code{width:100%;min-height:100px;font-family:monospace;font-size:.875rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;resize:vertical;margin:.5rem 0 1rem}.sync-host h3,.sync-join h3{margin:1.5rem 0 .5rem;font-size:1rem;color:#374151}.sync-host h3:first-child,.sync-join h3:first-child{margin-top:0}.sync-options{display:flex;gap:1rem;margin-bottom:1.5rem}.sync-options .btn-lg{flex:1;padding:1rem;font-size:1rem}.sync-status{text-align:center;margin-top:2rem}.sync-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.sync-option-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s}.sync-option-card:hover{background:#f3f4f6;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.sync-option-icon{font-size:2.5rem;margin-bottom:.75rem}.sync-option-card h3{margin:0 0 .5rem;font-size:1.1rem;color:#111827}.sync-option-card p{margin:0 0 .75rem;font-size:.875rem;color:#6b7280}.sync-option-badge{display:inline-block;padding:.25rem .75rem;background:#3b82f6;color:#fff;border-radius:9999px;font-size:.75rem;font-weight:500}.sync-option-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:1rem}.sync-option-info p{margin:0;font-size:.875rem;color:#075985}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.form-group select[multiple]{min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.deadline-urgent{color:#dc2626;font-weight:600;background:#fee2e2;padding:.25rem .75rem;border-radius:20px;display:inline-block}.deadline-soon{color:#d97706;font-weight:600;background:#fef3c7;padding:.25rem .75rem;border-radius:20px;display:inline-block}.task-detail-content{padding:1.5rem}.detail-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.detail-section:last-child{border-bottom:none}.detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-label{font-weight:500;color:#6b7280}.detail-row.explanation{margin-top:-.5rem;color:#9ca3af;font-style:italic}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.status-pending{background:#fef3c7;color:#92400e}.status-completed{background:#d1fae5;color:#065f46}.urgency-badge{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;color:#fff}.detail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.overdue{color:#dc2626;font-weight:600}.urgent{color:#ef4444;font-weight:600}.soon{color:#f59e0b}.fixed-time,.highlight{color:#6366f1;font-weight:600}.checkbox-label{display:flex;align-items:center;margin-top:.5rem;font-size:.9rem;color:#6b7280;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;min-width:18px;margin-right:.5rem;margin-bottom:0;cursor:pointer}.checkbox-label span{user-select:none}.notif-option{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;margin-bottom:.25rem;cursor:pointer;user-select:none;font-size:.9rem}.notif-option.sub{padding-left:.5rem}.notif-option input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:#6366f1;cursor:pointer;margin:0}.notif-option span{color:var(--notif-label-color, #374151)}body.dark-mode .notif-option span{color:#d1d5db}body.dark-mode{--notif-diag-bg: #1f2937;--notif-diag-color: #6b7280;--notif-section-color: #d1d5db;--notif-border: #374151;--notif-label-color: #d1d5db}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:#1f2937;color:#fff;padding:1rem 2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;opacity:0;transition:all .3s;z-index:2000}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.empty-state{text-align:center;padding:3rem;color:#6b7280}.p2p-content{padding:1.5rem}.p2p-info{background:#f0fdf4;padding:1rem;border-radius:8px;margin-bottom:2rem;color:#166534}.p2p-info p{margin:.5rem 0}.p2p-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.btn-large{padding:1.5rem;font-size:1.1rem;text-align:center}.p2p-status{min-height:200px}.sync-code{margin:1rem 0;display:flex;gap:.5rem;align-items:flex-start}.sync-code textarea{flex:1;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-family:monospace;font-size:.85rem;resize:vertical;min-height:80px}.p2p-host ol,.p2p-join ol{text-align:left;margin:1rem 0;padding-left:1.5rem}.p2p-host h3,.p2p-join h3,.p2p-answer h3{margin-bottom:1rem;color:#1f2937}#sync-code-input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-family:monospace;font-size:.85rem;margin-bottom:1rem}.loading{text-align:center;padding:2rem;color:#6b7280}.error{background:#fee;color:#dc2626;padding:1rem;border-radius:8px;text-align:center}#waiting-status,#sync-progress{text-align:center;padding:1rem;margin-top:1rem;background:#f3f4f6;border-radius:8px}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.task-actions{flex-wrap:wrap}.btn{padding:.5rem 1rem;font-size:.875rem}.fab{bottom:1rem;right:1rem}.p2p-options{grid-template-columns:1fr}.sync-code{flex-direction:column}.sync-code textarea{width:100%}.modal{padding:0;align-items:flex-end}.modal-content{max-height:85vh;max-width:100%;width:100%;margin:0;border-radius:20px 20px 0 0}.modal-body{max-height:calc(85vh - 120px);padding:1rem}.modal-header{padding:1rem}.modal-footer{padding:1rem;gap:.5rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.form-group input,.form-group textarea,.form-group select{min-height:44px}}.connection-methods{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.method-option{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s;text-align:center}.method-option:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.method-icon{font-size:3rem;margin-bottom:1rem}.method-content h3{font-size:1.1rem;margin-bottom:.5rem;color:#1f2937}.method-content p{font-size:.9rem;color:#6b7280;margin-bottom:1rem}.method-features{font-size:.8rem;color:#059669;background:#f0fdf4;padding:.5rem;border-radius:6px}.device-item.enhanced{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .2s}.device-item.enhanced:hover{background:#f0fdf4;border-color:#bbf7d0}.device-info{flex:1}.device-name{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.device-icon{font-size:1.2rem}.method-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:12px;font-weight:600}.method-badge.qr{background:#e0f2fe;color:#0277bd}.method-badge.token{background:#fff3e0;color:#f57c00}.device-meta{font-size:.8rem;color:#6b7280}.sync-indicator{position:fixed;top:20px;right:20px;z-index:9999;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sync-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-weight:500;box-shadow:0 4px 6px #0000001a}.sync-status.syncing{background:#e0f2fe;color:#0277bd}.sync-status.syncing .sync-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-status.synced{background:#d1fae5;color:#065f46}.sync-status.error{background:#fecaca;color:#dc2626}.qr-interface,.token-interface{margin-top:2rem}.qr-options,.token-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.qr-display,.token-display{margin:1.5rem 0;text-align:center}.qr-code-container{background:#fff;padding:1rem;border-radius:12px;border:1px solid #e5e7eb;margin:1rem 0}.qr-info,.token-info{background:#f3f4f6;padding:1rem;border-radius:8px;margin:1rem 0}.qr-instructions,.token-instructions{text-align:left;background:#f9fafb;padding:1rem;border-radius:8px;margin:1rem 0}.qr-instructions ol,.token-instructions ol{margin-left:1rem}.qr-instructions li,.token-instructions li{margin-bottom:.5rem}.token-code-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.token-code{font-family:Courier New,monospace;font-size:2rem;font-weight:700;background:#f0f9ff;color:#0369a1;padding:1rem 2rem;border-radius:8px;border:2px solid #bae6fd;letter-spacing:.2rem}.token-input-form{text-align:center;margin:1.5rem 0}.token-form{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.token-input-help{font-size:.8rem;color:#6b7280;margin-top:1rem}.camera-interface{text-align:center;margin:1.5rem 0}.camera-container{position:relative;display:inline-block;margin:1rem 0}.camera-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0000004d;color:#fff;border-radius:8px}.scan-area{width:200px;height:200px;border:3px solid #22c55e;border-radius:12px;margin-bottom:1rem;background:#22c55e1a}.success-content{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin:1rem 0}.qr-upload-interface{margin-top:1rem}.upload-area{transition:border-color .3s,background-color .3s}.upload-area:hover{border-color:#6366f1;background-color:#f8fafc}.qr-upload-preview{margin:1rem 0}.upload-preview{text-align:center;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.qr-upload-result{margin-top:1rem}.qr-actions{margin:1rem 0}.qr-actions .btn{margin:0 .5rem}@media (max-width: 640px){.connection-methods,.qr-options,.token-options{grid-template-columns:1fr}.token-form{flex-direction:column}.token-code{font-size:1.5rem;padding:.75rem 1.5rem}.device-item.enhanced{flex-direction:column;text-align:center;gap:1rem}}@media (display-mode: standalone){.app-header{padding-top:env(safe-area-inset-top)}}.task-checkbox{display:flex;align-items:center}.task-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.task-item-actions{display:flex;gap:.5rem}.btn-edit-small,.btn-delete-small{background:none;border:none;font-size:1rem;cursor:pointer;padding:.25rem;opacity:.6;transition:opacity .2s}.btn-edit-small:hover,.btn-delete-small:hover{opacity:1}.task-list{display:flex;flex-direction:column;gap:.5rem}.filter-controls{display:flex;gap:.5rem}.filter-controls button.active{background:#6366f1;color:#fff}.task-list-item{position:relative;padding-left:1rem}.task-list-item .task-meta{margin-top:.5rem;display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.task-list-item .task-meta span{display:inline-flex;align-items:center;gap:.25rem}.task-list-item .fixed-time-badge{background:#e0e7ff;color:#4338ca;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.task-list-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;margin-bottom:.75rem;position:relative;transition:all .2s ease;overflow:hidden}.task-list-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.task-list-item.overdue{background:#fef2f2;border-color:#fecaca}.task-header-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.task-header-row h4{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.priority-badge{padding:.2rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.priority-badge.high{background:#fee2e2;color:#dc2626}.priority-badge.medium{background:#fef3c7;color:#d97706}.task-list-item .fixed-time-badge{background:#ddd6fe;color:#7c3aed;padding:.2rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.task-list-item .task-description{color:#6b7280;font-size:.9rem;margin:.5rem 0;line-height:1.5}.task-list-item .task-meta{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:1rem}.meta-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;color:#6b7280}.meta-item svg{opacity:.6}.meta-item.duration{color:#3b82f6}.meta-item.deadline{color:#10b981}.meta-item.deadline.soon{color:#f59e0b;font-weight:500}.meta-item.deadline.overdue{color:#ef4444;font-weight:600}.meta-item.dependencies{color:#8b5cf6}.task-item-actions{display:flex;gap:.5rem;margin-left:auto}.btn-icon-small{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;color:#6b7280}.btn-icon-small:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827}.btn-icon-small.delete:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.btn-icon-small svg{display:block}.task-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#6366f1}.task-urgency{position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:12px 0 0 12px;transition:width .2s}.task-list-item:hover .task-urgency{width:8px}.task-list-item.completed{background:#f9fafb;opacity:.7}.task-list-item.completed .task-header-row h4,.task-list-item.completed .task-description,.task-list-item.completed .meta-item{color:#9ca3af}@media (max-width: 640px){.task-header-row{flex-wrap:wrap}.task-list-item{padding:.875rem 1rem}.task-item-actions{margin-top:.5rem}}.tree-node{transition:all .2s;margin-bottom:.75rem}.tree-node.overdue .node-box{border-color:#ef4444;background:#fef2f2}.tree-node.priority-critical .node-box{border-left:4px solid #ef4444;background:linear-gradient(to right,rgba(239,68,68,.05),transparent)}.tree-node.priority-high .node-box{border-left:4px solid #f59e0b;background:linear-gradient(to right,rgba(245,158,11,.05),transparent)}.tree-node.priority-medium .node-box{border-left:4px solid #3b82f6;background:linear-gradient(to right,rgba(59,130,246,.05),transparent)}.node-box{display:flex;align-items:stretch;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;min-height:60px}.node-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#6366f1}.node-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.node-header{display:flex;align-items:center;gap:.5rem}.node-title{font-weight:600;font-size:1rem;color:#111827}.fixed-time-indicator{font-size:.9rem;opacity:.8}.priority-indicator{font-size:.9rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.node-desc{font-size:.875rem;color:#6b7280;line-height:1.4}.node-info{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;font-size:.75rem;color:#6b7280;margin-top:.25rem}.node-info>span{display:flex;align-items:center;gap:.25rem}.node-duration{white-space:nowrap;color:#3b82f6}.node-deadline{white-space:nowrap}.node-deadline.overdue{color:#ef4444;font-weight:600}.node-deadline.today{color:#f59e0b;font-weight:600}.node-deadline.tomorrow{color:#8b5cf6;font-weight:500}.node-subtasks{white-space:nowrap;color:#3b82f6;font-weight:500}.node-urgency{background:#fef3c7;color:#92400e;padding:.125rem .5rem;border-radius:12px;font-weight:500}.node-blockers{color:#b45309;font-size:.75rem}.blocker-line{fill:none;stroke:#f59e0b;stroke-width:2;stroke-dasharray:6 4;opacity:.6}.blocker-line-dot{fill:#f59e0b;opacity:.8}body.dark-mode .blocker-line{stroke:#fbbf24}body.dark-mode .blocker-line-dot{fill:#fbbf24}body.dark-mode .node-blockers{color:#fbbf24}.node-actions{display:flex;align-items:center;gap:.5rem;opacity:0;transition:opacity .2s;pointer-events:none}.node-box:hover .node-actions{opacity:1;pointer-events:auto}@media (max-width: 640px){.node-actions{display:none}}.btn-icon-small{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.875rem}.tree-node.completed .node-box{opacity:.6;background:#f9fafb}.tree-node.completed .node-title{text-decoration:line-through;color:#9ca3af}.tree-node.completed .node-desc,.tree-node.completed .node-info{color:#9ca3af}.task-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;padding:1rem;background:#f9fafb;border-radius:8px}.detail-item{display:flex;flex-direction:column;gap:.25rem}.subtasks-section{margin-top:2rem}.subtasks-section h3{font-size:1.1rem;margin-bottom:1rem}.subtasks-list{display:flex;flex-direction:column;gap:.5rem}.subtask-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f9fafb;border-radius:4px;transition:all .2s}.subtask-item:hover{background:#f3f4f6}.subtask-item.completed span{text-decoration:line-through;color:#9ca3af}.modal-actions{display:flex;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-disabled{background:#e5e7eb \!important;color:#9ca3af \!important;cursor:not-allowed \!important}.task-subtasks{font-size:.75rem;color:#3b82f6;margin-top:.25rem}.current-task.task-card{cursor:pointer;transition:transform .2s}.current-task.task-card:hover{transform:translateY(-2px)}.upcoming-task{cursor:pointer;transition:background-color .2s}.upcoming-task:hover{background:#f9fafb}.search-controls{flex:1;margin:0 1rem}.search-input{width:100%;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.search-results-info{padding:.5rem 1rem;background:#f3f4f6;border-radius:8px;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.task-section{margin-bottom:2rem}.section-header{font-size:1.125rem;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.priority-group{margin-bottom:1.5rem}.group-header{font-size:1rem;color:#4b5563;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;cursor:default}.priority-group.collapsible .group-header{cursor:pointer;user-select:none}.priority-group.collapsible .group-header:hover{color:#374151}.collapse-icon{transition:transform .2s;margin-left:.5rem}.priority-group.collapsed .collapse-icon{transform:rotate(-90deg)}.priority-group.collapsed .group-content{display:none}.critical-group .group-header{color:#dc2626}.important-group .group-header{color:#f59e0b}.normal-group .group-header{color:#10b981}.completed-tasks{opacity:.8}.completed-list{margin-bottom:1rem}.load-more{width:100%;padding:.75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-weight:500;cursor:pointer;transition:all .2s}.load-more:hover{background:#e5e7eb;color:#374151}.toggle-switch{display:flex;align-items:center;cursor:pointer;user-select:none}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{width:48px;height:24px;background-color:#ccc;border-radius:24px;position:relative;transition:background-color .3s;display:inline-block}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .3s}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:#6366f1}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px)}body.dark-mode{background-color:#0d1117;color:#c9d1d9;transition:background-color .3s ease,color .3s ease}body.dark-mode .app-header{background:#161b22;border-bottom-color:#30363d;box-shadow:0 1px #30363d80}body.dark-mode .view-tabs{background:#0d1117;border-bottom-color:#21262d}body.dark-mode .tab-btn{color:#8b949e;transition:all .2s ease}body.dark-mode .tab-btn:hover{background:#b1bac41f;color:#c9d1d9}body.dark-mode .tab-btn.active{color:#f0f6fc;border-bottom-color:#58a6ff}body.dark-mode .main-content{background:#0d1117}body.dark-mode .task-card,body.dark-mode .list-task-item,body.dark-mode .tree-node{background:#161b22;border-color:#30363d;box-shadow:0 1px 2px #0003;transition:all .2s ease}body.dark-mode .task-card:hover,body.dark-mode .list-task-item:hover{background:#1c2128;border-color:#38424c;box-shadow:0 3px 6px #0000004d;transform:translateY(-1px)}body.dark-mode .upcoming-task{background:#0d1117;border:1px solid #30363d;transition:all .2s ease}body.dark-mode .upcoming-task:hover{background:#161b22;border-color:#38424c}body.dark-mode .btn{background:#21262d;color:#c9d1d9;border-color:#30363d;transition:all .2s ease}body.dark-mode .btn:hover{background:#30363d;border-color:#38424c;transform:translateY(-1px)}body.dark-mode .btn-primary{background:#238636;color:#fff;border-color:#238636;font-weight:500}body.dark-mode .btn-primary:hover{background:#2ea043;border-color:#2ea043;transform:translateY(-1px)}body.dark-mode .btn-success{background:#238636;color:#fff}body.dark-mode .btn-success:hover{background:#2ea043}body.dark-mode .btn-danger{background:#da3633;color:#fff}body.dark-mode .btn-danger:hover{background:#f85149}body.dark-mode .modal{background:#010409d9;backdrop-filter:blur(4px)}body.dark-mode .modal-content{background:#161b22;border-color:#30363d;box-shadow:0 10px 30px #00000080}body.dark-mode .modal-header{border-bottom-color:#21262d}body.dark-mode .modal-footer{border-top-color:#21262d;background:#0d111780}body.dark-mode input[type=text],body.dark-mode input[type=number],body.dark-mode input[type=datetime-local],body.dark-mode input[type=time],body.dark-mode textarea,body.dark-mode select{background:#0d1117;color:#c9d1d9;border-color:#30363d;transition:all .2s ease}body.dark-mode input[type=text]:focus,body.dark-mode input[type=number]:focus,body.dark-mode input[type=datetime-local]:focus,body.dark-mode input[type=time]:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{background:#161b22;border-color:#58a6ff;outline:none;box-shadow:0 0 0 3px #58a6ff26}body.dark-mode .form-group label{color:#ccc}body.dark-mode .settings-section{border-bottom-color:#3e3e42}body.dark-mode .toast{background:#2d2d30;color:#fff;box-shadow:0 4px 6px #0006}body.dark-mode .toast-success{background:#065f46}body.dark-mode .toast-error{background:#7f1d1d}body.dark-mode .toast-info{background:#1e40af;color:#e0e7ff}body.dark-mode .sync-status-bar{background:#252526;border-bottom-color:#3e3e42}body.dark-mode .sync-status-bar.connected{background:#064e3b;border-color:#10b981}body.dark-mode .sync-status-bar.connecting{background:#1e40af;border-color:#60a5fa;color:#e0e7ff}body.dark-mode .sync-status-bar.error{background:#7f1d1d;border-color:#ef4444}body.dark-mode .search-container{background:#252526;border-bottom-color:#3e3e42}body.dark-mode .search-input{background:#3e3e42;color:#ccc;border-color:#4e4e52}body.dark-mode .search-input:focus{border-color:#6366f1}body.dark-mode .no-task{color:#9ca3af}body.dark-mode .parent-info{background:#2d2d30!important;color:#ccc}body.dark-mode .load-more{background:#2d2d30;border-color:#3e3e42;color:#ccc}body.dark-mode .load-more:hover{background:#3e3e42}body.dark-mode .room-code{color:#60a5fa}body.dark-mode .highlight{color:#818cf8;background:#6366f133}body.dark-mode .meta-item.duration,body.dark-mode .node-duration,body.dark-mode .task-subtasks{color:#60a5fa}body.dark-mode .sync-option-badge{background:#4f46e5;color:#e0e7ff}body.dark-mode .fixed-time-badge{background:#4c1d95;color:#e9d5ff}body.dark-mode a,body.dark-mode .link{color:#60a5fa}body.dark-mode a:hover,body.dark-mode .link:hover{color:#93c5fd}body.dark-mode .status-value.reconnecting,body.dark-mode .status-value.polling{color:#a78bfa}body.dark-mode .task-title a{color:#e5e5e7}body.dark-mode .task-meta span{color:#9ca3af}body.dark-mode .deadline-urgent{color:#fca5a5}body.dark-mode .deadline-soon{color:#fde047}body.dark-mode .sync-hint button{background:#4f46e5;color:#e0e7ff}body.dark-mode .sync-hint button:hover{background:#6366f1}body.dark-mode .urgency-1{background:#dc2626}body.dark-mode .urgency-2{background:#ea580c}body.dark-mode .urgency-3{background:#ca8a04}body.dark-mode .urgency-4{background:#65a30d}body.dark-mode .urgency-5{background:#16a34a}body.dark-mode .priority-label{background:#374151;color:#e5e7eb}body.dark-mode .priority-critical .priority-label{background:#7f1d1d;color:#fecaca}body.dark-mode .priority-high .priority-label{background:#7c2d12;color:#fed7aa}body.dark-mode .section-header{color:#e5e7eb;border-bottom-color:#374151}body.dark-mode .btn-secondary{background:#374151;color:#e5e7eb;border-color:#4b5563}body.dark-mode .btn-secondary:hover{background:#4b5563;border-color:#6b7280}body.dark-mode .current-task-label,body.dark-mode .upcoming-tasks h3{color:#9ca3af}body.dark-mode .view-tabs{border-bottom:2px solid #374151}body.dark-mode .tab-btn.active{border-bottom-color:#818cf8}body.dark-mode .task-card h3,body.dark-mode .task-title{color:#e5e7eb}body.dark-mode .task-description{color:#9ca3af}body.dark-mode .app-title{color:#818cf8}body.dark-mode .version-badge{color:#6b7280}body.dark-mode .add-btn{background:#4f46e5;color:#fff}body.dark-mode .add-btn:hover{background:#6366f1}body.dark-mode .urgency-1,body.dark-mode .urgency-1 *,body.dark-mode .urgency-2,body.dark-mode .urgency-2 *,body.dark-mode .urgency-3,body.dark-mode .urgency-3 *,body.dark-mode .urgency-4,body.dark-mode .urgency-4 *,body.dark-mode .urgency-5,body.dark-mode .urgency-5 *{color:#fff!important}body.dark-mode .tree-node .node-box{background:#161b22;border-color:#30363d;transition:all .2s ease}body.dark-mode .tree-node .node-title{color:#e5e7eb}body.dark-mode .tree-node .node-meta{color:#9ca3af}body.dark-mode .tree-node.priority-critical .node-box{background:linear-gradient(135deg,#7f1d1d,#991b1b)}body.dark-mode .tree-node.priority-critical .node-title,body.dark-mode .tree-node.priority-critical .node-meta,body.dark-mode .tree-node.priority-critical .node-actions button{color:#fff!important}body.dark-mode .tree-node.priority-high .node-box{background:linear-gradient(135deg,#7c2d12,#9a3412)}body.dark-mode .tree-node.priority-high .node-title,body.dark-mode .tree-node.priority-high .node-meta,body.dark-mode .tree-node.priority-high .node-actions button{color:#fff!important}body.dark-mode .tree-node.priority-medium .node-box{background:linear-gradient(135deg,#1e3a8a,#1e40af)}body.dark-mode .tree-node.priority-medium .node-title,body.dark-mode .tree-node.priority-medium .node-meta,body.dark-mode .tree-node.priority-medium .node-actions button{color:#fff!important}body.dark-mode .tree-node.completed .node-title{color:#6b7280;text-decoration:line-through}body.dark-mode .tree-node.completed .node-meta{color:#4b5563}body.dark-mode .tree-children{border-left-color:#4b5563}body.dark-mode .node-urgency{background:#854d0e;color:#fef3c7}body.dark-mode .tree-node.priority-critical .btn-icon-small,body.dark-mode .tree-node.priority-high .btn-icon-small,body.dark-mode .tree-node.priority-medium .btn-icon-small{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff!important}body.dark-mode .tree-node.priority-critical .btn-icon-small:hover,body.dark-mode .tree-node.priority-high .btn-icon-small:hover,body.dark-mode .tree-node.priority-medium .btn-icon-small:hover{background:#00000080;border-color:#ffffff4d;transform:scale(1.1)}.install-banner{position:fixed;bottom:0;left:0;right:0;background:#6366f1;color:#fff;padding:1rem;z-index:9999;box-shadow:0 -2px 10px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-banner-content{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto;gap:1rem}.install-banner-text{display:flex;flex-direction:column;gap:.25rem}.install-banner-text span{font-size:.85rem;opacity:.9}.install-banner-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-install-accept{background:#fff;color:#6366f1;border:none;padding:.5rem 1.25rem;border-radius:6px;font-weight:600;cursor:pointer}.btn-install-dismiss{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.5rem 1rem;border-radius:6px;cursor:pointer}body.standalone .install-banner{display:none!important}.follow-up-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1200;animation:followUpFadeIn .2s ease;padding:1rem}.follow-up-overlay.follow-up-fade-out{animation:followUpFadeOut .2s ease forwards}.follow-up-card{background:var(--card-bg, #fff);border-radius:16px;padding:1.5rem;width:100%;max-width:380px;text-align:center;box-shadow:0 8px 32px #00000026}.follow-up-done{color:#059669;font-size:.9rem;font-weight:600;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-up-ask{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary, #111827)}.follow-up-input{width:100%;padding:.75rem 1rem;border:2px solid var(--notif-border, #d1d5db);border-radius:10px;font-size:1rem;background:var(--input-bg, #fff);color:var(--text-primary, #111827);transition:border-color .15s}.follow-up-input:focus{outline:none;border-color:var(--primary, #7c3aed)}.follow-up-actions{margin-top:.75rem}.follow-up-skip{background:none;border:none;color:var(--text-secondary, #6b7280);font-size:.875rem;cursor:pointer;padding:.5rem 1rem}.follow-up-skip:hover{color:var(--text-primary, #111827)}@keyframes followUpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes followUpFadeOut{0%{opacity:1}to{opacity:0}}.urgency-seg{display:flex;position:relative;background:#f3f4f6;border-radius:20px;padding:3px}.urgency-seg-btn{flex:1;padding:8px 2px;text-align:center;font-size:13px;color:#9ca3af;cursor:pointer;user-select:none;transition:all .2s;border-radius:18px;position:relative;z-index:1}.urgency-seg-btn:empty{flex:.7;padding:8px 0;margin:0 -18px}.urgency-seg-btn:hover{color:#6b7280}.urgency-seg-btn.active{font-weight:600;z-index:2}.urgency-seg-btn.active[data-val="1"]{background:#dbeafe;color:#1d4ed8}.urgency-seg-btn.active[data-val="2"]{background:linear-gradient(to right,#fef3c7,#dbeafe);color:#4338ca}.urgency-seg-btn.active[data-val="3"]{background:#fef3c7;color:#b45309}.urgency-seg-btn.active[data-val="4"]{background:linear-gradient(to right,#fecaca,#fef3c7);color:#c2410c}.urgency-seg-btn.active[data-val="5"]{background:#fecaca;color:#dc2626}body.dark-mode .urgency-seg{background:#1f2937}body.dark-mode .urgency-seg-btn{color:#6b7280}body.dark-mode .urgency-seg-btn:hover{color:#9ca3af}body.dark-mode .urgency-seg-btn.active[data-val="1"]{background:#1e3a5f;color:#93c5fd}body.dark-mode .urgency-seg-btn.active[data-val="2"]{background:linear-gradient(to right,#78350f,#1e3a5f);color:#a5b4fc}body.dark-mode .urgency-seg-btn.active[data-val="3"]{background:#78350f;color:#fcd34d}body.dark-mode .urgency-seg-btn.active[data-val="4"]{background:linear-gradient(to right,#7f1d1d,#78350f);color:#fdba74}body.dark-mode .urgency-seg-btn.active[data-val="5"]{background:#7f1d1d;color:#fca5a5}.auto-sync-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(20px);background:#1f2937;color:#fff;padding:10px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px;box-shadow:0 4px 12px #0003;opacity:0;transition:all .2s;z-index:1200}.auto-sync-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.auto-sync-yes{background:#7c3aed;color:#fff;border:none;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:13px}.auto-sync-no{background:none;color:#9ca3af;border:none;cursor:pointer;font-size:13px}.auto-sync-indicator{font-size:11px;color:#7c3aed;cursor:pointer;padding:2px 8px;border-radius:4px;background:#7c3aed1a}body.dark-mode .auto-sync-indicator{color:#a78bfa;background:#a78bfa1a}.notes-section{margin:1rem 0;padding-top:.75rem;border-top:1px solid #e5e7eb}.notes-section h3{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.notes-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.note-item{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.3rem 0;font-size:.85rem}.note-text{color:#374151;flex:1}.note-time{color:#9ca3af;font-size:.75rem;white-space:nowrap}.no-notes{font-size:.8rem;color:#9ca3af;font-style:italic}.note-input{width:100%;padding:.4rem .6rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem}.note-input:focus{outline:none;border-color:#7c3aed}body.dark-mode .notes-section{border-top-color:#30363d}body.dark-mode .note-text{color:#c9d1d9}body.dark-mode .note-time{color:#6b7280}body.dark-mode .note-input{background:#0d1117;color:#c9d1d9;border-color:#30363d}body.dark-mode .note-input:focus{border-color:#7c3aed}.deadline-input-wrap{position:relative}.deadline-input-wrap .deadline-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;z-index:1}.deadline-input-wrap input{padding-left:34px!important}body.dark-mode .subtask-item{background:#161b22}body.dark-mode .subtask-item:hover{background:#1f2937}body.dark-mode .task-list-item.completed{background:#161b22}body.dark-mode .btn-icon-small{background:#1f2937}body.dark-mode .btn-icon-small:hover{background:#374151}body.dark-mode .task-details-grid{background:#1f2937}body.dark-mode .dependencies-section{border-top-color:#30363d}body.dark-mode .dep-item{background:#161b22}body.dark-mode .dep-pending{color:#fbbf24}body.dark-mode .dep-remove{color:#6b7280}body.dark-mode .dep-remove:hover{color:#f87171}body.dark-mode .no-deps{color:#6b7280}body.dark-mode .dep-pick-btn{color:#c9d1d9}body.dark-mode .dep-pick-btn:hover{background:#1f2937}body.dark-mode .deadline-icon{color:#6b7280}body.dark-mode .follow-up-card{background:#161b22}body.dark-mode .follow-up-ask{color:#c9d1d9}body.dark-mode .follow-up-input{background:#0d1117;color:#c9d1d9;border-color:#30363d}body.dark-mode .follow-up-input:focus{border-color:#7c3aed}body.dark-mode .follow-up-skip{color:#8b949e}body.dark-mode .follow-up-skip:hover{color:#c9d1d9}.flatpickr-calendar .flatpickr-time{border-top:1px solid #e5e7eb;padding:8px 0;margin-top:4px}.flatpickr-calendar .flatpickr-time input{font-size:16px!important;height:36px!important}.flatpickr-calendar .flatpickr-time .flatpickr-am-pm{font-size:14px!important;height:36px!important;line-height:36px}.flatpickr-calendar .flatpickr-time .numInputWrapper{height:36px}.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp,.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown{padding:0 4px}.flatpickr-dark{background:#1f2937!important;border-color:#374151!important;box-shadow:0 4px 16px #0006!important}.flatpickr-dark .flatpickr-months,.flatpickr-dark .flatpickr-weekdays{background:#1f2937}.flatpickr-dark .flatpickr-month,.flatpickr-dark span.flatpickr-weekday{color:#e5e7eb}.flatpickr-dark .flatpickr-day{color:#d1d5db}.flatpickr-dark .flatpickr-day:hover{background:#374151;border-color:#374151}.flatpickr-dark .flatpickr-day.today{border-color:#7c3aed}.flatpickr-dark .flatpickr-day.selected{background:#7c3aed;border-color:#7c3aed;color:#fff}.flatpickr-dark .flatpickr-day.prevMonthDay,.flatpickr-dark .flatpickr-day.nextMonthDay{color:#6b7280}.flatpickr-dark .flatpickr-time input,.flatpickr-dark .flatpickr-time .flatpickr-am-pm{color:#e5e7eb;background:#1f2937}.flatpickr-dark .flatpickr-time .flatpickr-time-separator{color:#9ca3af}.flatpickr-dark .numInputWrapper:hover{background:#374151}.flatpickr-dark .flatpickr-time{border-top-color:#374151}.flatpickr-dark .flatpickr-months .flatpickr-prev-month svg,.flatpickr-dark .flatpickr-months .flatpickr-next-month svg{fill:#9ca3af}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}