/* dots — ultra-thin editorial design system */
:root{color-scheme:light;--bg:#f5f3ee;--paper:#faf9f6;--panel:#efede7;--line:#d9d6ce;--text:#262621;--muted:#77766f;--soft:#eae7df;--purple:#56584f;--ink:#252520;--sidebar:72px;--editorial-serif:"Iowan Old Style","Baskerville",Georgia,"Times New Roman",serif;--editorial-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);font-family:var(--editorial-sans)}
:root[data-theme=dark]{color-scheme:dark;--bg:#1b1b19;--paper:#20201e;--panel:#242420;--line:#41413b;--text:#eeeae1;--muted:#aaa79c;--soft:#2b2b27;--purple:#d4d0c3;--ink:#eeeae1}
html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--editorial-sans);font-size:14px;font-weight:400;letter-spacing:.005em;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid #797764;outline-offset:3px}::selection{background:#d7d3c8;color:#24241f}
#sidebar,aside{background:var(--bg);border-color:var(--line);box-shadow:none}aside{padding-top:25px}#sidebar .brand{font:600 25px/1 var(--editorial-sans);letter-spacing:-1.4px;color:var(--text);text-transform:lowercase}.brandicon{font:26px/1 var(--editorial-serif);color:var(--text)}#expandSidebar,#collapseSidebar,.iconbutton{color:var(--muted);border-radius:2px}.iconbutton:hover,.navitem:hover,.sideboard:hover{background:var(--soft);color:var(--text)}.nav{gap:2px}.navitem{height:42px;color:var(--muted);border-radius:2px;font-size:12px;letter-spacing:.015em}.navitem span{font-size:12px}.navitem.active{background:transparent;color:var(--text);box-shadow:inset 2px 0 var(--text)}.navitem.active i{color:var(--text)}.navitem small{font-size:10px;color:var(--muted)}.sidesectionlabel{font-size:9px;letter-spacing:.15em;color:var(--muted)}.sideboard{border-radius:2px;color:var(--muted);font-size:11px}.account{border:0;background:transparent;color:var(--muted);font-size:11px}.account:hover{background:var(--soft);color:var(--text)}
main{max-width:none;min-height:100dvh;padding:0 clamp(22px,4.4vw,72px) 110px;margin-left:var(--sidebar)}header{height:78px;min-height:78px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px)}.breadcrumb{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.breadcrumb b{font-weight:500;color:var(--text)}.centralClock{gap:0;padding:5px 10px}.centralClock time{font:400 18px/1.2 var(--editorial-serif);letter-spacing:.055em;font-variant-numeric:tabular-nums}.centralClock small{font:9px/1.4 var(--editorial-sans);letter-spacing:.06em;color:var(--muted)}.headeractions{gap:16px}.bell{height:38px;border:0;border-radius:0;padding:8px;color:var(--text)}.bell:hover{background:var(--soft)}.bell #badge{background:var(--bg);color:var(--text);border:1px solid var(--muted);font:10px/16px var(--editorial-sans);min-width:18px;height:18px;padding:0 4px;border-radius:50%;right:-1px;top:-1px}.avatar{background:var(--soft);border:1px solid var(--line);color:var(--text);font-weight:500;width:34px;height:34px}.avatar:hover{border-color:var(--text)}
#homeLayout.homeActive{max-width:1360px;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:clamp(32px,7vw,110px);margin:54px auto 0;align-items:start}#homeTasks{min-width:0}.homeHeading{align-items:end;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.homeHeading h1,.pageheading h1{font:400 clamp(42px,6vw,72px)/.98 var(--editorial-serif);letter-spacing:-.045em;margin:0;color:var(--text)}.homeHeading p,.pageheading p{font-size:12px;letter-spacing:.01em;line-height:1.6;color:var(--muted);margin:14px 0 0}.homeDate{font:10px/1.4 var(--editorial-sans);color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:18px 0 3px}.sortLabel select{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 26px 8px 4px;font-size:10px;letter-spacing:.035em;color:var(--text)}.sortLabel select:hover{border-color:var(--text)}.homeTask{padding:19px 2px;gap:15px;border-top:1px solid var(--line)}.taskTick{width:20px;height:20px;margin-top:2px;background:transparent;border:1px solid #96948b;border-radius:50%;color:var(--text)}.taskTick[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.taskBody b{font:400 18px/1.25 var(--editorial-serif);letter-spacing:-.01em}.taskBody p{font-size:10px;letter-spacing:.04em;text-transform:uppercase;margin:7px 0 2px;color:var(--muted)}.taskBody small{font-size:10px;color:var(--muted)}.taskBody .textbutton{color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:8px 0 0}.editTask{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:4px 2px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.editTask:hover{color:var(--text);border-color:var(--text)}.taskDone .taskBody b{color:var(--muted)}
#notificationPanel{width:100%;max-width:340px;aspect-ratio:4/3;background:var(--paper);border:1px solid var(--line);border-radius:0;padding:20px;margin:0;box-shadow:none}#notificationPanel .sectionhead{padding-bottom:12px;border-bottom:1px solid var(--line);align-items:center}#notificationPanel .sectionhead h2{font:400 24px/1.05 var(--editorial-serif);letter-spacing:-.025em}#notificationPanel .textbutton{font-size:9px;letter-spacing:.045em;color:var(--muted)}#notificationPanel .notificationhint{font-size:10px;color:var(--muted)}.notificationpanel .notice{border-top:1px solid var(--line);padding:12px 0}.notificationpanel .notice b{font:400 15px/1.2 var(--editorial-serif)}.notificationpanel .notice p{font-size:9px;color:var(--muted);letter-spacing:.03em}.notificationpanel .notice small{font-size:10px;color:var(--muted)}.notificationpanel .notice button{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--text);font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:5px}.notificationpanel .notice .textbutton{border:0;color:var(--muted)}#alertsFeedback{font-size:9px;color:var(--muted);border-color:var(--line)}
.createDock{left:calc(var(--sidebar) + (100vw - var(--sidebar))/2);bottom:28px;width:46px;max-width:46px}.createDock #createHabit{height:46px;width:46px;min-width:46px;border:1px solid var(--text);border-radius:50%;background:var(--text);color:var(--bg);box-shadow:none}.createDock #createHabit:hover{background:var(--bg);color:var(--text)}.createDock #createHabit svg{width:18px;height:18px}
.habitsection,.workspaceView,.summary{max-width:1220px}.habitsection{padding-top:42px}.habitsection>.sectionhead{padding:0 0 18px;border-bottom:1px solid var(--line);align-items:end}.sectionhead h2,#listTitle{font:400 clamp(30px,4vw,46px)/1.05 var(--editorial-serif);letter-spacing:-.035em}.sectionhead h2 span{font:10px var(--editorial-sans);border:0;border-left:1px solid var(--line);border-radius:0;padding:2px 0 2px 10px;color:var(--muted)}.sectionhead p{font-size:11px;color:var(--muted);margin-top:9px}.toolbar{gap:2px}.viewbutton{border-radius:0;color:var(--muted);font-size:17px}.viewbutton.selected{background:transparent;border-color:transparent;border-bottom:1px solid var(--text);color:var(--text)}#habits.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}.habit{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px 0 22px;min-width:0;box-shadow:none;animation:none}.habit:hover{border-color:var(--line)}.habithead{gap:12px}.habiticon{width:35px;height:35px;border-radius:50%;background:color-mix(in srgb,var(--c) 10%,var(--paper));font-size:18px}.habittitle b{font:400 20px/1.2 var(--editorial-serif);letter-spacing:-.02em}.habittitle small{font-size:10px;color:var(--muted)}.check{width:34px;height:34px;background:transparent;border:1px solid color-mix(in srgb,var(--c) 55%,var(--line));border-radius:50%;font-size:20px;color:var(--text)}.check.done{background:var(--c);border-color:var(--c);color:#24241f}.boardLegend{margin-top:19px;padding-top:10px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.035em;color:var(--muted)}.boardScroller{padding:5px 2px 10px}.heatmap,.list .heatmap{gap:var(--gap,4px);min-width:calc(var(--weeks,26)*12px)}.cell,.list .cell{border-radius:1px;max-width:22px;min-height:7px}.months{font:9px/1.3 var(--editorial-sans);color:var(--muted);letter-spacing:.03em}.todayCell{outline:1px solid var(--text);outline-offset:2px;box-shadow:none}.todayCell:not(.on){background:transparent;border:1px solid var(--text)}.metarow{font-size:9px;color:var(--muted)}.metarow span,.metarow a{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:3px 3px}.habitfoot{font-size:9px;color:var(--muted)}.habitfoot b{color:var(--text);font-weight:500}.daynotes{border-bottom:1px solid var(--line);border-radius:0}.addcard{min-height:190px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--muted);font:400 16px var(--editorial-serif)}.addcard span{font-size:24px;color:var(--text)}.demobanner{background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;color:var(--muted);padding:13px 2px}.demobanner button{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.workspaceView{padding-top:58px}.pageheading{padding:0 0 28px;border-bottom:1px solid var(--line);margin-bottom:30px}.pageheading h1{font-size:clamp(40px,5vw,64px)}.pageheading p{font-size:12px}.insightheading{padding-top:0}.insightheading select{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--text);font-size:10px;padding:8px 22px 8px 3px}.metricgrid{gap:0;margin-bottom:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr))}.metricgrid>div{padding:22px 20px 23px;background:transparent;border:0;border-right:1px solid var(--line);border-radius:0}.metricgrid>div:last-child{border-right:0}.metricgrid span{font:9px/1.4 var(--editorial-sans);letter-spacing:.13em;color:var(--muted);min-height:18px}.metricgrid strong{font:400 40px/1 var(--editorial-serif);letter-spacing:-.035em;margin-top:14px}.metricgrid small{font:11px var(--editorial-sans);color:var(--muted)}.analyticscard,.settingscard{padding:23px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;margin:0 0 12px;max-width:none}.analyticscard h2,.settingscard h2{font:400 26px/1.15 var(--editorial-serif);letter-spacing:-.025em;margin:0 0 9px}.analyticscard p,.settingscard p{font-size:11px;color:var(--muted)}.activitybars{height:170px;gap:3px;margin:30px 0 12px}.barcolumn i{background:var(--text);border-radius:0;min-width:2px}.axis{font-size:9px;letter-spacing:.04em}.tableScroll{border-top:1px solid var(--line);overflow-x:auto}table{font-size:11px;white-space:nowrap}th{font:9px/1.4 var(--editorial-sans);letter-spacing:.1em;color:var(--muted);padding:14px 12px;border-color:var(--line)}td{padding:15px 12px;color:var(--text);border-color:var(--line)}.tableHabit{color:var(--text);font:400 16px var(--editorial-serif)}.quietempty{border:0;border-top:1px solid var(--line);border-radius:0;color:var(--muted);font:400 19px var(--editorial-serif);padding:42px 4px;text-align:left}.footnote{font-size:10px;color:var(--muted)}.remindercard{display:grid;grid-template-columns:minmax(82px,130px) 1fr auto;gap:22px;padding:22px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;margin:0}.scheduleTime{font:400 28px/1 var(--editorial-serif);color:var(--text);font-variant-numeric:tabular-nums}.remindercard h2{font:400 20px/1.2 var(--editorial-serif)}.remindercard p,.remindercard small{font-size:10px;color:var(--muted)}.secondary{background:transparent;border:1px solid var(--line);border-radius:0;padding:9px 14px;color:var(--text);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.secondary:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.historyrow{gap:18px;padding:17px 3px;border-color:var(--line)}.historyrow b{font:400 18px var(--editorial-serif);color:var(--text)}.historyrow time{font-size:10px;color:var(--muted)}.historycheck{color:var(--muted)}
.settingscard label{max-width:500px;font-size:10px;letter-spacing:.06em;color:var(--muted)}.settingscard input,.settingscard select,#habitDialog input:not([type=checkbox]):not([type=color]):not([type=range]),#habitDialog select,#authDialog input,#profileDialog input,#searchDialog input,#dayDialog textarea,#cropDialog input{background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 2px;font-size:13px}.settingscard input:focus,.settingscard select:focus,#habitDialog input:focus,#habitDialog select:focus,#authDialog input:focus,#profileDialog input:focus,#searchDialog input:focus,#dayDialog textarea:focus{border-color:var(--text);outline:none}.settingscard input[type=checkbox],.togglelabel input{accent-color:var(--text)}#zonePreference{background:var(--paper);border:1px solid var(--line);padding:6px}#zonePreference option{padding:6px}.settingscard .togglelabel{display:flex;align-items:center;gap:10px;margin:20px 0}.settingscard .togglelabel input{width:15px;height:15px}.fieldrow{gap:22px}.customsettings h3{font:400 22px/1.2 var(--editorial-serif);color:var(--text);border-color:var(--line);margin-top:28px;padding-top:22px}.weekdays{gap:8px}.weekdays span{border-color:var(--line);border-radius:50%;color:var(--muted);font-size:10px}.weekdays input:checked+span{background:var(--text);border-color:var(--text);color:var(--bg)}.colors{gap:12px}.color{width:23px;height:23px;border-color:var(--paper)}.boardpreview{background:var(--bg);border:1px solid var(--line);border-radius:0;padding:13px}input[type=color]{border:1px solid var(--line)!important;padding:4px!important;height:39px}.togglelabel{font-size:10px;letter-spacing:.04em}.searchresult{border-color:var(--line);padding:13px 2px;color:var(--text);font:400 18px var(--editorial-serif)}.searchresult small{font:9px var(--editorial-sans);letter-spacing:.04em;color:var(--muted)}
#toast{background:var(--text);color:var(--bg);border:0;border-radius:0;box-shadow:none;font-size:11px;padding:13px 18px;bottom:90px}#sidebarBackdrop{background:#24241f44}footer{border-color:var(--line);color:var(--muted)}
dialog{width:min(520px,calc(100vw - 30px));max-height:min(90dvh,900px);overflow-y:auto;background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:0;padding:34px;box-shadow:0 18px 60px #18181122}dialog::backdrop{background:#201f1b55;backdrop-filter:blur(3px)}dialog h2{font:400 34px/1.08 var(--editorial-serif);letter-spacing:-.03em;margin:3px 0 12px}dialog p{font-size:11px;color:var(--muted);line-height:1.7}.close{top:13px;right:16px;color:var(--muted);font-size:24px}.modalmark{font:30px var(--editorial-serif);color:var(--text)}label{font-size:10px;letter-spacing:.055em;color:var(--muted)}.primary{background:var(--text);color:var(--bg);border:1px solid var(--text);border-radius:0;box-shadow:none;padding:12px 18px;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.primary:hover{background:transparent;color:var(--text)}.primary.wide{margin-top:20px}.oauth{gap:0;border-top:1px solid var(--line);margin-top:18px}.oauth button{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);text-align:left;padding:14px 4px;font-size:11px}.oauth button:hover{background:var(--soft)}.authswitch{text-align:left;font-size:10px;color:var(--muted)}.authswitch button,.textbutton{color:var(--text);background:transparent;border:0;border-radius:0;text-decoration:underline;text-underline-offset:3px;font-size:10px}.authswitch button{padding:3px}.danger{border-bottom:1px solid #a64e46!important;color:#963e35;border-radius:0}#profilePreview{margin:20px 0;border-radius:50%}.photoUpload{margin:0}.photoUpload.secondary{padding:8px 12px}.cropStage{border-radius:0}.cropMask{border-radius:50%;box-shadow:0 0 0 100px #1a1a1890}#cropCanvas{touch-action:none}.photoActions{gap:12px}#profileStatus,#noteStatus,#photoStatus,#authMessage{font-size:10px}#dayNote{min-height:130px;line-height:1.6}#dayComplete{margin-top:10px}#enableNotifications{white-space:nowrap}#alertsState{padding-top:9px;border-top:1px solid var(--line)}
@media(min-width:1500px){main{max-width:none;margin-left:var(--sidebar);padding-inline:clamp(50px,5vw,90px)}}
@media(max-width:1100px){#homeLayout.homeActive{grid-template-columns:minmax(0,1fr) minmax(260px,310px);gap:38px}#habits.cards{grid-template-columns:1fr;gap:0}.metricgrid>div{padding:18px 14px}.habitsection,.workspaceView{max-width:900px}}
@media(max-width:720px){:root{--sidebar:60px}.sidebarExpanded{--sidebar:60px}aside{padding:16px 7px;background:var(--bg)}.sidebarExpanded aside{width:min(280px,85vw);box-shadow:8px 0 32px #1515111c}.navitem{border-radius:0;height:42px}.sidebarExpanded .navitem.active{box-shadow:inset 2px 0 var(--text)}main{margin-left:60px;padding:0 18px 105px}header{height:68px;min-height:68px;position:sticky}.breadcrumb{font-size:8px;letter-spacing:.12em}.centralClock{left:43%}.centralClock time{font-size:15px;letter-spacing:.03em}.centralClock small{font-size:8px;max-width:98px}.headeractions{gap:7px}.bell{padding:7px}.avatar{width:30px;height:30px}.createDock{left:calc(60px + (100vw - 60px)/2);bottom:max(20px,env(safe-area-inset-bottom));width:44px;max-width:44px}.createDock #createHabit{width:44px;height:44px;min-width:44px}.createDock #createHabit svg{width:17px;height:17px}#homeLayout.homeActive{grid-template-columns:minmax(0,1fr);gap:26px;margin:32px auto 0}#notificationPanel{grid-row:1;width:min(100%,330px);max-width:330px;justify-self:end;padding:15px}#homeTasks{grid-row:2}.homeHeading{align-items:end;flex-wrap:wrap;padding-bottom:17px}.homeHeading h1{font-size:43px}.homeHeading p{font-size:10px;margin-top:10px}.sortLabel select{font-size:9px}.homeDate{font-size:9px;margin:14px 0 2px}.homeTask{padding:16px 1px;gap:11px}.taskBody b{font-size:17px}.taskBody p,.taskBody small{font-size:9px}.editTask{font-size:8px;padding:4px}.habitsection{padding-top:32px}.sectionhead h2,#listTitle{font-size:33px}.sectionhead p{font-size:10px}.habit{padding:19px 0}.habittitle b{font-size:19px}.habiticon{height:32px;width:32px}.check{height:31px;width:31px}.boardLegend{gap:12px;font-size:8px}.boardScroller{max-width:100%;padding-inline:0}.heatmap{min-width:calc(var(--weeks,26)*12px)}.workspaceView{padding-top:38px}.pageheading{padding-bottom:20px;margin-bottom:20px}.pageheading h1{font-size:43px}.pageheading p{font-size:10px}.insightheading{align-items:flex-start}.insightheading select{font-size:9px}.metricgrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.metricgrid>div{padding:16px 11px;border-bottom:1px solid var(--line)}.metricgrid>div:nth-child(2){border-right:0}.metricgrid>div:nth-child(n+3){border-bottom:0}.metricgrid span{font-size:8px;letter-spacing:.1em}.metricgrid strong{font-size:33px}.analyticscard,.settingscard{padding:19px 0}.analyticscard h2,.settingscard h2{font-size:23px}.activitybars{height:116px;gap:2px;margin:22px 0 10px}.remindercard{grid-template-columns:70px 1fr auto;gap:10px;padding:17px 0}.scheduleTime{font-size:22px}.remindercard h2{font-size:17px}.remindercard p,.remindercard small{font-size:9px}.remindercard .secondary{font-size:8px;padding:7px}.historyrow{padding:14px 2px;gap:10px;flex-wrap:wrap}.historyrow b{font-size:16px}.historyrow time{font-size:9px}.fieldrow{gap:14px}#habitDialog,#profileDialog,#authDialog,#accountDialog,#searchDialog,#dayDialog,#cropDialog{padding:30px 21px}dialog h2{font-size:29px}.customsettings h3{font-size:20px}.settingscard label{font-size:9px}.quietempty{font-size:17px;padding:30px 2px}.notificationpanel .notice{gap:6px}.notificationpanel .notice b{font-size:14px}.notice p{font-size:8px}.notice small{font-size:9px}.secondary{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}