.tasks-demo-site{--demo-forest:#173f35;--demo-lime:#d7ed91;--demo-paper:#f8faf8;--demo-muted:#596b62;background:var(--demo-paper);color:#202b27;min-height:100dvh;font-family:Manrope,Segoe UI,sans-serif}.tasks-demo-site *{box-sizing:border-box}.tasks-demo-site button,.tasks-demo-site input{font:inherit}.tasks-demo-site button,.tasks-demo-site a{-webkit-tap-highlight-color:transparent}.tasks-demo-site button{cursor:pointer}.tasks-demo-site button:disabled{cursor:default;opacity:.45}.tasks-demo-site a{color:inherit;text-decoration:none}.tasks-demo-site :focus-visible{outline-offset:4px;outline:3px solid #28634f}.demo-skip{z-index:20;background:#fff;padding:12px 20px;position:absolute;top:-80px;left:24px}.demo-skip:focus{top:16px}.demo-header{border-bottom:1px solid #e5ebe7;justify-content:space-between;align-items:center;gap:24px;max-width:1248px;margin:auto;padding:24px 36px;display:flex}.demo-header .product-brand-name{font-size:32px}.demo-header .brand-mark{width:35px;height:35px}.demo-header-actions{align-items:center;gap:28px;display:flex}.demo-exit{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex;color:var(--demo-muted)!important}.demo-main{max-width:1248px;margin:auto;padding:34px 36px 24px}.demo-intro{margin-bottom:22px}.demo-eyebrow{letter-spacing:.16em;color:#28634f;align-items:center;gap:8px;font-size:10px;font-weight:750;display:flex}.demo-intro h1{letter-spacing:-1.7px;color:var(--demo-forest);margin:12px 0 9px;font-size:clamp(30px,4vw,46px);font-weight:600;line-height:1.18}.demo-intro>p{color:var(--demo-muted);margin:0;font-size:15px;line-height:1.6}.demo-disclosure{color:var(--demo-muted);align-items:center;gap:7px;margin:0 0 17px;font-size:11px;font-weight:600;display:flex}.demo-live-dot{background:#6b8b71;border-radius:50%;width:6px;height:6px}.demo-stage{grid-template-columns:300px minmax(0,1fr);align-items:stretch;gap:32px;display:grid}.demo-story{flex-direction:column;min-width:0;padding:25px 4px 16px 0;display:flex}.demo-step-label{color:var(--demo-muted);align-items:center;gap:13px;font-size:12px;display:flex}.demo-step-label>span:first-child{width:35px;height:35px;color:var(--demo-forest);border:1px solid #c8d7ce;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.demo-story-copy{animation:.32s ease-out demo-appear}.demo-story h2{letter-spacing:-1px;color:var(--demo-forest);max-width:290px;margin:22px 0 14px;font-size:31px;font-weight:600;line-height:1.2}.demo-story-copy>p{color:var(--demo-muted);max-width:280px;margin:0;font-size:14px;line-height:1.75}.demo-step-nav{gap:6px;margin:25px 0 24px;padding:0;list-style:none;display:grid}.demo-step-nav button{width:100%;color:var(--demo-muted);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 12px;font-size:12px;display:flex}.demo-step-nav button>span{flex:1}.demo-step-nav button:hover{background:#edf3ef}.demo-step-nav button.is-current{color:var(--demo-forest);background:#e7efe9;font-weight:700}.demo-local-note{color:var(--demo-muted);align-items:flex-start;gap:9px;max-width:270px;margin:auto 0 0;font-size:11px;line-height:1.65;display:flex}.demo-local-note svg{flex-shrink:0;margin-top:2px}.demo-app-frame{background:#fff;border:1px solid #d6e0d9;border-radius:20px;min-width:0;min-height:520px;overflow:hidden;box-shadow:0 24px 70px #173f350b}.demo-app-top{background:#fff;border-bottom:1px solid #edf0ee;align-items:center;gap:13px;padding:18px 24px;display:flex}.demo-app-top>div{color:var(--demo-forest);letter-spacing:-1px;align-items:center;gap:8px;margin-right:auto;font-size:22px;font-weight:700;display:flex}.demo-app-top .brand-mark{width:27px;height:27px}.demo-sample-chip{letter-spacing:.12em;color:var(--demo-muted);border:1px solid #dce6df;border-radius:4px;padding:5px 8px;font-size:9px;font-weight:700}.demo-avatar{width:27px;height:27px;color:var(--demo-forest);background:#e7efe9;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.demo-workspace-bar{background:#fbfcfa;border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:12px;padding:16px 26px;display:flex}.demo-workspace-bar>div{color:var(--demo-forest);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.demo-access-badge{color:#456052;background:#edf3ef;border:1px solid #d6e0d9;border-radius:16px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;display:flex}.demo-access-badge.is-shared{background:#f2f7e8;border-color:#dce5cc}.demo-app-body{padding:28px 32px 25px;animation:.32s ease-out demo-appear}.demo-surface-eyebrow{color:#728278;letter-spacing:.14em;margin:0 0 8px;font-size:9px;font-weight:700}.demo-app-body h3{color:var(--demo-forest);letter-spacing:-.7px;margin:0 0 22px;font-size:24px;font-weight:600;line-height:1.25}.demo-task-form label{color:var(--demo-muted);margin:0 0 7px;font-size:11px;font-weight:600;display:block}.demo-task-form>div{gap:8px;display:flex}.demo-task-form input{color:#202b27;background:#fff;border:1px solid #789083;border-radius:8px;width:100%;min-width:0;min-height:44px;padding:12px;font-size:12px}.demo-task-form input::placeholder{color:#728278}.demo-primary{border:1px solid var(--demo-forest);background:var(--demo-forest);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:11px 14px;font-weight:650;line-height:1.4;transition:background .15s;display:inline-flex;color:#fff!important;font-size:12px!important}.demo-primary:hover:not(:disabled){background:#28634f}.demo-task-list{margin-top:20px}.demo-task-row{border-bottom:1px solid #edf0ee;align-items:center;gap:12px;padding:15px 1px;display:flex}.demo-task-row>div{gap:5px;min-width:0;display:grid}.demo-task-row strong{overflow-wrap:anywhere;font-size:13px;font-weight:600}.demo-task-row span:not(.demo-check){color:var(--demo-muted);font-size:10px}.demo-row-lock{color:#728278;flex-shrink:0;margin-left:auto}.demo-check{background:#fff;border:1.5px solid #789083;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.demo-check.is-checked{color:#173f35;background:#d7ed91;border-color:#bad082}.demo-completed{text-decoration:line-through;color:#708077!important}.demo-existing{opacity:.8}.demo-empty-preview{color:#789083;align-items:center;gap:12px;padding:18px 0;display:flex}.demo-empty-preview p{margin:0;font-size:12px;line-height:1.6}.demo-tip{color:#456052;background:#f1f5ef;border:1px solid #e2eade;border-radius:9px;align-items:center;gap:10px;margin-top:24px;padding:12px 14px;display:flex}.demo-tip svg{flex-shrink:0}.demo-tip p{margin:0;font-size:11px;line-height:1.6}.demo-added{animation:.3s ease-out demo-appear}.demo-calendar-heading{color:var(--demo-forest);justify-content:space-between;align-items:center;display:flex}.demo-calendar-heading h3{text-transform:capitalize;margin-bottom:17px}.demo-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:8px 0 28px;display:grid}.demo-calendar>div{text-align:center;gap:12px;display:grid}.demo-calendar>div>span{color:var(--demo-muted);text-overflow:ellipsis;font-size:10px;overflow:hidden}.demo-calendar button{color:#385246;background:#f4f7f3;border:1px solid #0000;border-radius:10px;min-height:57px;font-size:15px;font-weight:500;position:relative}.demo-calendar button:disabled{color:#809086;opacity:1;background:#fafbf9}.demo-calendar button:not(:disabled):hover{border-color:#789083}.demo-calendar button.is-selected{color:#fff;background:var(--demo-forest)}.demo-date-dot{background:var(--demo-lime);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px;left:calc(50% - 2px)}.demo-calendar-event{background:#f8fbf5;border:1px solid #dbe4d9;border-radius:10px;align-items:center;gap:12px;padding:18px;animation:.3s ease-out demo-appear;display:flex}.demo-event-marker{background:#28634f;border-radius:2px;align-self:stretch;width:3px}.demo-calendar-event>div{flex:1;gap:6px;min-width:0;display:grid}.demo-calendar-event strong{overflow-wrap:anywhere;font-size:13px;font-weight:600}.demo-calendar-event span:not(.demo-event-marker){color:var(--demo-muted);font-size:11px}.demo-calendar-event>svg{color:#728278}.demo-calendar-empty{background:#f8faf8;border-radius:10px;padding:15px}.demo-calendar-empty p{color:var(--demo-muted);margin:0 0 12px;font-size:12px;line-height:1.6}.demo-space-choice{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;padding:0;display:grid}.demo-space-choice legend{color:var(--demo-muted);margin:0 0 9px;font-size:11px}.demo-space-choice label{cursor:pointer;background:#fff;border:1px solid #d6e0d9;border-radius:10px;gap:6px;padding:15px;display:grid;position:relative}.demo-space-choice label.is-selected{background:#f2f7ed;border-color:#28634f;box-shadow:0 0 0 1px #28634f}.demo-space-choice input{accent-color:#28634f;width:15px;height:15px;margin:0;position:absolute;top:14px;right:12px}.demo-space-choice label>svg{color:#456052;margin-bottom:5px}.demo-space-choice strong{color:var(--demo-forest);font-size:12px;font-weight:650}.demo-space-choice span{color:var(--demo-muted);font-size:10px}.demo-choice-hint{color:var(--demo-muted);margin:14px 0 0;font-size:11px;line-height:1.5}.demo-shared-result{color:#28634f;align-items:center;gap:10px;padding:13px 0 0;animation:.3s ease-out demo-appear;display:flex}.demo-shared-result>span:not(.demo-mini-avatars){gap:4px;min-width:0;display:grid}.demo-shared-result strong{overflow-wrap:anywhere;font-size:12px}.demo-shared-result small{color:var(--demo-muted);font-size:10px}.demo-mini-avatars{margin-left:auto;padding-left:6px;display:flex}.demo-mini-avatars i{background:#d7ed91;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:-6px;font-size:8px;font-style:normal;display:grid}.demo-mini-avatars i+i{background:#e0e9e5}.demo-finish-symbol{width:45px;height:45px;color:var(--demo-forest);background:#edf3ef;border-radius:13px;place-items:center;margin-bottom:17px;display:grid}.demo-finish-symbol svg{width:35px;height:35px}.demo-app-body:has(.demo-finish-symbol) h3{margin-bottom:10px}.demo-finish-copy{color:var(--demo-muted);max-width:400px;margin:0 0 17px;font-size:12px;line-height:1.65}.demo-finish-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-finish-summary>div{color:var(--demo-forest);background:#f7f9f5;border:1px solid #e3e9dd;border-radius:9px;gap:7px;min-width:0;padding:13px;display:grid}.demo-finish-summary>div>span{color:var(--demo-muted);font-size:9px}.demo-finish-summary strong{overflow-wrap:anywhere;font-size:12px;font-weight:600}.demo-language-moment{border-top:1px solid #edf0ee;align-items:center;gap:11px;margin-top:20px;padding-top:17px;display:flex}.demo-language-moment>svg{color:#456052;flex-shrink:0}.demo-language-moment>div{flex:1}.demo-language-moment strong{color:var(--demo-forest);font-size:12px;font-weight:600}.demo-language-moment p{color:var(--demo-muted);margin:4px 0 0;font-size:10px;line-height:1.5}.demo-language-moment .language-picker{max-width:180px}.demo-language-moment .language-picker>span{display:none}.demo-controls{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.demo-playback,.demo-pagination{align-items:center;gap:12px;display:flex}.demo-secondary{color:var(--demo-forest);background:#fff;border:1px solid #b3c7ba;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 13px;font-weight:600;display:inline-flex;font-size:11px!important}.demo-secondary:hover:not(:disabled){background:#edf3ef}.demo-restart{color:var(--demo-muted);background:0 0;border:0;align-items:center;gap:6px;min-height:42px;padding:11px 2px;font-size:11px;display:flex}.demo-pagination>span{color:var(--demo-muted);margin-right:8px;font-size:11px}.demo-icon-button{width:43px;min-height:43px;color:var(--demo-forest);background:#fff;border:1px solid #c9d6ce;border-radius:8px;place-items:center;display:grid}.demo-footer{color:#687c6f;border-top:1px solid #e5ebe7;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:19px;font-size:10px;display:flex}.demo-footer>span{align-items:center;gap:7px;display:flex}.demo-footer>span>svg{fill:#a4b693;stroke:none;flex-shrink:0}.demo-footer a{color:#456052;text-underline-offset:3px;text-decoration:underline}.demo-motion-note{color:var(--demo-muted);margin:14px 0 0;font-size:11px;line-height:1.6}@keyframes demo-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1300px){.demo-app-body{padding:30px 38px}.demo-stage{grid-template-columns:320px minmax(0,1fr);gap:44px}}@media (max-width:900px){.demo-header{padding:20px 24px}.demo-main{padding:27px 24px 20px}.demo-stage{grid-template-columns:240px minmax(0,1fr);gap:22px}.demo-story h2{font-size:27px}.demo-app-body{padding:24px 21px}.demo-task-form>div{flex-wrap:wrap}.demo-task-form input{flex:160px}.demo-task-form button{flex:1}.demo-calendar{gap:4px}.demo-calendar button{min-height:46px}.demo-language-moment{flex-wrap:wrap}.demo-language-moment .language-picker{width:100%;max-width:none;margin-left:30px}.demo-app-frame{min-height:565px}.demo-pagination>span{display:none}}@media (max-width:680px){.demo-header{gap:10px;padding:16px 18px}.demo-header .product-brand-name{font-size:28px}.demo-header .brand-mark{width:31px;height:31px}.demo-header-actions{gap:12px}.demo-exit{gap:0;font-size:0}.demo-exit svg{width:18px;height:18px}.demo-header .language-picker>span{display:none}.demo-header .language-picker select{max-width:143px;font-size:11px}.demo-main{padding:24px 18px 18px}.demo-intro h1{letter-spacing:-1.1px;font-size:32px}.demo-intro>p{font-size:13px}.demo-intro{margin-bottom:18px}.demo-eyebrow{font-size:8px}.demo-disclosure{margin-bottom:12px;font-size:10px}.demo-stage{flex-direction:column;gap:18px;display:flex}.demo-story{padding:0}.demo-step-label{gap:9px;font-size:10px}.demo-step-label>span:first-child{width:27px;height:27px;font-size:9px}.demo-story h2{max-width:none;margin:12px 0 8px;font-size:26px}.demo-story-copy>p{max-width:none;font-size:12px;line-height:1.6}.demo-step-nav{grid-template-columns:repeat(5,1fr);gap:5px;margin:16px 0 0;display:grid}.demo-step-nav button{border:1px solid #dce6df;justify-content:center;gap:7px;min-height:39px;padding:9px 3px}.demo-step-nav button>span,.demo-step-nav button>svg:last-child:not(:first-child),.demo-local-note{display:none}.demo-app-frame{border-radius:14px;min-height:0}.demo-app-top{padding:14px 17px}.demo-workspace-bar{padding:13px 17px}.demo-workspace-bar>div{font-size:12px}.demo-app-body{min-height:385px;padding:24px 19px}.demo-app-body h3{margin-bottom:19px;font-size:22px}.demo-calendar{gap:5px}.demo-calendar button{min-height:48px}.demo-controls{flex-direction:column-reverse;align-items:stretch;gap:14px;margin-top:17px}.demo-pagination{justify-content:space-between;gap:10px}.demo-pagination>span{margin-right:auto;font-size:10px;display:block}.demo-pagination .demo-primary{padding:11px 13px;font-size:11px!important}.demo-playback{border-top:1px solid #e5ebe7;justify-content:space-between;padding-top:14px}.demo-playback .demo-secondary{flex:1;max-width:270px}.demo-restart{padding-left:5px}.demo-footer{align-items:flex-start;margin-top:20px;font-size:9px;line-height:1.6}.demo-footer>span{align-items:flex-start;max-width:230px}.demo-footer>span svg{margin-top:3px}.demo-finish-summary{gap:7px}.demo-space-choice label{padding:14px 12px}.demo-access-badge{font-size:9px}}.demo-video-section{border-top:1px solid #dce6df;margin-top:56px;padding-top:32px}.demo-video-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.demo-video-heading h2{letter-spacing:-.9px;color:var(--demo-forest);margin:10px 0;font-size:29px;font-weight:600;line-height:1.2}.demo-video-heading>div>p:last-child{color:var(--demo-muted);margin:0;font-size:12px;line-height:1.6}.demo-video{aspect-ratio:16/9;background:#173f35;border:1px solid #d6e0d9;border-radius:14px;width:100%;display:block}.demo-transcript{color:var(--demo-muted);background:#fff;border:1px solid #d6e0d9;border-radius:10px;margin-top:15px;padding:15px 19px;font-size:12px}.demo-transcript summary{cursor:pointer;min-height:24px;color:var(--demo-forest);font-weight:600;line-height:24px}.demo-transcript ol{gap:16px;margin:20px 0 16px;padding:0;list-style:none;display:grid}.demo-transcript li{align-items:flex-start;gap:15px;display:flex}.demo-transcript li>span{color:#28634f;font-variant-numeric:tabular-nums;min-width:30px;padding-top:2px;font-size:11px}.demo-transcript p{margin:0;line-height:1.7}.demo-transcript>a{text-underline-offset:3px;color:var(--demo-forest);text-decoration:underline}@media (max-width:680px){.demo-video-section{margin-top:34px;padding-top:26px}.demo-video-heading{flex-direction:column;align-items:flex-start;gap:15px}.demo-video-heading h2{font-size:26px}.demo-video{border-radius:10px}.demo-transcript{padding:14px}}@media (prefers-reduced-motion:reduce){.tasks-demo-site *,.tasks-demo-site :before,.tasks-demo-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.demo-documents h3{margin-bottom:8px}.demo-document-intro{color:var(--demo-muted);margin:0 0 20px;font-size:12px;line-height:1.65}.demo-document-spaces{margin-bottom:17px}.demo-document-spaces label{gap:4px;padding:12px 15px}.demo-document-spaces label>svg{margin-bottom:2px}.demo-document-samples{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 17px;padding:0;display:grid}.demo-document-samples legend{color:var(--demo-muted);margin-bottom:9px;font-size:11px}.demo-document-samples label{cursor:pointer;background:#fbfcfa;border:1px solid #d6e0d9;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:13px 11px;display:flex;position:relative}.demo-document-samples input{opacity:0;width:1px;height:1px;position:absolute}.demo-document-samples label:has(input:focus-visible){outline-offset:3px;outline:3px solid #28634f}.demo-document-samples label.is-selected{background:#f1f6e9;border-color:#28634f}.demo-document-samples label>svg{color:#456052;flex-shrink:0}.demo-document-samples label>span{flex:1;gap:4px;min-width:0;display:grid}.demo-document-samples strong{color:var(--demo-forest);font-size:11px;font-weight:650;line-height:1.5}.demo-document-samples small{color:var(--demo-muted);font-size:10px;line-height:1.5}.demo-document-saved{color:#28634f;align-items:center;gap:7px;min-height:24px;margin:9px 0 14px;font-size:11px;line-height:1.6;display:flex}.demo-document-saved svg{flex-shrink:0}.demo-document-saved span{overflow-wrap:anywhere}.demo-document-library{border-top:1px solid #e2e9e4;padding-top:17px}.demo-document-library-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.demo-document-library-heading h4{color:var(--demo-forest);margin:0;font-size:13px;font-weight:650}.demo-document-library-heading>span{min-width:24px;color:var(--demo-muted);text-align:center;background:#edf3ef;border-radius:20px;padding:4px 7px;font-size:10px}.demo-document-search-label{color:var(--demo-muted);margin-bottom:7px;font-size:11px;display:block}.demo-document-search{color:#597565;align-items:center;display:flex;position:relative}.demo-document-search>svg{pointer-events:none;position:absolute;left:12px}.demo-document-search input{color:#202b27;background:#fbfcfa;border:1px solid #b3c7ba;border-radius:8px;width:100%;min-width:0;min-height:43px;padding:11px 11px 11px 37px;font-size:12px}.demo-document-result-count{color:var(--demo-muted);margin:9px 0;font-size:10px}.demo-document-results{gap:8px;margin:0;padding:0;list-style:none;display:grid}.demo-document-results details{background:#fff;border:1px solid #dce6df;border-radius:10px;overflow:hidden}.demo-document-results summary{cursor:pointer;color:var(--demo-forest);align-items:center;gap:11px;padding:14px 12px;list-style:none;display:flex}.demo-document-results summary::-webkit-details-marker{display:none}.demo-document-results summary>svg{flex-shrink:0}.demo-document-results summary>span:not(.demo-document-open){flex:1;gap:5px;min-width:0;display:grid}.demo-document-results strong{overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.5}.demo-document-results small{color:var(--demo-muted);font-size:10px}.demo-document-open{text-underline-offset:3px;max-width:75px;font-size:10px;line-height:1.5;text-decoration:underline}.demo-document-results details[open] summary{background:#f1f6e9}.demo-document-preview{color:var(--demo-muted);background:#fafbf7;border:1px solid #e3e9e0;border-radius:3px;margin:14px;padding:20px 19px;font-size:11px;line-height:1.7;box-shadow:0 5px 14px #173f3508}.demo-document-preview>span{letter-spacing:.12em;color:#728278;font-size:8px}.demo-document-preview h5{letter-spacing:-.3px;color:var(--demo-forest);margin:9px 0;font-size:16px;font-weight:600}.demo-document-preview p{margin:6px 0}.demo-document-preview ul{margin:10px 0 0;padding-left:18px}.demo-document-empty{color:#789083;text-align:center;background:#f8faf8;border:1px dashed #d6e0d9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:22px 14px;display:flex}.demo-document-empty p{color:var(--demo-muted);margin:0;font-size:11px;line-height:1.6}.demo-document-note{color:var(--demo-muted);margin:12px 0 0;font-size:10px;line-height:1.6}@media (max-width:900px){.demo-document-samples{grid-template-columns:1fr}.demo-document-samples label{padding:11px 12px}.demo-document-samples small{font-size:10px}}@media (max-width:680px){.demo-document-spaces label{padding:12px}.demo-document-open{max-width:52px}.demo-document-results summary{gap:9px}.demo-document-preview{margin:10px;padding:17px 14px}}