:root{--bg-body: #f5f5f5;--bg-primary: #2196f3;--bg-header: linear-gradient(to bottom, #42a5f5 0%, #2196f3 50%, #1e88e5 100%);--bg-page: #f5f5f5;--bg-card: #ffffff;--bg-card-end: #fafafa;--bg-input: #f5f5f5;--bg-input-focus: #fafafa;--bg-tab-bar: linear-gradient(to top, #bdbdbd 0%, #e0e0e0 100%);--bg-tab: linear-gradient(to bottom, #eeeeee 0%, #f5f5f5 100%);--bg-tab-active: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);--bg-modal-backdrop: rgba(0, 0, 0, .5);--fab-bg: #ff5722;--fab-shadow: rgba(255, 87, 34, .4);--text-primary: #212121;--text-secondary: #757575;--text-muted: #9e9e9e;--text-placeholder: #9e9e9e;--text-inverse: #ffffff;--border-color: #eeeeee;--border-color-strong: #e0e0e0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .15);--checkbox-bg: rgba(34, 197, 94, .05);--checkbox-border: #22c55e}[data-theme=dark]{--bg-body: #111;--bg-primary: #212121;--bg-header: linear-gradient(to bottom, #1e1e1e 0%, #181818 100%);--bg-page: #242424;--bg-card: #2a2a2a;--bg-card-end: #282828;--bg-input: #333;--bg-input-focus: #3a3a3a;--bg-tab-bar: linear-gradient(to top, #141414 0%, #111 100%);--bg-tab: #1a1a1a;--bg-tab-active: #242424;--bg-modal-backdrop: rgba(0, 0, 0, .85);--fab-bg: #e64a19;--fab-shadow: rgba(0, 0, 0, .4);--text-primary: #f5f5f5;--text-secondary: #e0e0e0;--text-muted: #bdbdbd;--text-placeholder: #9e9e9e;--text-inverse: #212121;--border-color: #616161;--border-color-strong: #757575;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .4);--checkbox-bg: rgba(34, 197, 94, .1);--checkbox-border: #22c55e;--glow-primary: 0 0 8px rgba(33, 150, 243, .3);--glow-success: 0 0 8px rgba(34, 197, 94, .3);--glow-accent: 0 0 8px rgba(255, 87, 34, .3);--tag-bg: #c94a1c;--tag-bg-light: #b8441a}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-body: #111;--bg-primary: #212121;--bg-header: linear-gradient(to bottom, #1e1e1e 0%, #181818 100%);--bg-page: #242424;--bg-card: #2a2a2a;--bg-card-end: #282828;--bg-input: #333;--bg-input-focus: #3a3a3a;--bg-tab-bar: linear-gradient(to top, #141414 0%, #111 100%);--bg-tab: #1a1a1a;--bg-tab-active: #242424;--bg-modal-backdrop: rgba(0, 0, 0, .85);--fab-bg: #e64a19;--fab-shadow: rgba(0, 0, 0, .4);--text-primary: #f5f5f5;--text-secondary: #e0e0e0;--text-muted: #bdbdbd;--text-placeholder: #9e9e9e;--text-inverse: #212121;--border-color: #616161;--border-color-strong: #757575;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .4);--checkbox-bg: rgba(34, 197, 94, .1);--checkbox-border: #22c55e;--glow-primary: 0 0 8px rgba(33, 150, 243, .3);--glow-success: 0 0 8px rgba(34, 197, 94, .3);--glow-accent: 0 0 8px rgba(255, 87, 34, .3);--tag-bg: #c94a1c;--tag-bg-light: #b8441a}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow-x:hidden;background-color:var(--bg-body)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-body);min-height:100vh;min-height:100dvh;overscroll-behavior:none;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;border:none;background:none}ul,ol{list-style:none}img,svg{display:block;max-width:100%}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none}[hidden]{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:#fff;border-radius:8px;transition:all .15s ease;box-shadow:0 1px 2px #00000026;cursor:pointer}.btn svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn{background:linear-gradient(to bottom,#9e9e9e,#8a8a8a)}.btn:hover{background:linear-gradient(to bottom,#ababab,#9e9e9e)}.btn:active{background:linear-gradient(to bottom,#919191,#858585)}.btn--primary{background:linear-gradient(to bottom,#1976d2,#1562ae)}.btn--primary:hover{background:linear-gradient(to bottom,#2083e4,#1976d2)}.btn--primary:active{background:linear-gradient(to bottom,#1669bb,#145ca4)}.btn--danger{background:linear-gradient(to bottom,#c62828,#a42121)}.btn--danger:hover{background:linear-gradient(to bottom,#d63232,#c62828)}.btn--danger:active{background:linear-gradient(to bottom,#b12424,#9c1f1f)}.btn--success{background:linear-gradient(to bottom,#16a34a,#117f3a)}.btn--success:hover{background:linear-gradient(to bottom,#19b954,#16a34a)}.btn--success:active{background:linear-gradient(to bottom,#138d40,#107636)}.btn--ghost{background:var(--bg-input);color:var(--text-primary);box-shadow:none}.btn--ghost:hover{background:var(--border-color)}.btn--ghost:active{background:var(--border-color-strong)}.btn--full{width:100%}:root{--scrollbar-track: transparent;--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35)}[data-theme=dark]{--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .35)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .35)}}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}html::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:2px solid var(--scrollbar-track)}html::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}html::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.modal__content,.settings-panel__content,.task-editor__content,.dropdown__menu,.autocomplete__list,.task-editor__deps-list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.modal__content::-webkit-scrollbar,.settings-panel__content::-webkit-scrollbar,.task-editor__content::-webkit-scrollbar,.dropdown__menu::-webkit-scrollbar,.autocomplete__list::-webkit-scrollbar,.task-editor__deps-list::-webkit-scrollbar{width:8px;height:8px}.modal__content::-webkit-scrollbar-track,.settings-panel__content::-webkit-scrollbar-track,.task-editor__content::-webkit-scrollbar-track,.dropdown__menu::-webkit-scrollbar-track,.autocomplete__list::-webkit-scrollbar-track,.task-editor__deps-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.modal__content::-webkit-scrollbar-thumb,.settings-panel__content::-webkit-scrollbar-thumb,.task-editor__content::-webkit-scrollbar-thumb,.dropdown__menu::-webkit-scrollbar-thumb,.autocomplete__list::-webkit-scrollbar-thumb,.task-editor__deps-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:2px solid var(--scrollbar-track)}.modal__content::-webkit-scrollbar-thumb:hover,.settings-panel__content::-webkit-scrollbar-thumb:hover,.task-editor__content::-webkit-scrollbar-thumb:hover,.dropdown__menu::-webkit-scrollbar-thumb:hover,.autocomplete__list::-webkit-scrollbar-thumb:hover,.task-editor__deps-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.modal__content::-webkit-scrollbar-corner,.settings-panel__content::-webkit-scrollbar-corner,.task-editor__content::-webkit-scrollbar-corner,.dropdown__menu::-webkit-scrollbar-corner,.autocomplete__list::-webkit-scrollbar-corner,.task-editor__deps-list::-webkit-scrollbar-corner{background:var(--scrollbar-track)}#app{display:flex;flex-direction:column;height:var(--vh, 100vh);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body[data-dragging=true]{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.main{position:relative;flex:1;min-height:0;padding:1rem;padding-top:calc(56px + 1rem);padding-bottom:calc(56px + 2rem + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-color:var(--bg-page)}.has-tabs .main{padding-top:calc(104px + 1rem)}.header{position:fixed;top:0;left:0;right:0;height:56px;padding-top:env(safe-area-inset-top,0px);display:flex;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:.5rem;background:var(--bg-header);color:#fff;z-index:101;box-shadow:0 2px 8px #0003,0 1px 3px #0000001a}.header__logo{display:flex;align-items:center;gap:0;color:#fff;text-decoration:none}.header__logo-text{height:18px;width:auto;fill:#fff}.header__logo-icon{fill:#fff;width:32px;height:32px;margin-right:.25rem;margin-top:-4px}.header__logo-icon--light{display:block}.header__logo-icon--dark{display:none;filter:drop-shadow(0 0 3px rgba(255,50,50,.6))}[data-theme=dark] .header__logo-icon--light{display:none}[data-theme=dark] .header__logo-icon--dark{display:block}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .header__logo-icon--light{display:none}:root:not([data-theme=light]) .header__logo-icon--dark{display:block}}.header__actions{display:flex;align-items:center;gap:2px}.header__btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(to bottom,#ffffff2e,#ffffff14,#ffffff0d);box-shadow:0 1px 3px #0003,inset 0 1px #ffffff26;transition:all .15s ease}.header__btn:hover{background:linear-gradient(to bottom,#ffffff47,#ffffff26,#ffffff1a);box-shadow:0 2px 4px #00000040,inset 0 1px #fff3}.header__btn svg{fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.header__btn--overdue svg{fill:#c62828;animation:pulse 1.5s ease-in-out infinite}.header__btn:active{background:linear-gradient(to bottom,#ffffff73,#ffffff4d,#ffffff40);box-shadow:0 2px 4px #00000040,inset 0 1px #ffffff4d}.header__btn:active svg{filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.header__btn--active,.header__btn--active:hover{transition:none;pointer-events:none;background:linear-gradient(to bottom,#ffffff73,#ffffff4d,#ffffff40);box-shadow:0 2px 4px #00000040,inset 0 1px #ffffff4d}.header__btn--active svg,.header__btn--active:hover svg{filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.header__btn[data-action=show-settings].header__btn--active,.header__btn[data-action=toggle-search].header__btn--active{pointer-events:auto;cursor:pointer}.header__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;text-align:center;color:#fff;background-color:#c62828;border-radius:9999px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--tab-border-color: rgba(0, 0, 0, .12);--tab-border-active-color: rgba(0, 0, 0, .08)}[data-theme=dark]{--tab-border-color: rgba(255, 255, 255, .15);--tab-border-active-color: rgba(255, 255, 255, .2)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--tab-border-color: rgba(255, 255, 255, .15);--tab-border-active-color: rgba(255, 255, 255, .2)}}.tab-bar{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;height:48px;display:none;align-items:flex-end;gap:0;padding:0 .5rem;background:var(--bg-tab-bar);z-index:100;box-shadow:inset 0 -1px #0000001a;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.has-tabs .tab-bar{display:flex}.tab-bar::-webkit-scrollbar{display:none}.tab-bar__tab{position:relative;flex:0 0 auto;height:calc(100% - 10px);padding:0 1rem;margin-right:-6px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tab);border:1px solid var(--tab-border-color);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:var(--shadow-sm);transition:all .15s ease;white-space:nowrap;z-index:1;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tab-bar__tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,rgba(0,0,0,.15) 0%,transparent 50%);border-radius:8px 8px 0 0;pointer-events:none}.tab-bar__tab:hover{color:var(--text-primary);z-index:2}.tab-bar__tab--active{height:calc(100% - 4px);color:var(--text-primary);background:var(--bg-tab-active);border-color:var(--tab-border-active-color);font-weight:600;box-shadow:var(--shadow-md);z-index:10}.tab-bar__tab--active:after{display:none}.tab-bar__tab--hold-pending{transform:scale(1.05);transition:transform .15s ease-out}.tab-bar__tab--hold-ready{transform:scale(1.1);box-shadow:0 4px 12px #0003;z-index:100}.tab-bar__tab--dragging{transform:scale(1.05);box-shadow:0 4px 12px #0000004d;opacity:.9}.tab-bar__placeholder{height:calc(100% - 10px);background:#2196f333;border:2px dashed #2196f3;border-radius:8px 8px 0 0;margin-right:-6px}.task-list{display:flex;flex-direction:column;gap:.5rem}.task-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#9e9e9e;text-align:center}.task-list__empty p{font-size:1.125rem}.task-list__settings-link{color:#2196f3;text-decoration:underline;cursor:pointer;white-space:nowrap}.task-list__settings-link:hover{color:#1976d2}.checkbox{flex-shrink:0;position:relative;width:24px;height:24px}.checkbox__input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.checkbox__input:disabled{cursor:not-allowed}.checkbox__label{display:block;width:100%;height:100%;border:2px solid var(--checkbox-border);border-radius:4px;background-color:var(--checkbox-bg);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;pointer-events:none}.checkbox__label:after{content:"";position:absolute;top:4px;left:8px;width:6px;height:12px;border:solid #16a34a;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .15s ease,transform .2s ease-out}.checkbox--checked .checkbox__label{background-color:#22c55e26;border-color:#16a34a}.checkbox--checked .checkbox__label:after{opacity:1}.checkbox--animating .checkbox__label{animation:checkboxPulse .3s ease-out}.checkbox--animating .checkbox__label:after{animation:checkmarkScale .2s ease-out}.checkbox--disabled .checkbox__label{border-color:var(--border-color-strong);background-color:var(--bg-input);cursor:not-allowed}.checkbox:not(.checkbox--disabled):hover .checkbox__label{border-color:#16a34a}@keyframes checkboxPulse{0%{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes checkmarkScale{0%{transform:rotate(45deg) scale(0)}50%{transform:rotate(45deg) scale(1.2)}to{transform:rotate(45deg) scale(1)}}.ref-badge{flex-shrink:0;padding:2px 6px;font-size:.75rem;font-weight:600;color:var(--text-muted);background-color:var(--bg-input);border-radius:4px}.task-item{position:relative;z-index:1;display:flex;flex-direction:column;background-color:var(--bg-card);background-image:linear-gradient(to bottom,var(--bg-card) 0%,var(--bg-card-end) 100%);border-radius:8px;box-shadow:var(--shadow-md);cursor:grab;transition:transform .15s ease,box-shadow .15s ease}.task-item__top{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1rem .25rem;cursor:pointer}.task-item:not(:has(.task-item__tags)) .task-item__top{padding-bottom:1rem}.task-item--completed .task-item__title{color:var(--text-muted)}.task-item--overdue{border-left:3px solid #c62828}.task-item--due-today{border-left:3px solid #ff9800}.task-item--completing{animation:completeFade .4s ease-out forwards}.task-item--hold-pending{transition:transform .15s ease-out,box-shadow .15s ease-out;transform:scale(1.02);user-select:none;-webkit-user-select:none}.task-item--hold-ready{transform:scale(1.05);box-shadow:0 4px 8px #00000026;z-index:10;user-select:none;-webkit-user-select:none}.task-item--dragging{box-shadow:0 8px 16px #0003;opacity:.9;cursor:grabbing;transform:scale(1.02);user-select:none;-webkit-user-select:none}.task-item--placeholder{background-color:var(--bg-input);border:2px dashed var(--border-color-strong);box-shadow:none}.task-item__checkbox{flex-shrink:0}.task-item__content{flex:1;min-width:0}.task-item__header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.task-item__title{font-size:1rem;font-weight:500;color:var(--text-primary);word-break:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.task-item__link{color:#2196f3;text-decoration:underline;cursor:pointer}.task-item__link:hover{color:#1976d2}.task-item__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.task-item__due{font-size:.75rem;color:var(--text-secondary)}.task-item__due--overdue{color:#c62828;font-weight:600}.task-item__due--today{color:#ff9800;font-weight:600}.task-item__tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:0 1rem .5rem;padding-left:calc(2rem + 24px);cursor:pointer}.task-item__tags:empty{display:none}.task-item:has(.task-item__deps) .task-item__tags,.task-item:has(.task-item__parents) .task-item__tags{padding-top:.5rem}.task-item__tag{position:relative;display:inline-flex;align-items:center;height:18px;padding:0 6px 0 8px;margin-left:9px;font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(to bottom,#ff6a3c,#ff5722);border-radius:0 3px 3px 0;box-shadow:0 1px 2px #ff57224d}.task-item__tag:before{content:"";position:absolute;right:100%;top:0;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid rgb(255,106.3846153846,59.5)}.task-item__tag:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:#ffffffe6;border-radius:50%;box-shadow:inset 0 1px 1px #0003}@media (prefers-color-scheme: dark){[data-theme=dark] .task-item__tag,:root:not([data-theme=light]) .task-item__tag{background:linear-gradient(to bottom,var(--tag-bg-light, #b8441a),var(--tag-bg, #c94a1c))}[data-theme=dark] .task-item__tag:before,:root:not([data-theme=light]) .task-item__tag:before{border-right-color:var(--tag-bg-light, #b8441a)}}[data-theme=dark] .task-item__tag{background:linear-gradient(to bottom,var(--tag-bg-light, #b8441a),var(--tag-bg, #c94a1c))}[data-theme=dark] .task-item__tag:before{border-right-color:var(--tag-bg-light, #b8441a)}.task-item__deps{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-top:.5rem;font-size:.875rem}.task-item__deps-label{color:var(--text-muted)}.task-item__dep{color:#c62828;background-color:#c628281a;padding:2px 8px;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .15s ease;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item__dep:hover{background-color:#c6282833}.task-item__parents{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-top:.5rem;font-size:.875rem}.task-item__parents-label{color:var(--text-muted)}.task-item__parent{color:#2196f3;background-color:#2196f31a;padding:2px 8px;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .15s ease;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item__parent:hover{background-color:#2196f333}@keyframes completeFade{0%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}.task-editor__header{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-card)}.task-editor__title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.task-editor__close{margin-left:auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:9999px;color:var(--text-secondary);transition:background-color .15s ease}.task-editor__close:hover{background-color:var(--bg-input)}.task-editor__form{flex:1;min-height:0;display:flex;flex-direction:column}.task-editor__fields{flex:1;min-height:0;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.task-editor__form--autocomplete-active .task-editor__fields>*:not(.task-editor__deps-section){filter:blur(1.5px);opacity:.6;pointer-events:none;transition:filter .15s ease,opacity .15s ease}.task-editor__field{display:flex;flex-direction:column;gap:.25rem}.task-editor__field--icon{flex-direction:row;align-items:center;gap:.5rem}.task-editor__field-icon{flex-shrink:0;width:20px;height:20px;color:#2196f3;fill:#2196f3}.task-editor__input{flex:1;width:100%;padding:calc(.5rem + 2px) 1rem .5rem;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-input);border:2px solid transparent;border-radius:8px;transition:border-color .15s ease,background-color .15s ease}.task-editor__input:focus{outline:none;background-color:var(--bg-input-focus);border-color:#2196f3}.task-editor__input::placeholder{color:var(--text-placeholder)}.task-editor__input--title{resize:none;overflow-y:hidden;min-height:44px;line-height:1.4;box-sizing:border-box;field-sizing:content}.task-editor__actions{flex-shrink:0;display:flex;gap:.5rem;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color);background-color:var(--bg-card)}.task-editor__field--autocomplete{position:relative}.task-editor__field--tags .task-editor__tags-container{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:calc(.5rem + 2px) 1rem .5rem;background-color:var(--bg-input);border:2px solid transparent;border-radius:8px;transition:border-color .15s ease,background-color .15s ease;cursor:text}.task-editor__field--tags .task-editor__tags-container:focus-within{background-color:var(--bg-input-focus);border-color:#2196f3}.task-editor__tag-chips{display:contents}.task-editor__tag-chips:not(:empty)+.task-editor__tag-input-wrapper{margin-left:.5rem}.task-editor__tag-chip{position:relative;display:inline-flex;align-items:center;height:20px;padding:0 4px 0 10px;margin-left:10px;font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(to bottom,#ff6a3c,#ff5722);border-radius:0 3px 3px 0;box-shadow:0 1px 2px #ff57224d}.task-editor__tag-chip:before{content:"";position:absolute;right:100%;top:0;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgb(255,106.3846153846,59.5)}.task-editor__tag-chip:after{content:"";position:absolute;left:1px;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:#ffffffe6;border-radius:50%;box-shadow:inset 0 1px 1px #0003}@media (prefers-color-scheme: dark){[data-theme=dark] .task-editor__tag-chip,:root:not([data-theme=light]) .task-editor__tag-chip{background:linear-gradient(to bottom,var(--tag-bg-light, #b8441a),var(--tag-bg, #c94a1c))}[data-theme=dark] .task-editor__tag-chip:before,:root:not([data-theme=light]) .task-editor__tag-chip:before{border-right-color:var(--tag-bg-light, #b8441a)}}[data-theme=dark] .task-editor__tag-chip{background:linear-gradient(to bottom,var(--tag-bg-light, #b8441a),var(--tag-bg, #c94a1c))}[data-theme=dark] .task-editor__tag-chip:before{border-right-color:var(--tag-bg-light, #b8441a)}.task-editor__tag-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;color:#fffc;border-radius:9999px;font-size:14px;line-height:1}.task-editor__tag-chip-remove:hover{background-color:#fff3;color:#fff}.task-editor__tag-input-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:80px;min-height:24px}.task-editor__tag-measure{visibility:hidden;font-size:1rem;text-transform:uppercase;white-space:pre}.task-editor__tag-suggestion{font-size:1rem;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;cursor:pointer;padding:4px 8px 4px 0;margin:-4px 0}.task-editor__tag-input{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;padding:2px 0;font-size:1rem;line-height:1.5;color:var(--text-primary);background:transparent;border:none;outline:none;text-transform:uppercase}.task-editor__tag-input::placeholder{color:var(--text-placeholder);text-transform:none}.task-editor__chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.task-editor__chips:empty{display:none}.task-editor__chip{display:inline-flex;align-items:center;gap:.25rem;padding:4px 8px;background-color:#2196f3;color:#fff;border-radius:4px;font-size:.875rem}.task-editor__chip-ref{font-weight:600;opacity:.8}.task-editor__chip-title{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-editor__chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:2px;background-color:#fff3;color:#fff;border-radius:9999px;font-size:14px;line-height:1}.task-editor__chip-remove:hover{background-color:#ffffff4d}.task-editor__deps-section{display:flex;flex-direction:column;gap:.5rem}.task-editor__deps-header{display:flex;align-items:center;gap:.5rem}.task-editor__deps-icon{flex-shrink:0;width:20px;height:20px;margin-top:-2px;color:#2196f3;fill:#2196f3}.task-editor__deps-title{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.task-editor__deps-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;font-size:.75rem;font-weight:600;color:#fff;background-color:#2196f3;border-radius:10px}.task-editor__deps-list{display:flex;flex-direction:column;gap:.25rem;max-height:200px;overflow-y:auto}.task-editor__deps-list--fade-bottom{-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,black calc(100% - 32px),transparent)}.task-editor__deps-list--fade-top{-webkit-mask-image:linear-gradient(to top,black calc(100% - 32px),transparent);mask-image:linear-gradient(to top,black calc(100% - 32px),transparent)}.task-editor__deps-list--fade-both{-webkit-mask-image:linear-gradient(to bottom,transparent,black 32px,black calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,transparent,black 32px,black calc(100% - 32px),transparent)}.task-editor__deps-list:empty{display:none}.task-editor__dep-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;min-height:48px;background-color:var(--bg-input);border-radius:8px;cursor:grab;transition:transform .15s ease,box-shadow .15s ease}.task-editor__dep-item:active{cursor:grabbing}.task-editor__dep-item--dragging{opacity:.9;box-shadow:0 4px 12px #0003;z-index:10}.task-editor__dep-drag{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;color:var(--text-muted);cursor:grab}.task-editor__dep-drag:active{cursor:grabbing}.task-editor__dep-plus{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#2196f3;color:#fff;border-radius:4px;font-size:1.125rem;font-weight:600;line-height:1}.task-editor__dep-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;color:var(--text-primary)}.task-editor__dep-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted);border-radius:9999px;font-size:18px;line-height:1;transition:all .15s ease}.task-editor__dep-remove:hover{background-color:var(--bg-input);color:#c62828}.task-editor__dep-placeholder{min-height:48px;background-color:#2196f31a;border:2px dashed #2196f3;border-radius:8px}.task-editor__part-of{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem;padding:0 1rem;font-size:.875rem;color:var(--text-secondary)}.task-editor__part-of-label{font-weight:600}.task-editor__part-of-list{display:inline}.task-editor__part-of-item{white-space:nowrap}.task-editor__btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:#fff;border-radius:8px;transition:all .15s ease;box-shadow:0 1px 2px #00000026;cursor:pointer}.task-editor__btn svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.task-editor__btn:disabled{opacity:.5;cursor:not-allowed}.task-editor__btn{flex:1;padding:.5rem 1.5rem}.task-editor__btn--save{background:linear-gradient(to bottom,#1976d2,#1562ae)}.task-editor__btn--save:hover{background:linear-gradient(to bottom,#2083e4,#1976d2)}.task-editor__btn--save:active{background:linear-gradient(to bottom,#1669bb,#145ca4)}.task-editor__btn--delete{background:linear-gradient(to bottom,#c62828,#a42121)}.task-editor__btn--delete:hover{background:linear-gradient(to bottom,#d63232,#c62828)}.task-editor__btn--delete:active{background:linear-gradient(to bottom,#b12424,#9c1f1f)}.task-editor__btn--done{background:linear-gradient(to bottom,#16a34a,#117f3a)}.task-editor__btn--done:hover{background:linear-gradient(to bottom,#19b954,#16a34a)}.task-editor__btn--done:active{background:linear-gradient(to bottom,#138d40,#107636)}.task-editor__move-top{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:4px;color:var(--text-muted);background-color:#0000000d;cursor:pointer;flex-shrink:0;margin:-4px -10px -2px auto;align-self:center;transition:all .15s ease}@media (prefers-color-scheme: dark){[data-theme=dark] .task-editor__move-top,:root:not([data-theme=light]) .task-editor__move-top{background-color:#ffffff0d}}[data-theme=dark] .task-editor__move-top{background-color:#ffffff0d}.task-editor__move-top svg{width:16px;height:16px}.task-editor__move-top:hover{background-color:var(--border-color);color:#2196f3}.task-editor__move-top:active{color:#2196f3}.autocomplete{position:absolute;bottom:100%;left:0;right:0;z-index:350;max-height:200px;overflow-y:auto;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);margin-bottom:4px}.autocomplete--above{max-height:300px}.autocomplete__item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer;transition:background-color .15s ease}.autocomplete__item:hover,.autocomplete__item--highlighted{background-color:var(--bg-input)}.autocomplete__item--create{border-top:1px solid var(--border-color);color:#2196f3}.autocomplete__item--create .autocomplete__title{color:#2196f3;font-weight:500}.autocomplete__item--create:hover{background-color:#2196f31a}.autocomplete__ref{flex-shrink:0;padding:2px 6px;background-color:var(--border-color-strong);color:var(--text-secondary);border-radius:4px;font-size:.875rem;font-weight:600}.autocomplete__ref--new{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background-color:#2196f3;color:#fff}.autocomplete__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;z-index:300;padding-top:1.5rem}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--bg-modal-backdrop);animation:fadeIn .2s ease}.modal__content{position:relative;display:flex;flex-direction:column;width:100%;max-width:500px;max-height:calc(var(--vvh, 100vh) - 2rem);background-color:var(--bg-card);border-radius:12px;overflow:hidden;animation:slideDown .2s ease}@media (prefers-color-scheme: dark){[data-theme=dark] .modal__content,:root:not([data-theme=light]) .modal__content{box-shadow:0 0 0 1px #000c}}[data-theme=dark] .modal__content{box-shadow:0 0 0 1px #000c}@media (max-width: 540px){.modal{padding-top:1.5rem;align-items:flex-start}.modal__content{max-width:100%;max-height:calc(var(--vvh, 100vh) - 1.5rem);height:calc(var(--vvh, 100vh) - 1.5rem);border-radius:12px 12px 0 0}.keyboard-visible .modal .modal__content{height:auto}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1rem}.confirm-dialog[hidden]{display:none}.confirm-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog__box{position:relative;width:100%;max-width:320px;padding:1.5rem;background-color:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-lg);animation:confirmSlideIn .2s ease-out}.confirm-dialog__message{margin:0 0 1.5rem;font-size:1rem;color:var(--text-primary);text-align:center}.confirm-dialog__actions{display:flex;gap:.5rem}.confirm-dialog__btn{flex:1}.confirm-dialog__btn--cancel{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:#fff;border-radius:8px;transition:all .15s ease;box-shadow:0 1px 2px #00000026;cursor:pointer}.confirm-dialog__btn--cancel svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.confirm-dialog__btn--cancel:disabled{opacity:.5;cursor:not-allowed}.confirm-dialog__btn--cancel{background:var(--bg-input);color:var(--text-primary);box-shadow:none}.confirm-dialog__btn--cancel:hover{background:var(--border-color)}.confirm-dialog__btn--cancel:active{background:var(--border-color-strong)}.confirm-dialog__btn--confirm{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:#fff;border-radius:8px;transition:all .15s ease;box-shadow:0 1px 2px #00000026;cursor:pointer}.confirm-dialog__btn--confirm svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.confirm-dialog__btn--confirm:disabled{opacity:.5;cursor:not-allowed}.confirm-dialog__btn--confirm{background:linear-gradient(to bottom,#1976d2,#1562ae)}.confirm-dialog__btn--confirm:hover{background:linear-gradient(to bottom,#2083e4,#1976d2)}.confirm-dialog__btn--confirm:active{background:linear-gradient(to bottom,#1669bb,#145ca4)}.confirm-dialog__btn--danger{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:#fff;border-radius:8px;transition:all .15s ease;box-shadow:0 1px 2px #00000026;cursor:pointer}.confirm-dialog__btn--danger svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.confirm-dialog__btn--danger:disabled{opacity:.5;cursor:not-allowed}.confirm-dialog__btn--danger{background:linear-gradient(to bottom,#c62828,#a42121)}.confirm-dialog__btn--danger:hover{background:linear-gradient(to bottom,#d63232,#c62828)}.confirm-dialog__btn--danger:active{background:linear-gradient(to bottom,#b12424,#9c1f1f)}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.prompt-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1rem}.prompt-dialog[hidden]{display:none}.prompt-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.prompt-dialog__box{position:relative;width:100%;max-width:320px;padding:1.5rem;background-color:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-lg);animation:confirmSlideIn .2s ease-out}.prompt-dialog__message{margin:0 0 1rem;font-size:1rem;color:var(--text-primary);text-align:center}.prompt-dialog__input{width:100%;padding:.5rem 1rem;margin-bottom:1.5rem;font-size:1rem;color:var(--text-primary);background-color:var(--bg-input);border:2px solid transparent;border-radius:8px;text-align:center;text-transform:uppercase}.prompt-dialog__input:focus{outline:none;border-color:#2196f3}.prompt-dialog__actions{display:flex;gap:.5rem}.prompt-dialog__btn{flex:1}.prompt-dialog__btn--cancel{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:#fff;border-radius:8px;transition:all .15s ease;box-shadow:0 1px 2px #00000026;cursor:pointer}.prompt-dialog__btn--cancel svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.prompt-dialog__btn--cancel:disabled{opacity:.5;cursor:not-allowed}.prompt-dialog__btn--cancel{background:var(--bg-input);color:var(--text-primary);box-shadow:none}.prompt-dialog__btn--cancel:hover{background:var(--border-color)}.prompt-dialog__btn--cancel:active{background:var(--border-color-strong)}.prompt-dialog__btn--confirm{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:#fff;border-radius:8px;transition:all .15s ease;box-shadow:0 1px 2px #00000026;cursor:pointer}.prompt-dialog__btn--confirm svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.prompt-dialog__btn--confirm:disabled{opacity:.5;cursor:not-allowed}.prompt-dialog__btn--confirm{background:linear-gradient(to bottom,#1976d2,#1562ae)}.prompt-dialog__btn--confirm:hover{background:linear-gradient(to bottom,#2083e4,#1976d2)}.prompt-dialog__btn--confirm:active{background:linear-gradient(to bottom,#1669bb,#145ca4)}.search-bar{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;height:48px;display:flex;align-items:flex-end;gap:0;padding:0 .5rem;background:var(--bg-tab-bar);box-shadow:inset 0 -1px #0000001a;z-index:100}.search-bar__field{position:relative;flex:0 0 auto;min-width:120px;max-width:calc(100% - 1rem);height:calc(100% - 4px)}.search-bar__input{position:relative;z-index:10;width:auto;min-width:120px;max-width:100%;height:calc(100% + 1px);padding:0 40px 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);background:var(--bg-tab-active);border-radius:8px 8px 0 0}.search-bar__input:focus{outline:none}.search-bar__input::placeholder{font-weight:600;color:var(--text-placeholder)}.search-bar__icon{position:absolute;z-index:11;right:.5rem;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--text-muted);pointer-events:none}.search-bar__close{display:none}.undo-toast{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));right:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:400;width:56px;height:56px;max-width:400px;padding:0;border-radius:9999px;opacity:0;transform:scale(.9);background:#424242;color:#fff;box-shadow:0 4px 12px #ff572266,0 2px 4px #0003;transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),border-radius .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,opacity .15s ease,transform .15s ease}.undo-toast:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,#ff764b,#ff5722,#f83c00);opacity:1;transition:opacity .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.undo-toast--visible{width:calc(100% - 2rem);height:auto;min-height:56px;padding:1rem 1.5rem;border-radius:28px;opacity:1;transform:scale(1);box-shadow:0 4px 12px #42424266,0 2px 4px #0003}.undo-toast--visible:before{opacity:0}.undo-toast--hiding{transition:width .28s cubic-bezier(.4,0,.2,1),height .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),border-radius .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease,opacity .15s ease .13s,transform .15s ease .13s}.undo-toast--hiding:before{opacity:1;transition:opacity .28s cubic-bezier(.4,0,.2,1)}.undo-toast__message{position:relative;z-index:1;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translate(10px);transition:opacity .18s ease,transform .18s ease;transition-delay:.17s}.undo-toast--visible .undo-toast__message{opacity:1;transform:translate(0)}.undo-toast--hiding .undo-toast__message{opacity:0;transform:translate(10px);transition-delay:0ms;transition-duration:80ms}.undo-toast__btn{position:relative;z-index:1;flex-shrink:0;padding:.25rem 1rem;font-size:.875rem;font-weight:600;color:#bbdefb;background-color:transparent;border-radius:4px;opacity:0;transform:translate(10px);transition:background-color .15s ease,opacity .18s ease,transform .18s ease;transition-delay:.2s}.undo-toast--visible .undo-toast__btn{opacity:1;transform:translate(0)}.undo-toast--hiding .undo-toast__btn{opacity:0;transform:translate(10px);transition-delay:0ms;transition-duration:80ms}.undo-toast__btn:hover{background-color:#ffffff1a}.update-prompt{position:fixed;top:calc(56px + env(safe-area-inset-top,0px) + .5rem);left:1rem;right:1rem;max-width:400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background-color:#2196f3;color:#fff;border-radius:8px;box-shadow:0 4px 8px #00000026;z-index:400;animation:slideInDown .2s ease}.update-prompt__message{font-size:.875rem;font-weight:500}.update-prompt__actions{display:flex;align-items:center;gap:.25rem}.update-prompt__btn{flex-shrink:0;display:flex;align-items:center;justify-content:center}.update-prompt__btn--dismiss{width:32px;height:32px;border-radius:9999px;transition:background-color .15s ease}.update-prompt__btn--dismiss:hover{background-color:#ffffff1a}.update-prompt__btn--dismiss svg{fill:#fff;opacity:.8}.update-prompt__btn--update{padding:.25rem 1rem;font-size:.875rem;font-weight:600;color:#2196f3;background-color:#fff;border-radius:4px;transition:background-color .15s ease}.update-prompt__btn--update:hover{background-color:#ffffffe6}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.settings-panel{display:flex;flex-direction:column;height:100%;min-height:0}.settings-panel [data-settings-step]{display:flex;flex-direction:column;flex:1;min-height:0}.settings-panel [data-settings-step][hidden]{display:none}.settings-panel__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-card)}.settings-panel__header h2{flex:1;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.settings-panel__header--centered h2{text-align:center}.settings-panel__back,.settings-panel__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:9999px;color:var(--text-secondary);transition:background-color .15s ease}.settings-panel__back:hover,.settings-panel__close:hover{background-color:var(--bg-input)}.settings-panel__back{margin-right:auto}.settings-panel__content{flex:1;min-height:0;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.settings-panel__section{display:flex;flex-direction:column;gap:.5rem}.settings-panel__section--row{flex-direction:row}.settings-panel__section--row .settings-panel__btn{flex:1}.settings-panel__label{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1rem;color:var(--text-secondary)}.settings-panel__input{width:80px;padding:.5rem 1rem;font-size:1rem;color:var(--text-primary);background-color:var(--bg-input);border:2px solid transparent;border-radius:8px;text-align:center;transition:border-color .15s ease}.settings-panel__input:focus{outline:none;border-color:#2196f3}.settings-panel__select{width:100%;padding:.5rem 1rem;font-size:1rem;color:var(--text-primary);background-color:var(--bg-input);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .15s ease}.settings-panel__select:focus{outline:none;border-color:#2196f3}.settings-panel__btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:#fff;border-radius:8px;transition:all .15s ease;box-shadow:0 1px 2px #00000026;cursor:pointer;width:100%}.settings-panel__btn svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.settings-panel__btn:disabled{opacity:.5;cursor:not-allowed}.settings-panel__btn{background:linear-gradient(to bottom,#9e9e9e,#8a8a8a)}.settings-panel__btn:hover{background:linear-gradient(to bottom,#ababab,#9e9e9e)}.settings-panel__btn:active{background:linear-gradient(to bottom,#919191,#858585)}.settings-panel__btn--danger{background:linear-gradient(to bottom,#c62828,#a42121)}.settings-panel__btn--danger:hover{background:linear-gradient(to bottom,#d63232,#c62828)}.settings-panel__btn--danger:active{background:linear-gradient(to bottom,#b12424,#9c1f1f)}.settings-panel__btn--primary{background:linear-gradient(to bottom,#1976d2,#1562ae)}.settings-panel__btn--primary:hover{background:linear-gradient(to bottom,#2083e4,#1976d2)}.settings-panel__btn--primary:active{background:linear-gradient(to bottom,#1669bb,#145ca4)}.settings-panel__btn--full{margin-top:auto}.settings-panel__btn-count{opacity:.85}.settings-panel__hint{font-size:.875rem;color:var(--text-muted);line-height:1.4}.settings-panel__hint strong{color:var(--text-primary)}.settings-panel__text{font-size:1rem;color:var(--text-secondary)}.settings-panel__tags{display:flex;flex-wrap:wrap;gap:.25rem}.settings-panel__tag{padding:.25rem .5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background-color:var(--bg-input);border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease}.settings-panel__tag:hover{background-color:var(--border-color)}.settings-panel__tag--selected{color:#1976d2;background-color:#2196f326;border-color:#2196f3}.settings-panel__tag-list{display:flex;flex-direction:column;gap:.25rem}.settings-panel__tag-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background-color:var(--bg-input);border-radius:4px}.settings-panel__tag-name{flex:1;font-size:.875rem;font-weight:600;color:var(--text-primary)}.settings-panel__tag-count{font-size:.75rem;color:var(--text-muted)}.settings-panel__tag-rename,.settings-panel__tag-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--text-muted);background-color:#0000000d;transition:all .15s ease}@media (prefers-color-scheme: dark){[data-theme=dark] .settings-panel__tag-rename,:root:not([data-theme=light]) .settings-panel__tag-rename,[data-theme=dark] .settings-panel__tag-delete,:root:not([data-theme=light]) .settings-panel__tag-delete{background-color:#ffffff0d}}[data-theme=dark] .settings-panel__tag-rename,[data-theme=dark] .settings-panel__tag-delete{background-color:#ffffff0d}.settings-panel__tag-rename:hover,.settings-panel__tag-delete:hover{background-color:var(--border-color);color:#2196f3}.settings-panel__tag-delete{margin-left:-4px}.settings-panel__tag-delete:hover{color:#c62828}.settings-panel__version{margin-top:auto;padding-top:.5rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.dropdown{position:relative;width:100%}.dropdown__trigger{width:100%;padding:.5rem 1rem;padding-right:36px;display:flex;align-items:center;justify-content:space-between;font-size:1rem;color:var(--text-primary);background-color:var(--bg-input);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .15s ease;text-align:left}.dropdown__trigger:focus{outline:none;border-color:#2196f3}.dropdown__value{flex:1}.dropdown__arrow{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:transform .15s ease}.dropdown--open .dropdown__arrow{transform:translateY(-50%) rotate(180deg)}.dropdown--open .dropdown__trigger{border-color:#2196f3;border-radius:8px 8px 0 0}.dropdown__menu{position:absolute;top:100%;left:0;right:0;z-index:350;background-color:var(--bg-card);border:2px solid #2196f3;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 8px #00000026;max-height:200px;overflow-y:auto}.dropdown__option{width:100%;padding:.5rem 1rem;font-size:1rem;color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;transition:background-color .15s ease}.dropdown__option:hover{background-color:var(--bg-input)}.dropdown__option--selected{background-color:#2196f31a;color:#2196f3;font-weight:500}.import-dialog__header{padding:1rem;border-bottom:1px solid var(--border-color)}.import-dialog__header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);text-align:center}.import-dialog__content{padding:1rem}.import-dialog__text{font-size:1rem;color:var(--text-secondary);text-align:center;margin-bottom:1rem}.import-dialog__actions{display:flex;gap:.5rem;margin-bottom:1rem}.import-dialog__btn{flex:1;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:#fff;border-radius:8px;transition:all .15s ease;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 2px 4px #00000040,inset 0 1px #ffffff26}.import-dialog__btn--merge{background:linear-gradient(to bottom,#1976d2,#1669bb,#12579b)}.import-dialog__btn--merge:hover{background:linear-gradient(to bottom,#2083e4,#1976d2,#1669bb)}.import-dialog__btn--merge:active{background:linear-gradient(to bottom,#1562ae,#12579b)}.import-dialog__btn--merge:hover{box-shadow:0 3px 6px #0000004d,inset 0 1px #fff3}.import-dialog__btn--merge:active{box-shadow:0 1px 2px #0003,inset 0 1px 2px #0003}.import-dialog__btn--replace{background:linear-gradient(to bottom,#c62828,#b12424,#931e1e)}.import-dialog__btn--replace:hover{background:linear-gradient(to bottom,#d63232,#c62828,#b12424)}.import-dialog__btn--replace:active{background:linear-gradient(to bottom,#a42121,#931e1e)}.import-dialog__btn--replace:hover{box-shadow:0 3px 6px #0000004d,inset 0 1px #fff3}.import-dialog__btn--replace:active{box-shadow:0 1px 2px #0003,inset 0 1px 2px #0003}.import-dialog__hint{font-size:.875rem;color:var(--text-muted);line-height:1.4;margin-bottom:.25rem}.import-dialog__hint strong{color:var(--text-primary)}.import-dialog__hint:last-child{margin-bottom:0}.import-dialog__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;max-height:200px;overflow-y:auto}.import-dialog__tag{padding:.25rem .5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background-color:var(--bg-input);border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease}.import-dialog__tag:hover{background-color:var(--border-color)}.import-dialog__tag--selected{color:#1976d2;background-color:#2196f326;border-color:#2196f3}.import-dialog__back{margin-top:1rem;padding:.25rem .5rem;font-size:.875rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-decoration:underline}.import-dialog__back:hover{color:var(--text-primary)}.fab{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));right:1rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--fab-bg);color:#fff;border-radius:9999px;box-shadow:0 4px 12px var(--fab-shadow),0 2px 4px #0003;z-index:200;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}@media (prefers-color-scheme: dark){[data-theme=dark] .fab,:root:not([data-theme=light]) .fab{box-shadow:0 4px 12px var(--fab-shadow),0 2px 4px #0003,0 0 20px #ff572240}}[data-theme=dark] .fab{box-shadow:0 4px 12px var(--fab-shadow),0 2px 4px #0003,0 0 20px #ff572240}.undo-toast-active .fab{opacity:0;pointer-events:none}.fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #ff572280,0 3px 6px #0003,inset 0 1px 1px #ffffff4d}.fab:active{transform:scale(.95);box-shadow:0 2px 8px #ff572266,0 1px 2px #0003,inset 0 1px 1px #fff3}.fab svg{width:28px;height:28px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.fab--pulsate{animation:fabPulsate 2s ease-in-out infinite}@keyframes fabPulsate{0%,to{transform:scale(1);box-shadow:0 4px 12px var(--fab-shadow),0 2px 4px #0003}50%{transform:scale(1.1);box-shadow:0 6px 20px var(--fab-shadow),0 3px 8px #0000004d,0 0 30px #ff572266}}.onboarding-hint{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px) + 12px);right:calc(2rem + 56px);display:flex;align-items:center;gap:.5rem;z-index:200;pointer-events:none;animation:hintBounce 1.5s ease-in-out infinite}.onboarding-hint__text{padding:.5rem 1rem;background-color:var(--bg-card);color:var(--text-primary);font-size:.875rem;font-weight:500;border-radius:8px;box-shadow:var(--shadow-md);white-space:nowrap}.onboarding-hint__arrow{color:#2196f3;flex-shrink:0}@keyframes hintBounce{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.watermark{position:fixed;top:calc(104px + env(safe-area-inset-top,0px));left:0;right:0;height:calc(var(--wm-height, 100vh) - 56px - 48px - env(safe-area-inset-top,0px));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;padding-top:calc(var(--wm-height, 100vh) * .5 - 56px - 48px - 160px);text-align:center;pointer-events:none;z-index:0;overflow:hidden;color:#bdbdbd2e;transform:translateZ(0);backface-visibility:hidden}@media (prefers-color-scheme: dark){[data-theme=dark] .watermark,:root:not([data-theme=light]) .watermark{color:#7575751a}}[data-theme=dark] .watermark{color:#7575751a}.watermark__logo{width:180px;height:180px;margin-bottom:1rem}.watermark__logo--light{display:block}.watermark__logo--dark,[data-theme=dark] .watermark__logo--light{display:none}[data-theme=dark] .watermark__logo--dark{display:block}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .watermark__logo--light{display:none}:root:not([data-theme=light]) .watermark__logo--dark{display:block}}.watermark__title{width:400px;height:auto;margin:0}.watermark--prominent>svg{color:#9e9e9e99;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@media (prefers-color-scheme: dark){[data-theme=dark] .watermark--prominent>svg,:root:not([data-theme=light]) .watermark--prominent>svg{color:#9e9e9e59}}[data-theme=dark] .watermark--prominent>svg{color:#9e9e9e59}.watermark--prominent .watermark__logo{width:180px;height:180px;margin-bottom:1rem}.watermark--prominent .watermark__title{width:400px}[dir=rtl] .header{padding-left:.5rem;padding-right:1rem}[dir=rtl] .header__logo-icon{margin-right:0;margin-left:.25rem}[dir=rtl] .header__badge{right:auto;left:2px}[dir=rtl] .search-bar__input{padding:0 1rem 0 40px}[dir=rtl] .search-bar__icon{right:auto;left:.5rem}[dir=rtl] .tab-bar__tab,[dir=rtl] .tab-bar__home{margin-right:0;margin-left:-6px}[dir=rtl] .task-item--overdue{border-left:none;border-right:3px solid #c62828}[dir=rtl] .task-item--due-today{border-left:none;border-right:3px solid #ff9800}[dir=rtl] .task-item__checkbox label:after{left:auto;right:8px}[dir=rtl] .task-item__tags{padding-left:1rem;padding-right:calc(2rem + 24px);justify-content:flex-end}[dir=rtl] .task-item__tag{margin-left:0;margin-right:9px;padding:0 8px 0 6px;border-radius:3px 0 0 3px}[dir=rtl] .task-item__tag:before{right:auto;left:100%;border-right:none;border-left:9px solid rgb(255,106.3846153846,59.5)}[dir=rtl] .task-item__tag:after{left:auto;right:0}[dir=rtl][data-theme=dark] .task-item__tag:before{border-left-color:#b8441a!important}[dir=rtl][data-theme=dark] .task-editor__tag-chip:before{border-left-color:#b8441a!important}@media (prefers-color-scheme: dark){[dir=rtl]:not([data-theme=light]) .task-item__tag:before{border-left-color:#b8441a!important}[dir=rtl]:not([data-theme=light]) .task-editor__tag-chip:before{border-left-color:#b8441a!important}}[dir=rtl] .task-editor__tag-chips:not(:empty)+.task-editor__tag-input-wrapper{margin-left:0;margin-right:.5rem}[dir=rtl] .task-editor__tag-chip{margin-left:0;margin-right:10px;padding:0 10px 0 4px;border-radius:3px 0 0 3px}[dir=rtl] .task-editor__tag-chip:before{right:auto;left:100%;border-right:none;border-left:10px solid rgb(255,106.3846153846,59.5)}[dir=rtl] .task-editor__tag-chip:after{left:auto;right:1px}[dir=rtl] .task-editor__tag-chip-remove{margin-left:0;margin-right:2px}[dir=rtl] .task-editor__tag-input{left:auto;right:0}[dir=rtl] .task-editor__chip-remove{margin-left:0;margin-right:2px}[dir=rtl] .task-editor__dep-checkbox:after{left:auto;right:7px}[dir=rtl] .task-editor__actions{justify-content:flex-start}[dir=rtl] .dropdown__trigger{padding-right:1rem;padding-left:36px;text-align:right}[dir=rtl] .dropdown__arrow{right:auto;left:.5rem}[dir=rtl] .dropdown__option{text-align:right}[dir=rtl] .fab,[dir=rtl] .undo-toast{right:auto;left:1rem}[dir=rtl] .undo-toast__message{transform:translate(-10px)}.undo-toast--visible [dir=rtl] .undo-toast__message{transform:translate(0)}.undo-toast--hiding [dir=rtl] .undo-toast__message,[dir=rtl] .undo-toast__btn{transform:translate(-10px)}.undo-toast--visible [dir=rtl] .undo-toast__btn{transform:translate(0)}.undo-toast--hiding [dir=rtl] .undo-toast__btn{transform:translate(-10px)}[dir=rtl] .autocomplete__item-ref{margin-right:0;margin-left:.5rem}[dir=rtl] .settings-panel__btn svg{margin-right:0;margin-left:.25rem}