:root{--bg:#111112;--panel:#1a1a1c;--line:#29292c;--text:#ededee;--muted:#929295;--purple:#b6b2cb;--sidebar:72px;--soft:#202023}body{color:var(--text);background:var(--bg)}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}button i{display:inline-flex;font-style:normal}.sidebarExpanded{--sidebar:258px}aside{inset:0 auto 0 0;position:fixed;width:var(--sidebar);height:100dvh;padding:23px 12px 18px;background:#0b0b0c;border-right:1px solid var(--line);z-index:30;overflow-x:hidden;transition:width .23s ease}.sidebrand{display:flex;align-items:center;height:42px;gap:8px}.brand{font-size:27px;letter-spacing:-1px;white-space:nowrap;height:42px;gap:12px}.brandicon{font-size:38px;color:var(--text);margin:0;width:46px;text-align:center}.navlabel{display:none}.sidebarExpanded .navlabel{display:inline}.sidebarExpanded .brandicon{width:34px}.iconbutton{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;width:44px;height:42px;border-radius:9px;color:var(--muted)}.iconbutton:hover{background:var(--soft);color:var(--text)}#collapseSidebar{display:none;margin-left:auto;width:34px;flex-shrink:0}.sidebarExpanded #collapseSidebar{display:flex}#expandSidebar{margin-top:24px;flex-shrink:0}.sidebarExpanded #expandSidebar{display:none}.nav{margin-top:20px;gap:6px;display:grid}.sidebarExpanded .nav{margin-top:34px}.navitem{display:flex;align-items:center;width:100%;height:44px;padding:0 12px;gap:14px;color:#a4a4a8;border:0;border-radius:8px;background:none;white-space:nowrap;font-size:14px}.navitem i{flex-shrink:0;width:21px;height:21px}.navitem span{font-size:13px}.navitem small{margin-left:auto;font-size:10px;color:#707076}.navitem.active{color:#f2f2f3;background:#242426}.navitem:hover,.sideboard:hover{background:#1a1a1d;color:#fff}.asidebottom{display:grid;gap:6px;margin-top:auto;padding-top:18px}.account{display:flex;align-items:center;gap:14px;width:100%;height:44px;padding:0 12px;border:0;background:none;color:#9b9ba1;white-space:nowrap}.account span:last-child{margin-left:0;color:inherit}.sideboards{margin-top:35px;overflow-y:auto;padding-bottom:18px}.sidesectionlabel{color:#65656e;font-size:10px;letter-spacing:1.5px;margin:0 12px 12px}.sideboard{display:flex;align-items:center;gap:12px;border:0;border-radius:8px;background:none;padding:11px 12px;width:100%;text-align:left;color:#aaaab0;font-size:12px}.sideboard i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sideboard span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{margin-left:var(--sidebar);padding:0 42px 120px;max-width:none;min-height:100dvh;transition:margin-left .23s ease}header{height:87px;border-bottom:0}.breadcrumb{font-size:14px;letter-spacing:0;color:var(--text)}.breadcrumb b{color:var(--text);font-weight:500}.headeractions{gap:17px}.bell{height:38px;background:none;border:0;padding:8px;color:#b7b7bc;position:relative;display:flex;align-items:center}.bell span{position:absolute;top:0;right:0;background:#e1ddf0;color:#19181d;border:2px solid var(--bg);font-size:8px;min-width:15px;height:15px;border-radius:10px;display:grid;place-items:center;margin:0}.bell span:empty{display:none}.bell:has(span:not(:empty)){padding-right:12px}.avatar{--avatar:#b6b2cb;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--avatar) 35%,transparent);background:color-mix(in srgb,var(--avatar) 18%,var(--bg));color:var(--avatar);border-radius:50%;font-size:11px;font-weight:650;display:grid;place-items:center;flex-shrink:0}.avatar.large{width:66px;height:66px;font-size:21px;margin:24px 0}.notificationpanel{max-width:950px;margin:13px auto 0;padding:20px 22px;background:#161618;border:1px solid var(--line);border-radius:13px}.notificationpanel h2{font-size:14px;letter-spacing:0;font-weight:550}.notificationpanel .sectionhead{margin-bottom:4px}.notificationhint{font-size:11px;color:#717179}.notificationpanel .notificationhint{margin-bottom:5px}.textbutton{color:#a9a5bc;font-size:10px}.notice{border-color:var(--line)}.notice button{background:var(--soft);border-color:var(--line);color:var(--text)}.notice small{color:var(--muted)}.createDock{position:fixed;bottom:30px;left:calc(var(--sidebar) + (100vw - var(--sidebar))/2);transform:translateX(-50%);z-index:15;transition:left .23s ease}.createDock .primary{display:flex;align-items:center;justify-content:center;gap:12px;min-width:226px;background:#ededf0;color:#18181b;border:1px solid #fff2;border-radius:13px;box-shadow:0 9px 40px #0005;padding:15px 23px;font-weight:550;font-size:13px}.createDock .primary:hover{background:#fff}.createDock .primary svg{width:18px;height:18px}.primary{background:#ddd9eb;border-color:#ddd9eb;color:#211d2d}.primary:hover{background:#efebfa}.habitsection,.workspaceView,.summary{max-width:1120px;margin-left:auto;margin-right:auto}.habitsection{padding-top:30px}.sectionhead h2{font-size:23px;font-weight:550;letter-spacing:-.7px}.sectionhead p:empty{display:none}.toolbar .legend{display:none}.habit{background:color-mix(in srgb,var(--c) 3%,var(--panel));border-color:var(--line);border-radius:14px}.habitfoot{font-size:10px}.addcard{min-height:180px}.habit .metarow span,.habit .metarow a{border-color:var(--line)}.summary{margin-top:240px;display:none!important}.pageheading{padding:24px 0 28px}.pageheading h1{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:550;margin:0 0 9px}.pageheading p,.analyticscard p,.settingscard p{color:var(--muted);font-size:12px;line-height:1.65;margin:0}.insightheading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:0}.insightheading select{width:auto;min-width:140px;margin:0;font-size:12px}.metricgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.metricgrid>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.metricgrid span{font-size:9px;color:var(--muted);letter-spacing:1px;display:block;min-height:24px}.metricgrid strong{display:block;font-size:34px;letter-spacing:-1.3px;font-weight:500;margin-top:8px}.metricgrid small{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400}.analyticscard,.settingscard{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:13px;margin-bottom:18px}.analyticscard h2,.settingscard h2{font-size:15px;margin-bottom:9px;font-weight:550;letter-spacing:0}.activitybars{display:flex;gap:5px;align-items:end;height:150px;margin:32px 0 14px}.barcolumn{height:100%;flex:1;display:flex;align-items:end;min-width:0}.barcolumn i{width:100%;background:#b6b2cb;border-radius:3px 3px 0 0;min-height:4px}.axis{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.tableScroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:500;color:var(--muted);padding:18px 12px;border-bottom:1px solid var(--line)}td{padding:18px 12px;border-bottom:1px solid var(--line);color:var(--muted)}tr:last-child td{border:0}.tableHabit{display:flex;gap:10px;align-items:center;background:none;border:0;padding:0;color:var(--text)}.tableHabit i{width:7px;height:7px;border-radius:50%}.quietempty{text-align:center;color:var(--muted);font-size:13px;padding:55px 20px;border:1px dashed var(--line);border-radius:12px}.footnote{font-size:11px;line-height:1.6;color:var(--muted);margin-top:18px}.remindercard{display:flex;align-items:center;gap:24px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:12px}.scheduleTime{font-size:27px;letter-spacing:-1px;color:#c5c1d8}.remindercard>div{flex:1}.remindercard h2{font-size:14px}.remindercard p{font-size:11px;color:var(--muted);margin:7px 0}.remindercard small{font-size:10px;color:var(--muted)}.secondary{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:11px;color:var(--text);margin:8px 8px 0 0}.historyrow{display:flex;gap:16px;align-items:center;padding:21px 8px;border-bottom:1px solid var(--line)}.historyrow b{font-size:13px;font-weight:450;flex:1}.historyrow time{font-size:11px;color:var(--muted)}.historycheck{color:#a4b8a6;font-size:14px}.settingscard{max-width:680px}.settingscard label{max-width:330px}.settingscard .togglelabel{margin-top:25px}.settingscard p{margin:10px 0}.searchresult{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:15px 0;color:var(--text)}.searchresult small{display:block;color:var(--muted);margin-top:5px}.highlightBoard{outline:2px solid var(--purple);outline-offset:5px}dialog{background:var(--panel);color:var(--text);border-color:var(--line);border-radius:15px}dialog h2{font-size:24px}input,select{background:var(--bg);color:var(--text);border-color:var(--line)}label{color:var(--muted)}#profileStatus{color:#e7a7a7}#toast{background:var(--soft);border-color:var(--line);color:var(--text);z-index:100;bottom:100px}#sidebarBackdrop{position:fixed;inset:0;border:0;background:#0008;z-index:25}#sideBoards:not(:empty){display:none}.sidebarExpanded #sideBoards:not(:empty){display:block}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}:root[data-theme=light]{color-scheme:light;--bg:#f7f7f8;--panel:#fff;--line:#dedee3;--text:#232329;--muted:#74747d;--soft:#ececf0;--purple:#6d5e98}:root[data-theme=light] aside{background:#efeff2}:root[data-theme=light] .navitem.active{background:#dddde4;color:#26262c}:root[data-theme=light] .navitem:hover,:root[data-theme=light] .sideboard:hover{background:#e4e4ea;color:#222}:root[data-theme=light] .notificationpanel{background:#fff}:root[data-theme=light] .createDock .primary{background:#28272f;color:#fff}:root[data-theme=light] .avatar{color:#655787}:root[data-theme=light] .habittitle small{color:var(--muted)}:root[data-theme=light] .oauth button{background:var(--soft);color:var(--text);border-color:var(--line)}
@media(min-width:1500px){main{margin-left:var(--sidebar);padding:0 65px 120px}}@media(max-width:1050px){main{margin-left:var(--sidebar);padding:0 28px 120px}aside{width:var(--sidebar);padding:23px 12px 18px}.metricgrid{grid-template-columns:repeat(2,1fr)}.metricgrid span{min-height:0}.metricgrid strong{font-size:30px}}@media(max-width:720px){:root{--sidebar:60px}.sidebarExpanded{--sidebar:60px}aside{position:fixed;width:60px;height:100dvh;padding:18px 7px;display:flex;flex-direction:column;align-items:stretch;border-bottom:0}.sidebarExpanded aside{width:min(280px,85vw);box-shadow:12px 0 50px #0005}.sidebrand{height:38px}.brand{font-size:26px}.brandicon{width:44px;font-size:34px}.nav{margin:18px 0 0;display:grid}.navitem{width:44px;height:44px;padding:0 11px;font-size:14px;gap:13px}.sidebarExpanded .navitem{width:100%}.sidebarExpanded .navitem span{display:inline}.asidebottom{margin:auto 0 0;padding-top:16px}.account{width:44px;height:44px;padding:0 11px;background:none;font-size:12px}.sidebarExpanded .account{width:100%}.sidebarExpanded .account span{display:inline}.sidebarExpanded .brand{gap:12px}.sidebarExpanded .brandicon{width:32px}.sidebarExpanded #collapseSidebar{margin-right:6px}.sidebarExpanded .nav{display:grid;margin-top:30px}.navitem small{font-size:9px}.sideboards{margin-top:28px}main{margin-left:60px;padding:0 16px 115px;min-height:100dvh}header{height:72px}.breadcrumb{font-size:12px}.headeractions{gap:12px}.avatar{width:31px;height:31px}.notificationpanel{padding:16px;margin-top:10px;border-radius:11px}.notificationpanel .sectionhead{gap:12px;align-items:flex-start}.notificationpanel h2{font-size:13px}.notificationpanel .textbutton{font-size:9px;max-width:110px;text-align:right}.notificationhint{font-size:10px}.createDock{bottom:max(22px,env(safe-area-inset-bottom));left:calc(60px + (100vw - 60px)/2);width:calc(100vw - 92px);max-width:300px}.createDock .primary{width:100%;min-width:0;padding:15px 12px;font-size:12px}.pageheading{padding:20px 0 24px}.pageheading h1{font-size:25px}.pageheading p{font-size:11px}.insightheading{align-items:flex-start;flex-direction:column;gap:12px}.insightheading select{padding:9px;min-width:130px;font-size:11px}.metricgrid{gap:9px;margin-bottom:14px}.metricgrid>div{padding:16px 12px}.metricgrid span{font-size:8px;letter-spacing:.3px;line-height:1.5}.metricgrid strong{font-size:29px;margin-top:8px}.metricgrid small{font-size:10px}.analyticscard,.settingscard{padding:18px 14px}.activitybars{gap:3px;height:110px;margin-top:24px}.remindercard{padding:17px 13px;gap:13px;flex-wrap:wrap}.scheduleTime{font-size:24px}.remindercard h2{font-size:13px}.remindercard .secondary{margin-top:0}.historyrow{gap:10px;padding:17px 2px;flex-wrap:wrap}.historyrow time{font-size:9px}.historyrow b{font-size:12px}.habitsection{padding-top:22px}.sectionhead h2{font-size:22px}.toolbar{gap:1px}.viewbutton{padding:4px 7px}.cards{grid-template-columns:1fr}.habit{padding:15px;overflow:auto}.heatmap{min-width:220px}.notice{gap:8px}.notice button{font-size:9px;padding:8px}.notice p{font-size:9px}.notice small{font-size:10px}.notice b{font-size:12px}.noticedot{flex-shrink:0}.settingscard label{font-size:11px}.settingscard input,.settingscard select{font-size:13px}.fieldrow{gap:10px}.colors{gap:10px}dialog{padding:29px 22px}.weekdays{gap:5px}.weekdays span{width:28px;height:28px}.boardpreview{padding:10px}}

:root[data-theme=light] .navitem,:root[data-theme=light] .account,:root[data-theme=light] .sideboard{color:#62626c}:root[data-theme=light] .bell{color:#6d6d77}
header{position:relative;min-height:86px}.centralClock{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:0;color:inherit;padding:8px;cursor:pointer}.centralClock time{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:2px}.centralClock small{font-size:10px;color:var(--muted,#929296);letter-spacing:.4px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#zonePreference{width:100%;min-height:150px}#zoneSearch{width:100%}#dayNote{width:100%;box-sizing:border-box;resize:vertical;background:transparent;color:inherit;border:1px solid #5555;border-radius:12px;padding:14px;font:inherit;line-height:1.6}#dayComplete{margin-top:12px}.daynotes{margin:8px 0}.notice .textbutton{font-size:11px;padding:8px 0}.notice small{color:#d6ad7a}#noteStatus{min-height:24px;font-size:13px}@media(max-width:720px){.centralClock time{font-size:17px;letter-spacing:1px}.centralClock small{font-size:9px;max-width:135px}header .breadcrumb{visibility:hidden}.centralClock{left:42%}.notice{gap:9px}.notice>button{padding:8px;font-size:11px}}

/* Refined home, persistent header, and calendar */
main{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:32px}header{position:sticky;top:0;z-index:20;background:var(--bg);backdrop-filter:blur(16px)}.else-footer{margin-top:auto;padding-top:28px;border-top:0!important;color:var(--muted)}.sidebrand .brand{padding-left:12px}.brandicon{display:none!important}.homeHeading{align-items:flex-end}.homeHeading h1{max-width:760px;font-size:clamp(24px,3vw,36px);line-height:1.15}.homeTagline{margin-bottom:7px!important}.homeDate{margin:8px 0 20px!important}.taskFilters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.taskFilter{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:13px 15px;border:0;border-radius:12px;background:var(--panel);color:var(--muted);text-align:left}.taskFilter b{font-weight:550;color:var(--text);font-variant-numeric:tabular-nums}.taskFilter.selected{background:#dedbea;color:#292633}.taskFilter.selected b{color:#292633}.homeTaskList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.homeTask{align-items:center;min-width:0;padding:16px;background:var(--panel);border:0!important;border-radius:12px}.taskBody b{display:block}.taskBody p{margin:5px 0}.homeTask .taskTick{border-color:color-mix(in srgb,var(--c) 60%,var(--muted))}.homeTask .taskTick[aria-pressed=true]{background:var(--c);color:#161616}.taskDone{opacity:.78}.taskDone .taskBody b{text-decoration:line-through;text-decoration-color:var(--muted)}.homeTask .editTask{flex-shrink:0}.homeTask .taskBody small{line-height:1.5}.homeTaskList .quietempty{grid-column:1/-1;border:0;background:var(--panel);padding:35px 20px}.calendarHeading{display:flex;align-items:flex-end;justify-content:space-between}.calendarControls{display:flex;gap:4px}.calendarControls .secondary{margin:0;min-width:38px}.calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendarWeek{display:contents}.calendarWeek span{padding:8px 10px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.6px}.calendarDay{min-height:94px;padding:9px;background:var(--panel);border-radius:10px;overflow:hidden}.calendarDay>b{font-size:12px;font-weight:550}.calendarDay>small{float:right;color:var(--muted);font-size:9px}.calendarDay.outside{opacity:.42}.calendarDay.isToday{box-shadow:inset 0 0 0 1px var(--purple)}.calendarDay>div{display:grid;gap:3px;margin-top:7px}.calendarTask{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 5px;border-radius:4px;background:#b6b2cb26;color:var(--text);font-size:9px}.calendarTask.isDone{color:#9cb59e;text-decoration:line-through}.calendarDay>div>small{font-size:9px;color:var(--muted)}
@media(max-width:900px){#homeLayout.homeActive{grid-template-columns:minmax(0,1fr);gap:14px}#notificationPanel{max-width:none;aspect-ratio:auto;min-height:0;max-height:270px;margin:0 0 14px!important}.homeTaskList{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.taskFilters{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:13px}.taskFilter{min-height:48px;padding:10px 12px;font-size:12px}.homeHeading{align-items:flex-start;flex-direction:column}.homeHeading h1{font-size:25px}.sortLabel select{padding:8px}.calendarDay{min-height:74px;padding:6px;border-radius:7px}.calendarWeek span{padding:5px 3px;text-align:center;font-size:8px}.calendarGrid{gap:3px}.calendarDay>div{gap:2px;margin-top:5px}.calendarTask{font-size:8px;padding:2px}.calendarDay>small{font-size:8px}.calendarControls .secondary{padding:8px 9px}.else-footer{font-size:9px;gap:10px;flex-wrap:wrap}.homeTask{padding:13px;gap:10px}}
.topbrand{display:block;color:var(--text);font-size:25px;line-height:1;font-weight:600;letter-spacing:-1.2px;text-decoration:none}.topbrand:hover{opacity:.75}
@media(max-width:720px){.topbrand{font-size:22px}.calendarDay{min-height:68px}}