/* Terres brand: green family + graphite. The OS preference is the default. */
.brand,.login-top picture{background:transparent!important}
.profile-cover{display:flex;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:22px}.member-avatar{width:60px;height:60px;font-size:20px;flex-shrink:0}.profile-cover p{color:var(--muted);font-size:12px;margin-bottom:0}.profile-cover>.badge{margin-left:auto}.profile-details{margin:20px 0 0}.profile-detail{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}.profile-detail:last-child{border:0}.profile-detail dt{color:var(--muted)}.profile-detail dd{margin:0;overflow-wrap:anywhere}.cell-secondary{display:block;font-size:10px;color:var(--muted);margin-top:5px}.session-detail{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.login-demo-note b{overflow-wrap:anywhere}
@media(max-width:600px){.profile-cover{flex-wrap:wrap;padding:20px;gap:13px}.profile-cover>.badge{margin-left:0}.profile-detail{grid-template-columns:1fr;gap:3px;padding:12px 0}.profile-detail dt{font-size:10px}.profile-detail dd{font-size:13px}}
:root{color-scheme:light dark;--purple:#0e7d46;--green:#0e7d46;--ink:#252e29;--muted:#66756c;--line:#dfe8e2;--bg:#f4f7f5;--surface:#fff;--surface-soft:#edf4ef;--accent-soft:#e0f3e7;--on-accent:#fff;--notice:#fff7e5;--notice-text:#795918;--shadow:0 16px 50px #173c2810;--brand-plate:#fff}
body{color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #1d9655;outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);border-color:var(--purple)}[hidden]{display:none!important}picture img{display:block;max-width:100%;height:auto}.brand{display:block;padding:0 8px;background:var(--brand-plate);border-radius:8px}.brand img{width:190px}.workspace{margin-top:32px;line-height:1.7}.brandmark{display:none}aside,header,.stat,.reward,.panel,.news,.progress-card{background:var(--surface);border-color:var(--line)}.help{background:var(--surface-soft)}nav a{color:var(--muted)}nav a:hover{background:var(--surface-soft)}nav a.active{background:var(--accent-soft);color:var(--purple)}.switch{background:var(--surface);color:var(--muted);border-color:var(--line);min-height:42px;margin-top:6px}.avatar,.stat-icon{background:var(--accent-soft);color:var(--purple)}.demo{background:var(--notice);color:var(--notice-text)}.btn{background:var(--purple);color:var(--on-accent);min-height:44px}.btn.light{background:var(--accent-soft);color:var(--purple)}.btn.outline{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.danger{background:#ffe8e8;color:#a12f43}.text-link{min-height:36px;display:inline-flex;align-items:center}.hero{background:linear-gradient(115deg,#075a36,#0e7d46 65%,#138d50);padding:32px 34px}.hero .eyebrow,.hero p,.balance small{color:#d3f0dc}.hero .btn{background:#dcf9ad;color:#16472c}.hero-side .bar span{background:#dcf9ad}.hero-side{border-color:#ffffff35}.hero-side .level{color:#e5f7ea}.reward-art{background:#e5f0e9}.reward-art.orange{background:#f8eed9}.reward-art.mint{background:#e2ece5}.tag{color:#2d4b37}.reward-content p{min-height:34px}.product-cup{color:#0e7d46}.bottle{background:linear-gradient(90deg,#13683f,#41945d,#13683f)}.bottle:before{background:#203a2c}.refer{background:var(--accent-soft);border-color:var(--line)}.refer p{color:var(--muted)}.big-gift{color:var(--purple)}.note{background:var(--surface-soft);color:var(--muted)}.badge{background:#ddf3e4;color:#126139}.badge.pending{background:#fff0ce;color:#805d12}.badge.off{background:#ffe4e7;color:#a02f45}.round{background:var(--accent-soft);color:var(--purple)}input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--line);min-height:46px}th{background:var(--surface-soft);color:var(--muted)}td,th{border-color:var(--line)}dialog{background:var(--surface);color:var(--ink);max-height:calc(100dvh - 36px);overflow:auto}#toast{background:#153f2a;color:#fff;box-shadow:var(--shadow)}.mobile-wordmark,#mobile-nav{display:none}.skip-link{position:fixed;left:12px;top:-70px;padding:12px 18px;background:var(--surface);color:var(--ink);z-index:200;border:2px solid var(--purple);border-radius:8px}.skip-link:focus{top:10px}#drawer-backdrop{position:fixed;inset:0;background:#081d146e;backdrop-filter:blur(3px);z-index:19;border:0}.drawer-open{overflow:hidden}#logout{font-size:11px}.login-view>#sidebar,.login-view>.shell,.login-view>#mobile-nav{display:none}#login-screen:empty{display:none}.login-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:18px}.login-story{position:relative;overflow:hidden;isolation:isolate;background:#0e7d46;color:white;border-radius:22px;padding:45px 52px;display:flex;flex-direction:column;min-height:740px}.story-top{display:flex;justify-content:space-between;align-items:center;z-index:1}.club-pill{font-size:9px;letter-spacing:1.8px;padding:10px 13px;border:1px solid #ffffff50;border-radius:30px}.story-spark{font-size:32px;color:#c9f7a5}.story-copy{z-index:1;margin:auto 0;padding:55px 0}.plus-wordmark{font:800 26px Manrope,sans-serif;letter-spacing:-1px;margin-bottom:26px}.plus-wordmark span{display:inline-block;color:#c9f7a5;margin-left:2px}.story-copy h1{font-size:clamp(48px,5.5vw,80px);line-height:1.1;letter-spacing:-3.8px;color:white;font-weight:600}.story-copy h1 em{font-style:normal;color:#c9f7a5}.story-copy p{font-size:15px;line-height:1.9;color:#d5eddf;margin:26px 0}.story-chips{display:flex;gap:10px;flex-wrap:wrap}.story-chips span{border-radius:30px;background:#ffffff13;border:1px solid #ffffff20;padding:10px 14px;color:#e2f7e9;font-size:11px}.login-reward{position:relative;z-index:1;display:flex;gap:15px;align-items:center;padding:22px;background:#ffffff0d;border:1px solid #ffffff30;border-radius:13px}.login-gift{color:#c9f7a5;font-size:32px}.login-reward small{display:block;font-size:8px;letter-spacing:1px;color:#cce4d4;margin-bottom:6px}.login-reward b{font-size:13px;font-weight:500}.login-reward>span:last-child{margin-left:auto}.story-orbit{position:absolute;border:1px solid #ffffff10;border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{height:650px;width:650px;right:-410px;top:0;box-shadow:0 0 0 60px #ffffff04,0 0 0 120px #ffffff03}.orbit-two{height:350px;width:350px;left:-240px;bottom:-200px;box-shadow:0 0 0 50px #ffffff05}.login-access{display:flex;flex-direction:column;padding:30px 38px 15px;min-width:0}.login-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.login-top picture{display:block;background:var(--brand-plate);border-radius:8px;padding:3px 7px;width:205px}.theme-caption{font-size:10px;color:var(--muted);white-space:nowrap}.login-form-wrap{width:100%;max-width:390px;margin:auto;padding:55px 0 40px}.login-form-wrap .eyebrow{font-size:9px;color:var(--purple);letter-spacing:1.8px}.login-form-wrap h2{font-size:35px;line-height:1.25;letter-spacing:-1.5px;margin:12px 0}.login-subtitle{font-size:12px;color:var(--muted);margin-bottom:26px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-soft);padding:5px;border-radius:10px;margin:25px 0}.login-tabs button{border:0;color:var(--muted);border-radius:7px;background:transparent;min-height:41px;font-size:12px}.login-tabs button.selected{background:var(--surface);color:var(--purple);font-weight:700;box-shadow:0 2px 5px #102a1a10}.login-form-wrap label{font-size:12px;margin-top:20px;margin-bottom:9px}.login-form-wrap input{width:100%;height:51px;border-radius:9px;font-size:13px}.password-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.password-label .text-link{font-size:10px;padding:0}.password-field{position:relative}.password-field input{padding-right:75px}.password-field button{position:absolute;right:5px;top:4px;height:43px;background:none;border:0;color:var(--muted);font-size:10px;width:65px}.login-submit{width:100%;height:52px;justify-content:space-between;border-radius:9px;margin-top:25px!important}.login-demo-note{display:flex;gap:10px;margin-top:25px;padding:14px 0;border-top:1px solid var(--line);color:var(--muted)}.login-demo-note>span{padding-top:2px}.login-demo-note p{font-size:10px;line-height:1.7;margin:0}.login-demo-note b{font-weight:600;color:var(--ink)}.login-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:var(--muted)}
@media(prefers-color-scheme:dark){:root{--purple:#51d68a;--green:#51d68a;--ink:#e8f0eb;--muted:#a4b2a9;--line:#34433a;--bg:#151b17;--surface:#202923;--surface-soft:#28352c;--accent-soft:#243f2f;--on-accent:#082a16;--notice:#343124;--notice-text:#e2ca8d;--brand-plate:#303030;--shadow:0 16px 50px #0003}.hero{background:linear-gradient(115deg,#06412a,#0b613b 75%,#116d42)}.hero .btn{background:#c5ef98;color:#12351f}.reward-art{background:#2c3d31}.reward-art.orange{background:#403a2a}.reward-art.mint{background:#293b32}.badge{background:#214b32;color:#a0e7b6}.badge.pending{background:#4b3c1c;color:#f0cf7c}.badge.off,.btn.danger{background:#4e2a30;color:#f5acb7}.activity>strong.negative{color:#efa2ad}#toast{background:#d1efdb;color:#153322}.login-story{background:#085332}.login-tabs button.selected{box-shadow:0 2px 8px #0003}.btn:disabled{opacity:.6}}
@media(min-width:851px){#drawer-backdrop{display:none!important}.sidebar-bottom .help{margin-top:14px}.sidebar-bottom .profile{padding-top:13px;margin-top:12px}aside{overflow-y:auto}}
@media(max-width:1100px){.login-story{padding:35px}.login-access{padding:24px 15px 15px}.login-top picture{width:175px}.theme-caption{font-size:9px}.story-copy h1{font-size:58px}.login-reward{padding:16px}.login-reward b{font-size:11px}}
@media(max-width:850px){.shell{padding-bottom:calc(77px + env(safe-area-inset-bottom))}header{position:sticky;top:0;z-index:12;height:68px;padding:0 20px;backdrop-filter:blur(12px)}#menu{color:var(--ink);min-width:44px;min-height:44px;margin-left:-10px;margin-right:6px}#breadcrumb{font-size:11px}.mobile-wordmark{display:inline-block;font:800 20px Manrope;margin-right:16px;color:var(--ink);letter-spacing:-1px}.mobile-wordmark span{color:var(--purple)}.header-right{font-size:0}.header-right .small{font-size:10px}.header-right .demo-dot{display:none}.demo{font-size:8px;padding:9px 20px}.demo span{font-size:9px}.workspace{margin-top:25px}aside{padding-top:26px;width:min(300px,85vw);height:100dvh;overflow-y:auto;overscroll-behavior:contain}aside .sidebar-bottom{padding-bottom:env(safe-area-inset-bottom)}nav#mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0;background:var(--surface);border-top:1px solid var(--line);padding:6px 10px calc(6px + env(safe-area-inset-bottom));z-index:15;box-shadow:0 -8px 24px #10271a08}#mobile-nav a,#mobile-nav button{border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:var(--muted);font-size:9px;font-weight:500;padding:5px 2px;margin:0;min-height:54px;border-radius:9px}#mobile-nav span{font-size:21px;line-height:24px;width:30px;text-align:center}#mobile-nav [aria-current=page]{color:var(--purple);background:var(--accent-soft);font-weight:700}.login-view nav#mobile-nav{display:none}.login-layout{grid-template-columns:.85fr 1fr;padding:12px;gap:10px}.login-story{padding:28px;min-height:700px}.story-copy h1{font-size:49px;letter-spacing:-2.5px}.story-copy p{font-size:12px}.story-chips{gap:7px}.story-chips span{font-size:9px}.login-access{padding:25px 12px 12px}.login-top{flex-direction:column;align-items:flex-start;gap:12px}.login-form-wrap h2{font-size:29px}.login-reward small{font-size:7px}.login-gift{display:none}.login-reward{padding:14px}.login-footer{font-size:8px}}
@media(max-width:600px){header{height:62px;padding:0 16px}#breadcrumb{display:none}.demo{padding:8px 18px;line-height:1.6}.demo span{margin-top:2px}main{padding:25px 18px 30px}h1{font-size:25px;line-height:1.2;letter-spacing:-1px}.heading{gap:12px;flex-wrap:wrap;margin-bottom:21px}.heading>.btn{width:100%}.heading .text-link{font-size:10px}.sub{font-size:12px;line-height:1.65;margin-bottom:22px}.hero{padding:25px;border-radius:18px}.hero .eyebrow{font-size:9px}.balance{font-size:43px;margin-top:14px}.balance small{font-size:11px}.hero .btn{width:100%;min-height:47px;justify-content:space-between}.hero-side{margin-top:25px;padding-top:20px}.hero-side .eyebrow{display:none}.hero-side h3{font-size:13px}.hero-side .level{font-size:10px}.hero-side p{font-size:10px;margin-top:10px}.stats{gap:8px;margin:14px 0 28px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat{border-radius:11px;padding:13px 10px;min-width:0;display:block}.stat-icon{height:30px;width:30px;font-size:16px;margin-bottom:10px}.stat small{display:block;font-size:9px;line-height:1.4;min-height:26px}.stat strong{font-size:21px;margin-top:5px;overflow-wrap:anywhere}.grid{grid-template-columns:1fr;gap:14px}.reward{border-radius:14px;display:grid;grid-template-columns:112px minmax(0,1fr)}.reward-art{height:100%;min-height:190px;border-radius:0}.tag{font-size:7px;top:10px;left:8px;padding:5px}.reward-content{padding:19px 14px;min-width:0}.reward-content h3{font-size:14px;line-height:1.4}.reward-content p{font-size:11px;min-height:0;line-height:1.5;margin-bottom:12px}.reward-bottom{display:block;padding-top:11px}.coins{font-size:14px}.reward .btn{width:100%;margin-top:10px;min-height:42px;font-size:11px}.product-cup{transform:scale(.72) rotate(-8deg)}.voucher{width:140px;padding:12px;transform:scale(.66) rotate(-8deg);flex-shrink:0}.bottle{transform:scale(.8) rotate(12deg)}.lower{margin-top:24px;gap:16px}.panel,.progress-card,.news{padding:20px;border-radius:14px}.activity{padding:15px 0}.activity b{font-size:11px;line-height:1.5}.activity>div{min-width:0}.activity small{font-size:9px}.activity strong{font-size:11px}.activity .round{height:28px;width:28px}.refer{padding:24px;border-radius:14px}.refer h2{font-size:23px}.refer .btn{width:100%;margin-top:16px}.settings-grid{grid-template-columns:1fr;gap:16px}.toolbar{display:grid;grid-template-columns:1fr;gap:10px}.toolbar input,.toolbar select{width:100%;font-size:16px;min-width:0}.table-wrap{padding:0;background:transparent;border:0;overflow:visible}table,tbody,tr,td{display:block;width:100%;white-space:normal}thead{display:none}tbody{display:grid;gap:14px}tbody tr{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:10px 17px;min-width:0}td{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center;padding:11px 0;font-size:12px;overflow-wrap:anywhere}td:before{content:attr(data-label);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}td:last-child{border-bottom:0}td .badge{justify-self:start;white-space:normal}td .text-link{display:inline-block;margin:0;text-align:left;min-height:40px}td:has(.text-link){display:flex;flex-wrap:wrap;gap:8px}td:has(.text-link):before{width:100%}td.empty{display:block;padding:20px}td.empty:before{display:none}.api-state{flex-wrap:wrap;font-size:11px}input,select,textarea{font-size:16px;min-height:48px}label{font-size:12px}dialog{width:calc(100% - 24px);max-width:480px;padding:25px;border-radius:17px;max-height:calc(100dvh - 24px)}dialog .btn{width:100%;min-height:48px}.close{min-height:44px;min-width:44px;top:5px;right:5px}footer{padding:0 18px 16px;font-size:9px}#toast{bottom:calc(88px + env(safe-area-inset-bottom));width:calc(100% - 32px);max-width:420px;text-align:center;line-height:1.6}body.login-view #toast{bottom:24px}.login-layout{padding:0;gap:0;display:flex;flex-direction:column;min-height:100dvh}.login-story{border-radius:0 0 26px 26px;min-height:0;padding:24px 26px 26px;order:0}.story-top{display:none}.story-copy{margin:0;padding:0}.plus-wordmark{font-size:20px;margin-bottom:16px}.story-copy h1{font-size:39px;line-height:1.08;letter-spacing:-1.8px}.story-copy h1 br{display:none}.story-copy p{font-size:11px;line-height:1.7;max-width:260px;margin:14px 0 0}.story-copy p br{display:none}.story-chips{margin-top:18px;gap:7px}.story-chips span{font-size:9px;padding:7px 10px}.login-reward{display:none}.orbit-one{height:380px;width:380px;right:-240px;top:-120px}.login-access{padding:25px 24px 22px;flex:1}.login-top{flex-direction:row;align-items:center;gap:10px}.login-top picture{width:160px;padding:2px 4px}.theme-caption{font-size:8px}.login-form-wrap{max-width:430px;padding:29px 0 10px;margin:0 auto}.login-form-wrap .eyebrow{font-size:8px}.login-form-wrap h2{font-size:27px;letter-spacing:-1px;margin:9px 0}.login-form-wrap h2 br{display:none}.login-subtitle{font-size:11px;margin:12px 0 22px}.login-tabs{margin:20px 0}.login-tabs button{min-height:42px;font-size:11px}.login-form-wrap input{font-size:16px;height:52px}.login-form-wrap label{font-size:11px}.login-submit{min-height:52px;font-size:12px}.login-demo-note{margin-top:22px;padding-top:18px}.login-demo-note p{font-size:10px}.login-footer{margin-top:auto;padding-top:20px;line-height:1.6;flex-wrap:wrap;font-size:8px}.login-access .eyebrow{margin-bottom:0}}
@media(max-width:360px){.login-access{padding:23px 18px}.login-story{padding:24px 21px}.theme-caption{font-size:7px}.login-top picture{width:145px}.reward{grid-template-columns:96px minmax(0,1fr)}.balance{font-size:37px}.stat{padding:11px 7px}.stat strong{font-size:18px}.activity{gap:7px}.activity strong{font-size:10px}.heading .text-link{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}