:root{color-scheme:dark;--bg:#101112;--panel:#1b1c1e;--muted:#828387;--line:#292a2c;--purple:#ae95f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f4f5;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}aside{width:228px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:38px 22px;background:#131415;display:flex;flex-direction:column}.brand{font-size:34px;font-weight:750;letter-spacing:-1.5px;display:flex;align-items:center}.brandicon{font-size:42px;color:var(--purple);margin-right:10px;line-height:1}.purple{color:var(--purple)}.nav{margin-top:64px;display:grid;gap:9px}.navitem{background:none;border:0;text-align:left;border-radius:9px;padding:14px;font-size:21px;color:#929397;display:flex;gap:14px;align-items:center}.navitem span{font-size:14px}.navitem.active{background:#26232f;color:#c5afff}.asidebottom{margin-top:auto}.note{padding:20px 12px;font-size:12px;line-height:1.8}.note p{color:#77797c;margin:5px 0 16px}.account{border:1px solid var(--line);border-radius:10px;background:#1b1c1d;padding:14px 10px;display:flex;width:100%;gap:9px;font-size:12px;align-items:center}.account span:last-child{margin-left:auto;color:#888}main{margin-left:228px;padding:0 48px;max-width:1560px}header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:10px;letter-spacing:1.8px;color:#737579}.breadcrumb span{margin:0 13px;color:#424448}.breadcrumb b{font-weight:500;color:#c1c2c5}.date{color:#94969a;font-size:12px}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:47px 0 36px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#96939f;font-weight:600}h1{font-size:clamp(38px,4.3vw,61px);letter-spacing:-2.5px;line-height:1.08;margin:17px 0}h1 span{color:var(--purple)}.intro p{color:#919296;font-size:14px}.primary{background:#b29af4;color:#17121f;font-weight:650;padding:14px 20px;border:1px solid #c2acff;border-radius:10px;box-shadow:0 2px 0 #ffffff0a inset}.intro .primary{margin-bottom:15px}.primary:hover{background:#c4afff}.summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;background:#17181a;padding:25px 0}.summary>div{padding:0 26px;border-right:1px solid var(--line)}.summary>div:last-child{border:0}.statlabel{font-size:9px;color:#8c8d92;letter-spacing:1.5px}.summary strong{display:inline-block;font-size:32px;letter-spacing:-1px;font-weight:600;margin:14px 9px 0 0}.summary strong span{font-size:21px;color:#65666b}.statdetail{font-size:11px;color:#94959a}.statdetail>span{font-size:23px;margin-left:6px}.orange{color:#ebbb79}.summary p{font-size:10px;color:#65676d;margin:12px 0 1px}.track{height:4px;border-radius:4px;background:#2e2b37;margin-top:17px;max-width:260px}.track i{display:block;height:100%;width:0;background:var(--purple);border-radius:4px;transition:width .3s}.habitsection{padding:37px 0}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:19px;letter-spacing:-.4px;margin:0}h2 span{font-size:11px;font-weight:500;margin-left:9px;padding:3px 7px;border:1px solid #343438;border-radius:5px;color:#a9a8af}.sectionhead p{font-size:11px;color:#74767d;margin:8px 0 0}.toolbar{display:flex;align-items:center;gap:6px}.legend{font-size:10px;color:#7d7f85;margin-right:16px}.legend i{display:inline-block;width:5px;height:5px;background:#85808e;margin-right:6px;border-radius:50%}.viewbutton{border:1px solid transparent;background:transparent;padding:5px 9px;color:#777;font-size:21px;border-radius:6px}.viewbutton.selected{background:#28272d;border-color:#3b3747;color:#c7b7eb}.demobanner{font-size:11px;color:#98949f;padding:11px 14px;border:1px solid #37303e;background:#201d27;border-radius:8px;margin-bottom:18px;display:flex;justify-content:space-between}.demobanner button{background:none;border:0;color:#c6afff;font-size:11px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.habit{border:1px solid #303033;border-radius:17px;padding:21px;background:linear-gradient(125deg,color-mix(in srgb,var(--c) 7%,#1c1d1f),#1c1d1f 75%);min-width:0;transition:border-color .2s}.habit:hover{border-color:color-mix(in srgb,var(--c) 40%,#303033)}.habithead{display:flex;align-items:center;gap:11px}.habiticon{width:40px;height:40px;display:grid;place-items:center;font-size:23px;border-radius:12px;background:color-mix(in srgb,var(--c) 15%,transparent);color:var(--c)}.habittitle{background:none;border:0;padding:0;text-align:left;flex:1;min-width:0}.habittitle b{font-size:14px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habittitle small{font-size:10px;color:#909095;display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check{border:1px solid color-mix(in srgb,var(--c) 40%,transparent);width:37px;height:37px;border-radius:12px;background:color-mix(in srgb,var(--c) 8%,transparent);color:var(--c);font-size:24px;flex-shrink:0}.check.done{background:var(--c);color:#192117;border-color:var(--c);font-size:21px}.months{display:flex;justify-content:space-between;font-size:8px;color:#6f7076;margin:20px 0 7px;padding:0 2px}.heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(26,1fr);gap:4px}.cell{aspect-ratio:1;background:color-mix(in srgb,var(--c) 10%,#242527);border:0;border-radius:3px;min-width:0;padding:0}.cell.on{background:var(--c);box-shadow:0 0 8px color-mix(in srgb,var(--c) 8%,transparent)}.cell.future{opacity:.3}.cell:hover{outline:1px solid var(--c)}.habitfoot{display:flex;justify-content:space-between;margin-top:15px;font-size:9px;color:#77797f}.habitfoot b{color:var(--c);font-weight:500}.addcard{background:transparent;border:1px dashed #38383f;min-height:222px;border-radius:17px;display:grid;place-content:center;text-align:center;gap:8px;color:#86838d}.addcard span{font-size:30px;color:#a894ce}.addcard small{font-size:10px;color:#5e6067}.list{grid-template-columns:1fr}.list .heatmap{grid-template-columns:repeat(26,1fr)}.list .cell{aspect-ratio:4}.insightrow{padding:22px;background:#1b1c1e;border:1px solid #303033;margin-bottom:12px;border-radius:12px;display:flex;justify-content:space-between}.empty{padding:35px;color:#999}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 30px;color:#5f6167;font-size:10px}.brandmini{font-size:16px;font-weight:650;color:#96959d}.sync{color:#858b80}dialog{background:#1a1b1e;color:#eee;border:1px solid #3a3742;border-radius:20px;padding:35px;width:min(430px,calc(100% - 30px));box-shadow:0 25px 150px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:28px;margin:12px 0}dialog p{font-size:12px;color:#9b9ba3;line-height:1.7}.close{position:absolute;top:12px;right:15px;background:none;border:0;color:#888;font-size:25px}.modalmark{color:var(--purple);font-size:40px}label{display:block;font-size:11px;color:#b9b8c2;margin:20px 0 8px}input,select{display:block;background:#111214;border:1px solid #38383e;border-radius:8px;padding:12px;color:#eee;width:100%;margin-top:8px;outline:none}input:focus,select:focus{border-color:var(--purple)}.wide{width:100%;margin-top:25px}.authswitch{text-align:center}.authswitch button{border:0;background:none;color:#c7b0ff;font-size:12px}#authMessage{color:#c8b5fa;white-space:pre-line}.colors{display:flex;gap:13px;margin-top:13px}.color{width:27px;height:27px;border-radius:50%;border:3px solid #1a1b1e;outline:1px solid transparent;background:var(--swatch)}.color.chosen{outline-color:var(--swatch)}.danger{border:0;background:none;color:#e58c92;font-size:11px;margin:20px auto 0;display:block}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;border:1px solid #51455c;background:#2b2332;border-radius:10px;z-index:10;font-size:12px;max-width:90%;display:none}[hidden]{display:none!important}@media(min-width:1500px){main{margin-left:228px;margin-right:auto;padding:0 65px}}@media(max-width:1050px){aside{width:180px;padding:30px 16px}main{margin-left:180px;padding:0 28px}.summary>div{padding:0 16px}.statdetail{display:block;margin-top:6px}.summary strong{margin-top:12px}.summary p{line-height:1.5}.statdetail>span{display:none}}@media(max-width:720px){aside{position:static;width:100%;height:75px;flex-direction:row;align-items:center;padding:0 22px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:29px}.brandicon{font-size:34px}.nav{margin:0 0 0 auto;display:flex;gap:4px}.navitem{padding:9px;font-size:22px}.navitem span,.note{display:none}.asidebottom{margin:0 0 0 9px}.account{padding:9px;font-size:17px;background:none;border:0}.account span{display:none}main{margin:0;padding:0 21px}header{height:55px}.breadcrumb{font-size:8px;letter-spacing:1px}.breadcrumb span{margin:0 7px}.date{font-size:9px}.intro{padding:30px 0 24px;align-items:flex-end}h1{font-size:39px;letter-spacing:-1.8px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro p{font-size:11px}.intro .primary{font-size:11px;padding:11px 12px;white-space:nowrap;margin-bottom:14px}.summary{padding:17px 0}.summary>div{padding:0 11px}.statlabel{font-size:7px;letter-spacing:.6px}.summary strong{font-size:26px}.summary strong span{font-size:16px}.statdetail{font-size:8px}.summary p{display:none}.track{margin-top:11px;height:3px}.cards{grid-template-columns:1fr;gap:14px}.habit{padding:18px}.habitsection{padding-top:28px}.legend{display:none}.sectionhead p{font-size:9px}h2{font-size:17px}.demobanner{font-size:9px;padding:10px;gap:8px;align-items:center}.demobanner button{font-size:9px;white-space:nowrap}.heatmap{gap:4px}.cell{aspect-ratio:1}.habiticon{width:38px;height:38px}.addcard{min-height:110px}footer{font-size:8px;gap:10px}.sync{max-width:100px;text-align:right}.sectionhead{margin-bottom:18px}}
.headeractions{display:flex;gap:22px;align-items:center}.bell{background:#222129;border:1px solid #3a3447;border-radius:10px;padding:8px 11px;color:#c9b4ff}.bell span{font-size:10px;margin-left:4px}.notificationpanel{margin-top:20px;border:1px solid #39323f;padding:22px;border-radius:14px;background:#1c1a22;animation:slidein .25s ease}.notificationhint{color:#8b8795;font-size:11px;line-height:1.65}.textbutton{border:0;background:none;color:#c4aaf7;font-size:11px}.notice{display:flex;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #34303c}.noticedot{height:10px;width:10px;border-radius:3px}.notice>div{flex:1}.notice b{font-size:13px}.notice p{font-size:10px;color:#8f899b;margin:5px 0}.notice small{font-size:11px;color:#aaa3b6}.notice button{background:#36303f;border:1px solid #50425f;border-radius:8px;padding:8px 12px;color:#d5baff;font-size:11px}.noticeDone{opacity:.6}.oauth{display:grid;gap:9px;margin-top:23px}.oauth button{border:1px solid #403a49;border-radius:9px;padding:12px;background:#26232d;color:#eee;font-size:12px}.oauth button:hover{background:#36303e}dialog{max-height:90dvh;overflow-y:auto}#habitDialog{width:min(520px,calc(100% - 24px))}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fieldrow label{min-width:0}.customsettings h3{font-size:12px;border-top:1px solid #37323c;margin:25px 0 5px;padding-top:22px;color:#cfc4de}.togglelabel{display:flex;gap:9px;align-items:center}.togglelabel input{width:16px;height:16px;margin:0;accent-color:#b29af4}input[type=color]{height:43px;padding:5px}input[type=range]{padding:0;accent-color:#b29af4}.weekdays{display:flex;gap:9px}.weekdays label{margin:6px 0}.weekdays input{position:absolute;opacity:0;width:1px}.weekdays span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #494050;border-radius:50%;color:#999}.weekdays input:checked+span{background:#b29af4;color:#21182e;border-color:#b29af4}.weekdays input:focus-visible+span{outline:2px solid white;outline-offset:3px}.boardpreview{display:grid;grid-template-columns:repeat(14,1fr);margin-top:15px;padding:15px;background:#121214;border-radius:10px}.boardpreview i{aspect-ratio:1}.boardlabel{font-size:10px;color:#9b94a4;margin-top:12px;min-height:0}.boardlabel:empty{display:none}.heatmap,.list .heatmap{grid-template-columns:repeat(var(--weeks,26),minmax(0,1fr));gap:var(--gap,4px)}.cell{background:var(--empty,#303136);border-radius:var(--radius,3px);aspect-ratio:1}.habit{animation:slidein .4s ease both}.habit:nth-child(2){animation-delay:.04s}.habit:nth-child(3){animation-delay:.08s}.habit:nth-child(4){animation-delay:.12s}.check{transition:transform .16s,background .2s}.check:active{transform:scale(.88)}.primary,.addcard,.navitem,.oauth button{transition:background .2s,transform .2s}.primary:active,.addcard:active{transform:scale(.97)}dialog[open]{animation:slidein .2s ease}@keyframes slidein{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:720px){.headeractions{gap:8px}.headeractions .date{display:none}.notificationpanel{padding:16px}.notificationpanel .sectionhead{gap:10px}.weekdays{gap:7px}.weekdays span{width:30px;height:30px}}
.heatmap,.list .heatmap{grid-template-columns:repeat(var(--weeks,26),minmax(0,12px));justify-content:start}.cell,.list .cell{aspect-ratio:1}.metarow{display:flex;flex-wrap:wrap;gap:6px;font-size:9px;color:#a49aac;margin-top:12px}.metarow span,.metarow a{border:1px solid #403747;border-radius:5px;padding:3px 6px}.metarow a{color:#c6acf5}