:root{--ink:#1d2935;--muted:#75808b;--line:#e9edf0;--paper:#f8f9f8;--lime:#c8fb50;--deep:#25393d;--orange:#ff795e;--lav:#e9e5ff;--blue:#dceafa}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:"DM Sans",sans-serif;color:var(--ink);font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;background:#fff;border-right:1px solid var(--line);padding:30px 16px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:5}.brand{font:800 28px/1 Manrope,sans-serif;letter-spacing:-1.6px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px;padding:0 12px 38px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--lime);border-radius:8px;font-size:19px;transform:rotate(-8deg)}.nav{display:grid;gap:5px}.nav-item{cursor:pointer;border:0;background:transparent;color:#66717d;border-radius:10px;text-align:left;padding:12px 12px;font:600 14px "DM Sans";display:flex;align-items:center;gap:13px}.nav-item span{font-size:20px;width:17px;text-align:center;color:#65717b}.nav-item.active{background:#eff5f2;color:#1f3434}.nav-item.active span{color:#27645e}.nav-item b{margin-left:auto;background:#ff8068;color:#fff;border-radius:99px;font-size:10px;padding:2px 6px}.sidebar-bottom{margin-top:auto}.sidebar-profile{border-top:1px solid var(--line);margin-top:14px;padding:18px 9px 0;display:flex;gap:9px;align-items:center}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:13px}.sidebar-profile small{font-size:11px;color:var(--muted);margin-top:2px}.more{margin-left:auto;color:var(--muted);letter-spacing:1px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;position:relative}.avatar-me{background:#304d58}.avatar-a{background:#e77052}.avatar-b{background:#765fae}.avatar-c{background:#637c4d}.avatar-d{background:#d19260}.avatar i{position:absolute;width:9px;height:9px;right:0;bottom:0;border-radius:50%;background:#6ccc75;border:2px solid #fff}main{margin-left:244px;width:calc(100% - 244px);max-width:1450px}.topbar{height:126px;padding:26px 48px 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(248,249,248,.94);position:sticky;top:0;z-index:4}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.1px;color:#8a949b}.date h1{font:700 24px/1.3 Manrope,sans-serif;letter-spacing:-.7px;margin:5px 0}.date h1 span{color:#e6ad4b}.header-actions{display:flex;align-items:center;gap:12px}.search{width:190px;height:39px;background:white;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:7px;padding:0 11px;color:#91a0a8}.search span{font-size:21px}.search input{width:100%;border:0;outline:none;font:13px "DM Sans"}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#55626a;font-size:18px;position:relative;cursor:pointer}.notification i{position:absolute;width:7px;height:7px;right:9px;top:9px;background:#ff765e;border-radius:50%;border:1px solid #fff}.add-button{border:0;border-radius:9px;background:var(--deep);color:white;padding:11px 15px;font:600 13px "DM Sans";cursor:pointer}.add-button span{color:var(--lime);font-size:16px;margin-right:2px}.mobile-menu{display:none}.home-grid{display:grid;grid-template-columns:minmax(550px,1fr) 330px;gap:28px;padding:10px 48px 60px;max-width:1240px}.card{background:#fff;border:1px solid var(--line);border-radius:14px}.progress-card{min-height:194px;background:var(--deep);color:white;border:none;padding:28px 29px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.progress-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-42px;top:-68px;border:34px solid rgba(200,251,80,.07)}.progress-card .eyebrow{color:#9eb1ad}.progress-card h2{font:700 23px/1.25 Manrope;margin:6px 0}.progress-card p{margin:0;color:#bfcbc7;font-size:13px}.progress-copy{width:66%;z-index:1}.progress-bar{height:7px;background:#4b5d60;border-radius:9px;margin-top:23px;overflow:hidden}.progress-bar span{display:block;width:60%;background:var(--lime);height:100%;border-radius:9px;transition:width .25s}.progress-meta{display:flex;justify-content:space-between;color:#c5d0ce;font-size:11px;margin-top:7px}.progress-meta strong{font-weight:500}.progress-ring{width:110px;height:110px;z-index:1;position:relative;margin:12px 5px 0 16px;display:grid;place-items:center}.progress-ring svg{position:absolute;width:110px;height:110px;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke:#4a5d60;stroke-width:9}.progress-ring circle+circle{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:302;stroke-dashoffset:121;transition:stroke-dashoffset .3s}.progress-ring div{text-align:center}.progress-ring strong,.progress-ring small{display:block}.progress-ring strong{font:700 22px Manrope}.progress-ring small{font-size:10px;color:#adc1bd}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:32px 0 14px}.section-heading h2{font:700 19px Manrope;margin:4px 0 0;letter-spacing:-.4px}.text-button,.filter-button,.dots{border:0;background:transparent;color:#5d7477;font:600 12px "DM Sans";cursor:pointer}.text-button span{font-size:16px}.goals{overflow:hidden}.goal{min-height:66px;padding:12px 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);transition:background .2s}.goal:last-child{border:0}.goal:hover{background:#fbfdfc}.check{width:23px;height:23px;border:1.6px solid #cbd4d7;border-radius:50%;background:white;cursor:pointer;display:grid;place-items:center;font-size:14px;color:transparent;flex:none}.goal.completed .check{background:#477e74;border-color:#477e74;color:white}.goal .goal-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:17px;flex:none}.goal-title{font-weight:600;font-size:13.5px}.goal.completed .goal-title{text-decoration:line-through;color:#8a959b}.goal-detail{font-size:11.5px;color:var(--muted);margin-top:2px}.goal-status{margin-left:auto;color:#86929a;font-size:11px}.goal-status b{font-weight:600;color:#4f706d}.goal-menu{color:#9aa5aa;margin-left:12px;cursor:pointer}.add-goal{color:#447b72;border:1px dashed #b6cfc7;background:#fbfffd;border-radius:12px;width:100%;padding:13px;margin-top:11px;font:600 13px "DM Sans";cursor:pointer}.add-goal span{font-size:17px}.feed-heading{margin-top:35px}.filter-button{padding:7px 10px;border:1px solid var(--line);background:#fff;border-radius:7px}.feed{display:grid;gap:12px}.post{padding:18px 19px}.post-head{display:flex;align-items:center;gap:10px}.post-head .avatar{width:36px;height:36px}.post-person{font-weight:700;font-size:13px}.post-person small{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:2px}.post-more{margin-left:auto;color:#92a0a5}.post-body{padding:15px 0 12px 46px}.post-body h3{font:700 15px Manrope;margin:0 0 5px}.post-body p{margin:0;color:#65727a;font-size:13px;line-height:1.5}.post-tag{display:inline-flex;gap:5px;align-items:center;background:#f2f7f4;color:#4e756e;font-size:11px;border-radius:6px;padding:5px 7px;margin-top:10px}.post-tag.orange{background:#fff1eb;color:#ca7059}.post-actions{border-top:1px solid #f0f2f3;padding-top:11px;display:flex;gap:19px;padding-left:46px}.post-actions button{border:0;background:transparent;color:#849198;font:500 12px "DM Sans";cursor:pointer}.post-actions button.liked{color:#e86661}.right-rail{padding-top:0}.streak-card{min-height:147px;border-radius:14px;background:var(--lav);padding:21px;display:grid;grid-template-columns:50px 1fr;column-gap:10px;position:relative;overflow:hidden}.flame{font-size:32px;width:46px;height:46px;background:#fff2d5;border-radius:12px;display:grid;place-items:center;color:#f09f37}.streak-card h2{font:800 25px/1 Manrope;margin:5px 0}.streak-card h2 small{font-size:13px;font-weight:600}.streak-card p{font-size:11px;margin:6px 0;color:#77708d}.streak-dots{grid-column:1/-1;display:flex;gap:8px;margin-top:14px}.streak-dots span{font-size:10px;font-weight:700;color:#9490a4;width:21px;height:21px;display:grid;place-items:center;background:#f7f5ff;border-radius:50%}.streak-dots span.done{color:#5a655c;background:var(--lime)}.weekly-card{padding:20px 20px 17px;margin-top:14px}.weekly-card .section-heading{margin:0}.weekly-card .section-heading h2{font-size:15px}.weekly-chart{height:106px;margin:18px 0 11px;display:flex;align-items:end;justify-content:space-between;gap:9px}.weekly-chart div{height:100%;display:flex;flex:1;align-items:center;justify-content:end;flex-direction:column;gap:7px}.weekly-chart i{width:100%;max-width:22px;background:#deebe6;border-radius:5px 5px 3px 3px;display:block}.weekly-chart i.today-bar{background:#5e8d84}.weekly-chart span{font-size:9px;color:#8b969d}.week-stat{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between}.week-stat span{font:700 17px Manrope}.week-stat small{font:400 10px "DM Sans";color:var(--muted);margin-left:3px}.friends-card{padding:20px;margin-top:14px}.friends-card .section-heading{margin:0}.friends-card .section-heading h2{font-size:15px}.online-friends{display:flex;align-items:start;gap:13px;margin-top:19px}.friend{text-align:center;font-size:10px;color:#64717a}.friend .avatar{margin:auto auto 5px}.more-friends{border:1px solid var(--line);border-radius:50%;color:#546b6d;background:#fff;font:700 10px "DM Sans";width:38px;height:38px;cursor:pointer}.challenge-mini{border-radius:14px;background:#eff8e6;margin-top:14px;padding:15px;display:flex;align-items:center;gap:11px}.mini-icon{width:36px;height:36px;border-radius:9px;background:var(--lime);display:grid;place-items:center}.challenge-mini strong{font:700 12px Manrope;display:block;margin-top:3px}.challenge-mini p{color:#718179;margin:3px 0 0;font-size:10px}.challenge-mini b{color:#567a68}.challenge-mini button{margin-left:auto;background:transparent;border:0;color:#49776f;font-size:20px;cursor:pointer}.simple-view{max-width:1130px;padding:26px 48px 60px}.simple-view>h2{font:700 29px Manrope;margin:5px 0 26px;letter-spacing:-1px}.simple-view h3{font:700 18px Manrope;margin-top:31px}.tracker-hero{background:linear-gradient(115deg,#26393c,#395a56);padding:33px;color:#fff;display:flex;justify-content:space-between;overflow:hidden}.tracker-hero p{max-width:450px;color:#c7d3d0;line-height:1.6}.tracker-hero .add-button{margin-top:8px;background:var(--lime);color:#26393c}.big-number{font:800 48px Manrope!important;margin:0!important;color:white!important}.big-number span{font:600 17px Manrope;color:#c7d3d0}.heatmap{width:310px;align-self:center;display:grid;grid-template-columns:repeat(14,14px);gap:6px}.heatmap i{height:14px;border-radius:3px;background:#5c7771}.heatmap i:nth-child(3n){background:#bef358}.heatmap i:nth-child(4n){background:#a4d849}.heatmap i:nth-child(5n){background:#3e5d5a}.friend-tabs{border-bottom:1px solid var(--line);display:flex;gap:24px;margin-bottom:22px}.tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:11px 2px;color:#7c878e;font:600 13px "DM Sans";cursor:pointer}.tab.active{color:#335f5a;border-bottom-color:#4c8379}.tab b{background:#f0f3f4;border-radius:99px;padding:2px 6px;font-size:10px}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.person-card{padding:20px;text-align:center;position:relative}.person-card .avatar{width:58px;height:58px;font-size:18px;margin:0 auto 11px}.person-card h3{font:700 15px Manrope;margin:0}.person-card p{margin:3px 0 12px;color:var(--muted);font-size:11px}.person-card .outline-button{width:100%}.outline-button{background:#fff;border:1px solid #d9e2e3;border-radius:8px;color:#416d67;padding:8px 12px;font:600 12px "DM Sans";cursor:pointer}.challenge-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.challenge-card{min-height:246px;border-radius:15px;padding:25px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.challenge-card.featured{background:#29403f;color:white;border:0}.challenge-card span{font-size:10px;font-weight:700;letter-spacing:.9px;color:#8f9da4}.challenge-card.featured span{color:#b4c8bd}.challenge-card h3{font:800 26px/1.12 Manrope;margin:17px 0 7px}.challenge-card p{color:#7d8a91;max-width:270px;line-height:1.45;margin:0;font-size:13px}.challenge-card.featured p{color:#c2d0ca}.challenge-card>div{margin-top:auto;font-size:11px;color:#7c898f}.challenge-card>div b{color:inherit}.challenge-card button{float:right;border:0;border-radius:7px;padding:8px 11px;background:#eef7e5;color:#406b64;font:600 11px "DM Sans";cursor:pointer}.challenge-card.featured button{background:var(--lime);color:#29403f}.leaderboard{overflow:hidden}.rank-row{display:grid;grid-template-columns:50px 1fr 120px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}.rank-row:last-child{border:0}.rank{font:700 14px Manrope;color:#849097}.rank-row:first-child .rank{color:#d69c25}.rank-person{display:flex;align-items:center;gap:10px;font-weight:700}.rank-person .avatar{width:32px;height:32px}.rank-points{text-align:right;font:700 14px Manrope}.rank-points small{font:400 10px "DM Sans";color:var(--muted)}.profile-hero{padding:28px;display:flex;gap:18px;align-items:center}.profile-avatar{width:84px;height:84px;font-size:27px}.profile-hero h2{font:700 25px Manrope;margin:4px 0}.profile-hero p{margin:0;color:var(--muted)}.profile-stats{display:flex;gap:19px;margin-top:13px;color:#6d7b82;font-size:12px}.profile-stats b{color:var(--ink)}.profile-hero .outline-button{margin-left:auto;align-self:start}.modal-backdrop{position:fixed;inset:0;background:rgba(21,34,35,.42);display:none;align-items:center;justify-content:center;z-index:20;padding:18px}.modal-backdrop.show{display:flex}.modal{background:#fff;border-radius:15px;width:min(480px,100%);padding:26px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.2)}.modal-close{position:absolute;right:14px;top:9px;background:transparent;border:0;color:#829097;font-size:25px;cursor:pointer}.modal h2{font:700 22px Manrope;margin:0 0 5px}.modal p{color:#76838b;font-size:13px;margin:0 0 20px}.modal label{display:block;font-weight:600;font-size:12px;margin:13px 0 5px}.modal input,.modal select{width:100%;border:1px solid #dce4e5;border-radius:8px;padding:11px;outline-color:#6eaaa1;font:13px "DM Sans"}.visibility{display:flex;gap:8px;margin:8px 0 21px}.visibility button{flex:1;padding:9px 4px;background:#fff;border:1px solid #dde5e5;border-radius:8px;color:#6c797e;font:600 11px "DM Sans";cursor:pointer}.visibility button.selected{background:#eff8e6;color:#416c64;border-color:#9ac09d}.modal .add-button{width:100%}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,100px);background:#273e3d;color:white;padding:11px 16px;border-radius:9px;font-size:13px;box-shadow:0 10px 24px #0002;transition:transform .25s;z-index:30}.toast.show{transform:translate(-50%,0)}
@media(max-width:1050px){.home-grid{grid-template-columns:minmax(500px,1fr) 290px;padding:10px 28px}.topbar,.simple-view{padding-left:28px;padding-right:28px}.search{width:140px}.sidebar{width:210px}main{margin-left:210px;width:calc(100% - 210px)}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 30px #0002}.sidebar{width:244px}.mobile-menu{display:block;border:0;background:transparent;font-size:21px;margin-right:10px}.topbar{height:auto;min-height:83px;padding:17px 19px}.date h1{font-size:18px}.date .eyebrow{display:none}main{margin:0;width:100%}.home-grid{display:block;padding:7px 19px 45px}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.right-rail>*{margin:0!important}.friends-card,.challenge-mini{display:none}.simple-view{padding:20px 19px}.header-actions .search{display:none}.header-actions .add-button{padding:9px 11px;font-size:0}.header-actions .add-button span{font-size:20px;margin:0}.progress-card{padding:22px}.challenge-grid,.people-grid{grid-template-columns:1fr 1fr}.profile-hero{align-items:flex-start}.profile-avatar{width:58px;height:58px}.profile-hero .outline-button{display:none}}@media(max-width:550px){.right-rail{grid-template-columns:1fr}.weekly-card{display:none}.progress-card{min-height:175px}.progress-copy{width:68%}.progress-card h2{font-size:19px}.progress-ring{width:88px;height:88px;margin-right:-9px}.progress-ring svg{width:88px;height:88px}.progress-ring strong{font-size:18px}.goal{padding:11px}.goal-detail{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-status{display:none}.post-body,.post-actions{padding-left:0}.post-body{padding-top:13px}.challenge-grid,.people-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:36px 1fr 80px;padding:13px}.profile-stats{gap:9px;flex-wrap:wrap}.profile-hero{padding:20px;gap:13px}.profile-hero h2{font-size:20px}}