:root{--color-bg: #1E1E24;--color-bg-secondary: #252530;--color-bg-tertiary: #2C2C38;--color-bg-light: #F5F5F3;--color-border: #3A3A48;--color-text: #F5F5F3;--color-text-secondary: #B8B8B0;--color-text-muted: #9A9A92;--color-text-on-light: #333333;--color-primary: #B5C9B7;--color-primary-dark: #5A7362;--color-primary-hover: #A3B8A5;--color-primary-text: #333333;--color-accent: #C9B8A0;--color-pop: #E07A5F;--color-pop-hover: #C9694F;--color-success: #7C9885;--color-warning: #D4A574;--color-error: #C47A7A;--color-urgent: #B85C5C;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--sidebar-width: 260px;--header-height: 56px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;color-scheme:dark}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:dark;background-color:#1a1a2e!important;color:#e4e4e7!important;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem;font-size:.875rem}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)!important;opacity:1!important;width:20px;height:20px}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{filter:brightness(0) saturate(100%) invert(95%) sepia(5%) saturate(10%) hue-rotate(0deg) brightness(110%) contrast(100%)!important}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);padding:1rem 1rem 1rem 0;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:width .2s ease}.sidebar:not(.hydrated){transition:none!important}.sidebar:not(.hydrated) *{transition:none!important}.sidebar.collapsed{width:64px;padding:1rem .5rem;align-items:center}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-community-link{display:none}.sidebar.collapsed [data-onboarding=tobias]>div:first-child,.sidebar.collapsed div[style*=linear-gradient]{display:none}.sidebar.collapsed .btn{justify-content:center;padding:.75rem}.sidebar.collapsed .project-row{justify-content:center}.sidebar.collapsed .project-row .btn{padding:.5rem;min-width:auto}.sidebar.collapsed .project-row .project-dot{margin:0}.sidebar.collapsed .project-drag-handle,.sidebar.collapsed .project-delete-btn,.sidebar.collapsed .project-edit-btn{display:none!important}.sidebar.collapsed form{display:none}.sidebar.collapsed nav>div>div[style*=uppercase]{display:none}.sidebar-collapse-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}body.sidebar-collapsed .main-content{margin-left:64px}body.sidebar-collapsed .sidebar{width:64px}.sidebar.collapsed .btn[title]:hover:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:.375rem .625rem;background:var(--color-bg-tertiary);color:var(--color-text);border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #0003}.main-content{flex:1;padding:2rem;padding-top:calc(var(--header-height) + 2rem);overflow-y:auto}.global-header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;padding:0 1.5rem;gap:.75rem;z-index:100}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;border:none;transition:all .15s ease}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover{background:var(--color-primary-hover)}.btn:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #b5c9b740}.btn-primary:focus-visible{outline-color:var(--color-text);box-shadow:0 0 0 4px #b5c9b766}.input:focus-visible{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}select:focus-visible{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:0;border-color:var(--color-primary)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[role=button]:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:1rem;z-index:10000;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-primary-text);border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:1rem}@media(prefers-contrast:high){:focus-visible{outline-width:3px;outline-offset:3px}}@media(prefers-reduced-motion:reduce){:focus-visible{transition:none}}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0px,var(--color-bg-secondary) 100px,var(--color-bg-tertiary) 200px);background-size:200px 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5rem}.skeleton-text:last-child{width:60%;margin-bottom:0}.skeleton-title{height:1.5em;width:40%;margin-bottom:.75rem}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{height:36px;width:100px;border-radius:var(--radius-md)}.skeleton-card{padding:1rem;border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border)}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--color-bg-tertiary)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:200px}.empty-state-icon{width:80px;height:80px;margin-bottom:1.5rem;color:var(--color-text-muted);opacity:.5}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.empty-state-description{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5;max-width:400px;margin-bottom:1.5rem}.empty-state-action{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.task-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s ease}.task-item:hover{border-color:var(--color-primary)}.task-item:hover .task-delete-btn{opacity:1!important}.task-delete-btn:hover{color:var(--color-error)!important}.project-row:hover .project-drag-handle{opacity:.6!important}.project-row:hover .project-delete-btn,.project-row:hover .project-edit-btn{opacity:1!important}.project-row .project-drag-handle:active{cursor:grabbing}.project-delete-btn:hover{color:var(--color-error)!important}.project-edit-btn:hover{color:var(--color-primary)!important}body.dragging-sticky .project-row{background:#5a73621a;border:2px dashed rgba(90,115,98,.4);border-radius:8px;margin:2px 0;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}body.dragging-sticky .project-row.drop-hover{background:#5a736259;border:2px solid var(--color-primary, #5A7362);transform:scale(1.03);box-shadow:0 4px 12px #5a73624d;z-index:10;position:relative}.task-checkbox{width:20px;height:20px;border:2px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-top:2px}.task-checkbox:hover{border-color:var(--color-primary)}.task-checkbox.checked{background:var(--color-success);border-color:var(--color-success)}.task-content{flex:1;min-width:0}.task-title{font-weight:500;margin-bottom:.25rem}.task-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--color-text-muted)}.priority-badge{padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.priority-low{background:#7c988533;color:var(--color-success)}.priority-medium{background:#d4a57433;color:var(--color-warning)}.priority-high{background:#c47a7a33;color:var(--color-error)}.priority-urgent{background:#b85c5c40;color:var(--color-urgent)}.project-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;background:var(--color-bg-tertiary);border-radius:9999px;font-size:.75rem}.project-dot{width:8px;height:8px;border-radius:50%}.input{width:100%;padding:.625rem .875rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;transition:border-color .15s ease}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-muted)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.error-container h1{font-size:1.5rem;margin-bottom:1rem}.error-container p{color:var(--color-text-secondary)}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}.hamburger-btn{display:none;background:none;border:none;color:var(--color-text);font-size:1.5rem;padding:.625rem;cursor:pointer;z-index:1001;border-radius:var(--radius-md);transition:background .15s ease;min-width:44px;min-height:44px;align-items:center;justify-content:center}.hamburger-btn:hover,.hamburger-btn:active{background:var(--color-bg-tertiary)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:calc(56px + var(--safe-area-top));padding-top:var(--safe-area-top);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding-left:max(.75rem,var(--safe-area-left));padding-right:max(.75rem,var(--safe-area-right));align-items:center;justify-content:space-between;z-index:999;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#252530f2}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease}.sidebar-overlay.visible{display:block}.fab{display:none;position:fixed;bottom:calc(1.5rem + var(--safe-area-bottom));right:max(1rem,var(--safe-area-right));width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-text);border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 16px #00000040,0 2px 4px #00000026;z-index:998;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.fab:hover,.fab:active{transform:scale(1.05);box-shadow:0 6px 20px #0000004d,0 2px 6px #0003}.mobile-quick-add{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-radius:16px 16px 0 0;padding:1.25rem;padding-bottom:calc(1.25rem + var(--safe-area-bottom));padding-left:max(1.25rem,var(--safe-area-left));padding-right:max(1.25rem,var(--safe-area-right));z-index:1002;animation:slideUp .25s cubic-bezier(.32,.72,0,1);box-shadow:0 -4px 24px #0003}.mobile-quick-add:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:var(--color-border);border-radius:2px}.task-blocked-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#ef444426;color:var(--color-error);border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase}@media(max-width:767px){.mobile-header,.hamburger-btn{display:flex}.sidebar-collapse-btn{display:none!important}.sidebar.collapsed{width:min(85vw,320px);padding:1rem;align-items:stretch}.sidebar.collapsed .btn span,.sidebar.collapsed .sidebar-community-link,.sidebar.collapsed nav>div>div{display:flex}.fab{display:flex}.quick-add-desktop{display:none}.main-content{margin-left:0;padding:1rem;padding-top:calc(var(--header-height) + var(--safe-area-top) + 1rem);padding-bottom:calc(1rem + var(--safe-area-bottom));padding-left:max(1rem,var(--safe-area-left));padding-right:max(1rem,var(--safe-area-right))}.global-header{left:0;padding-left:max(1rem,var(--safe-area-left));padding-right:max(1rem,var(--safe-area-right))}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(85vw,320px);z-index:1001;transform:translate(-100%);transition:transform .3s cubic-bezier(.32,.72,0,1);padding-top:calc(3.5rem + var(--safe-area-top));padding-bottom:calc(5rem + var(--safe-area-bottom));padding-left:max(1rem,var(--safe-area-left));padding-right:.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:4px 0 24px #0000004d}.sidebar.open{transform:translate(0)}.sidebar .sidebar-header{padding-top:.5rem;margin-bottom:1.5rem!important}.sidebar .btn.btn-ghost{min-height:48px;padding:.75rem 1rem;font-size:.9375rem}.sidebar nav>div>div[style*=uppercase]{padding:.5rem 1rem;margin-top:.5rem}.sidebar-close-btn{display:flex!important}.sidebar .hide-on-mobile{display:none!important}.sidebar{display:flex;flex-direction:column}.sidebar nav{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:block!important}.sidebar nav>div{flex-shrink:1!important;flex:none!important}.sidebar nav>div:last-child{overflow:visible!important;max-height:none!important}body.sidebar-open{overflow:hidden;position:fixed;width:100%;height:100%}.app-layout{flex-direction:column}.task-item{padding:.875rem 1rem;min-height:60px;margin-bottom:.5rem;border-radius:var(--radius-lg)}.task-checkbox{width:26px;height:26px;margin-top:0;flex-shrink:0}.task-title{font-size:1rem;line-height:1.4}.task-meta{flex-wrap:wrap;gap:.375rem;margin-top:.375rem}.card{padding:1rem;border-radius:var(--radius-lg);margin-bottom:.75rem}.btn{padding:.75rem 1rem;min-height:48px;font-size:.9375rem;border-radius:var(--radius-md)}.input{padding:.875rem 1rem;font-size:1rem;min-height:48px;border-radius:var(--radius-md)}select.input,select{min-height:48px;padding:.875rem 1rem;font-size:1rem}.task-detail-panel{position:fixed;inset:0;width:100%;max-width:100%;border-radius:0;z-index:1003;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:var(--safe-area-top)}.task-detail-panel .task-detail-header{position:sticky;top:0;background:var(--color-bg-secondary);z-index:1;padding:1rem;padding-top:calc(1rem + var(--safe-area-top));border-bottom:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.task-detail-panel .task-detail-content{padding:1rem;padding-bottom:calc(100px + var(--safe-area-bottom));padding-left:max(1rem,var(--safe-area-left));padding-right:max(1rem,var(--safe-area-right))}.task-detail-panel .task-detail-actions{position:fixed;bottom:0;left:0;right:0;padding:1rem;padding-bottom:calc(1rem + var(--safe-area-bottom));padding-left:max(1rem,var(--safe-area-left));padding-right:max(1rem,var(--safe-area-right));background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;gap:.75rem}.sidebar button kbd{display:none}header h1{font-size:1.375rem;font-weight:600}.priority-badge{padding:.25rem .625rem;font-size:.6875rem}.filter-panel{padding:1rem;border-radius:var(--radius-lg)}.filter-panel select,.filter-panel input{min-height:48px}.modal-overlay{padding:0}.modal-content{position:fixed;inset:auto 0 0;border-radius:16px 16px 0 0;max-height:calc(90vh - var(--safe-area-top));height:auto;padding-bottom:calc(1.5rem + var(--safe-area-bottom));animation:slideUp .3s cubic-bezier(.32,.72,0,1)}[style*="bottom: 1.5rem"][style*="right: 1.5rem"]{bottom:calc(6rem + var(--safe-area-bottom))!important}.notes-list-panel{width:100%!important;min-width:100%!important}.notes-list-panel.hidden-mobile{display:none!important}.notes-editor-panel{position:fixed!important;top:calc(56px + var(--safe-area-top))!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;z-index:100;background:var(--color-bg);padding-bottom:var(--safe-area-bottom)}.notes-back-btn{display:flex!important}.page-container{padding:1rem;padding-top:calc(var(--header-height) + var(--safe-area-top) + 1rem);padding-bottom:calc(1rem + var(--safe-area-bottom))}.task-list{gap:.5rem}h1{font-size:1.5rem;line-height:1.3}h2{font-size:1.25rem;line-height:1.35}h3{font-size:1.125rem;line-height:1.4}p,li{font-size:.9375rem;line-height:1.6}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}}@media(min-width:768px)and (max-width:1023px){.sidebar{width:220px}.main-content{padding:1.5rem}.task-detail-panel{width:360px}}@media(min-width:1024px){.sidebar-overlay{display:none!important}.sidebar{transform:translate(0)!important;position:relative!important}.mobile-header,.fab{display:none!important}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.3);opacity:0}}.fab-pulse-ring{position:fixed;bottom:1.5rem;right:1.5rem;width:3.5rem;height:3.5rem;border-radius:50%;border:2px solid var(--color-primary);animation:pulse-ring 1.5s ease-out 3;pointer-events:none;z-index:999}@keyframes pulse-glow{0%,to{box-shadow:0 0 #b5c9b700}50%{box-shadow:0 0 0 4px #b5c9b74d}}.help-button-pulse{animation:pulse-glow 1s ease-in-out 3}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-enter{animation:toast-slide-in .2s ease-out forwards}.toast-exit{animation:toast-slide-out .2s ease-in forwards}@keyframes header-celebration{0%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.header-context-celebration{animation:header-celebration 60s ease-in-out forwards}.header-context{animation:fade-in .3s ease-out}.welcome-modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);z-index:1100;animation:fade-in .2s ease-out}.welcome-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:420px;width:calc(100% - 32px);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:32px;z-index:1101;animation:modal-in .2s ease-out;text-align:center}.welcome-modal-icon{color:var(--color-primary);margin-bottom:1rem}.welcome-modal-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.welcome-modal-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0 0 1.5rem}.welcome-modal-body{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;max-width:320px;margin:0 auto 1.5rem}.welcome-modal-primary-btn{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background:var(--color-primary);color:var(--color-primary-text);border:none;border-radius:8px;cursor:pointer;transition:background .15s ease}.welcome-modal-primary-btn:hover{background:var(--color-primary-hover)}.welcome-modal-skip{display:inline-block;margin-top:1rem;font-size:.875rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:.5rem}.welcome-modal-skip:hover{text-decoration:underline;color:var(--color-text-secondary)}@media(max-width:480px){@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.welcome-modal{inset:auto 0 0;transform:none;width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:calc(85vh - var(--safe-area-top));animation:slide-up .3s cubic-bezier(.32,.72,0,1);padding:28px 20px calc(32px + var(--safe-area-bottom)) 20px}.welcome-modal:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-border);border-radius:2px}.welcome-modal-primary-btn{min-height:52px;font-size:1.0625rem;border-radius:12px}.welcome-modal-skip{min-height:44px;padding:.75rem}}.whats-new-modal-backdrop{position:fixed;inset:0;background:#0009;z-index:1100;backdrop-filter:blur(4px)}.whats-new-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-secondary);border-radius:12px;padding:24px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;z-index:1101;box-shadow:0 20px 50px #0000004d;text-align:center}.whats-new-modal-icon{color:var(--color-pop);margin-bottom:1rem}.whats-new-modal-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.whats-new-modal-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1.5rem}.whats-new-modal-entries{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;text-align:left}.whats-new-modal-entry{background:var(--color-bg-tertiary);border-radius:8px;padding:.75rem;transition:background .15s ease}.whats-new-modal-entry:hover{background:var(--color-bg)}.whats-new-modal-entry-header{display:flex;align-items:flex-start;gap:.75rem}.whats-new-modal-entry-icon{flex-shrink:0;margin-top:2px}.whats-new-modal-entry-content{flex:1;min-width:0}.whats-new-modal-entry-title{font-size:.875rem;font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.whats-new-modal-entry-version{font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg);padding:.125rem .375rem;border-radius:4px}.whats-new-modal-entry-summary{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.25rem;line-height:1.4}.whats-new-modal-entry-expand{flex-shrink:0;color:var(--color-text-muted)}.whats-new-modal-entry-body{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);line-height:1.5;white-space:pre-wrap}.whats-new-modal-primary-btn{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--color-primary);color:var(--color-primary-text);border:none;border-radius:8px;cursor:pointer;transition:background .15s ease}.whats-new-modal-primary-btn:hover:not(:disabled){background:var(--color-primary-hover)}.whats-new-modal-primary-btn:disabled{opacity:.6;cursor:not-allowed}.whats-new-modal-link{display:inline-block;margin-top:1rem;font-size:.875rem;color:var(--color-text-muted);text-decoration:none}.whats-new-modal-link:hover{color:var(--color-text-secondary);text-decoration:underline}@media(max-width:480px){.whats-new-modal{inset:auto 0 0;transform:none;width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:calc(85vh - var(--safe-area-top));padding:28px 20px calc(32px + var(--safe-area-bottom)) 20px;animation:slide-up .3s cubic-bezier(.32,.72,0,1)}.whats-new-modal:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-border);border-radius:2px}.whats-new-modal-primary-btn{min-height:52px;font-size:1.0625rem;border-radius:12px}}.quick-help-menu{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.quick-help-header{font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.quick-help-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.quick-help-option:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.quick-help-option-icon{color:var(--color-primary);flex-shrink:0}.quick-help-back{display:block;text-align:center;padding:.75rem;font-size:.8125rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;width:100%}.quick-help-back:hover{text-decoration:underline;color:var(--color-text-secondary)}.agent-help-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem;margin-bottom:.5rem;background:transparent;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.agent-help-button:hover{background:var(--color-bg-tertiary);border-style:solid}.suggested-prompt-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.chat-side-panel{position:fixed;right:0;top:var(--header-height);bottom:0;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);z-index:100;transition:width .2s ease;overflow:hidden}.chat-side-panel.open{box-shadow:-4px 0 20px #00000026}body.chat-panel-open{padding-right:var(--chat-panel-width, 380px);transition:padding-right .2s ease}.chat-panel-resize-handle{position:absolute;left:0;top:0;bottom:0;width:8px;cursor:ew-resize;background:transparent;transition:background .15s ease;z-index:10;display:flex;align-items:center;justify-content:center}.chat-panel-resize-handle:before{content:"";width:4px;height:32px;background-image:radial-gradient(circle,var(--color-text-muted) 1px,transparent 1px);background-size:4px 8px;background-position:center;opacity:.5;transition:opacity .15s ease}.chat-panel-resize-handle:hover:before,.chat-panel-resize-handle.active:before{opacity:1;background-image:radial-gradient(circle,var(--color-bg) 1.5px,transparent 1.5px)}.chat-panel-resize-handle:hover,.chat-panel-resize-handle.active{background:#b5c9b740}.chat-panel-resize-handle.highlight{background:#b5c9b74d}.chat-panel-resize-handle.highlight:before{opacity:1;background-image:radial-gradient(circle,var(--color-bg) 1.5px,transparent 1.5px)}.chat-panel-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);background:var(--color-pop);border:1px solid var(--color-pop);border-right:none;border-radius:8px 0 0 8px;padding:12px 10px;cursor:pointer;z-index:99;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:-2px 0 8px #e07a5f4d}.chat-panel-tab:hover{background:var(--color-pop-hover);color:#fff;padding-right:14px;box-shadow:-4px 0 12px #e07a5f66}@media(max-width:768px){.chat-side-panel.open{width:100%!important;top:0;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.chat-panel-resize-handle{display:none}.chat-panel-tab{bottom:calc(6rem + var(--safe-area-bottom));top:auto;transform:none;padding:12px;border-radius:12px 0 0 12px;box-shadow:-4px 0 16px #e07a5f4d}body.chat-panel-open{padding-right:0}}.landing-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:5rem 2rem 3rem;max-width:1200px;margin:0 auto}.landing-hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--color-text)}.landing-hero-content p{font-size:1.25rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:2rem}.landing-hero-image img{max-width:100%;height:auto;border-radius:var(--radius-lg)}.landing-hero-reversed{direction:rtl}.landing-hero-reversed>*{direction:ltr}@media(max-width:767px){.public-nav-desktop{display:none!important}.public-nav-hamburger{display:flex!important}}@media(max-width:767px){.landing-hero{grid-template-columns:1fr;text-align:center;padding:calc(2rem + var(--safe-area-top)) max(1.25rem,var(--safe-area-left)) 2rem max(1.25rem,var(--safe-area-right));gap:1.5rem}.landing-hero-content h1,.landing-hero-content h2{font-size:2rem;line-height:1.2}.landing-hero-content p{font-size:1rem;line-height:1.6}.landing-hero-image{order:-1}.landing-hero-reversed{direction:ltr}}.feature-screenshot{transition:transform .3s ease,box-shadow .3s ease}.feature-screenshot:hover{transform:scale(1.03);box-shadow:0 30px 60px -15px #0009,0 0 0 1px #ffffff14}.landing-feature-section{flex-wrap:wrap}@media(max-width:900px){.landing-feature-section{flex-direction:column;text-align:center}.landing-feature-section ul{align-items:center}}@media(max-width:767px){.main-content{transition:opacity .15s ease}.empty-state{padding:2rem 1.5rem;text-align:center}.empty-state-icon{width:64px;height:64px;margin-bottom:1rem}.empty-state-title{font-size:1.25rem;margin-bottom:.5rem}.empty-state-description{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}.task-item:active,.btn:active,.card:active{opacity:.9;transform:scale(.995)}.main-content,.sidebar,.task-detail-panel,.notes-editor-panel{scroll-behavior:smooth}nav a{padding:.75rem 1rem}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0px,var(--color-bg-secondary) 100px,var(--color-bg-tertiary) 200px);background-size:200px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-md)}.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b5c9b733}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.mobile-action-bar{position:fixed;bottom:0;left:0;right:0;display:flex;gap:.75rem;padding:1rem;padding-bottom:calc(1rem + var(--safe-area-bottom));padding-left:max(1rem,var(--safe-area-left));padding-right:max(1rem,var(--safe-area-right));background:var(--color-bg-secondary);border-top:1px solid var(--color-border);z-index:100}.mobile-action-bar .btn{flex:1}@keyframes swipe-hint{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(-8px);opacity:1}}.swipe-hint{animation:swipe-hint 2s ease-in-out 2}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.6875rem;font-weight:600;border-radius:10px}.toast-container{bottom:calc(5rem + var(--safe-area-bottom));left:1rem;right:1rem}.calendar-grid{font-size:.875rem}.calendar-day{min-height:48px;padding:.25rem}.settings-section{padding:1rem;margin-bottom:1rem;border-radius:var(--radius-lg)}.settings-section-title{font-size:1.125rem;margin-bottom:1rem}.project-canvas{touch-action:none}}.help-article-content h2{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:2rem 0 1rem}.help-article-content h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:1.5rem 0 .75rem}.help-article-content p{margin-bottom:1rem}.help-article-content ul,.help-article-content ol{margin-bottom:1rem;padding-left:1.5rem}.help-article-content li{margin-bottom:.5rem}.help-article-content code{background:var(--color-bg-tertiary);padding:.125rem .375rem;border-radius:4px;font-size:.9em;font-family:SF Mono,Menlo,Monaco,monospace}.help-article-content pre{background:var(--color-bg-tertiary);padding:1rem;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:1rem}.help-article-content pre code{background:none;padding:0}.help-article-content a{color:var(--color-primary);text-decoration:underline}.help-article-content a:hover{color:var(--color-primary-hover)}@media(max-width:768px){.help-sidebar{position:fixed;left:0;top:64px;bottom:0;transform:translate(-100%);z-index:95;transition:transform .3s ease}.help-sidebar-open{transform:translate(0)}.help-sidebar-overlay{display:block!important}.help-sidebar-toggle{display:flex!important}.help-sidebar-close{display:block!important}}.markdown-summary{color:var(--color-text);line-height:1.7}.markdown-summary h2,.markdown-summary h3{color:var(--color-primary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 .75rem;padding-top:1rem;border-top:1px solid var(--color-border)}.markdown-summary h2:first-child,.markdown-summary h3:first-child{margin-top:0;padding-top:0;border-top:none}.markdown-summary p{margin:.75rem 0;color:var(--color-text-secondary)}.markdown-summary ul,.markdown-summary ol{margin:.75rem 0;padding-left:1.5rem}.markdown-summary li{margin:.5rem 0;color:var(--color-text-secondary)}.markdown-summary strong{color:var(--color-text);font-weight:600}.landing-title-hero{font-size:clamp(2rem,5vw + 1rem,3.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--color-text)}.landing-title-section{font-size:clamp(1.5rem,3vw + .5rem,3rem);font-weight:700;margin-bottom:1rem}.landing-title-medium{font-size:clamp(1.25rem,2.5vw + .5rem,2.25rem);font-weight:600;margin-bottom:1.5rem}.landing-title-small{font-size:clamp(1.25rem,2vw + .5rem,2rem);font-weight:600;margin-bottom:2rem}.landing-subtitle{font-size:clamp(1rem,1.5vw + .5rem,1.25rem);line-height:1.7}.landing-text-large{font-size:clamp(1.125rem,1.5vw + .5rem,1.75rem);font-weight:600}.universal-capture-section{padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%);border-top:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary)}.universal-capture-title{font-size:clamp(1.75rem,4vw + .5rem,3rem);font-weight:700;margin-bottom:1rem;color:var(--color-primary);letter-spacing:.05em}.capture-channels-grid{display:flex;justify-content:center;align-items:flex-start;gap:clamp(1rem,3vw,2rem);flex-wrap:wrap;margin-bottom:clamp(1.5rem,3vw,3rem)}.capture-channel{text-align:center;min-width:100px;flex:0 1 auto}.capture-channel-icon{width:clamp(60px,10vw,80px);height:clamp(60px,10vw,80px);border-radius:50%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.capture-channel-icon svg{width:clamp(28px,5vw,36px);height:clamp(28px,5vw,36px)}.capture-channel-title{font-weight:600;font-size:clamp(.95rem,1.5vw,1.1rem);margin-bottom:.25rem}.capture-channel-subtitle{font-size:clamp(.75rem,1vw,.85rem);color:var(--color-text-muted)}.feature-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(1rem,2vw,2rem)}.how-channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:clamp(1rem,2vw,1.5rem)}.ios-announcement{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;padding:clamp(1rem,2vw,1.5rem) clamp(1rem,3vw,2rem);background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-secondary));border-radius:var(--radius-lg);border:1px solid var(--color-primary)}.ios-announcement-title{margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;color:var(--color-primary)}.ios-announcement-subtitle{margin:.25rem 0 0;color:var(--color-text-secondary);font-size:clamp(.85rem,1.5vw,.95rem)}.landing-section{padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem)}.landing-section-tight{padding:clamp(1.5rem,3vw,2rem) clamp(1rem,3vw,2rem)}.landing-cta-btn{background:var(--color-pop);color:#fff;padding:clamp(.75rem,1.5vw,1rem) clamp(1.5rem,3vw,2.5rem);border-radius:var(--radius-md);font-weight:600;font-size:clamp(1rem,1.5vw,1.25rem);text-decoration:none;display:inline-block;transition:background .15s ease,transform .15s ease}.landing-cta-btn:hover{background:var(--color-pop-hover);transform:translateY(-1px);text-decoration:none}.landing-cta-btn-sm{background:var(--color-pop);color:#fff;padding:clamp(.75rem,1vw,1rem) clamp(1.25rem,2vw,2rem);border-radius:var(--radius-md);font-weight:600;font-size:clamp(.95rem,1.25vw,1.125rem);text-decoration:none;display:inline-block}@media(max-width:767px){.landing-hero{padding:calc(1.5rem + var(--safe-area-top)) max(1rem,var(--safe-area-left)) 1.5rem max(1rem,var(--safe-area-right))}.capture-channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.capture-channel{min-width:unset}.ios-announcement{flex-direction:column;text-align:center;gap:.75rem}.feature-cards-grid{grid-template-columns:1fr}.landing-checklist{padding-left:0;padding-right:0}.landing-checklist-item,.landing-checklist-item span{font-size:1rem}}@media(max-width:400px){.capture-channels-grid{grid-template-columns:repeat(2,1fr)}}.today-two-column{display:grid;grid-template-columns:1fr 380px;gap:2.5rem;flex:1;width:100%;padding:5rem 2rem 2rem}.today-main-column{min-width:0}.today-sidebar{position:sticky;top:5rem;height:fit-content;padding-top:5.5rem}@media(max-width:767px){.today-two-column{display:flex;flex-direction:column;padding:1rem;padding-top:calc(var(--header-height) + var(--safe-area-top) + 1rem);gap:1.5rem}.today-main-column{width:100%}.today-sidebar{display:none}.today-mobile-sidebar-toggle{display:flex!important}.today-header h1{font-size:1.5rem}.today-section{margin-bottom:1.5rem}.today-event-item,.today-intention-item{padding:.875rem 1rem;border-radius:.75rem}.today-companion-card{border-radius:1rem 1rem 0 0}}@media(min-width:768px)and (max-width:1023px){.today-two-column{grid-template-columns:1fr 320px;gap:1.5rem;padding:4rem 1.5rem 1.5rem}.today-sidebar{padding-top:4.5rem}}.mobile-companion-overlay{position:fixed;inset:0;background:#00000080;z-index:1001;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-companion-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-secondary);border-radius:1rem 1rem 0 0;box-shadow:0 -4px 24px #00000040;z-index:1002;max-height:calc(85vh - var(--safe-area-top));overflow-y:auto;padding:2rem 1.25rem 1.25rem;padding-bottom:calc(1.25rem + var(--safe-area-bottom));animation:slideUp .3s cubic-bezier(.32,.72,0,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-companion-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:var(--color-border);border-radius:2px}.mobile-companion-toggle{display:none;position:fixed;bottom:calc(5rem + var(--safe-area-bottom));right:max(1rem,var(--safe-area-right));width:52px;height:52px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-text);border:none;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 16px #00000040;z-index:998;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.mobile-companion-toggle:hover,.mobile-companion-toggle:active{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}@media(max-width:767px){.mobile-companion-toggle{display:flex}}.app-section-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.app-card{background:var(--color-bg-secondary);border-radius:.75rem;padding:1rem}@media(max-width:767px){.app-card{border-radius:.875rem;padding:.875rem}}.app-list-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-bg-secondary);border-radius:.75rem;cursor:pointer;transition:background .15s ease}.app-list-item:hover{background:var(--color-bg-tertiary)}@media(max-width:767px){.app-list-item{min-height:56px;padding:1rem}}.calendar-layout-container{display:flex;flex:1;gap:1rem;overflow:hidden;min-height:0}.calendar-main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.calendar-tasks-panel{width:280px;min-width:280px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}@media(max-width:767px){.calendar-tasks-panel{display:none}.calendar-layout-container{flex-direction:column}}