:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#242536;-webkit-font-smoothing:antialiased;background:#f8f8fc;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.page{background:radial-gradient(at 83% 45%,#eeeaff 0,#0000 48%);flex-direction:column;max-width:1440px;min-height:100svh;margin:auto;padding:40px 7%;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:10px;font-size:21px;font-weight:750;display:flex}.brand-mark{color:#fff;background:#7360de;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}svg{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}main{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:84px 0;display:grid}.eyebrow{letter-spacing:1.8px;color:#69677e;align-items:center;gap:8px;font-size:10px;font-weight:700;display:inline-flex}.eyebrow>span{background:#8370e4;border-radius:50%;width:7px;height:7px}h1{letter-spacing:-7px;margin:24px 0 16px;font-size:clamp(68px,7.5vw,104px);font-weight:750;line-height:1}.title-dot{color:#8170df}.tagline{letter-spacing:-1.5px;margin:0;font-size:clamp(30px,3.1vw,43px);font-weight:600;line-height:1.2}.description{color:#69697b;margin:24px 0 0;font-size:15px;line-height:1.85}.colour-notes{gap:10px;margin-top:30px;font-size:12px;font-weight:600;display:flex}.colour-notes span{color:#62509d;background:#ece8fc;border-radius:10px;padding:9px 13px;transform:rotate(-3deg)}.colour-notes span+span{color:#4d6937;background:#e6f1d9;transform:rotate(3deg)}.list-card{background:#ffffffed;border:1px solid #fff;border-radius:26px;padding:30px;box-shadow:0 24px 65px -28px #534b8650,0 3px 12px #52497505}.card-topline,.list-heading,.progress-caption{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-topline .eyebrow{letter-spacing:1.3px;font-size:9px}.card-decoration{color:#8c7cd7;font-size:32px;line-height:1}.list-heading{margin-top:24px}h2{letter-spacing:-1px;margin:0;font-size:28px}.task-count{color:#6b6289;background:#f0edf9;border-radius:8px;padding:6px 9px;font-size:11px}.card-description{color:#737083;margin:9px 0 24px;font-size:12px}.task-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.task{background:#fff;border:1px solid #eeedf4;border-radius:13px;align-items:center;gap:12px;padding:17px 14px;display:flex}.task.complete{background:#f5f7f2;border-color:#edf0e8}.task-check{border:1.5px solid #d8d5e3;border-radius:7px;flex-shrink:0;width:23px;height:23px}.complete .task-check{color:#fff;background:#7b9465;border-color:#7b9465;place-items:center;display:grid}.task-check svg{width:17px;height:17px}.task-name{font-size:13px;font-weight:600;display:block}.complete .task-name{color:#727769;-webkit-text-decoration:line-through #9fa695;text-decoration:line-through #9fa695}.category{color:#777485;margin-top:5px;font-size:10px;display:block}.category-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:auto}.school{background:#9cb882}.sport{background:#e7ac73}.personal{background:#a394df}.progress-caption{color:#716b82;margin-top:24px;font-size:10px}.progress-caption span:first-child{color:#514b64;font-weight:600}.progress-track{background:#f0edf7;border-radius:6px;height:5px;margin-top:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:#a99bdd;width:33.333%;height:100%;display:block}.example-note{color:#797487;text-align:center;margin:20px 0 0;font-size:10px;line-height:1.6}footer{color:#777487;letter-spacing:.2px;font-size:11px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1440px){.page{padding-inline:100px}}@media (max-width:800px){.page{padding:26px 24px}main{grid-template-columns:1fr;gap:42px;padding:54px 0 40px}.intro{max-width:500px}h1{letter-spacing:-5px;margin-top:20px;font-size:76px}.tagline{font-size:34px}.list-card{justify-self:center;width:100%;max-width:500px;padding:24px}.desktop-break{display:none}footer{text-align:center}}@media (max-width:360px){.page{padding-inline:18px}.list-card{padding:18px}.task{gap:9px;padding:14px 10px}.task-name{font-size:12px}}.brand a{color:inherit;text-decoration:none}.auth-main{justify-content:center;padding:60px 0;display:flex}.auth-card{width:100%;max-width:460px}.auth-card h1{letter-spacing:-1.8px;margin:24px 0 12px;font-size:40px}.auth-card .description{margin-top:12px}.auth-form{flex-direction:column;gap:10px;margin-top:28px;display:flex}.auth-form label{font-size:13px;font-weight:600}.auth-form input{width:100%;font:inherit;color:#242536;background:#fff;border:1px solid #d8d5e3;border-radius:10px;margin-bottom:8px;padding:13px}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #8270df}.primary-link{color:#fff;font:inherit;text-align:center;cursor:pointer;background:#705bd0;border:0;border-radius:11px;padding:13px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.primary-link:hover{background:#604ac1}.primary-link:disabled{opacity:.65;cursor:wait}.form-hint,.form-error,.form-success,.auth-switch{font-size:13px;line-height:1.6}.form-hint{color:#69677e;margin:0 0 8px}.form-error{color:#a02e43}.form-success{color:#38673e;background:#edf4e9;border-radius:10px;padding:12px}.auth-switch{color:#69677e;margin:24px 0 0}.auth-switch a,.landing-auth>a:last-child{color:#604ac1}.landing-auth{align-items:center;gap:22px;margin-top:30px;font-size:14px;display:flex}.signed-in{overflow-wrap:anywhere;margin-top:24px;font-size:14px;line-height:1.7}.account-refresh,.admin-nav a{color:#604ac1;font-size:14px}.account-refresh{margin-top:16px;display:inline-block}.admin-main{padding:56px 0;display:block}.admin-main h1{letter-spacing:-2px;font-size:clamp(34px,5vw,54px);line-height:1.15}.admin-main .description{max-width:640px}.admin-nav{justify-content:space-between;align-items:center;gap:20px;margin:26px 0;display:flex}.accounts-list{gap:16px;padding:0;list-style:none;display:grid}.account-card{justify-content:space-between;align-items:center;gap:24px;max-width:none;display:flex}.account-card h2{overflow-wrap:anywhere;font-size:20px}.account-badges{gap:8px;display:flex}.account-badges span,.you-label{color:#604ac1;background:#eeebfa;border-radius:8px;padding:5px 8px;font-size:12px}.account-controls{max-width:330px}.account-buttons{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.account-buttons button{font:inherit;color:#59449e;cursor:pointer;background:#f8f6ff;border:1px solid #d8d5e3;border-radius:9px;padding:10px 14px;font-size:13px}.account-buttons button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:800px){.account-card{flex-direction:column;align-items:stretch;gap:10px}}.app-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.header-account{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.header-name{overflow-wrap:anywhere;min-width:0;max-width:240px;font-weight:600}.header-role{color:#604ac1;background:#eeebfa;border-radius:8px;padding:4px 8px;font-size:11px}.settings-placeholder{cursor:not-allowed;display:inline-flex}.settings-placeholder button{font:inherit;color:#777182;cursor:not-allowed;background:#f2f0f8;border:1px solid #dedbe9;border-radius:9px;padding:8px 10px;font-size:12px}@media (max-width:480px){.app-header{align-items:flex-start;gap:12px}.header-account{gap:7px;max-width:70%;font-size:13px}.header-name{text-align:right;max-width:100%}}.account-email{color:#69677e;overflow-wrap:anywhere;font-size:13px}.tasks-page{background:radial-gradient(at 85% 20%,#efebff 0,#0000 55%);padding:30px 5%}.task-workspace{grid-template-columns:215px minmax(0,1fr);align-items:start;gap:44px;padding:46px 0;display:grid}.task-sidebar{flex-direction:column;gap:7px;display:flex;position:sticky;top:24px}.task-sidebar>.eyebrow{margin:0 12px 13px}.task-sidebar button{width:100%;font:inherit;color:#625c75;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:12px;font-size:14px;display:flex}.task-sidebar button>span:not(.list-dot):not(.nav-count){overflow-wrap:anywhere}.task-sidebar button:hover{background:#f0edf9}.task-sidebar button[aria-current=page]{color:#58409f;background:#e8e2fa;font-weight:650}.nav-count{margin-left:auto;font-size:12px}.sidebar-label{justify-content:space-between;align-items:center;padding:17px 0 0 12px;display:flex}.sidebar-label button{width:auto;padding:6px 12px;font-size:22px}.list-dot{color:#a295cf;font-size:10px}.shared-badge{color:#72628c;background:#eeeaf7;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:10px;display:inline-block}.task-sidebar .inbox-nav{margin-top:26px;font-size:12px}.task-content{min-width:0}.workspace-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.workspace-heading h1{letter-spacing:-1.8px;overflow-wrap:anywhere;margin:10px 0;font-size:clamp(34px,4vw,52px);line-height:1.15}.workspace-heading p{color:#797187;font-size:13px;line-height:1.6}.day-decoration{color:#a48dce;padding-right:20px;font-size:56px}.task-content button,.task-dialog button,.mobile-task-nav button{cursor:pointer}.quiet-button,.task-dialog button:not(.primary-link),.calendar-controls button,.trash-list button{color:#655778;font:inherit;cursor:pointer;background:#fff9;border:1px solid #ded8e9;border-radius:9px;padding:9px 12px;font-size:13px}button:disabled{cursor:not-allowed;opacity:.55}.task-section{margin-top:26px}.task-section h2,.task-section summary{letter-spacing:-.2px;margin:0 0 13px;font-size:16px;font-weight:650}.task-section h2 small,.task-section summary span{color:#867c94;margin-left:8px;font-size:11px}.live-task-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.live-task{background:#fff;border:1px solid #ece7f1;border-radius:13px;align-items:center;gap:10px;padding:8px 16px;display:flex;box-shadow:0 3px 8px #55457503}.live-task input[type=checkbox]{accent-color:#7f986d;cursor:pointer;flex-shrink:0;width:21px;height:21px;margin:0}.task-open{text-align:left;min-width:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:10px 5px}.live-task-title{overflow-wrap:anywhere;font-size:14px;font-weight:550;display:block}.task-meta{color:#8a8096;flex-wrap:wrap;gap:6px 14px;margin-top:5px;font-size:11px;display:flex}.task-meta:empty{display:none}.task-meta .overdue-date{color:#ab4a5c}.is-complete .live-task-title,.calendar-task.is-complete{color:#8b9083;text-decoration:line-through}.live-task.is-complete{background:#f3f6ef}.fast-add{background:#fff;border:1px solid #d8cee9;border-radius:13px;align-items:center;gap:12px;padding:8px 9px 8px 16px;display:flex;box-shadow:0 5px 20px #76609909}.fast-add>span{color:#8c73ba;font-size:23px}.fast-add input{font:inherit;min-width:0;color:inherit;background:0 0;border:0;flex:1;padding:10px 0;font-size:14px}.fast-add button{color:#685298;font:inherit;background:#eee8fa;border:0;border-radius:9px;padding:10px 15px;font-size:13px}.empty-note{color:#8c8396;padding:20px 0;font-size:13px;line-height:1.6}.welcome-card{background:#f0eafc;border-radius:18px;margin-bottom:30px;padding:24px}.welcome-card h2{font-size:24px}.welcome-card p{color:#756688;font-size:14px;line-height:1.6}.completed-section,.deleted-section{border-top:1px solid #e8e3ef;padding-top:20px}.task-section summary{cursor:pointer;color:#81768e;padding:5px 0}.deleted-section{margin-top:20px}.deleted-section summary{font-size:13px}.trash-list,.member-list{margin:0;padding:0;list-style:none}.trash-list li,.member-list li{overflow-wrap:anywhere;border-bottom:1px solid #eee8f4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:13px;display:flex}.trash-list li>span{flex:1;min-width:120px}.trash-list li>div{gap:8px;display:flex}.danger-button{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px;font-size:13px;color:#a9445b!important}.workspace-footer{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 0;display:flex}.workspace-footer a{color:#716084}.workspace-footer form{margin-left:auto}.task-dialog{color:#342a43;background:#fefcff;border:1px solid #e8e1f0;border-radius:22px;width:min(540px,100% - 24px);max-height:calc(100svh - 32px);padding:26px;box-shadow:0 24px 100px #34214240}.task-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#31253e66}.dialog-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.dialog-heading h2{font-size:24px}.detail-form{flex-direction:column;gap:18px;display:flex}.detail-form label{flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:550;display:flex}.detail-form input,.detail-form textarea,.detail-form select,.mobile-task-nav select{color:#342a43;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #ded5e9;border-radius:9px;padding:12px;font-size:14px}.detail-form textarea{resize:vertical}.detail-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-form h3{margin:10px 0 0;font-size:16px}.member-list small,.pending-invite small{color:#92849e;margin-top:5px;font-size:11px;display:block}.pending-invite{overflow-wrap:anywhere;gap:6px;font-size:13px;display:grid}.list-danger{border-top:1px solid #e6deec;margin-top:15px;padding-top:15px}.sharing-intro{background:#f1ecf8;border-radius:13px;padding:20px}.sharing-intro p{color:#7a6b88;font-size:13px;line-height:1.6}.invitation-card{overflow-wrap:anywhere;background:#fff;border:1px solid #e9e3f0;border-radius:16px;margin-bottom:14px;padding:24px}.invitation-card h2{font-size:22px}.invitation-card p{font-size:13px}.task-toast{z-index:10;color:#fff;background:#3d3152;border-radius:13px;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 24px);padding:14px 18px;font-size:13px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #36264b30}.task-toast button{color:#e1d1ff;cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0}.calendar-controls{align-items:center;gap:12px;margin-bottom:18px;display:flex}.calendar-controls h2{text-align:center;flex:1;font-size:18px}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.weekday{text-align:center;color:#8a7b99;padding:10px 0;font-size:11px}.calendar-day{text-align:left;min-height:95px;font:inherit;color:#6d5d7f;background:#fff;border:1px solid #ede6f3;border-radius:9px;padding:8px;font-size:12px;overflow:hidden}.calendar-day.is-today>span:first-child{color:#fff;background:#8065b2;border-radius:50%;padding:3px 5px}.calendar-day.is-selected{border-color:#a18ac4;box-shadow:inset 0 0 0 1px #a18ac4}.calendar-task{white-space:nowrap;text-overflow:ellipsis;background:#efe9f8;border-radius:3px;margin-top:5px;padding:3px;font-size:10px;display:block;overflow:hidden}.calendar-count{margin-top:5px;font-size:9px;display:block}.mobile-task-nav{display:none}.workspace-error{display:block}.workspace-error h1{letter-spacing:-1px;font-size:36px}select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #8270df}@media (max-width:800px){.tasks-page{padding:24px 20px}.task-workspace{flex-direction:column;gap:24px;padding:28px 0;display:flex}.task-sidebar{display:none}.task-content{width:100%}.mobile-task-nav{gap:10px;width:100%;display:flex}.mobile-task-nav select{background:#eee8f8;border:0;flex:1;width:0}.workspace-heading{margin-bottom:22px}.workspace-heading h1{font-size:36px}.day-decoration{padding:0;font-size:38px}.workspace-footer{gap:12px;font-size:10px}.calendar-day{min-height:65px;padding:6px}.calendar-task{display:none}.calendar-count{font-size:8px}.calendar-controls{gap:6px}.calendar-controls h2{font-size:15px}.calendar-controls button{padding:8px}}@media (max-width:380px){.tasks-page{padding-inline:14px}.task-dialog{padding:20px}.detail-columns{grid-template-columns:1fr}.calendar-day{min-height:54px;padding:4px}.month-grid{gap:3px}}.calendar-date{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:3px 0;display:block}.calendar-day.is-today .calendar-date{color:#72509e;font-weight:800}button.calendar-task{color:#6d5d7f;text-align:left;cursor:pointer;border:0;width:100%}.calendar-overdue{margin:0 0 26px}