:root{--safe-area-inset-top: 0px;--safe-area-inset-right: 0px;--safe-area-inset-bottom: 0px;--safe-area-inset-left: 0px;--header-height: 60px;--navbar-height: 60px;--ad-banner-height: 50px;--ad-spacing: 8px;--floating-action-edge-gap: 16px;--floating-action-ad-gap: 32px;--safe-header-height: calc(var(--header-height) + var(--safe-area-inset-top));--safe-navbar-height: calc(var(--navbar-height) + var(--safe-area-inset-bottom));--total-bottom-height: calc(var(--navbar-height) + var(--ad-banner-height) + var(--ad-spacing) + var(--safe-area-inset-bottom));--safe-header-height-fallback: 104px;--safe-navbar-height-fallback: 86px;--total-bottom-height-fallback: 144px}html,body{height:100%;height:100dvh;margin:0;padding:0;overflow-x:hidden}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation}body{display:grid!important;grid-template-rows:auto 1fr auto!important;grid-template-areas:"header" "main" "footer"!important;min-height:100vh;min-height:100dvh;background-color:#fff!important;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,[contenteditable]{-webkit-user-select:auto!important;-webkit-touch-callout:default!important;touch-action:auto!important}*{-webkit-touch-callout:none;-webkit-user-select:none}button,a,.clickable{-webkit-user-select:none;touch-action:manipulation}header{grid-area:header!important;position:sticky!important;top:0!important;z-index:1000!important;min-height:56px!important;padding-top:env(safe-area-inset-top,0px)!important;padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important;padding-bottom:12px!important;background:linear-gradient(to right,var(--theme-gradient-from),var(--theme-gradient-to))!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 6px -1px #0000001a!important}header h1{color:#fff!important;font-size:1.5rem!important;font-weight:700!important;margin:0!important;padding:16px 0!important;max-width:calc(100% - 112px)!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}@media screen and (max-width:767px){header h1{font-size:1.25rem!important;line-height:1.2!important}}@media screen and (min-width:768px)and (max-width:1023px){header h1{font-size:1.5rem!important;line-height:1.2!important}}@media screen and (min-width:1024px){header h1{font-size:1.75rem!important;line-height:1.2!important}}main{grid-area:main!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;background-color:#f8fafc!important;padding-top:24px!important;padding-left:max(env(safe-area-inset-left,0px),16px)!important;padding-right:max(env(safe-area-inset-right,0px),16px)!important;padding-bottom:180px!important;-webkit-overflow-scrolling:touch!important}.bottom-fixed-container{grid-area:footer!important;display:flex!important;flex-direction:column!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important;background-color:#fff!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -2px 8px #0000000d!important;z-index:1000!important}nav-bar{order:1!important;min-height:60px!important;display:block!important}.ad-space{order:2!important;height:50px!important;min-height:50px!important;background-color:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;color:#9ca3af!important;border-top:1px solid #e5e7eb!important}.ad-space.ad-loaded{background-color:transparent!important;border-top:none!important}.ad-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:6px;margin:0 4px;min-height:50px}.ad-content.large-banner{min-height:60px}.ad-content.medium-banner{min-height:50px}nav-bar{position:fixed!important;bottom:calc(var(--ad-banner-height, 50px) + var(--safe-area-inset-bottom, 0px))!important;left:0!important;right:0!important;z-index:1002!important;height:var(--safe-navbar-height, 86px)!important;min-height:60px!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-top:1px solid #e5e7eb!important;border-bottom:1px solid #e5e7eb!important;box-shadow:0 -1px 3px #0000001a,0 1px 3px #0000001a!important;padding-bottom:var(--safe-area-inset-bottom)!important;padding-left:var(--safe-area-inset-left)!important;padding-right:var(--safe-area-inset-right)!important;padding-top:8px!important;display:block!important}.navbar-inner{width:100%!important;height:100%!important;min-height:var(--navbar-height)!important;display:flex!important;align-items:center!important;justify-content:space-around!important;padding:0!important;margin:0!important;background:inherit!important;border:none!important}.nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:6px 4px!important;min-height:44px!important;flex:1!important;text-decoration:none!important;transition:all .2s ease!important}.nav-item:active{transform:scale(.95)!important;background-color:#3b82f61a!important;border-radius:8px!important}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;padding-top:var(--safe-area-inset-top)!important;padding-bottom:var(--safe-area-inset-bottom)!important;padding-left:var(--safe-area-inset-left)!important;padding-right:var(--safe-area-inset-right)!important}@supports (padding: max(0px)){header{padding-top:max(44px,env(safe-area-inset-top))!important}nav-bar{padding-bottom:max(34px,env(safe-area-inset-bottom))!important}}@media screen and (device-width:430px)and (device-height:932px){header{padding-top:max(47px,env(safe-area-inset-top))!important}}@media screen and (max-width:375px)and (max-height:667px){:root{--header-height: 60px;--navbar-height: 60px;--ad-banner-height: 45px;--ad-spacing: 6px}main{padding-left:12px!important;padding-right:12px!important}}@media screen and (orientation:landscape){header{padding-top:max(var(--safe-area-inset-top),12px)!important}:root{--header-height: 60px;--navbar-height: 40px;--ad-banner-height: 40px;--ad-spacing: 6px}main{padding-left:max(var(--safe-area-inset-left),20px)!important;padding-right:max(var(--safe-area-inset-right),20px)!important}}@media screen and (min-width:320px){:root{--ad-banner-height: 20px}}@media screen and (min-width:480px){:root{--ad-banner-height: 22px}}@media screen and (min-width:768px){:root{--navbar-height: 80px;--ad-banner-height: 50px;--ad-spacing: 15px}nav-bar{height:var(--navbar-height)!important;padding:16px 0!important;z-index:1002!important;position:fixed!important}nav-bar .nav-item{padding:16px 20px!important;min-height:64px!important;font-size:16px!important}nav-bar .nav-item svg{width:32px!important;height:32px!important;margin-bottom:6px!important}nav-bar .nav-item span{font-size:14px!important;font-weight:500!important}main{padding-left:max(var(--safe-area-inset-left),32px)!important;padding-right:max(var(--safe-area-inset-right),32px)!important;margin-bottom:calc(var(--navbar-height) + var(--ad-banner-height) + var(--ad-spacing) + 20px)!important}.ad-banner{height:var(--ad-banner-height)!important;z-index:1001!important;bottom:var(--navbar-height)!important}}@media screen and (min-width:1024px){:root{--navbar-height: 90px;--ad-banner-height: 60px;--ad-spacing: 20px}}.ad-banner.loaded{opacity:1;transition:opacity .3s ease}.ad-banner.failed{display:none!important}.no-ads main{margin-bottom:var(--safe-navbar-height)!important}.no-ads .add-task-btn-container{bottom:calc(var(--total-bottom-height, 144px) + 24px)!important}header,nav-bar,main,.ad-banner{will-change:transform;transform:translateZ(0)}main{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}button,.task-item,.quadrant{touch-action:manipulation}.ad-banner{transition:all .3s ease}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.ad-banner.animate-in{animation:slideInFromBottom .3s ease forwards}:root{--navbar-height: 0px;--ad-banner-height: 50px;--safe-navbar-height: var(--safe-area-inset-bottom, 0px);--total-bottom-height: calc(var(--ad-banner-height, 50px) + var(--safe-area-inset-bottom, 0px));--total-bottom-height-fallback: 50px}main{margin-bottom:0!important;padding-bottom:24px!important}.bottom-fixed-container{grid-area:footer!important;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;height:auto!important;min-height:calc(var(--ad-banner-height, 50px) + var(--safe-area-inset-bottom, 0px))!important;display:flex!important;flex-direction:column!important;padding-top:0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important;background-color:#fff!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -2px 8px #0000000d!important;z-index:900!important}.ad-space{order:1!important;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;height:var(--ad-banner-height, 50px)!important;min-height:var(--ad-banner-height, 50px)!important;flex:0 0 var(--ad-banner-height, 50px)!important;border-top:0!important}.no-ads main{margin-bottom:0!important;padding-bottom:24px!important}.no-ads .bottom-fixed-container{display:none!important}@media screen and (min-width:1024px){:root{--ad-banner-height: 60px}}@media screen and (orientation:landscape)and (max-height:480px){:root{--ad-banner-height: 40px}main{padding-bottom:16px!important}}header{box-sizing:border-box!important;height:auto!important;min-height:calc(var(--header-height, 60px) + var(--safe-area-inset-top, 0px))!important;padding-top:max(var(--safe-area-inset-top, 0px),env(safe-area-inset-top,0px))!important;padding-bottom:0!important;transform:none!important;will-change:auto!important}header h1{min-height:var(--header-height, 60px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding-top:0!important;padding-bottom:0!important}.bottom-fixed-container,.ad-space{display:none!important}body.has-banner-ad main{padding-bottom:calc(var(--ad-banner-height, 50px) + var(--safe-area-inset-bottom, 0px) + 24px)!important}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999;transition:opacity .15s ease-out}.loading-overlay.hidden{display:none!important}.loading-overlay.visible{display:flex!important;opacity:1}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:var(--theme-color, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:16px;color:#6b7280;font-size:14px;font-weight:500}[data-i18n]{opacity:0;transition:opacity .1s ease-out}body.i18n-loaded [data-i18n]{opacity:1}body:not(.i18n-loaded){opacity:.95}body.i18n-loaded{opacity:1;transition:opacity .1s ease-out}:root{--app-dialog-accent: var(--theme-color, #3b82f6);--app-dialog-accent-dark: var(--theme-color-dark, #2563eb);--app-dialog-text: #172033;--app-dialog-muted: #687386;--app-dialog-border: #e7ebf2;--app-dialog-surface: #ffffff}body.app-dialog-open{overflow:hidden!important}.app-dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top,0px)) 18px max(20px,env(safe-area-inset-bottom,0px));background:#0f172a75;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:app-dialog-fade-in .16s ease-out both}body.has-banner-ad .app-dialog-layer{padding-bottom:calc(var(--ad-banner-height, 50px) + var(--safe-area-inset-bottom, 0px) + 20px)}.app-dialog-layer.is-closing{pointer-events:none;animation:app-dialog-fade-out .14s ease-in both}.app-dialog-card{width:min(100%,400px);max-height:min(78vh,680px);max-height:min(78dvh,680px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:var(--app-dialog-surface);box-shadow:0 28px 70px #0f172a42,0 8px 22px #0f172a1f;color:var(--app-dialog-text);transform-origin:center;animation:app-dialog-pop-in .18s cubic-bezier(.2,.8,.2,1) both}.app-dialog-layer.is-closing .app-dialog-card{animation:app-dialog-pop-out .14s ease-in both}.app-dialog-content{padding:24px 22px 18px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app-dialog-heading{display:flex;align-items:flex-start;gap:14px}.app-dialog-icon{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef5ff;background:color-mix(in srgb,var(--app-dialog-accent) 12%,white);color:var(--app-dialog-accent)}.app-dialog-icon svg{width:22px;height:22px}.app-dialog-card[data-tone=danger] .app-dialog-icon{background:#fff0f0;color:#dc2626}.app-dialog-copy{min-width:0;flex:1;padding-top:1px}.app-dialog-title{margin:0;color:var(--app-dialog-text);font-size:19px;font-weight:750;line-height:1.35;letter-spacing:-.01em}.app-dialog-message{margin:7px 0 0;color:var(--app-dialog-muted);font-size:15px;line-height:1.62;overflow-wrap:anywhere;white-space:pre-line}.app-dialog-input{width:100%;min-height:48px;box-sizing:border-box;margin-top:18px;padding:11px 14px;border:1px solid #d6dce7;border-radius:13px;outline:none;background:#f9fafc;color:var(--app-dialog-text);font:inherit;font-size:16px;line-height:1.45;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.app-dialog-input:focus{border-color:var(--app-dialog-accent);background:#fff;box-shadow:0 0 0 3px #3b82f629;box-shadow:0 0 0 3px color-mix(in srgb,var(--app-dialog-accent) 16%,transparent)}.app-dialog-actions{display:flex;gap:10px;padding:14px 18px max(16px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--app-dialog-border);background:#fbfcfe}.app-dialog-button{min-width:0;min-height:46px;flex:1;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:0;border-radius:13px;font:inherit;font-size:15px;font-weight:700;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,filter .12s ease,background-color .12s ease}.app-dialog-button:active{transform:scale(.98)}.app-dialog-button:focus-visible,.app-dialog-close:focus-visible,.app-select-trigger:focus-visible,.app-option-row:focus-visible{outline:3px solid rgba(59,130,246,.24);outline:3px solid color-mix(in srgb,var(--app-dialog-accent) 24%,transparent);outline-offset:2px}.app-dialog-button--secondary{border:1px solid #dfe4ec;background:#fff;color:#4b5565}.app-dialog-button--primary{background:linear-gradient(135deg,var(--app-dialog-accent),var(--app-dialog-accent-dark));color:#fff;box-shadow:0 8px 18px #3b82f63d;box-shadow:0 8px 18px color-mix(in srgb,var(--app-dialog-accent) 24%,transparent)}.app-dialog-card[data-tone=danger] .app-dialog-button--primary{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 18px #dc262633}.app-option-card{width:min(100%,420px)}.app-option-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 18px 15px 22px;border-bottom:1px solid var(--app-dialog-border)}.app-option-header-copy{min-width:0}.app-option-eyebrow{margin:0 0 3px;color:var(--app-dialog-accent);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.app-option-title{margin:0;overflow:hidden;color:var(--app-dialog-text);font-size:19px;font-weight:750;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.app-dialog-close{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:#f3f5f8;color:#657083;cursor:pointer;-webkit-tap-highlight-color:transparent}.app-dialog-close svg{width:20px;height:20px}.app-option-list{margin:0;padding:8px 10px max(12px,env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app-option-row{width:100%;min-height:52px;display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;border-radius:13px;background:transparent;color:#344054;font:inherit;font-size:16px;line-height:1.4;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}.app-option-row+.app-option-row{margin-top:2px}.app-option-row:active{background:#f2f5f9}.app-option-row.is-selected{background:#eff6ff;background:color-mix(in srgb,var(--app-dialog-accent) 9%,white);color:var(--app-dialog-accent-dark);font-weight:700}.app-option-label{min-width:0;flex:1;overflow-wrap:anywhere}.app-option-check{flex:0 0 auto;width:22px;height:22px;color:var(--app-dialog-accent);opacity:0}.app-option-row.is-selected .app-option-check{opacity:1}.app-option-dot{flex:0 0 auto;width:11px;height:11px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 4px #94a3b81f}.app-option-row[data-value=plan] .app-option-dot,.app-option-row[data-value=rose] .app-option-dot{background:#ef4444;box-shadow:0 0 0 4px #ef44441f}.app-option-row[data-value=important] .app-option-dot,.app-option-row[data-value=amber] .app-option-dot{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b24}.app-option-row[data-value=urgent] .app-option-dot,.app-option-row[data-value=purple] .app-option-dot{background:#6366f1;box-shadow:0 0 0 4px #6366f11f}.app-option-row[data-value=delegate] .app-option-dot,.app-option-row[data-value=green] .app-option-dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.app-option-row[data-value=blue] .app-option-dot{background:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.app-option-row[data-value=slate] .app-option-dot{background:#64748b}.app-select-shell{position:relative;display:block;width:100%;min-width:0}.app-select-shell>select.app-select-enhanced{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;pointer-events:none!important}.app-select-trigger{position:relative;z-index:1;width:100%;min-height:44px;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:10px 42px 10px 13px;border:1px solid #d5dae3;border-radius:10px;background:#fff;color:#202939;font:inherit;font-size:16px;line-height:1.45;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.app-select-trigger:hover{border-color:#b8c0cc}.app-select-trigger:active{background:#f8fafc}.app-select-trigger:disabled{cursor:not-allowed;opacity:.58}.app-select-trigger-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-select-trigger-chevron{position:absolute;inset-inline-end:13px;width:18px;height:18px;color:#778195;pointer-events:none}.app-select-shell+.pointer-events-none{display:none!important}.workspace-switcher.app-select-enhanced{pointer-events:none!important}.workspace-switcher-wrap>.app-select-trigger--workspace{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;min-width:44px;min-height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:transparent}.workspace-switcher-wrap>.app-select-trigger--workspace:hover,.workspace-switcher-wrap>.app-select-trigger--workspace:active{border:0;background:transparent}.app-select-trigger--workspace .app-select-trigger-label,.app-select-trigger--workspace .app-select-trigger-chevron{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}html[dir=rtl] .app-select-trigger{padding-right:13px;padding-left:42px}@media(max-width:639px){.app-option-card{width:min(100%,400px);max-height:min(70vh,620px);max-height:min(70dvh,620px);border-radius:22px;transform-origin:center}}@media(prefers-reduced-motion:reduce){.app-dialog-layer,.app-dialog-card,.app-dialog-layer.is-closing,.app-dialog-layer.is-closing .app-dialog-card{animation-duration:1ms!important}}@keyframes app-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes app-dialog-pop-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes app-dialog-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.98)}}
