:root{--bg:#fff;--surface:#fff;--border:#161616;--border-strong:#161616;--text:#161616;--text-muted:#6e6b67;--text-faint:#aba6a0;--primary:#161616;--brand:var(--primary);--danger:#c0392b;--accent-task:#161616;--accent-task-light:#fff;--accent-task-mid:#161616;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(20,18,16,.04);--shadow-card-hover:0 4px 14px rgba(20,18,16,.07);--shadow-popover:0 8px 28px rgba(20,18,16,.1);--shadow-modal:0 12px 40px rgba(20,18,16,.1);--header-height:48px;--navbar-height:48px;--sidebar-width:200px;--font-serif:"Gibson","DM Serif Display",Georgia,serif;--font-sans:"Gibson","DM Sans",system-ui,sans-serif}html.dark{--bg:#111315;--surface:#1a1d20;--border:#2a2f34;--border-strong:#57524b;--text:#f4f3ef;--text-muted:#b9b2a7;--text-faint:#8f897f;--primary:#f4f3ef;--brand:var(--primary);--danger:#ff7b67;--accent-task:#d28a4a;--accent-task-light:#302319;--accent-task-mid:#59371f;--shadow-card:0 1px 2px rgba(0,0,0,.3);--shadow-card-hover:0 4px 14px rgba(0,0,0,.45);--shadow-popover:0 8px 28px rgba(0,0,0,.55);--shadow-modal:0 12px 40px rgba(0,0,0,.6)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--text);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}.card-open-link{opacity:0!important}div:hover .card-open-link{opacity:1!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spotlightIn{0%{opacity:0;transform:scale(.94) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cardSwitch{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tabIn{0%{opacity:.4;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.task-checkbox{transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.task-checkbox-previewable:not(:disabled):focus,.task-checkbox-previewable:not(:disabled):hover{background:var(--bg)!important;border-color:var(--accent-task)!important;color:var(--text)!important}.task-checkbox-preview-check{display:none;align-items:center;justify-content:center}.task-checkbox-previewable:not(:disabled):focus .task-checkbox-preview-check,.task-checkbox-previewable:not(:disabled):hover .task-checkbox-preview-check{display:flex;animation:taskCheckIn .16s ease-out}.task-checkbox-previewable:not(:disabled):focus .task-checkbox-number,.task-checkbox-previewable:not(:disabled):hover .task-checkbox-number{display:none}.task-checkbox-checked{animation:taskCheckPop .22s cubic-bezier(.16,1,.3,1)}.task-checkbox-check{display:flex;align-items:center;justify-content:center;animation:taskCheckIn .16s ease-out}.task-move-focus-overlay{position:absolute;top:8px;right:8px;width:68px;height:38px;display:flex;align-items:flex-start;justify-content:flex-end;padding:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--task-card-bg,#fff) 80%,transparent) 100%);border-radius:var(--radius-sm);z-index:2}.task-move-focus-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-faint);cursor:pointer;padding:0;opacity:.82;pointer-events:auto;transform:translateY(-2px);transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease,transform .12s ease}.task-move-focus-button:focus-visible,.task-move-focus-button:hover{background:var(--bg);border-color:var(--accent-task-mid);color:var(--accent-task);opacity:1;transform:translateY(-3px)}.task-insertion-line{height:2px;border-radius:999px;background:var(--accent-task);pointer-events:none;position:absolute;left:38px;right:16px;z-index:10}@keyframes taskCheckPop{0%{transform:scale(.84)}65%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes taskCheckIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.quick-add-task-modal,.task-checkbox,.task-checkbox-check,.task-checkbox-checked,.task-checkbox-preview-check,.task-insertion-line,.task-move-focus-button{transition:none;animation:none}}.undo-banner{width:100%;max-width:860px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:13px;margin-top:16px;animation:fadeIn .2s ease}.undo-banner,.undo-banner button{background:var(--bg);color:var(--text)}.undo-banner button{border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 12px;font-size:12px;cursor:pointer;white-space:nowrap;font-family:var(--font-sans)}.undo-banner button:hover{background:var(--bg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes meshMove{0%{transform:translate(0)}25%{transform:translate(18%,20%)}50%{transform:translate(8%,-18%)}75%{transform:translate(-15%,12%)}to{transform:translate(0)}}@keyframes modalBgIn{0%{opacity:0}to{opacity:.55}}@keyframes modalBlurIn{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}.modal-blur-overlay{position:fixed;inset:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:transparent;animation:modalBlurIn .25s ease-out forwards}.modal-gradient-bg{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:var(--surface);animation:modalBgIn .25s ease-out forwards}.modal-gradient-bg:before{inset:-50%;filter:blur(60px);animation:meshMove 40s ease-in-out infinite}.modal-gradient-bg:after,.modal-gradient-bg:before{content:"";position:absolute;z-index:0;background:var(--bg)}.modal-gradient-bg:after{inset:0;opacity:1;pointer-events:none}.auth-bg{position:relative;overflow:hidden;isolation:isolate;background:var(--surface)}.auth-bg:before{inset:-50%;filter:blur(60px);animation:meshMove 40s ease-in-out infinite}.auth-bg:after,.auth-bg:before{content:"";position:absolute;z-index:0;background:var(--bg)}.auth-bg:after{inset:0;opacity:1;pointer-events:none}.auth-card{position:relative;z-index:1;border:1.5px solid var(--border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-modal)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.auth-card,html.dark .auth-card{background:var(--bg)!important}html.dark .auth-bg,html.dark .modal-gradient-bg{background:var(--surface)}.modal-surface{background:var(--bg)!important;border:1.5px solid var(--border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-modal)!important}.quick-add-task-shell{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.quick-add-task-modal{width:min(760px,100%);height:330px;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:modalIn .18s ease-out forwards;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1)}.quick-add-task-modal.expanded{width:min(900px,100%);height:72vh}.quick-add-task-title-row{display:flex;align-items:center;gap:12px}.quick-add-task-window-actions{display:flex;flex:0 0 auto;align-items:center;gap:2px}.quick-add-task-close,.quick-add-task-resize{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;color:var(--text-muted);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.quick-add-task-close:hover,.quick-add-task-resize:hover{color:var(--text);background:var(--bg)}.quick-add-task-body{min-height:0;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:18px 18px 12px 20px}.quick-add-task-notes,.quick-add-task-title{width:100%;color:var(--text);background:transparent;border:0;outline:0}.quick-add-task-modal input:focus-visible,.quick-add-task-modal textarea:focus-visible{outline:none;box-shadow:none}.quick-add-task-title{min-width:0;flex:1 1;padding:0;font-size:21px;font-weight:650;letter-spacing:-.25px}.quick-add-task-title::placeholder{color:color-mix(in srgb,var(--text-muted) 66%,transparent)}.quick-add-task-notes{min-height:0;flex:1 1;margin-top:10px;padding:0;overflow-y:auto;resize:none;font-size:14px;line-height:1.55}.quick-add-task-notes::placeholder{color:var(--text-faint)}.quick-add-task-chips{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.quick-add-task-chip,.quick-add-task-date{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;color:var(--text-muted);background:var(--bg);border:1.5px solid var(--border);border-radius:999px;font-size:12px;line-height:1}.quick-add-task-chip{cursor:pointer}.quick-add-task-chip:hover,.quick-add-task-date:hover{color:var(--text);background:var(--bg)}.quick-add-task-chip.active{color:var(--accent-task);background:var(--accent-task-light);border-color:var(--accent-task-mid)}.quick-add-task-status-dot{width:12px;height:12px;border:1.5px solid;border-radius:50%}.quick-add-task-chip.active .quick-add-task-status-dot{background:currentColor;box-shadow:inset 0 0 0 3px var(--accent-task-light)}.quick-add-task-project{position:relative}.quick-add-task-project-menu{position:absolute;bottom:calc(100% + 8px);left:0;z-index:30;width:min(290px,calc(100vw - 64px));padding:7px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover)}.quick-add-task-project-menu>input{width:100%;padding:8px 10px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);outline:0;font-size:13px}.quick-add-task-project-menu>input:focus{border-color:var(--border)}.quick-add-task-project-options{max-height:210px;overflow-y:auto;margin-top:5px}.quick-add-task-project-empty,.quick-add-task-project-options button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 9px;color:var(--text);background:transparent;border:0;border-radius:var(--radius-sm);font-size:13px;text-align:left}.quick-add-task-project-options button{cursor:pointer}.quick-add-task-project-options button.highlighted,.quick-add-task-project-options button:hover{background:var(--bg);outline:1px solid var(--border)}.quick-add-task-project-empty{color:var(--text-muted)}.quick-add-task-project-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%}.quick-add-task-date{position:relative;padding-right:9px;overflow:hidden}.quick-add-task-date.selected{color:var(--text)}.quick-add-task-date-icon{display:flex}.quick-add-task-date>input{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.quick-add-task-date>button{position:relative;z-index:2;width:18px;height:18px;display:grid;place-items:center;margin:-2px -5px -2px 0;padding:0;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:50%;cursor:pointer}.quick-add-task-error{margin:12px 0 0;color:var(--danger);font-size:13px}.quick-add-task-footer{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;padding:12px 18px 14px}.quick-add-task-actions{display:flex;flex:0 0 auto;align-items:center;gap:14px}.quick-add-create-more{display:inline-flex;align-items:center;gap:8px;padding:4px 0;color:var(--text-muted);background:transparent;border:0;cursor:pointer;font-size:12px}.quick-add-create-more-track{width:30px;height:18px;display:flex;align-items:center;padding:2px;background:var(--bg);border:1px solid var(--border);border-radius:999px;transition:background .15s ease}.quick-add-create-more-track>span{width:14px;height:14px;background:var(--text);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s ease}.quick-add-create-more-track.active{background:var(--bg)}.quick-add-create-more-track.active>span{transform:translateX(12px)}.quick-add-task-submit{min-width:136px;padding:9px 15px;color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:650;transition:opacity .15s ease,transform .15s ease}.quick-add-task-submit:not(:disabled):hover{opacity:.88;transform:translateY(-1px)}.quick-add-task-submit:disabled{cursor:not-allowed;opacity:.42}.auth-input:focus{border-color:var(--text)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 12%,transparent)}.auth-btn:not(:disabled):hover{opacity:.88!important;transform:translateY(-1px)}.sidebar{transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9}.header-logo-full{display:inline}.header-logo-icon,.header-menu-btn{display:none!important}@media (max-width:768px){.quick-add-task-shell{align-items:flex-end;padding:12px}.quick-add-task-modal{height:420px;border-radius:var(--radius-xl)}.quick-add-task-modal.expanded{width:100%;height:calc(100vh - 24px)}.quick-add-task-body{overflow:hidden}.quick-add-task-footer{align-items:center;flex-wrap:wrap}.quick-add-task-chips{width:100%}.quick-add-task-actions{width:100%;justify-content:flex-end}.quick-add-task-submit{width:auto}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0);z-index:25}.sidebar-overlay.open{display:block;z-index:24}.main-content{margin-left:0!important}.header-menu-btn{display:flex!important}.header-logo-full{display:none!important}.header-logo-icon{display:inline!important}.app-header{gap:12px!important;padding:10px 16px!important}.item-modal{flex-direction:column!important;max-height:88vh!important;height:auto!important;border-radius:var(--radius-lg)!important;max-width:calc(100% - 32px)!important;overflow-y:auto!important}.item-modal-left{width:100%!important;height:180px!important;flex-shrink:0!important}.item-modal-right{flex:1 1!important;overflow-y:auto!important}}@keyframes panelSlideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.detail-side-panel{width:100%!important;top:var(--header-height)!important}}