:root{color:#2f253a;font-synthesis:none;background:#f6f4f8;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:#fff;border:1px solid #ded9e3;border-radius:10px;padding:10px 15px;font-size:13px}button:hover{background:#f2eef6;border-color:#533277}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #a288bd}a{color:inherit}.shell{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e4e0e9;flex-direction:column;width:242px;padding:36px 25px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#452865;letter-spacing:-1.5px;align-items:center;gap:13px;margin-bottom:56px;font-size:32px;font-weight:750;text-decoration:none;display:flex}.brand>span{color:#2f253a}.dot{color:#9481a9}.eyebrow{letter-spacing:1.7px;color:#816f94;text-transform:uppercase;font-size:10px;font-weight:700}nav{gap:9px;margin-top:17px;display:grid}nav button{text-align:left;color:#788278;background:0 0;border:0;gap:15px;padding:15px 18px;font-size:14px;display:flex}nav button span{font-size:20px;line-height:18px}nav .selected{color:#493262;background:#eae4f1;font-weight:700}.aside-bottom{margin-top:auto}.aside-bottom>p{color:#877699;margin-bottom:20px;font-size:13px}.aside-bottom>button{color:#695a79;background:0 0;border:0;padding:0;font-size:12px}.profile{border-top:1px solid #ece8f0;align-items:center;gap:11px;margin-top:28px;padding-top:23px;font-size:13px;display:flex}.profile>b{color:#716083;background:#e5ddee;border-radius:50%;place-items:center;width:37px;height:37px;font-size:11px;display:grid}.profile small{color:#8d7c9f;margin-top:5px;font-size:10px;display:block}main{width:calc(100% - 242px);max-width:1600px;margin-left:242px;padding:0 48px 30px}header{letter-spacing:1.5px;color:#87769a;border-bottom:1px solid #e4dfe9;justify-content:space-between;align-items:center;height:90px;font-size:10px;display:flex}.privacy{letter-spacing:0;color:#716083;background:#ede8f2;border-radius:20px;padding:8px 12px;font-size:11px}.heading{justify-content:space-between;align-items:center;gap:20px;margin:35px 0 29px;display:flex}.heading .eyebrow{letter-spacing:.7px;font-weight:500}.heading h1{letter-spacing:-1.2px;margin:11px 0;font-size:35px;font-weight:500}.heading p:not(.eyebrow){color:#8b7b9d;margin:0;font-size:13px;line-height:1.6}.primary{color:#fff;white-space:nowrap;background:#492b6a;border-color:#492b6a;padding:13px 19px}.primary:hover{color:#fff;background:#3c2159}.hero{color:#fff;background:#472c63 radial-gradient(at 70% 140%,#6d548777,#0000 55%);border-radius:19px;justify-content:space-between;align-items:center;gap:20px;padding:30px 35px;display:flex}.pill{letter-spacing:1.3px;color:#d7c9e5;background:#ffffff12;border:1px solid #ffffff20;border-radius:20px;padding:6px 10px;font-size:9px}.hero h2{letter-spacing:-.5px;margin:19px 0 9px;font-size:26px;font-weight:500}.hero p{color:#d0c7d9;margin:0;font-size:12px;line-height:1.6}.mini-ring{border-radius:50%;flex-shrink:0;width:112px;height:112px;padding:6px}.mini-ring>div{background:#4b3166;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.mini-ring b{font-size:25px;font-weight:500}.mini-ring small{color:#cfc6d9;margin-top:5px;font-size:9px}.columns{grid-template-columns:1.55fr 1fr;gap:22px;margin-top:24px;display:grid}.card{background:#fff;border:1px solid #e4dfe9;border-radius:17px;padding:26px}h2{letter-spacing:-.35px;margin:0 0 13px;font-size:18px;font-weight:500}.section-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-top h2{margin:0}.section-top input{color:#7e6c91;border:1px solid #e4dfe9;border-radius:7px;max-width:136px;padding:7px;font-size:11px}.muted{color:#9182a2;font-size:11px;line-height:1.7}.habit{border-top:1px solid #ece9f0;align-items:center;gap:15px;padding:22px 0;display:flex}.habit:first-of-type{margin-top:20px}.check{border:1.5px solid #d7d0df;border-radius:9px;width:30px;min-width:30px;height:30px;padding:0;font-size:19px}.complete .check{color:#fff;background:#4f326f;border-color:#4f326f}.habit h3{margin:0 0 6px;font-size:14px;font-weight:500}.habit p{color:#8d7d9f;margin:0;font-size:11px;line-height:1.5}.complete h3{color:#816f95}.tag{color:#8a799c;white-space:nowrap;background:#f4f1f7;border-radius:5px;margin-left:auto;padding:5px 7px;font-size:9px}.complete .tag{color:#6a5680;background:#eee8f4}.card-note{color:#9788a7;border-top:1px solid #ece9f0;margin:15px 0 0;padding-top:17px;font-size:10px;line-height:1.7}.bars{justify-content:space-between;align-items:flex-end;gap:10px;height:161px;margin:29px 0 15px;display:flex}.bars>div{text-align:center;flex-direction:column;flex:1;align-items:center;gap:7px;max-width:30px;display:flex}.bar-track{background:#efebf3;border-radius:5px;align-items:flex-end;width:17px;height:105px;display:flex;overflow:hidden}.bar-track>div{background:#9078aa;border-radius:5px;width:100%}.bars small{color:#88779b;text-transform:uppercase;font-size:10px}.bars b{color:#a193af;font-size:9px;font-weight:400}.tip{color:#716183;background:#f2eef7;border-radius:11px;margin-top:23px;padding:18px;font-size:12px;line-height:1.7}.tip b{font-weight:500}.tip p{color:#9182a2;margin:5px 0 0;font-size:11px}.empty{text-align:center;color:#766589;padding:45px 12px}.empty>span{font-size:32px}.empty h3{font-size:17px;font-weight:500}.empty p{font-size:12px;line-height:1.7}.empty button{margin-top:10px}.bottom-line{color:#9586a5;justify-content:space-between;align-items:center;gap:15px;margin:23px 0;font-size:10px;display:flex}.bottom-line button{color:#837296;background:0 0;border:0;font-size:10px}.grow{flex:1}.habit small{color:#867499;margin-top:7px;font-size:10px;display:block}.habit-icon{color:#675080;background:#ede7f3;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.donut{border-radius:50%;width:195px;height:195px;margin:30px auto;padding:17px}.donut>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.donut b{letter-spacing:-1px;font-size:38px;font-weight:500}.donut small{color:#8d7d9f;margin-top:5px;font-size:11px}.center{text-align:center;font-size:12px}.calendar{grid-template-columns:repeat(7,1fr);gap:8px;margin:30px 0 20px;display:grid}.calendar button{color:#988aa8;background:#f1eef4;border:0;border-radius:7px;padding:12px 0;font-size:11px}.calendar button.partial{color:#5a4570;background:#dacce8}.calendar button.full{color:#fff;background:#543675}.breakdown{margin-top:23px}.metric{border-bottom:1px solid #ede9f2;align-items:center;gap:20px;padding:14px 0;font-size:12px;display:flex}.metric>span{width:40%}.metric progress{accent-color:#563777;flex:1;width:20%;height:8px}.metric b{font-weight:400}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#21172c90;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:20px;width:440px;max-width:100%;max-height:90dvh;padding:30px;overflow:auto;box-shadow:0 30px 100px #23182e44}.dialog h2{font-size:21px}.dialog label{margin-top:23px;font-size:12px;display:block}.dialog input{border:1px solid #dcd5e4;border-radius:9px;width:100%;margin-top:9px;padding:13px;font-size:13px;display:block}.dialog>p{font-size:12px;line-height:1.8}.days{gap:8px;margin:13px 0 25px;display:flex}.days button{flex:1;padding:10px 0}.days .on{color:#4f326d;background:#e4daef;border-color:#9c86b4}.wide{width:100%}.error{color:#9d493a;background:#fff3ee;border:1px solid #efc4ba;border-radius:9px;padding:14px;font-size:12px;line-height:1.6}@media (width>=1500px){main{padding-left:65px;padding-right:65px}.heading{margin-top:45px}.hero{padding:36px 40px}.columns{grid-template-columns:1.7fr 1fr}.habit{padding:25px 0}}@media (width<=1100px){aside{width:195px;padding:30px 18px}main{width:calc(100% - 195px);margin-left:195px;padding:0 25px 25px}.columns{grid-template-columns:1fr}.heading h1{font-size:29px}.card{padding:23px}.bars{justify-content:space-around}.bars>div{max-width:40px}}@media (width<=650px){aside{z-index:5;border-top:1px solid #e4dfe9;border-right:0;width:100%;height:72px;padding:0 10px;inset:auto 0 0}.brand,aside>.eyebrow,.aside-bottom{display:none}nav{justify-content:space-around;gap:0;height:100%;margin:0;display:flex}nav button{border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:10px}.shell main{width:100%;margin:0;padding:0 20px 85px}header{height:65px;font-size:9px}.heading{margin:27px 0 20px;display:block}.heading h1{font-size:29px}.heading>.primary{margin-top:20px;padding:12px 17px}.hero{border-radius:15px;padding:24px 21px}.hero h2{font-size:21px;line-height:1.3}.hero p{font-size:11px}.mini-ring{width:84px;height:84px;padding:5px}.mini-ring b{font-size:21px}.mini-ring small{font-size:8px}.pill{letter-spacing:1px;font-size:8px}.card{padding:21px 18px}.columns{gap:18px;margin-top:18px}.habit{gap:12px}.tag{display:none}.habit>button:not(.check){padding:7px;font-size:10px}.habit-icon{display:none}.bottom-line{align-items:flex-start;font-size:9px}.bottom-line button{padding:0;font-size:9px}.metric{gap:12px}.calendar{gap:6px}.dialog{padding:23px}.days{gap:5px}}.header-actions{align-items:center;gap:13px;display:flex}.install-small{color:#716083;background:0 0;border:0;padding:7px;font-size:11px}details{color:#7c6a90;margin-top:20px;font-size:12px}summary{cursor:pointer}.login-page{min-height:100dvh;display:flex}.login-art{color:#fff;background:#462b63;flex-direction:column;justify-content:space-between;width:48%;padding:50px 60px;display:flex}.login-art .brand,.login-art .brand>span{color:#fff}.login-art h1{letter-spacing:-2px;margin:28px 0;font-size:clamp(35px,4vw,62px);font-weight:400;line-height:1.15}.login-art em{color:#bea5d9;font-style:normal}.login-art p{color:#cbc1d5;font-size:14px}.login-art>small{color:#b8acc5;font-size:11px}.login-side{flex:1;place-items:center;padding:35px;display:grid}.login-form{width:100%;max-width:350px}.login-form h2{letter-spacing:-1px;margin-top:14px;font-size:31px}.login-form label{margin-top:25px;font-size:12px;display:block}.login-form input{background:#fff;border:1px solid #dad3e1;border-radius:9px;width:100%;margin-top:10px;padding:14px;font-size:14px;display:block}.login-form input[readonly]{color:#7b698f;background:#ece8f1}.login-form .primary{margin-top:28px}.reset{color:#7a6590;background:0 0;border:0;margin:15px auto;font-size:12px;display:block}.login-footer{color:#9889a8;text-align:center;border-top:1px solid #e1dce7;margin-top:40px;padding-top:20px;font-size:10px}.login-message{color:#645178;background:#e9e3f0;border-radius:8px;padding:15px;font-size:12px;line-height:1.7}@media (width<=650px){.login-page{display:block}.login-art{width:100%;padding:28px}.login-art .brand{margin-bottom:30px}.login-art h1{margin:20px 0;font-size:35px}.login-art>small{display:none}.login-side{padding:35px 28px}.login-form h2{font-size:28px}}.habit-emoji{vertical-align:middle;margin-right:9px;font-size:21px;display:inline-block}.emoji-picker{border:0;margin:24px 0 0;padding:0}.emoji-picker legend{margin-bottom:12px;font-size:12px}.emoji-picker>div{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.emoji-picker button{background:#f7f3fb;border-color:#0000;padding:8px 0;font-size:21px}.emoji-picker button.on{background:#e9ddf6;border-color:#8956c2;box-shadow:0 0 0 1px #8956c2}.emoji-picker label{margin-top:13px;font-size:11px}.emoji-picker input{width:100%;font-size:20px}.dialog .emoji-picker label{margin-top:12px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;display:grid}.project-title{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.project-title>span{font-size:32px}.project-title button{font-size:11px}.project-card h2{margin-bottom:15px;font-size:25px}.project-card h3{font-size:15px;font-weight:500;line-height:1.5}.project-card>p{color:#8a7e99;white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;font-size:13px;line-height:1.8;overflow:auto}.project-count{color:#8a7e99;border-top:1px solid #eee7f4;justify-content:space-between;margin-top:22px;padding:18px 0;font-size:11px;display:flex}.new-project-card{color:#7d629a;background:0 0;border:1px dashed #c8b7db;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:260px;font-size:16px;display:flex}.new-project-card>span{font-size:30px}.new-project-card small{font-size:11px}.project-context{background:#eee6f7;border:1px solid #e3d6ef;border-radius:16px;margin-bottom:23px;padding:22px 26px}.project-context-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.project-context label{letter-spacing:1.5px;font-size:9px}.project-context select{letter-spacing:0;color:#5c397b;background:0 0;border:0;max-width:100%;margin-top:7px;font-size:15px;font-weight:500;display:block}.project-context p{color:#806b93;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.project-context p b{text-transform:uppercase;letter-spacing:1px;margin-top:14px;font-size:10px;display:block}.project-context h2{font-size:21px}.dialog select,.dialog textarea{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #dfd3e8;border-radius:9px;margin-top:9px;padding:12px;font-size:13px;display:block}.dialog textarea{resize:vertical;min-height:90px}.project-card h2,.project-card h3{overflow-wrap:anywhere}@media (width<=650px){.projects-grid{grid-template-columns:1fr;gap:17px}.project-context{padding:20px}.project-context-top{align-items:flex-start}.project-context-top>label{max-width:65%}.project-context-top>button{padding:7px;font-size:10px}.new-project-card{min-height:180px}}.admin-panel{gap:22px;display:grid}.inline-form{gap:12px;margin-top:20px;display:flex}.inline-form input{min-width:0;font:inherit;border:1px solid #dfd3e8;border-radius:9px;flex:1;padding:12px;font-size:13px}.upload-label{border:1px dashed #cbb9dd;border-radius:11px;margin-top:20px;padding:18px;font-size:12px;display:block}.upload-label input{width:100%;margin-top:13px;font-size:12px;display:block}.email-preview{overflow-wrap:anywhere;background:#f8f5fb;border-radius:9px;max-height:220px;padding:14px;font-size:12px;line-height:2;overflow:auto}.import-preview h3{margin-top:24px;font-size:16px}.bulk-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.access-row{border-bottom:1px solid #eee7f4;align-items:center;gap:15px;padding:18px 0;display:flex}.access-row b{overflow-wrap:anywhere;font-size:12px;font-weight:500}.access-row .grow{min-width:0}.access-row small{color:#95859f;margin-top:6px;font-size:10px;display:block}.access-row button{white-space:nowrap;font-size:11px}@media (width<=650px){nav button{padding:8px 3px;font-size:9px}.access-row{gap:8px}.access-row button{padding:8px;font-size:9px}.inline-form{flex-direction:column}.bulk-actions>button{width:100%}.profile{overflow-wrap:anywhere}}.half .check{color:#73439a;background:linear-gradient(90deg,#dcc5f0 50%,#fff 50%);border-color:#9563c3;font-size:20px}.half .tag{color:#8757b1;background:#f1e7fa}.check{width:36px;min-width:36px;height:36px;min-height:36px}.half h3{color:#735789}button.delete-habit{color:#a34a62;border-color:#e8cbd3;font-size:11px}button.delete-habit:hover{background:#fff0f4;border-color:#c67a8f}.date-filters{margin-bottom:23px}.filter-fields{flex-wrap:wrap;gap:17px;margin-top:20px;display:flex}.filter-fields label{color:#80708e;flex-direction:column;flex:1;gap:9px;min-width:155px;font-size:11px;display:flex}.filter-fields select,.filter-fields input{width:100%;font:inherit;color:#5c3c76;background:#fff;border:1px solid #e1d6ea;border-radius:9px;min-height:42px;padding:11px}.state-counts{justify-content:space-around;gap:8px;margin:25px 0;display:flex}.state-counts span{text-align:center;color:#9784a7;font-size:10px}.state-counts b{color:#7044a6;margin-bottom:9px;font-size:23px;font-weight:500;display:block}.delta{letter-spacing:-2px;color:#7044a6;margin:35px 0 18px;font-size:50px;font-weight:500}.delta small{letter-spacing:0;color:#9784a7;margin-top:10px;font-size:12px;display:block}.evolution,.calendar-card{margin-top:23px}.trend-list{max-height:480px;margin-top:25px;overflow:auto}.trend-row{border-bottom:1px solid #f2ecf7;align-items:center;gap:17px;padding:14px 0;font-size:12px;display:flex}.trend-row>span{text-transform:capitalize;flex-shrink:0;width:100px}.trend-track{background:#f1eaf7;border-radius:5px;flex:1;height:12px;overflow:hidden}.trend-track>div{background:#a07ac0;border-radius:5px;height:100%}.trend-row>b{text-align:right;width:42px;font-weight:500}.trend-row>small{text-align:right;color:#9c88ad;width:66px;font-size:10px}.calendar-card .calendar{grid-template-columns:repeat(7,minmax(0,1fr));max-width:650px}.calendar-card .calendar button{flex-direction:column;align-items:center;gap:6px;display:flex}.calendar-card .calendar small{font-size:8px}.metric-count{color:#9b8aa9;margin-top:5px;font-size:9px;font-weight:400;display:block}.metric>b{text-align:right;min-width:45px}@media (width<=650px){.filter-fields{gap:12px}.filter-fields label{min-width:130px}.trend-row{gap:9px;font-size:10px}.trend-row>span{width:72px}.trend-row>small{width:46px;font-size:9px}.trend-row>b{width:34px}.trend-track{height:9px}.delta{font-size:41px}.date-filters>.section-top{align-items:flex-start}}