:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26314a;background:#f6f7fb;font-synthesis:none;--accent:#6558e8;--muted:#8790a5;--line:#e8eaf2;--card:#fff}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}
.shell{display:flex;min-height:100vh;max-width:1500px;margin:auto;background:#fff;box-shadow:0 0 60px #25335b08}.sidebar{width:258px;flex:none;padding:31px 18px 22px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fbfbfe;overflow-y:auto;max-height:100vh;position:sticky;top:0}.brand,.mobile-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.8px;padding:0 10px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#7368f3,#4d86f3);color:white;font-size:20px;box-shadow:0 6px 12px #6558e82d}.sidebar-label,.list-heading{font-size:11px;font-weight:800;color:#a0a8ba;text-transform:uppercase;letter-spacing:1.4px;margin:44px 14px 11px}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.nav-list{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;border-radius:10px;color:#56617a;padding:11px 13px;text-align:left;font-weight:600}.nav-item:hover,.nav-item.active{background:#eeedff;color:#5146c9}.nav-item .nav-icon{width:20px;text-align:center;font-size:18px}.nav-item .nav-count{margin-left:auto;font-size:11px;color:#9ca5b7}.list-dot{width:10px;height:10px;border-radius:50%;flex:none}.sidebar-footer{margin:auto 10px 2px;color:#abb2c1;font-size:12px}.icon-button{border:0;background:transparent;color:#9ba5ba;font-size:22px;line-height:1;padding:4px 7px;border-radius:7px}.icon-button:hover{background:#ededf8;color:#5146c9}
.main{flex:1;min-width:0;background:#fff}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px}.topbar-right{margin-left:auto;display:flex;gap:13px;align-items:center}.mode-badge{font-size:11px;font-weight:700;color:#6473a0;background:#f0f2fc;border-radius:99px;padding:6px 10px}.user-name{font-size:13px;color:#747f96}.mobile-brand{display:none}.demo-banner{padding:12px 48px;background:#fff8e9;color:#8b651e;font-size:12px;border-bottom:1px solid #f3e5c8}.content{max-width:930px;padding:47px 48px 100px;margin:auto}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{margin:0 0 9px;color:var(--accent);text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:800}h1{font-size:35px;line-height:1.12;margin:0;letter-spacing:-1.6px}.view-subtitle{margin:11px 0 0;color:#929bae;font-size:14px}.primary-button{border:0;border-radius:10px;background:#6457e8;color:white;padding:12px 17px;font-weight:700;box-shadow:0 7px 16px #6457e82e;white-space:nowrap}.primary-button:hover{background:#5647dd}.primary-button span{font-size:19px;margin-right:5px;vertical-align:-1px}.quick-add{display:flex;align-items:center;gap:12px;margin-top:37px;border:1px solid #dde1ee;border-radius:14px;padding:8px 9px 8px 17px;box-shadow:0 5px 22px #182c5710}.quick-add:focus-within{border-color:#a9a2f5;box-shadow:0 5px 22px #6457e81e}.quick-plus{font-size:23px;color:var(--accent)}.quick-add input{flex:1;min-width:0;border:0;outline:0;color:#303a52;background:transparent}.quick-add input::placeholder{color:#a6aec0}.quick-add button{border:0;border-radius:9px;padding:10px 15px;background:#f0eeff;color:#6153d8;font-weight:700}.tools-row{display:flex;align-items:center;justify-content:space-between;margin:37px 0 16px}.search-box{display:flex;align-items:center;gap:7px;color:#a1aabd}.search-box span{font-size:25px;line-height:1}.search-box input{border:0;outline:0;background:transparent;width:150px;color:#4a566f;font-size:13px}.search-box input::placeholder{color:#a1aabd}.task-count{font-size:12px;color:#a1aabd}.task-groups{display:grid;gap:28px}.group-heading{display:flex;align-items:center;gap:10px;font-size:12px;color:#8c96aa;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;margin:12px 0}.group-heading::after{content:"";height:1px;background:#eef0f5;flex:1}.task-card{display:flex;align-items:center;gap:13px;min-height:67px;padding:12px 15px;margin-bottom:8px;border:1px solid #eef0f5;border-radius:13px;background:var(--card);box-shadow:0 3px 11px #25335b08;transition:transform .12s,box-shadow .12s}.task-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #25335b13}.check-button{flex:none;width:22px;height:22px;border:2px solid #c5cad6;background:white;border-radius:50%;display:grid;place-items:center;color:white;font-size:13px;padding:0}.check-button.checked{background:var(--accent);border-color:var(--accent)}.task-card.priority-3 .check-button:not(.checked){border-color:#ef6d73}.task-card.priority-2 .check-button:not(.checked){border-color:#f6a94e}.task-main{flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:0}.task-title{display:block;font-size:14px;font-weight:650;color:#37425a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.completed .task-title{text-decoration:line-through;color:#a5adbc}.task-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px;color:#a0a9bb;font-size:11px}.task-meta .overdue{color:#e45c63}.priority-label{font-size:11px;font-weight:700;border-radius:99px;padding:4px 7px}.priority-label.p3{color:#df5968;background:#fff0f1}.priority-label.p2{color:#c68c31;background:#fff6e8}.priority-label.p1{color:#4f9a93;background:#eaf8f5}.empty-state{text-align:center;padding:65px 20px;color:#a0a9ba;border:1px dashed #e6e9f2;border-radius:17px}.empty-illustration{font-size:36px;margin-bottom:9px}.empty-state h2{font-size:17px;color:#5f6a81;margin:0 0 5px}.empty-state p{font-size:13px;margin:0}.mobile-nav,.mobile-add{display:none}
.editor-dialog{border:0;border-radius:20px;padding:0;width:min(520px,calc(100% - 28px));box-shadow:0 25px 80px #1b254b48;color:#2c3851}.editor-dialog::backdrop{background:#202b4d75}.editor-form{padding:25px}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#7e8aa2;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:1px}.dialog-top button{font-size:27px}.field-label{display:block;color:#7c879c;font-size:12px;font-weight:700;margin:18px 0 7px}.field-input{display:block;width:100%;border:1px solid #e2e6ef;border-radius:10px;background:#fafbfe;padding:11px 12px;color:#354057;outline:none}.field-input:focus{border-color:#9d96f5;background:white}.title-input{font-size:17px;font-weight:650}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dialog-actions{display:flex;align-items:center;gap:9px;margin-top:27px}.spacer{flex:1}.danger-button,.secondary-button{border:0;background:transparent;color:#a0aabc;font-weight:700;padding:10px}.danger-button{color:#dc737a}.secondary-button:hover{color:#4e5c78}.toast{position:fixed;z-index:10;left:50%;bottom:26px;transform:translate(-50%,20px);background:#283149;color:white;border-radius:9px;padding:10px 14px;opacity:0;pointer-events:none;transition:.2s;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}
.small-dialog{width:min(420px,calc(100% - 28px))}
.list-controls{display:flex;gap:12px;margin-top:12px}.list-controls button{border:0;background:transparent;color:#7b72d5;padding:0;font-size:12px;font-weight:700}.list-controls #delete-list{color:#c78b91}.list-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.list-tile{display:flex;align-items:center;gap:11px;border:1px solid #e9ecf4;border-radius:13px;background:white;padding:20px;text-align:left;color:#34405b}.list-tile strong{font-size:15px}.list-tile small{margin-left:auto;color:#a1aabc}.add-list-tile{border:1px dashed #cdd0ec;background:#f7f6ff;color:#685bdc;border-radius:11px;padding:12px 15px;font-weight:700;margin-top:12px}
.smart-links{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:18px}.smart-links button{border:1px solid #e9ecf4;border-radius:10px;background:white;text-align:left;padding:12px 14px;color:#58647c;font-weight:700}.calendar-card{border:1px solid #e8eaf2;border-radius:16px;padding:19px;box-shadow:0 3px 12px #25335b09}.calendar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;text-transform:capitalize;color:#404b65}.calendar-top button{border:0;background:#f3f2ff;color:#6255e0;border-radius:9px;width:33px;height:33px;font-size:25px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekday{text-align:center;color:#a3abbc;font-size:11px;font-weight:800;padding:8px 0}.calendar-blank{height:48px}.calendar-day{height:48px;border:0;background:transparent;border-radius:9px;color:#4e5a72;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.calendar-day:hover{background:#f2f1ff}.calendar-day.is-today span{font-weight:800;color:#6255e0}.calendar-day.selected{background:#6255e8;color:white}.calendar-day.selected span{color:white}.calendar-day i{min-width:16px;height:16px;border-radius:8px;background:#eeedff;color:#6255e0;font-size:10px;font-style:normal;display:grid;place-items:center}.calendar-day.selected i{background:#ffffff45;color:white}.compact-empty{padding:24px}.habit-list{display:grid;gap:13px}.habit-card{border:1px solid #e9ecf4;border-radius:16px;padding:18px;background:white;box-shadow:0 3px 12px #25335b09}.habit-top{display:flex;align-items:center;gap:12px}.habit-icon{width:40px;height:40px;border-radius:12px;color:white;display:grid;place-items:center}.habit-top div{display:grid;gap:2px}.habit-top strong{font-size:15px;color:#35415a}.habit-top small{font-size:11px;color:#9ca6b7}.habit-top>button{margin-left:auto;border:0;background:none;color:#b3bac7;font-size:22px}.habit-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:20px}.habit-day{border:1px solid #ebedf4;background:#fafbfe;border-radius:10px;min-height:48px;color:#a1aabd;display:grid;place-items:center;padding:5px}.habit-day span{font-size:10px;text-transform:capitalize}.habit-day b{font-size:14px}.habit-day.checked{border-color:#75c1b4;background:#e9f8f4;color:#279781}.focus-card{border:1px solid #e9ecf4;border-radius:18px;padding:25px;background:linear-gradient(160deg,#fff,#f9f8ff);text-align:center}.focus-modes{display:inline-flex;padding:4px;border-radius:11px;background:#efeff9;gap:4px}.focus-modes button{border:0;background:transparent;color:#8791a7;padding:9px 13px;border-radius:8px;font-size:12px;font-weight:800}.focus-modes button.selected{background:white;color:#6255df;box-shadow:0 2px 7px #4550781c}.focus-ring{width:240px;height:240px;border-radius:50%;padding:12px;background:conic-gradient(#6659e8 var(--progress),#e7e6fb 0);margin:35px auto 28px}.focus-ring>div{height:100%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.focus-ring strong{font-size:52px;letter-spacing:-3px;color:#3e4a64;font-variant-numeric:tabular-nums}.focus-ring span{font-size:12px;color:#9ca5b7}.focus-actions{display:flex;justify-content:center;gap:10px}.focus-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.focus-summary div{border:1px solid #e9ecf4;border-radius:13px;padding:17px;display:grid;gap:2px}.focus-summary strong{font-size:25px;color:#6255e0}.focus-summary span{font-size:11px;color:#a2abbd}
@media(max-width:760px){.shell{min-height:100dvh}.sidebar{display:none}.main{width:100%}.topbar{height:64px;padding:0 19px}.mobile-brand{display:flex;font-size:19px;padding:0}.mobile-brand .brand-mark{width:29px;height:29px;font-size:18px}.topbar-right{gap:5px}.user-name{display:none}.content{padding:29px 19px 135px}.demo-banner{padding:12px 19px}.heading-row{align-items:flex-start}.heading-row>.primary-button{display:none}h1{font-size:30px}.view-subtitle{font-size:12px}.quick-add{margin-top:27px}.quick-add button{display:none}.tools-row{margin-top:30px}.list-overview{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;z-index:5;left:0;right:0;bottom:0;height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e8eaf2;box-shadow:0 -8px 25px #26345812}.mobile-nav button{flex:1;border:0;background:transparent;color:#9da6b9;display:grid;place-items:center;gap:0;font-size:10px;font-weight:700}.mobile-nav button span{font-size:21px}.mobile-nav button.active{color:#6255e6}.mobile-add{display:grid;place-items:center;position:fixed;z-index:6;right:18px;bottom:calc(80px + env(safe-area-inset-bottom));width:54px;height:54px;border:0;border-radius:17px;color:white;background:#6457e8;font-size:29px;box-shadow:0 8px 22px #6457e856}.task-card{min-height:66px}.editor-dialog{margin:auto auto 0;width:100%;max-width:100%;border-radius:20px 20px 0 0}.editor-form{padding:22px 20px calc(20px + env(safe-area-inset-bottom))}}