*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}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:#212121;background-color:#f5f5f5;min-height:100vh;min-height:100dvh;overscroll-behavior:none}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}#app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.main{position:relative;flex:1;padding:1rem;padding-top:calc(104px + 1rem);padding-bottom:calc(56px + 2rem + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#f5f5f5}.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:linear-gradient(to bottom,#39a1f4,#2196f3,#0d8aee);color:#fff;z-index:100;box-shadow:0 2px 8px #0003,0 1px 3px #0000001a}.header__logo{display:flex;align-items:center;gap:0;color:#fff;text-decoration:none;padding:.25rem .5rem;margin-left:-.5rem;border-radius:8px;transition:background-color .15s ease}.header__logo:hover{background-color:#ffffff1a}.header__logo-text{height:22px;width:auto;fill:#fff;margin-left:-4px}.header__logo-icon{fill:#fff;width:42px;height:42px;margin-right:-2px}.header__actions{display:flex;align-items:center;gap:2px}.header__btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff1a;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff1a;transition:all .15s ease}.header__btn:hover{background:#fff3;box-shadow:0 2px 4px #00000040,inset 0 1px #ffffff26}.header__btn:active{background:#0000001a;box-shadow:0 1px 2px #0003,inset 0 1px 2px #0000001a}.header__btn svg{fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.header__btn--overdue svg{fill:#f44336;animation:pulse 1.5s ease-in-out infinite}.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:#f44336;border-radius:9999px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tab-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:linear-gradient(to bottom,#bdbdbd,#e0e0e0);z-index:100;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:inset 0 -1px #0000001a}.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:#757575;background:linear-gradient(to bottom,#eee,#f5f5f5);border-radius:8px 8px 0 0;box-shadow:-1px -1px 2px #00000014,1px -1px 2px #00000014,inset 0 1px #ffffff80;transition:all .15s ease;white-space:nowrap;z-index:1}.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:#424242;background:linear-gradient(to bottom,#f5f5f5,#fafafa);z-index:2}.tab-bar__tab--active{height:calc(100% - 4px);color:#212121;background:linear-gradient(to bottom,#fff,#f5f5f5);font-weight:600;box-shadow:-2px -2px 4px #0000001a,2px -2px 4px #0000001a,inset 0 1px #fff;z-index:10}.tab-bar__tab--active:after{display:none}.tab-bar:empty{display:none}.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-item{display:flex;flex-direction:column;background:linear-gradient(to bottom,#fff,#fafafa);border-radius:8px;box-shadow:0 1px 3px #00000014,0 2px 6px #0000000a,inset 0 1px #fffc;cursor:grab;touch-action:pan-x;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--completed{opacity:.6}.task-item--completed .task-item__title{text-decoration:line-through;color:#9e9e9e}.task-item--overdue{border-left:3px solid #f44336}.task-item--due-today{border-left:3px solid #ff9800}.task-item--blocked{opacity:.7}.task-item--blocked .task-item__checkbox input{cursor:not-allowed}.task-item--dragging{box-shadow:0 8px 16px #0003;opacity:.9;cursor:grabbing}.task-item--placeholder{background-color:#eee;border:2px dashed #bdbdbd;box-shadow:none}.task-item__checkbox{flex-shrink:0;position:relative;width:24px;height:24px}.task-item__checkbox input{position:absolute;width:100%;height:100%;cursor:pointer}.task-item__checkbox label{display:block;width:100%;height:100%;border:2px solid #bdbdbd;border-radius:4px;transition:border-color .15s ease,background-color .15s ease;pointer-events:none}.task-item__checkbox label:after{content:"";position:absolute;top:4px;left:8px;width:6px;height:12px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .15s ease}.task-item__checkbox input:checked+label{background-color:#2196f3;border-color:#2196f3}.task-item__checkbox input:checked+label:after{opacity:1}.task-item__checkbox input:disabled+label{border-color:#e0e0e0;background-color:#f5f5f5}.task-item__content{flex:1;min-width:0}.task-item__header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.task-item__ref{flex-shrink:0;font-size:.75rem;font-weight:600;color:#9e9e9e;background-color:#f5f5f5;padding:2px 6px;border-radius:4px}.task-item__title{font-size:1rem;font-weight:500;color:#212121;word-break:break-word}.task-item__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.task-item__due{font-size:.75rem;color:#757575}.task-item__due--overdue{color:#f44336;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)}.task-item__tags:empty{display:none}.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}.task-item__deps{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-top:.5rem;font-size:.75rem}.task-item__deps-label{color:#9e9e9e}.task-item__dep{color:#f44336;background-color:#f443361a;padding:2px 6px;border-radius:4px;font-weight:500}.task-editor__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #eeeeee}.task-editor__title{font-size:1.125rem;font-weight:600;color:#212121}.task-editor__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:9999px;color:#757575;transition:background-color .15s ease}.task-editor__close:hover{background-color:#f5f5f5}.task-editor__form{padding:1rem;display:flex;flex-direction:column;gap:1rem}.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:#212121;background-color:#f5f5f5;border:2px solid transparent;border-radius:8px;transition:border-color .15s ease,background-color .15s ease}.task-editor__input:focus{outline:none;background-color:#fff;border-color:#2196f3}.task-editor__input::placeholder{color:#9e9e9e}.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{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid #eeeeee}.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:#f5f5f5;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:#fff;border-color:#2196f3}.task-editor__tag-chips{display:contents}.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}.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:#bdbdbd;text-transform:uppercase;pointer-events:none;white-space:nowrap}.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:#212121;background:transparent;border:none;outline:none;text-transform:uppercase}.task-editor__tag-input::placeholder{color:#9e9e9e;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__btn{padding:.5rem 1.5rem;font-size:1rem;font-weight:500;border-radius:8px;transition:background-color .15s ease}.task-editor__btn--save{color:#fff;background-color:#2196f3}.task-editor__btn--save:hover{background-color:#1976d2}.task-editor__btn--delete{color:#f44336;background-color:#f443361a}.task-editor__btn--delete:hover{background-color:#f4433633}.autocomplete{position:absolute;top:100%;left:0;right:0;z-index:350;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #eeeeee;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px}.autocomplete__item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer;transition:background-color .15s ease}.autocomplete__item:hover{background-color:#f5f5f5}.autocomplete__ref{flex-shrink:0;padding:2px 6px;background-color:#eee;color:#616161;border-radius:4px;font-size:.875rem;font-weight:600}.autocomplete__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#212121}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;z-index:300;padding-bottom:env(safe-area-inset-bottom,0px)}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;animation:fadeIn .2s ease}.modal__content{position:relative;width:100%;max-width:500px;max-height:90vh;background-color:#fff;border-radius:12px 12px 0 0;overflow-y:auto;animation:slideUp .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.search-bar{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;right:0;height:48px;display:flex;align-items:center;gap:.5rem;padding:0 1rem;background-color:#fff;border-bottom:1px solid #eeeeee;z-index:101}.search-bar__input{flex:1;height:36px;padding:0 1rem;font-size:1rem;color:#212121;background-color:#f5f5f5;border-radius:9999px}.search-bar__input:focus{outline:none;background-color:#fafafa;box-shadow:0 0 0 2px #bbdefb}.search-bar__input::placeholder{color:#9e9e9e}.search-bar__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#757575;border-radius:9999px;transition:background-color .15s ease}.search-bar__close:hover{background-color:#f5f5f5}.undo-toast{position:fixed;bottom:calc(56px + 1.5rem + env(safe-area-inset-bottom,0px));left:1rem;right:1rem;max-width:400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background-color:#424242;color:#fff;border-radius:8px;box-shadow:0 4px 8px #00000026;z-index:400;animation:slideInUp .2s ease}.undo-toast__message{font-size:.875rem}.undo-toast__btn{flex-shrink:0;padding:.25rem 1rem;font-size:.875rem;font-weight:600;color:#bbdefb;background-color:transparent;border-radius:4px;transition:background-color .15s ease}.undo-toast__btn:hover{background-color:#ffffff1a}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.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__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #eeeeee}.settings-panel__header h2{font-size:1.125rem;font-weight:600;color:#212121}.settings-panel__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:9999px;color:#757575;transition:background-color .15s ease}.settings-panel__close:hover{background-color:#f5f5f5}.settings-panel__content{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.settings-panel__section{display:flex;flex-direction:column;gap:.5rem}.settings-panel__label{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1rem;color:#616161}.settings-panel__input{width:80px;padding:.5rem 1rem;font-size:1rem;color:#212121;background-color:#f5f5f5;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:#212121;background-color:#f5f5f5;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{width:100%;padding:.5rem 1rem;font-size:1rem;font-weight:500;color:#616161;background-color:#f5f5f5;border-radius:8px;transition:background-color .15s ease}.settings-panel__btn:hover{background-color:#eee}.settings-panel__btn--danger{color:#f44336;background-color:#f443361a}.settings-panel__btn--danger:hover{background-color:#f4433633}.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:linear-gradient(135deg,#ff764b,#ff5722,#f83c00);color:#fff;border-radius:9999px;box-shadow:0 4px 12px #ff572266,0 2px 4px #0003,inset 0 1px 1px #ffffff4d;z-index:200;transition:transform .15s ease,box-shadow .15s ease}.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))}.watermark{position:fixed;top:calc(104px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;pointer-events:none;z-index:0;color:#bdbdbd26}.watermark__logo{width:100px;height:100px;margin-bottom:-.25rem}.watermark__title{width:240px;height:auto;margin:0;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5))}.watermark__subtitle{font-size:.75rem;color:#bdbdbd;font-weight:500;letter-spacing:.35em;opacity:.3;margin-top:.5rem;margin-left:.9em;text-shadow:0 1px 1px rgba(255,255,255,.5)}.watermark--prominent{color:#2196f3}.watermark--prominent .watermark__logo{filter:drop-shadow(0 8px 16px rgba(0,0,0,.2)) drop-shadow(0 4px 6px rgba(0,0,0,.15))}.watermark--prominent .watermark__title{filter:drop-shadow(0 4px 8px rgba(33,150,243,.3)) drop-shadow(0 2px 4px rgba(0,0,0,.1))}.watermark--prominent .watermark__subtitle{color:#757575;opacity:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}