@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{color:#253831;font-synthesis:none;background:#f6f8f4;font-family:DM Sans,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #b4d777}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0;font-family:Outfit,DM Sans,sans-serif}#achievements,#check-in,#leaderboard,#overview{scroll-margin-top:20px}.app-shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e8ede7;flex-direction:column;flex:none;width:242px;padding:28px 15px 22px;display:flex;position:sticky}.brand{align-items:center;gap:10px;padding:0 12px;font-family:Outfit,sans-serif;font-size:23px;font-weight:800;line-height:1;display:flex}.brand-mark{color:#e3f1a7;background:#215747;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.brand small{letter-spacing:1.7px;color:#93a49a;margin-top:5px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:800;display:block}.side-group{margin-top:55px}.side-label{color:#9baaa0;letter-spacing:1.6px;padding:0 15px 13px;font-size:10px;font-weight:800}.side-label-row{justify-content:space-between;display:flex}.side-label-row span{letter-spacing:0;color:#567363;background:#edf3ec;border-radius:5px;padding:1px 6px}.add-side,.class-link,.side-link{text-align:left;color:#66796e;background:0 0;border:0;align-items:center;width:100%;display:flex}.side-link{border-radius:7px;gap:12px;min-height:42px;margin:3px 0;padding:0 13px;font-size:13px;font-weight:700}.side-icon{place-items:center;width:20px;display:grid}.class-group{margin-top:34px}.class-link{border-radius:7px;gap:11px;min-height:40px;padding:6px 13px;font-size:13px;font-weight:650}.class-mini-icon,.table-avatar{color:#3d714d;background:#e4f0dd;border-radius:6px;place-items:center;width:25px;height:25px;font-family:Outfit,sans-serif;font-size:12px;font-weight:800;display:grid}.selected-dot{background:#5bad6c;border-radius:50%;width:6px;height:6px;margin-left:auto}.add-side{color:#3a9064;border-radius:7px;gap:8px;margin-top:5px;padding:10px 14px;font-size:12px;font-weight:800}.sidebar-bottom{background:#eaf3e9;border-radius:7px;margin-top:auto;padding:17px 16px 15px}.mission-icon{color:#31815a;background:#d4e9cf;border-radius:7px;place-items:center;width:36px;height:36px;margin-bottom:12px;display:grid}.sidebar-bottom strong{font-family:Outfit,sans-serif;font-size:14px}.sidebar-bottom p{color:#779081;margin:6px 0 11px;font-size:11px;line-height:1.5}.sidebar-bottom button{color:#31734f;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:800;display:flex}.main{flex:1;min-width:0}.topbar{background:#ffffffbf;border-bottom:1px solid #e9eee9;justify-content:space-between;align-items:center;height:65px;display:flex}.breadcrumb,.top-actions{align-items:center;gap:11px;display:flex}.breadcrumb{color:#9aaca0;font-size:12px;font-weight:700}.breadcrumb strong{color:#40594a}.top-actions{gap:19px}.date-pill{color:#657a6d;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.top-avatar{color:#357851;background:#e0ecdc;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.content{max-width:1380px;margin:0 auto;padding:31px 38px 18px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.eyebrow,.section-kicker{letter-spacing:1.5px;color:#58a163;font-size:10px;font-weight:800}.eyebrow{align-items:center;gap:7px;margin-bottom:7px;display:flex}.eyebrow-dot{background:#6bb872;border-radius:50%;width:7px;height:7px}.page-heading h1{color:#203d2e;margin:0 0 7px;font-size:31px;font-weight:800;line-height:1.1}.page-heading p{color:#8a9b8d;margin:0;font-size:13px}.primary-button{color:#fff;background:#286747;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 17px;font-size:12px;font-weight:800;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 4px 9px #215e3e1f}.primary-button:hover:not(:disabled){background:#1d5639;transform:translateY(-1px)}.heading-button{margin-bottom:3px}.hero-panel{color:#fff;background:#173f35;border-radius:7px;justify-content:space-between;min-height:270px;padding:30px 36px;display:flex;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 35%,#64b16b1a);position:absolute;inset:0}.hero-copy{z-index:1;width:min(565px,65%);position:relative}.hero-kicker{color:#c7e57b;letter-spacing:1.7px;align-items:center;gap:7px;margin-bottom:13px;font-size:10px;font-weight:800;display:flex}.hero-copy h2{margin:0 0 15px;font-size:27px;font-weight:700;line-height:1.16}.hero-copy p{color:#b2d0bb;margin:0 0 3px;font-size:11px}.hero-number{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.hero-number strong{font-family:Outfit,sans-serif;font-size:36px;font-weight:800;line-height:1}.hero-number span{color:#c5dec9;font-size:12px}.hero-progress{background:#436f5c;border-radius:20px;height:9px;overflow:hidden}.hero-progress span{background:#d6ee78;border-radius:20px;min-width:0;height:100%;transition:width .6s;display:block}.hero-foot{color:#b8d6be;justify-content:space-between;margin-top:8px;font-size:10px;font-weight:700;display:flex}.hero-visual{place-items:center;width:250px;margin:0 10px;display:grid;position:relative}.hero-ring{background:conic-gradient(#d6ee78 var(--progress),#96d19729 var(--progress));width:200px;height:200px;transform:rotate(-90deg)}.hero-ring,.hero-ring-inner{border-radius:50%;place-items:center;display:grid}.hero-ring-inner{color:#d0ec98;background:#246451;border:8px solid #173f35;width:174px;height:174px;position:relative;transform:rotate(90deg)}.ring-leaf{color:#85c677;position:absolute;bottom:29px;right:25px;transform:rotate(-26deg)}.visual-spark{color:#c7e678;position:absolute}.spark-one{font-size:21px;top:12px;left:12px}.spark-two{font-size:28px;top:26px;right:8px}.spark-three{font-size:15px;bottom:18px;left:14px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:17px 0 25px;display:grid}.surface{background:#fff;border:1px solid #e9eee8;border-radius:7px;box-shadow:0 2px 8px #1f482d06}.metric{align-items:flex-start;gap:14px;height:107px;padding:20px 21px;display:flex}.counter-icon,.heading-icon,.metric-icon{border-radius:7px;flex:none;place-items:center;display:grid}.metric-icon{width:43px;height:43px}.mint{color:#46a369;background:#e4f2e7}.peach{color:#e18a57;background:#fff0e5}.blue{color:#5c9bb0;background:#e7f1f4}.metric>div{flex-direction:column;min-width:0;display:flex}.metric-label{color:#86978a;white-space:nowrap;font-size:11px;font-weight:700}.metric strong{color:#233d2f;font-family:Outfit,sans-serif;font-size:25px;line-height:1.25}.metric-detail{color:#56a065;white-space:nowrap;align-items:center;gap:2px;font-size:10px;font-weight:800;display:flex}.main-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:stretch;gap:17px;display:grid}.checkin,.leaderboard{min-height:400px;padding:23px 24px}.section-heading{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.section-kicker{margin-bottom:6px}.section-heading h2,.section-title-row h2{color:#243d2e;margin:0 0 5px;font-size:21px;font-weight:800;line-height:1.1}.section-heading p{color:#95a39a;margin:0;font-size:11px}.heading-icon{width:35px;height:35px}.heading-icon.green{color:#4b9667;background:#e7f3e8}.heading-icon.yellow{color:#d4a443;background:#fff3d8}.field-label{color:#859689;letter-spacing:1.2px;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.form-top{-moz-column-gap:15px;grid-template-columns:1fr auto;align-items:end;column-gap:15px;display:grid}.form-top .field-label{grid-column:1/-1}.select-wrap{height:42px;position:relative}.select-wrap select{appearance:none;color:#345543;background:#f8faf7;border:1px solid #e4ebe3;border-radius:5px;width:100%;height:100%;padding:0 35px 0 12px;font-size:12px;font-weight:800}.select-wrap svg{color:#8aa191;pointer-events:none;position:absolute;top:12px;right:13px}.week-picker{white-space:nowrap;color:#91a094;border:1px solid #e4ebe3;border-radius:5px;align-items:center;gap:17px;height:42px;padding-left:14px;font-size:11px;display:flex}.week-picker strong{color:#314d3a}.week-picker>div{border-left:1px solid #e4ebe3;align-self:stretch;display:flex}.week-picker button{color:#507456;background:0 0;border:0;place-items:center;width:32px;display:grid}.week-picker button:hover:not(:disabled){background:#eff5ec}.entry-fields{border:1px solid #e7ede5;border-radius:6px;margin-top:18px}.counter-row{align-items:center;gap:12px;min-height:76px;padding:12px 14px;display:flex}.counter-row+.counter-row{border-top:1px solid #edf1ec}.counter-icon{width:39px;height:39px}.counter-label{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.counter-label strong{color:#354d3c;font-size:11px}.counter-label small{color:#9baa9e;font-size:10px}.stepper{border:1px solid #e2e9df;border-radius:5px;flex:none;align-items:center;height:34px;display:flex;overflow:hidden}.stepper button{color:#5d8268;background:#f6f8f4;border:0;place-items:center;width:28px;height:34px;display:grid}.stepper button:hover{background:#e7f1e5}.stepper input{text-align:center;color:#30583c;appearance:textfield;background:#fff;border:0;width:40px;height:34px;font-family:Outfit,sans-serif;font-size:15px;font-weight:800}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-footer{justify-content:space-between;gap:10px;margin-top:18px}.edit-hint,.form-footer{align-items:center;display:flex}.edit-hint{color:#8e9e92;gap:6px;font-size:10px;font-weight:700}.edit-hint svg{color:#62ad75}.form-actions{gap:7px;display:flex}.delete-button{color:#c57166;background:#fff7f4;border:1px solid #f1e3df;border-radius:6px;place-items:center;width:39px;height:40px;display:grid}.delete-button:hover{background:#ffeae4}.save-button{white-space:nowrap}.leader-list{margin-top:-5px}.leader-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #eff2ed;align-items:center;gap:10px;width:100%;min-height:60px;padding:7px 2px;display:flex}.leader-row:last-child{border-bottom:0}.leader-row:hover,.leader-selected{background:#f9fbf7}.leader-rank{color:#a9b5ab;text-align:center;flex:none;place-items:center;width:26px;font-family:Outfit,sans-serif;font-weight:800;display:grid}.rank-1{color:#dfa93c}.rank-2{color:#8babb3}.rank-3{color:#d28f65}.leader-avatar{color:#3d784d;background:#e5f1e1;border-radius:7px;flex:none;place-items:center;width:34px;height:34px;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;display:grid}.leader-row:nth-child(2) .leader-avatar{color:#56849b;background:#eaf0f7}.leader-row:nth-child(3) .leader-avatar{color:#ba7d58;background:#fff0e4}.leader-name{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.leader-name strong{color:#314736;white-space:nowrap;font-size:11px}.leader-name small{color:#9aaa9c;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.leader-score{text-align:right;flex-direction:column;gap:1px;display:flex}.leader-score strong{color:#315e40;font-family:Outfit,sans-serif;font-size:16px}.leader-score small{color:#a3afa5;white-space:nowrap;font-size:9px}.journey-section{margin-top:33px}.section-title-row{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-title-row h2{margin:0}.activity-count,.xp-explainer{color:#91a194;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.xp-explainer svg{color:#7db264}.journey-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:17px;display:grid}.badges-card,.level-card{min-height:247px;padding:21px 24px}.level-top{justify-content:space-between;align-items:center;display:flex}.level-emblem{color:#4d9564;background:#e8f3df;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.level-number{color:#3f8050;letter-spacing:1px;background:#e7f3e5;border-radius:4px;padding:6px 8px;font-size:9px;font-weight:800}.level-card h3{color:#264632;margin:10px 0 1px;font-size:21px}.level-card p{color:#95a49a;margin-bottom:17px;font-size:10px}.level-track{background:#e9eee7;border-radius:10px;height:7px;overflow:hidden}.level-track span{background:#6dbb77;border-radius:10px;height:100%;transition:width .4s;display:block}.level-track-label{color:#9aa99d;margin-top:6px;font-size:9px;font-weight:700}.level-pips,.level-track-label{justify-content:space-between;display:flex}.level-pips{margin-top:17px;position:relative}.level-pips:before{content:"";background:#e8eee6;height:1px;position:absolute;top:12px;left:12px;right:12px}.level-pips span{z-index:1;color:#a5b3a5;background:#eff3ed;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:grid}.level-pips span.reached{color:#fff;background:#60ae72}.badges-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px;display:flex}.badges-heading h3{color:#2c4635;margin:0;font-size:15px}.badges-heading span{color:#8ea092;white-space:nowrap;font-size:10px;font-weight:700}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 8px;display:grid}.badge{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.badge-icon{border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:5px;display:grid}.badge.locked .badge-icon{color:#b8c1b8;background:#f1f3f0}.badge strong{color:#455d48;font-size:10px;line-height:1.2}.badge.locked strong{color:#a8b3a9}.badge small{color:#a5b2a7;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:8px;overflow:hidden}.activity-section{margin-top:34px}.activity-table{overflow:hidden}.table-head,.table-row{grid-template-columns:1.4fr 1.2fr .8fr .8fr;align-items:center;padding:0 22px;display:grid}.table-head{color:#a3b1a5;letter-spacing:1px;background:#f8faf7;height:37px;font-size:9px;font-weight:800}.table-row{color:#738474;border-top:1px solid #edf1eb;height:51px;font-size:11px;font-weight:650}.table-class{color:#415d47;align-items:center;gap:9px;font-weight:800;display:flex}.table-avatar{width:26px;height:26px}.table-items{color:#3f9a58;align-items:center;gap:3px;font-weight:800;display:flex}.table-empty{color:#99a89b;padding:30px;font-size:12px}.footer{color:#a4b1a5;justify-content:space-between;padding:25px 0 4px;font-size:10px;display:flex}.footer span:first-child{color:#72a47b;align-items:center;gap:5px;font-weight:800;display:flex}.empty-state{text-align:center;padding:31px 20px}.empty-state>span{color:#5b9a64;background:#eaf3e7;border-radius:10px;place-items:center;width:55px;height:55px;margin:0 auto 12px;display:grid}.empty-state h3{margin:0 0 5px;font-size:18px}.empty-state p{color:#97a69a;margin-bottom:18px;font-size:11px}.empty-state.compact{padding:62px 15px 20px}.empty-state.compact h3{font-size:15px}.load-screen{color:#36764b;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.load-screen h1{margin:15px 0 5px;font-size:23px}.load-screen p{color:#8a9e8c;font-size:13px}.load-screen button{color:#fff;background:#286747;border:0;border-radius:6px;padding:10px 18px}.loading-leaf{animation:1s infinite alternate bob}@keyframes bob{to{transform:translateY(-8px)}}.toast{z-index:20;color:#fff;background:#224f3a;border-radius:6px;align-items:center;gap:10px;max-width:calc(min(390px,100vw - 35px));padding:12px 13px 12px 16px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #193e243b}.toast>svg{color:#b9eb91;flex:none}.toast button{color:#c8dfcd;background:0 0;border:0;margin-left:8px}.modal-backdrop,.modal-close,.modal-icon,.toast button{place-items:center;display:grid}.modal-backdrop{z-index:30;background:#142d1e7d;padding:18px;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(100%,400px);padding:30px;position:relative;box-shadow:0 24px 70px #142d1e33}.modal-close{color:#8fa192;background:0 0;border:0;position:absolute;top:16px;right:17px}.modal-icon{color:#54a467;background:#eaf4e7;border-radius:8px;width:47px;height:47px;margin-bottom:20px}.modal h2{color:#243f2e;margin:0 0 5px;font-size:25px}.modal p{color:#91a094;margin-bottom:23px;font-size:12px}.modal form input{color:#2d4e38;text-transform:uppercase;border:1px solid #dfe8dd;border-radius:5px;width:100%;height:43px;padding:0 12px;font-size:13px}.modal form input[aria-invalid=true]{border-color:#d48576}.field-help{color:#a0afa2;margin-top:7px;font-size:10px;display:block}.form-error{color:#b95748;margin-top:9px;font-size:11px}.modal-submit{width:100%;margin-top:23px}.celebration{text-align:center;overflow:hidden}.celebration-icon{color:#d89e2e;background:#fff1d2;border-radius:50%;place-items:center;width:76px;height:76px;margin:10px auto 22px;display:grid}.celebration p{margin-bottom:7px;line-height:1.5}.celebration .section-kicker{color:#d6a13f;margin-bottom:8px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{top:-20px;left:calc(-70px + (var(--i) * 47px));width:5px;height:9px;transform:rotate(calc(var(--i) * 37deg));animation:2.6s linear infinite fall;animation-delay:calc(var(--i) * -.13s);background:#6dbb77;position:absolute}.confetti i:nth-child(3n){background:#f2c967}.confetti i:nth-child(4n){background:#91c2d3}@keyframes fall{to{top:110%;transform:rotate(510deg)}}.sample-badge{letter-spacing:.6px;color:#5a8f53;background:#e8f0da;border-radius:3px;margin-left:5px;padding:4px 6px;font-size:8px}.mobile-sample-button{color:#4b845b;background:#edf5e9;border:0;border-radius:5px;align-items:center;gap:5px;padding:8px;font-size:10px;font-weight:800;display:none}@media (width<=1100px){.sidebar{width:205px}.content{padding:28px 24px 15px}.hero-visual{width:210px}.hero-ring{width:175px;height:175px}.hero-ring-inner{width:151px;height:151px}.main-grid{grid-template-columns:1fr 1fr}.checkin,.leaderboard{padding:20px 18px}.week-picker{gap:6px}.badge-grid{gap:13px 3px}.metric{gap:9px;padding:18px 14px}.metric-icon{width:36px;height:36px}.metric-label{font-size:10px}}@media (width<=850px){.app-shell{display:block}.sidebar{z-index:4;border-bottom:1px solid #e8ede7;border-right:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:13px 20px;display:flex;position:relative}.brand{padding:0;font-size:20px}.brand-mark{width:33px;height:33px}.sidebar .side-group,.sidebar-bottom{display:none}.mobile-sample-button{display:flex}.topbar{display:none}.content{padding:27px 20px}.journey-grid,.main-grid{grid-template-columns:1fr 1fr}.checkin,.leaderboard{min-height:0}.form-top{grid-template-columns:1fr}.week-picker{justify-content:space-between;margin-top:8px;padding-left:11px}.metric{height:105px}.metric-label{white-space:normal}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:26px}.heading-button{white-space:nowrap;padding:0 10px;font-size:11px}.hero-panel{min-height:255px;padding:25px}.hero-copy{width:70%}.hero-copy h2,.metric strong{font-size:23px}.hero-visual{opacity:.48;position:absolute;top:32px;right:-38px}.stats-grid{gap:8px}.metric{gap:7px;height:auto;min-height:101px;padding:14px 10px;display:block}.metric-icon{width:31px;height:31px;margin-bottom:6px}.metric-icon svg{width:18px}.metric-detail{font-size:9px}.journey-grid,.main-grid{grid-template-columns:1fr}.leaderboard{min-height:350px}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-section{overflow:hidden}}@media (width<=480px){.content{padding:24px 14px}.sidebar{padding:11px 14px}.page-heading{display:block}.page-heading h1{font-size:25px}.heading-button{margin-top:18px}.hero-panel{min-height:267px}.hero-copy{width:100%}.hero-copy h2{font-size:21px}.hero-visual{opacity:.22;top:31px;right:-94px}.hero-number strong{font-size:32px}.hero-progress{margin-top:17px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.metric{min-height:109px;padding:10px 8px}.metric-label{min-height:22px;font-size:9px;line-height:1.2}.metric strong{font-size:21px}.metric-detail{white-space:normal;font-size:8px}.metric-detail svg,.table-avatar{display:none}.badges-card,.checkin,.leaderboard,.level-card{padding:19px 15px}.section-heading h2,.section-title-row h2{font-size:19px}.section-heading{margin-bottom:20px}.counter-row{gap:7px;padding:10px 8px}.counter-icon{width:32px;height:32px}.counter-icon svg{width:17px}.counter-label strong{font-size:10px}.counter-label small,.edit-hint{font-size:9px}.stepper button{width:24px}.stepper input{width:31px}.save-button{padding:0 11px}.xp-explainer{text-align:right;max-width:125px;font-size:8px}.table-head,.table-row{grid-template-columns:1.1fr .9fr .45fr .65fr;gap:2px;padding:0 8px}.table-head{font-size:7px}.activity-count,.footer,.table-row{font-size:9px}.table-class{white-space:nowrap}}.sidebar{background:#173d38;border-color:#234c44;height:100vh;margin-top:0;padding-top:28px;top:0}.main{padding-top:65px}.topbar{z-index:12;-webkit-backdrop-filter:saturate(140%)blur(12px);backdrop-filter:saturate(140%)blur(12px);padding:0 38px;position:fixed;top:0;left:242px;right:0}.brand{color:#f5faf1}.brand-mark{color:#1c5142;background:#d8ee81}.brand-accent{color:#d8ee81}.brand small,.side-label{color:#8db6a6}.side-label-row span{color:#d5edbf;background:#2b594b}.class-link,.side-link{color:#c7dbd0}.add-side:hover,.class-link:hover,.side-link:hover{color:#fff;background:#265247}.side-link.active{color:#1d4d3c;background:#d8ee81}.class-link.selected{color:#fff;background:#295548}.class-mini-icon{color:#d8ee81;background:#315e4d}.selected-dot{background:#d8ee81}.add-side{color:#cde987}.sidebar-bottom{background:#285347}.sidebar-bottom strong{color:#f5faf1}.sidebar-bottom p{color:#b5d0bd}.sidebar-bottom button{color:#d8ee81}.mission-icon{color:#245d43;background:#d8ee81}.mobile-sample-button{color:#1d503e;background:#d8ee81}.eyebrow{color:#4f8860}.eyebrow-dot{background:#f0a172}.page-heading h1{color:#173d38}.hero-panel{background:#173d38;border:1px solid #255447;min-height:310px;box-shadow:0 10px 28px #173d381f}.hero-panel:before{background:linear-gradient(115deg,#0000 42%,#5aa78924)}.hero-visual{animation:.7s ease-out both hero-arrive}.hero-ring{box-shadow:0 0 0 7px #daee8a12}.hero-pulse{color:#bcd9c7;background:#ffffff0f;border:1px solid #c9ebb538;border-radius:6px;flex-wrap:wrap;align-items:center;gap:5px 7px;width:max-content;max-width:100%;min-height:36px;margin-top:17px;padding:7px 11px;font-size:10px;font-weight:700;display:flex}.hero-pulse strong{color:#f5faf0;font-family:Outfit,sans-serif;font-size:15px;line-height:1}.hero-pulse>span:nth-child(2){letter-spacing:1px;color:#d8ee81;margin-right:5px;font-size:9px}.pulse-dot{background:#f2ac81;border-radius:50%;flex:none;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 3px #f2ac812e}.hero-pulse i{background:#5a816d;width:1px;height:15px;margin:0 4px}.metric{border-top:3px solid #0000;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.metric:nth-child(2){border-top-color:#f0ae82}.metric:nth-child(3){border-top-color:#83b9c9}.metric:hover{transform:translateY(-3px);box-shadow:0 9px 24px #1f482d1a}.leader-row{transition:background .2s,transform .2s}.leader-row:hover{background:#f1f7f0;transform:translate(3px)}.badge-icon,.leader-avatar{transition:transform .2s}.badge.earned:hover .badge-icon,.leader-row:hover .leader-avatar{transform:scale(1.1)}.badge.earned:nth-child(3n+2) .badge-icon{color:#d5865a;background:#fff0e4}.badge.earned:nth-child(3n) .badge-icon{color:#5b9bb1;background:#e6f1f4}.hero-progress span,.level-track span{transition:width .7s ease-out}@keyframes pulse{50%{box-shadow:0 0 0 6px #f2ac810f}}@keyframes hero-arrive{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.hero-panel{min-height:300px}.hero-pulse{max-width:95%}}@media (width<=480px){.hero-panel{min-height:320px}.hero-pulse{margin-top:16px;padding:8px;font-size:9px}.hero-pulse strong{font-size:13px}.hero-pulse>span:nth-child(2){font-size:8px}.eyebrow{flex-wrap:wrap;line-height:1.3}}@media (prefers-reduced-motion:reduce){.hero-visual,.pulse-dot{animation:none}.badge-icon,.hero-progress span,.leader-avatar,.leader-row,.level-track span,.metric{transition:none}}.session-label{color:#34734e;white-space:nowrap;background:#e7f3e6;border-radius:5px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.class-session-bar{justify-content:space-between;align-items:center;gap:10px;min-height:37px;margin-top:11px;display:flex}.class-session-state{color:#8a9c8d;white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.class-session-state.editing{color:#438c5f}.class-session-actions{align-items:center;gap:5px;display:flex}.class-session-actions button{color:#638771;white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;padding:7px 5px;font-size:10px;font-weight:800;display:inline-flex}.class-session-actions button:hover{color:#2e6c48;background:#edf5eb}.locked-state{border-top:1px solid #e9eee8;min-height:205px;margin-top:12px;padding-top:17px}.locked-heading{align-items:flex-start;gap:11px;margin-bottom:16px;display:flex}.locked-heading>span{color:#5a8a69;background:#ecf2ec;border-radius:7px;flex:none;place-items:center;width:39px;height:39px;display:grid}.locked-heading strong{color:#294b37;margin:2px 0 4px;font-family:Outfit,sans-serif;font-size:15px;line-height:1.2;display:block}.locked-heading p{color:#8da094;margin:0;font-size:11px;line-height:1.45}.public-week{color:#4a765a;border-top:1px solid #edf1eb;border-bottom:1px solid #edf1eb;flex-wrap:wrap;gap:18px;margin-bottom:15px;padding:11px 0;font-size:11px;font-weight:800;display:flex}.public-week span{align-items:center;gap:6px;display:inline-flex}.locked-state .primary-button{margin-top:2px}.switch-hint{color:#8b9f91;margin:11px 0 0;font-size:10px;line-height:1.45}.password-label{margin-top:16px}.password-field{position:relative}.modal form .password-field input{padding-right:42px}.password-field button{color:#7a9882;background:0 0;border:0;place-items:center;width:40px;height:43px;display:grid;position:absolute;top:0;right:0}.password-field button:hover{color:#2c704a}.modal form input:not(#class-name):not(#delete-confirm-name){text-transform:none}.modal{max-height:calc(100dvh - 30px);overflow-y:auto}.danger-link{color:#bd655b;background:0 0;border:0;border-top:1px solid #edf0eb;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:20px;padding:17px 0 0;font-size:11px;font-weight:800;display:flex}.danger-link:hover{color:#963f37}.danger-icon{color:#c67468;background:#fff0eb}.danger-button{color:#fff;background:#ba574c;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:41px;font-size:12px;font-weight:800;display:inline-flex}.danger-button:hover:not(:disabled){background:#993e36}@media (width<=700px){.session-label{display:none}}@media (width<=480px){.class-session-bar{flex-wrap:wrap;align-items:flex-start}.class-session-actions{margin-left:auto}.class-session-actions button{font-size:9px}.locked-heading strong{font-size:14px}.locked-heading p{font-size:10px}}#admin{scroll-margin-top:20px}.principal-side-link{margin-top:13px!important}.admin-section{border-top:1px solid #e4ebe3;margin-top:34px;padding-top:22px}.admin-grid{grid-template-columns:minmax(225px,.72fr) minmax(0,1.28fr);align-items:start;gap:17px;display:grid}.admin-classes,.admin-settings{padding:22px 24px}.admin-classes h3,.admin-settings h3{color:#294737;margin:0 0 19px;font-size:16px}.admin-classes h3{margin:0}.admin-classes h3 span{color:#8b9e90;margin-left:4px;font-family:DM Sans,sans-serif;font-size:11px}.admin-goal-row{gap:8px;display:flex}.admin-goal-row input{color:#2d4e38;border:1px solid #dfe8dd;border-radius:5px;width:100%;min-width:0;height:40px;padding:0 11px;font-weight:700}.admin-goal-row button{white-space:nowrap}.admin-text-button,.footer-admin-link{color:#397756;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:6px;font-size:11px;font-weight:800;display:inline-flex}.admin-text-button:hover,.footer-admin-link:hover{color:#265e40;background:#eaf3e8}.admin-password-action{margin:17px 0 0 -6px}.admin-classes-head{gap:8px;margin-bottom:12px}.admin-class-row,.admin-classes-head{justify-content:space-between;align-items:center;display:flex}.admin-class-row{border-top:1px solid #edf1eb;gap:12px;min-height:52px}.admin-class-name{align-items:center;gap:8px;min-width:0;display:flex}.admin-class-name strong{color:#365743;font-size:12px}.admin-class-name small{color:#91a295;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.admin-row-actions{flex:none;gap:3px;display:flex}.admin-row-actions button{color:#6e9476;background:0 0;border:0;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.admin-row-actions button:hover{color:#286d49;background:#eaf3e8}.admin-row-actions button.danger{color:#b87970}.admin-row-actions button.danger:hover{color:#a84f43;background:#fff0ec}.admin-empty{color:#95a79a;margin:20px 0 0;font-size:11px}@media (width<=850px){.admin-grid{grid-template-columns:1fr}}@media (width<=480px){.admin-classes,.admin-settings{padding:18px 15px}.admin-class-name{gap:6px}.admin-class-name small{font-size:9px}.admin-row-actions button{width:29px;height:30px}.admin-goal-row button{padding:0 10px}.footer-admin-link{font-size:10px}}.app-shell{background:var(--page-bg);font-family:var(--app-font)}.app-shell h1,.app-shell h2,.app-shell h3,.brand,.hero-number strong,.leader-score strong,.level-card h3,.metric strong{font-family:var(--display-font)}.primary-button{background:var(--accent-color);color:var(--accent-ink);box-shadow:0 4px 9px color-mix(in srgb,var(--accent-color) 20%,transparent)}.primary-button:hover:not(:disabled){background:var(--accent-color);filter:brightness(.9)}.brand-accent,.sidebar .add-side,.sidebar-bottom button{color:color-mix(in srgb,var(--accent-color) 35%,#fff)}.sidebar .side-link.active{background:color-mix(in srgb,var(--accent-color) 30%,#fff);color:#173d38}.hero-kicker,.visual-spark{color:color-mix(in srgb,var(--accent-color) 25%,#fff)}.hero-progress span{background:color-mix(in srgb,var(--accent-color) 28%,#fff)}.hero-ring{background:conic-gradient(color-mix(in srgb,var(--accent-color) 28%,#fff) var(--progress),#96d19729 var(--progress))}.admin-text-button,.eyebrow,.footer-admin-link,.section-kicker{color:color-mix(in srgb,var(--accent-color) 70%,#173d38)}.metric:first-child{border-top-color:var(--accent-color)}.level-pips span.reached,.level-track span{background:var(--accent-color)}.badge.earned .badge-icon{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 14%,#fff)}.school-settings-form>input,.school-settings-form>select{color:#2d4e38;background:#f8faf7;border:1px solid #dfe8dd;border-radius:5px;width:100%;min-width:0;height:40px;padding:0 11px;font-size:12px;font-weight:700}.school-settings-form>.field-label:not(:first-child){margin-top:17px}.setting-colors{flex-wrap:wrap;align-items:center;gap:7px;min-height:34px;display:flex}.color-swatch{border:1px solid #19322326;border-radius:5px;flex:none;width:29px;height:29px;padding:0}.color-swatch.chosen{outline-offset:2px;outline:2px solid #2d5443}.custom-color{color:#637d6b;cursor:pointer;align-items:center;gap:4px;font-size:10px;font-weight:800;display:inline-flex}.custom-color input{cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0}.setting-colors code{color:#84988a;margin-left:auto;font-size:10px}.admin-save-settings{width:100%;margin-top:20px}.admin-password-action,.admin-tools{margin-top:17px}@media (width<=480px){.setting-colors{gap:5px}.color-swatch{width:27px;height:27px}.custom-color span,.setting-colors code{font-size:9px}}.admin-tools{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:17px;display:grid}.admin-tool{min-width:0;padding:22px 24px}.admin-badges{grid-column:1/-1}.admin-tool-heading{color:#6e9476;justify-content:space-between;align-items:center;gap:12px;min-height:32px;margin-bottom:18px;display:flex}.admin-tool-heading h3{color:#294737;margin:0;font-size:16px}.admin-tool-heading h3 span{color:#8b9e90;margin-left:4px;font-size:11px}.admin-tool input,.admin-tool select{color:#2d4e38;background:#f8faf7;border:1px solid #dfe8dd;border-radius:5px;width:100%;min-width:0;height:40px;padding:0 11px;font-size:12px;font-weight:700}.admin-tool .field-label:not(:first-child){margin-top:15px}.admin-tool-save{width:100%;margin-top:18px}.admin-named-weeks{border-top:1px solid #edf1eb;margin-top:18px}.admin-named-week{border-bottom:1px solid #edf1eb;align-items:center;gap:8px;min-height:42px;display:flex}.admin-named-week>button:first-child{text-align:left;color:#365743;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:7px 0;display:flex}.admin-named-week strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.admin-named-week small{color:#92a395;white-space:nowrap;font-size:10px}.admin-icon-button{color:#6e9476;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:30px;height:30px;display:grid}.admin-icon-button:hover{background:#eaf3e8}.admin-icon-button.danger{color:#b87970}.admin-icon-button.danger:hover{background:#fff0ec}.admin-level-head,.admin-level-row{grid-template-columns:24px minmax(0,1fr) 110px 30px;align-items:center;gap:7px;display:grid}.admin-level-head{color:#94a496;letter-spacing:1px;margin-bottom:6px;font-size:9px;font-weight:800}.admin-level-head span:first-child{grid-column:2}.admin-level-row{margin-bottom:8px}.admin-level-row input{height:35px}.admin-level-row input[readonly]{color:#8a9d8e;background:#f0f4ee}.admin-level-index{color:#6b9873;text-align:center;font-size:11px;font-weight:800}.admin-level-spacer{width:30px}.admin-badge-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.admin-badge-row{border-top:1px solid #edf1eb;align-items:center;gap:10px;min-width:0;min-height:57px;display:flex}.admin-badge-icon{width:34px;height:34px;color:var(--accent-color);background:#e7f4e0;border-radius:50%;flex:none;place-items:center;display:grid}.admin-badge-info{flex-direction:column;flex:1;min-width:0;display:flex}.admin-badge-info strong{color:#365743;font-size:11px}.admin-badge-info small,.admin-badge-info strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-badge-info small{color:#91a295;font-size:10px}.badge-form-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.badge-form-grid select{color:#2d4e38;background:#f8faf7;border:1px solid #dfe8dd;border-radius:5px;width:100%;height:40px;padding:0 8px;font-size:12px;font-weight:700}.badge-form-grid .field-label{margin:0 0 7px}.xp-level-up{justify-content:center;width:100%;margin:12px auto 0}.activity-week,.date-pill span,.goal-stage-label,.pulse-metric{white-space:nowrap}.activity-week,.week-picker>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.date-pill{min-width:0;max-width:240px}.date-pill span{text-overflow:ellipsis;overflow:hidden}@media (width<=850px){.admin-tools{grid-template-columns:1fr}.admin-badges{grid-column:auto}}@media (width<=480px){.admin-tool{padding:18px 15px}.admin-level-head,.admin-level-row{grid-template-columns:18px minmax(0,1fr) 92px 28px;gap:4px}.admin-level-row input{padding:0 6px;font-size:11px}.admin-badge-list,.badge-form-grid{grid-template-columns:1fr}}.hero-empty{color:#d5e9d3;align-items:flex-start;gap:10px;max-width:430px;margin-top:13px;font-size:11px;line-height:1.45;display:flex}.hero-empty svg{color:#d8ee81;flex:none}.hero-pulse{-moz-column-gap:10px;column-gap:10px}.pulse-metric{align-items:baseline;gap:6px;display:inline-flex}.goal-stage-icon{animation:.55s ease-out both goal-grow}.goal-stage-label{color:#d8ee81;background:#173f35;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-visual[data-stage=seed] .goal-stage-icon{color:#b8d5ab}.hero-visual[data-stage=forest] .goal-stage-icon{color:#e3f58e}@keyframes goal-grow{0%{opacity:.35;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.metric>div{gap:2px}.leader-score{gap:3px}.hero-foot{gap:10px}.level-card p{margin-bottom:10px;line-height:1.4}.level-card .xp-explainer{color:#3c6b49;text-align:left;background:#f2f8ef;border:1px solid #dcebd8;border-radius:5px;width:max-content;max-width:100%;margin:0 0 15px;padding:7px 10px;font-size:10px;line-height:1.35}.xp-explainer b{color:#8aa992;padding:0 3px;font-weight:800}.xp-explainer svg{flex:none}.level-track-label{gap:10px;line-height:1.4}.level-track-label span:last-child{text-align:right}.badge strong{font-size:11px;line-height:1.3}.badge small{white-space:normal;text-overflow:clip;margin-top:5px;font-size:10px;line-height:1.35;overflow:visible}.badge.near .badge-icon{color:#aa7921;background:#fff5db;animation:1.9s ease-in-out infinite alternate badge-glow;box-shadow:0 0 0 3px #fff1bf,0 0 18px #e8b23640}.badge-near-hint{color:#9c7227;margin-top:5px;font-size:9px;font-style:normal;font-weight:800;line-height:1.3}.admin-badge-info{gap:3px}.admin-badge-info small,.admin-badge-info strong{line-height:1.35}@keyframes badge-glow{to{box-shadow:0 0 0 4px #ffe6a0,0 0 24px #e8b2366b}}.table-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:190px;padding:25px;display:flex}.table-empty-icon{color:#4a9361;background:#eaf4e7;border-radius:8px;place-items:center;width:57px;height:57px;margin-bottom:3px;display:grid;position:relative}.table-empty-icon svg:last-child{color:#d5a545;position:absolute;top:-5px;right:-5px}.table-empty strong{color:#365743;font-size:14px;line-height:1.3}.table-empty p{color:#91a295;max-width:300px;margin:0;font-size:11px;line-height:1.5}.mobile-activity-label{display:none}@media (width<=700px){.hero-panel{flex-direction:column;align-items:stretch;gap:12px;display:flex}.hero-copy{width:100%}.hero-visual{opacity:1;width:100%;height:137px;margin:0;position:relative;top:auto;right:auto}.hero-ring{width:122px;height:122px}.hero-ring-inner{border-width:6px;width:104px;height:104px}.goal-stage-icon{width:60px;height:60px}.ring-leaf{bottom:14px;right:12px}.ring-leaf svg{width:17px;height:17px}.goal-stage-label{bottom:-1px}.activity-table .table-head,.hero-visual .visual-spark{display:none}.activity-table.activity-has-rows{box-shadow:none;background:0 0;border:0;overflow:visible}.activity-table .table-row{background:#fff;border:1px solid #e9eee8;border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"class class""week week""lunch items";align-items:start;gap:9px 14px;height:auto;min-height:0;margin-bottom:10px;padding:14px 15px;font-size:12px;display:grid;box-shadow:0 2px 8px #1f482d06}.activity-table .table-class{border-bottom:1px solid #edf1eb;grid-area:class;gap:9px;padding-bottom:9px;font-size:12px}.activity-table .table-avatar{flex:none;display:grid}.activity-table .activity-week{white-space:normal;grid-area:week;line-height:1.35;overflow:visible}.activity-table .activity-lunches{color:#415d47;grid-area:lunch;font-weight:800}.activity-table .table-items{flex-wrap:wrap;grid-area:items;align-items:center;gap:3px;font-weight:800;display:flex}.mobile-activity-label{color:#91a295;letter-spacing:0;text-transform:uppercase;flex-basis:100%;width:100%;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.activity-count{white-space:nowrap}}@media (width<=480px){.hero-panel{min-height:0;padding:22px 19px}.hero-copy h2{max-width:270px}.hero-visual{height:133px}.hero-pulse{gap:6px 9px}.pulse-metric{gap:5px}.hero-pulse i{margin:0 2px}.level-card .xp-explainer{max-width:100%;font-size:10px}.badge-grid{gap:17px 8px}.badge small,.badge strong{font-size:10px}}@media (prefers-reduced-motion:reduce){.badge.near .badge-icon,.goal-stage-icon{animation:none}}.leaderboard-tabs{background:#f5f8f3;border:1px solid #e3ebe1;border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:-10px 0 14px;padding:3px;display:grid}.leaderboard-tabs button{color:#748778;white-space:nowrap;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:34px;padding:5px 8px;font-size:11px;font-weight:800;display:flex}.leaderboard-tabs button.active{color:#296448;background:#fff;box-shadow:0 1px 4px #1f482d1f}.leaderboard-tabs button:hover:not(.active){color:#385e45;background:#ebf2e9}.leader-tab-short{display:none}.leader-rank{justify-content:flex-start;align-items:center;gap:2px;width:39px;font-size:12px;display:flex}.leader-rank svg{flex:none}.leader-rank span{white-space:nowrap}.leader-name .leader-tie{color:#8a6b20;font-size:9px;font-style:normal;font-weight:800;line-height:1.2}.leader-score{flex:none;min-width:55px}.streak-summary{color:#718476;background:#f7f9f5;border:1px solid #e6ebe2;border-radius:5px;align-items:center;gap:9px;margin:0 0 17px;padding:9px 10px;display:flex}.streak-summary.active{color:#98702d;background:#fff9ed;border-color:#f0e3c8}.streak-icon{background:#e9eee7;border-radius:5px;flex:none;place-items:center;width:28px;height:28px;display:grid}.streak-summary.active .streak-icon{background:#fff0cf}.streak-summary>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.streak-summary strong{font-size:11px;line-height:1.2}.streak-summary small{font-size:9px;line-height:1.3}.brand{text-align:left;cursor:pointer;background:0 0;border:0}.brand:hover .brand-accent{text-underline-offset:3px;text-decoration:underline}@media (width<=1100px){.topbar{padding:0 24px;left:205px}}@media (width<=850px){.main{padding-top:0}.sidebar{background:#173d38;height:auto;margin-top:0;padding-top:13px;top:0}}@media (width<=1100px){.leader-tab-full{display:none}.leader-tab-short{display:inline}.leaderboard-tabs button{padding:5px 4px}}@media (width<=480px){.leader-row{gap:7px}.leader-rank{width:34px;font-size:11px}.leader-rank svg{width:14px}.leader-avatar{width:30px;height:30px}.leaderboard-tabs button{font-size:10px}}.footer{flex-wrap:wrap;row-gap:14px}.footer-credit{color:#5c7166;overflow-wrap:anywhere;border-top:1px solid #dce8df;flex-basis:100%;min-width:0;margin:0;padding-top:14px;font-size:11px;line-height:1.6}.footer-meta{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.footer .footer-meta .build-chip{color:#738477;white-space:nowrap;background:#f7faf6;border:1px solid #dfe8dd;border-radius:999px;align-items:center;gap:0;padding:3px 8px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.version-banner{z-index:22;color:#fff;background:#173d38;border:1px solid #ffffff29;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:calc(min(520px,100vw - 28px));padding:14px 15px 14px 17px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #142d1e40}.version-banner div{flex-direction:column;gap:3px;min-width:0;display:flex}.version-banner strong{font-family:var(--display-font);font-size:14px}.version-banner span{color:#c7dbd0;font-size:11px;line-height:1.35}.version-banner .primary-button{color:#173d38;min-height:35px;box-shadow:none;background:#d8ee81;flex:none}.toast-stacked{bottom:96px}@media (width<=480px){.footer{align-items:flex-start;gap:12px}.footer-meta{flex-direction:column;align-items:flex-end;gap:6px}.version-banner{flex-direction:column;align-items:stretch;padding:14px;bottom:14px}.version-banner .primary-button{width:100%}.toast-stacked{bottom:148px}}.weekly-tip{color:#4d6957;align-items:center;gap:9px;width:min(620px,100%);margin-top:12px;display:flex}.weekly-tip>span{color:#3e895d;background:#e7f3e5;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;display:grid}.weekly-tip>div{flex-wrap:wrap;align-items:baseline;gap:3px 7px;min-width:0;display:flex}.weekly-tip strong{color:#315b42;white-space:nowrap;font-size:10px}.weekly-tip small{color:#85978a;font-size:10px;line-height:1.4}.impact-equivalence{color:#d8ee81;background:#ffffff0f;border:1px solid #d8ee813d;border-radius:6px;align-items:center;gap:9px;width:max-content;max-width:100%;margin:8px 0 13px;padding:7px 10px;display:flex}.impact-equivalence>svg{flex:none}.impact-equivalence>span{color:#c6ddcb;flex-wrap:wrap;align-items:baseline;gap:3px 5px;font-size:10px;display:flex}.impact-equivalence strong{color:#f5faef;font-family:Outfit,sans-serif;font-size:14px}.impact-equivalence small{color:#a9cab2;flex-basis:100%;font-size:9px}.impact-grid{grid-template-columns:minmax(0,1fr);gap:17px;margin:0 0 25px;display:grid}.challenge-card{padding:22px 24px}.impact-card-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.impact-card-head h2{color:#263f31;margin:3px 0 4px;font-size:18px;line-height:1.2}.impact-card-head p{color:#91a094;margin:0;font-size:10px}.challenge-score{align-items:baseline;gap:7px;margin-top:22px;display:flex}.challenge-score strong{color:#173d38;font-family:Outfit,sans-serif;font-size:31px}.challenge-score span{color:#849488;font-size:11px;font-weight:700}.challenge-track{background:#e8eee6;border-radius:6px;height:10px;margin-top:4px;overflow:hidden}.challenge-track span{background:#ed9a6d;border-radius:6px;height:100%;transition:width .5s;display:block}.challenge-foot{color:#8d9e91;justify-content:space-between;gap:12px;margin-top:7px;font-size:9px;font-weight:700;display:flex}.challenge-foot span:last-child{text-align:right}.challenge-team{flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px;display:flex}.challenge-team>span{color:#9aa79d;background:#f7f9f5;border:1px solid #e5ebe3;border-radius:5px;gap:5px;padding:5px 7px;font-size:9px;font-weight:800;display:flex}.challenge-team>span.active{color:#39744d;background:#edf6ea;border-color:#dbe9d8}.challenge-team b{color:#e48255}.challenge-team em{color:#95a399;font-size:9px;font-style:normal}.quick-log{margin-top:18px}.quick-log-head{color:#5c7765;letter-spacing:1.2px;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:9px;font-weight:800;display:flex}.quick-log-head small{color:#9baa9e;letter-spacing:0;font-size:9px}.quick-log-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.quick-log-grid button{color:#30704d;background:#f5faf3;border:1px solid #dfe9dc;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:auto auto;place-content:center;gap:0 6px;height:62px;transition:transform .15s,background .15s,box-shadow .15s;display:grid}.quick-log-grid button:nth-child(-n+2){color:#b76c42;background:#fff7f0;border-color:#f1e0d3}.quick-log-grid button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #234b2e17}.quick-log-grid button:active{box-shadow:none;transform:translateY(1px)}.quick-log-grid svg{grid-row:1/3;align-self:center}.quick-log-grid strong{font-family:Outfit,sans-serif;font-size:17px;line-height:1}.avatar-options button span,.quick-log-grid span,.streak-reward em{font-size:8px;font-weight:800}.quick-log+.entry-fields{margin-top:12px}.journey-grid,.journey-grid>*{min-width:0}.avatar-level-row{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:16px;display:grid}.avatar-level-row h3{margin:7px 0 1px}.avatar-level-row p{margin:0}.eco-avatar{color:#3f8d5a;background:#eef7e9;border:1px solid #d7ead3;border-radius:8px;place-items:center;width:90px;height:90px;display:grid;position:relative;overflow:hidden}.avatar-aura{border:1px solid #d2e8cc;border-radius:50%;width:66px;height:66px;position:absolute}.avatar-tree{z-index:1;position:relative}.avatar-accessory{z-index:2;color:#e3a54c;background:#fff;border-radius:5px;width:25px;height:25px;padding:3px;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #1f482d1f}.eco-avatar[data-style=dew]{color:#42849a;background:#eaf5f7}.eco-avatar[data-style=sunshine]{color:#4d8d52;background:#fff7dc}.eco-avatar[data-style=crown]{color:#3f8d5a;background:#fff2e8}.eco-avatar[data-style=starlight]{color:#257557;background:#edf4e7;box-shadow:inset 0 0 0 4px #d8ee8159}.avatar-customizer{margin:14px 0}.avatar-customizer-head{justify-content:space-between;gap:10px;margin-bottom:7px;display:flex}.avatar-customizer-head strong{color:#405a48;font-size:10px}.avatar-customizer-head small{color:#94a297;font-size:9px}.avatar-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.avatar-options button{color:#65806d;background:#f8faf7;border:1px solid #e1e9df;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;height:58px;padding:4px;display:flex}.avatar-options button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.avatar-options button small{color:#9baa9e;font-size:7px}.avatar-options button.selected{color:#2e754a;background:#edf6ea;border-color:#82ba8f;box-shadow:0 0 0 2px #dfefdc}.avatar-options button.locked{filter:grayscale();opacity:.52}.streak-reward{color:#748479;background:#f7f9f5;border:1px solid #e7ebe3;border-radius:6px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;margin:12px 0 17px;padding:11px;display:grid}.streak-reward.active{color:#986621;background:#fff8e9;border-color:#f2d9ae;box-shadow:0 0 16px #eba1461f}.streak-flame{color:#bbc6bc;place-items:center;width:42px;height:42px;display:grid;position:relative}.streak-reward.active .streak-flame{color:#ec8c42;filter:drop-shadow(0 0 5px #ec8c4259);animation:1.8s ease-in-out infinite alternate streak-glow}.streak-flame b{color:#fff;font-family:Outfit,sans-serif;font-size:9px;position:absolute;bottom:4px}.streak-reward>div{flex-direction:column;gap:3px;min-width:0;display:flex}.streak-reward strong{font-size:11px}.streak-reward small{font-size:9px;line-height:1.35}.streak-track{background:#f0e1c5;border-radius:4px;height:5px;margin-top:4px;overflow:hidden}.streak-track span{background:#ed9a4e;border-radius:4px;height:100%;display:block}.streak-reward em{color:#ad8551;font-style:normal}.certificate-button{color:#357c50;background:#f3f9ef;border:1px solid #d8e8d5;border-radius:5px;place-items:center;width:27px;height:27px;margin-top:6px;display:grid}.certificate-button:hover{background:#e4f2df}.certificate-celebration{color:#276a45;background:#f3f9ef;border:1px solid #d8e8d5;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:39px;margin-top:15px;font-size:11px;font-weight:800;display:flex}@keyframes streak-glow{to{filter:drop-shadow(0 0 9px #ec8c42b3);transform:translateY(-1px)}}@media (width<=1100px){.impact-grid{grid-template-columns:1fr}.challenge-card{min-height:0}.avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-log-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.impact-grid{gap:12px}.challenge-card{padding:19px 15px}.challenge-foot{flex-direction:column}.challenge-foot span:last-child{text-align:left}.quick-log-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-log-grid button{height:68px}.avatar-level-row{grid-template-columns:76px minmax(0,1fr)}.eco-avatar{width:74px;height:74px}.avatar-tree{width:46px}.avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){.page-heading .weekly-tip{margin-bottom:16px}.impact-equivalence{width:100%}.impact-equivalence>span{line-height:1.35}.avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-options button{height:56px}.streak-reward{grid-template-columns:38px minmax(0,1fr);padding:9px}.streak-flame{width:36px}.badge{position:relative}.certificate-button{position:absolute;top:25px;right:0}}@media (prefers-reduced-motion:reduce){.streak-flame{transition:none;animation:none}}.mobile-account-actions{display:none}.navigation-shell{display:contents}.sidebar{overflow-y:auto}.mobile-nav{display:none}@media (width<=850px){.navigation-shell{z-index:15;padding-top:env(safe-area-inset-top);background:#173d38;display:block;position:sticky;top:0;box-shadow:0 3px 8px #173d380d}.navigation-shell .sidebar{position:static;overflow:visible}.mobile-nav{padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid #dce8df;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.mobile-nav a{color:#315b49;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:48px;padding:4px 2px;font-size:10px;font-weight:700;line-height:1.2;text-decoration:none;display:flex}.mobile-nav a:active,.mobile-nav a:hover{color:#173d38;background:#eaf4e5}.mobile-nav a:focus-visible{outline-offset:1px;background:#eaf4e5;outline:2px solid #286747}#achievements,#admin,#check-in,#leaderboard,#lunchbox-tips,#overview{scroll-margin-top:calc(20px + var(--mobile-navigation-height,140px))}}.week-days{direction:ltr;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:14px 0 0;padding:0;list-style:none;display:grid}.week-days li{color:#6f8275;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:51px;font-size:10px;font-weight:400;display:flex}.week-days time{font-size:13px;font-weight:400}.week-days .is-today{color:#215747;background:#e6f2df;font-weight:800}.week-days .is-today time{font-weight:800}.account-logout{color:#215747;background:#f0f6ef;border:1px solid #dce8df;border-radius:6px;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.account-logout:hover:not(:disabled){background:#dcebdc}.account-logout:focus-visible{outline-offset:3px;outline:2px solid}@media (width<=850px){.mobile-account-actions{align-items:center;gap:8px;display:flex}.mobile-account-actions .account-logout{color:#f5faf1;background:0 0;border-color:#668e80}.mobile-account-actions .account-logout:hover:not(:disabled){background:#28584b}}@media (width<=480px){.sidebar{flex-wrap:wrap;gap:12px}.mobile-account-actions{margin-left:auto}.mobile-account-actions .mobile-sample-button{padding:7px;font-size:10px}}.lunchbox-tips[data-v-d0336752]{color:#314d40;margin-top:34px;scroll-margin-top:85px}.lunchbox-tips[data-v-d0336752],.lunchbox-tips .section-kicker[data-v-d0336752]{letter-spacing:0}.tips-intro[data-v-d0336752]{color:#65796d;max-width:650px;margin-bottom:20px;font-size:13px;line-height:1.6}.tips-swap-grid[data-v-d0336752]{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tip-swap[data-v-d0336752]{background:#fff;border:1px solid #e0e8e1;border-radius:7px;min-width:0;padding:19px}.tip-swap .yellow[data-v-d0336752]{color:#9c7620;background:#fff4d8}.tip-swap h3[data-v-d0336752]{color:#233f33;margin:13px 0 7px;font-size:16px;line-height:1.3}.tip-swap strong[data-v-d0336752]{margin-bottom:7px;font-size:12px;line-height:1.5;display:block}.tip-product p[data-v-d0336752],.tip-swap p[data-v-d0336752]{color:#63766b;margin-bottom:0;font-size:12px;line-height:1.65}.tips-packing[data-v-d0336752]{border-top:1px solid #dae5de;border-bottom:1px solid #dae5de;margin-top:25px;padding:22px 0}.tips-packing h3[data-v-d0336752],.tips-shopping-heading h3[data-v-d0336752]{color:#233f33;margin:0 0 14px;font-size:18px}.tips-packing ol[data-v-d0336752]{counter-reset:packing;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.tips-packing li[data-v-d0336752]{counter-increment:packing;min-width:0;padding-left:32px;font-size:12px;line-height:1.6;position:relative}.tips-packing li[data-v-d0336752]:before{content:counter(packing);color:#286747;background:#e1eee4;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-weight:800;display:grid;position:absolute;top:1px;left:0}.tips-packing li span[data-v-d0336752],.tips-packing li strong[data-v-d0336752]{display:block}.tips-packing li span[data-v-d0336752]{color:#63766b;margin-top:4px}.tips-counting[data-v-d0336752]{color:#3e6071;background:#edf4f7;border-left:3px solid #6196a7;align-items:flex-start;gap:10px;margin:20px 0 0;padding:13px 15px;font-size:12px;line-height:1.6;display:flex}.tips-counting svg[data-v-d0336752],.tips-safety>svg[data-v-d0336752]{flex:none;margin-top:2px}.tips-shopping-heading[data-v-d0336752]{margin-top:24px}.tips-shopping-heading h3[data-v-d0336752]{margin-bottom:5px}.tips-shopping-heading p[data-v-d0336752]{color:#63766b;font-size:12px;line-height:1.6}.tips-shopping-grid[data-v-d0336752]{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tip-product[data-v-d0336752]{background:#fff;border:1px solid #e0e8e1;border-radius:7px;flex-direction:column;align-items:flex-start;min-width:0;padding:19px;display:flex;position:relative}.tip-product-reuse[data-v-d0336752]{background:#edf5ec}.tip-price[data-v-d0336752]{flex-wrap:wrap;align-items:baseline;gap:5px 8px;margin-top:15px;display:flex}.tip-price strong[data-v-d0336752]{color:#234b39;font-family:inherit;font-size:24px}.tip-price span[data-v-d0336752]{color:#63766b;font-size:11px}.tip-product h4[data-v-d0336752]{margin:10px 0 7px;font-size:14px;line-height:1.4}.tip-material[data-v-d0336752]{color:#386b80;margin-bottom:8px;font-size:10px;font-weight:800}.tip-product p[data-v-d0336752]{margin-bottom:16px}.tip-product a[data-v-d0336752],.tip-product-foot[data-v-d0336752]{color:#286747;text-underline-offset:4px;align-items:center;gap:6px;min-height:44px;margin-top:auto;font-size:12px;font-weight:800;display:inline-flex}.tip-product a svg[data-v-d0336752],.tips-safety a svg[data-v-d0336752]{flex:none}.tip-product-foot[data-v-d0336752]{font-weight:600}.tips-price-note[data-v-d0336752]{color:#63766b;margin:12px 0 0;font-size:10px;line-height:1.7}.tips-safety[data-v-d0336752]{color:#436e80;align-items:flex-start;gap:13px;margin-top:22px;padding:18px 0;display:flex}.tips-safety h3[data-v-d0336752]{margin:0 0 6px;font-size:15px}.tips-safety p[data-v-d0336752]{color:#63766b;margin-bottom:4px;font-size:12px;line-height:1.6}.tips-safety a[data-v-d0336752]{color:#386b80;text-underline-offset:4px;align-items:center;gap:5px;min-height:44px;font-size:11px;line-height:1.5;display:inline-flex}.lunchbox-tips a[data-v-d0336752]:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #286747}.tips-sr-only[data-v-d0336752]{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1200px){.tips-swap-grid[data-v-d0336752]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.lunchbox-tips[data-v-d0336752]{scroll-margin-top:80px}}@media (width<=700px){.tips-packing ol[data-v-d0336752],.tips-shopping-grid[data-v-d0336752]{grid-template-columns:1fr}.tips-packing ol[data-v-d0336752]{gap:16px}.tip-product[data-v-d0336752]{padding:17px}.tip-product .heading-icon[data-v-d0336752]{position:absolute;top:17px;right:17px}.tip-price[data-v-d0336752]{margin-top:0;padding-right:45px}.tip-product h4[data-v-d0336752]{margin-top:12px}}@media (width<=480px){.tips-swap-grid[data-v-d0336752]{grid-template-columns:1fr;gap:10px}.tip-swap[data-v-d0336752]{padding:17px 17px 17px 65px;position:relative}.tip-swap>.heading-icon[data-v-d0336752]{position:absolute;top:17px;left:17px}.tip-swap h3[data-v-d0336752]{margin-top:0}.tips-counting[data-v-d0336752]{padding:12px 10px}.tips-safety[data-v-d0336752]{gap:9px}.tips-safety>svg[data-v-d0336752]{width:19px}.tips-safety a[data-v-d0336752]{flex-wrap:wrap}}