button,input,select{font-family:inherit}h1,h2,h3{font-size:inherit;font-weight:inherit}img{max-width:100%}svg{display:inline-block;vertical-align:middle}button{line-height:inherit}500;600;650;700;750;800&display=swap');

:root{--ink:#342618;--muted:#71604a;--cream:#fff9eb;--forest:#364c2a;--wood:#775134;--gold:#ca963e;--line:#d4bea0;--paper:#f2e6d0}*{box-sizing:border-box}body{margin:0;background:#d1b88e url('./assets/wood-background.png') center/cover fixed;color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #a56420}button:disabled{cursor:default;background:#e4dac9!important;color:#776d5f!important;box-shadow:inset 0 0 0 1px #cec3b0!important}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{transition:transform .18s,filter .18s}button:active:not(:disabled){transform:translateY(2px)}svg{vertical-align:middle;filter:drop-shadow(0 1px 0 #fff4d8) drop-shadow(0 2px 1px #4d301535);flex-shrink:0}.app{width:100%;max-width:460px;margin:0 auto;min-height:100dvh;padding-bottom:100px;position:relative;background:linear-gradient(#fff9eddb,#f4e7cec9),url('./assets/wood-background.png') center top/100% auto;border-inline:1px solid #e6d4b4;box-shadow:0 0 75px #36251240;isolation:isolate}.app::before{content:'';position:absolute;left:9px;right:9px;top:0;bottom:0;border-inline:1px solid #b2946640;pointer-events:none;z-index:-1}.header{height:72px;display:flex;align-items:center;gap:9px;padding:10px 22px;border-bottom:1px solid #ad835039;background:linear-gradient(#fff8e9a6,#ead7b573)}.brand{display:flex;align-items:center;font-size:25px;letter-spacing:2px;font-weight:800;margin-right:auto;gap:5px;color:#47301d;text-shadow:0 1px #fff6df}.brand img{height:44px;width:40px;object-fit:contain;filter:drop-shadow(0 3px 2px #73532c30)}.brand-dot{width:5px;height:5px;border-radius:50%;background:#9b7535;margin-top:14px;margin-left:-5px}.balance-chip{display:flex;align-items:center;gap:4px;padding:5px 10px 5px 4px;border-radius:13px;background:linear-gradient(#fffbeb,#ecd6ad);border:1px solid #c3a26c;box-shadow:inset 0 1px #fff,0 3px 0 #b4915b42;font-weight:800;font-size:14px;color:#54351c;white-space:nowrap}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#f2deb5,#bd915b);border:1px solid #b18a52;box-shadow:inset 0 1px #fff7dc,0 3px 0 #9f744b30;overflow:hidden}.avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.page{padding:15px 22px 18px}.forest-intro{position:relative;min-height:110px;display:flex;align-items:center;margin:-2px -1px 3px;padding-right:86px}.eyebrow{font-size:11px;letter-spacing:1.45px;font-weight:800;color:#756036;margin-bottom:8px}.forest-intro .eyebrow{font-size:10px;letter-spacing:1.25px}h1{font-size:29px;letter-spacing:-1px;line-height:1.15;font-weight:800;color:#3d2e20}.forest-intro h1{font-size:25px;line-height:1.18}.intro{font-size:12px;color:#655640;line-height:1.5;margin-top:9px;max-width:215px}.hero-owl{position:absolute;width:115px;height:121px;object-fit:contain;right:-11px;bottom:0;filter:drop-shadow(0 8px 5px #73532c26)}.section-label{margin:14px 0 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.section-label>span:first-child{font-weight:800}.section-label b{background:#4b5c35;color:#fff9e6;padding:2px 7px;border-radius:6px;margin-left:5px;font-size:12px;box-shadow:inset 0 1px #79905a}.section-label>span:last-child{display:flex;align-items:center;gap:4px;color:#756047;font-size:12px}.task-list{display:grid;gap:12px}.task-card{position:relative;border:1px solid #cfb28a;background:linear-gradient(115deg,#fffbed,#f8ecd6);border-radius:18px;display:flex;padding:13px 14px;gap:12px;box-shadow:inset 0 1px 0 #fff,0 4px 0 #be96613a,0 7px 13px #51321008;overflow:hidden}.task-card::after{content:'';position:absolute;width:50px;height:50px;right:-28px;top:-28px;transform:rotate(45deg);border:3px double #b38e5270;background:#e1c48c50}.task-number{width:38px;height:42px;flex-shrink:0;align-self:center;border-radius:11px;display:grid;place-items:center;font-family:Georgia,serif;font-size:21px;font-weight:800;color:#80592c;text-shadow:0 1px #fff4d4;background:linear-gradient(140deg,#fbe8ba,#d7ac68);border:1px solid #c29859;box-shadow:inset 1px 2px 1px #fff8dc,inset -1px -3px 3px #a3773340,0 3px 2px #8d602923}.task-content{flex:1;min-width:0}.task-title-row{display:flex;align-items:center;gap:4px;justify-content:space-between}.task-content h2{font-size:15px;font-weight:800;letter-spacing:-.3px;line-height:1.4}.reward-coin{font-family:Georgia,serif;font-weight:bold;font-size:16px;display:grid;place-items:center;width:24px;height:24px;color:#8d571d;border-radius:50%;border:2px solid #c39646;box-shadow:inset 0 0 0 1px #ffe9ab,1px 2px 0 #98652450;text-shadow:0 1px #fff6c4;background:linear-gradient(130deg,#ffe9a6,#d6ab57);flex-shrink:0}.task-meta{display:flex;align-items:center;gap:7px;font-size:12px;color:#746048;margin-top:4px}.task-meta i{width:3px;height:3px;background:#9b835d;border-radius:50%}.task-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:10px}.task-bottom strong{font-size:21px;font-weight:800;letter-spacing:-.6px;color:#46572e}.task-bottom button{padding:9px 15px;min-height:36px;border-radius:10px;color:#fff9e9;background:linear-gradient(#657a46,#425b32);border:1px solid #3b512b;box-shadow:inset 0 1px #a4b27a,0 3px 0 #2f412b;font-size:12px;font-weight:800;display:flex;align-items:center;gap:4px}.completed{background:linear-gradient(115deg,#edf0df,#e7e9d6);border-color:#a8b38b}.completed .task-number{background:#dde5c8;box-shadow:inset 0 1px white;border-color:#a9b78b}.completed .task-bottom button{background:#d9e4c9!important;color:#415630!important;border-color:#aab893;box-shadow:none!important}.progress-banner{display:flex;align-items:center;background:linear-gradient(115deg,#465c35,#304728);border:1px solid #2f4426;border-radius:17px;padding:13px 12px;gap:10px;margin-top:20px;box-shadow:inset 0 1px #8c9b6c,0 4px 0 #a99f743d;color:#fff4dc}.progress-icon{display:flex;flex-shrink:0}.progress-banner strong{font-size:14px;font-weight:800;color:#fff8df}.progress-banner p{font-size:12px;color:#e0e7c9;line-height:1.6;margin-top:4px}.progress-banner>span{margin-left:auto;white-space:nowrap;font-size:15px;font-weight:800;color:#f5d58e;border:1px solid #8ca27366;border-radius:10px;padding:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0 12px;gap:4px}.stats>div{text-align:center;border-right:1px solid #b6986b55}.stats>div:last-child{border:0}.stats strong{display:flex;gap:5px;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#543a22}.stats i{background:#597543;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 3px #56713917}.stats span{display:block;margin-top:5px;font-size:12px;color:#736047;line-height:1.3}.terms-link{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;background:none;color:#654d31;width:100%;padding:14px 0;font-weight:600}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:460px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(#fff7e8,#e7d1ab);border:1px solid #c1a174;border-bottom:0;border-radius:21px 21px 0 0;padding:8px 15px max(10px,env(safe-area-inset-bottom));z-index:5;box-shadow:0 -5px 20px #48301813,inset 0 2px #fffdf2}.bottom-nav button{display:flex;align-items:center;flex-direction:column;gap:1px;background:none;color:#725c3e;font-size:12px;font-weight:650}.bottom-nav button>span{display:grid;place-items:center;padding:2px 24px;border-radius:12px;border:1px solid transparent}.bottom-nav button.active{color:#394c2b;font-weight:800}.bottom-nav button.active>span{background:linear-gradient(#ede6cc,#d4d8ad);border-color:#bbc08d;box-shadow:inset 0 1px #fff8dd,0 2px 0 #a7a97a3d}.icon-3d{display:inline-block;background-image:url('./assets/icons-3d.png');background-size:300% 200%;background-repeat:no-repeat;flex-shrink:0;vertical-align:middle;filter:drop-shadow(0 2px 1px #5c351624)}.wallet-card{position:relative;background:linear-gradient(125deg,#745235,#4b321f);color:#fff8e3;border:1px solid #5c3b22;border-radius:23px;padding:27px 23px;margin:24px 0 18px;overflow:hidden;box-shadow:inset 0 1px #c4a170,0 5px 0 #67462940}.wallet-card>span{font-size:14px;color:#f6e2bd}.big-balance{font-size:49px;font-weight:800;margin:7px 0 27px;letter-spacing:-2px}.wallet-card img{position:absolute;right:2px;top:4px;width:145px;height:151px;object-fit:contain;filter:drop-shadow(0 7px 5px #1a120a55)}.lime-button{background:linear-gradient(#f5d990,#d4ad5d);border:1px solid #b28c3e;box-shadow:inset 0 1px #fff4c0,0 3px 0 #2e251b;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;padding:12px;border-radius:12px;color:#49331a;font-weight:800;position:relative}.white-card{background:#fff9e9;border:1px solid #d4bc95;border-radius:18px;padding:20px;box-shadow:0 3px 0 #bd965d20}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.row strong{font-size:14px}.row>span{font-size:12px;color:#526539;font-weight:800}.progress-track{height:10px;background:#e9ddc5;border:1px solid #d6c39e;border-radius:7px;margin:16px 0 10px;overflow:hidden;box-shadow:inset 0 2px 3px #84613219}.progress-track span{height:100%;display:block;background:linear-gradient(#8d9c60,#536c3d);border-radius:5px}.white-card p{font-size:13px;line-height:1.6;color:var(--muted)}.section-heading{font-size:18px;margin:25px 0 16px;font-weight:800}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff9e6b8;border:1px dashed #bd9d6c;padding:30px 20px;border-radius:19px;margin:16px 0;color:#715936}.empty strong{color:#493821;font-size:15px}.empty p{font-size:13px;color:#766044}.profile-head{text-align:center;padding:28px 0 24px}.profile-avatar{width:80px;height:80px;background:linear-gradient(#f6e5c1,#d3b078);border:2px solid #c39c62;box-shadow:inset 0 2px #fff9e8,0 4px 0 #88683b28;display:grid;place-items:center;border-radius:26px;margin:0 auto 15px;overflow:hidden}.profile-head h2{font-size:21px;font-weight:800}.profile-head p{font-size:13px;margin-top:7px;color:#715c40}.profile-stats{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(#fff9e9,#f3e3c5);border:1px solid #cab188;padding:23px 0;border-radius:18px;box-shadow:0 3px 0 #b8955c2b}.profile-stats div{text-align:center}.profile-stats div:first-child{border-right:1px solid #d1bb98}.profile-stats strong{font-size:26px;font-weight:800}.profile-stats span{display:block;font-size:12px;color:#715a3a;margin-top:5px}.segmented{display:flex;padding:5px;background:#dcccaf;border:1px solid #c4aa7f;box-shadow:inset 0 2px 3px #76502b18;border-radius:13px;margin:27px 0 17px;gap:5px}.segmented button{flex:1;background:none;border-radius:9px;padding:10px;color:#695336;font-weight:700;font-size:14px}.segmented .active{background:linear-gradient(#fff9e8,#f3e2bc);color:#405333;box-shadow:0 2px 2px #74563233}.history-item{display:flex;gap:10px;align-items:center;background:#fff9e8;border:1px solid #d6bf99;padding:16px 12px;border-radius:15px;margin-bottom:9px}.history-icon{padding:9px;display:flex;border-radius:12px;background:linear-gradient(#e8efcf,#becd99);border:1px solid #aab88a;color:#486032}.history-item strong{font-size:14px}.history-item p{font-size:12px;margin-top:5px;color:#725c41}.history-item>b,.status{margin-left:auto}.green{color:#465f32;font-size:14px;white-space:nowrap}.status{font-size:12px;padding:5px 7px;border-radius:7px;color:#744b14;background:#f5deb1;font-weight:700;text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#25180fb3;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:15px;overflow:auto}.modal{background:linear-gradient(#fffbedef,#f4e6cfee),url('./assets/wood-background.png') center/cover;width:100%;max-width:430px;max-height:calc(100dvh - 30px);overflow-y:auto;border:1px solid #c6a574;border-radius:25px;padding:30px 24px;position:relative;box-shadow:inset 0 2px #fffae7,0 25px 85px #180f0866;animation:appear .24s ease}.modal h2{font-size:28px;line-height:1.25;letter-spacing:-.8px;font-weight:800;margin:11px 0;color:#3e2c1b}.modal-copy{font-size:15px;color:#675237;line-height:1.65;margin:14px 0 22px}.close{position:absolute;right:14px;top:13px;padding:7px;background:linear-gradient(#fff7e1,#e2c798);border:1px solid #c0a16e;color:#70502d;border-radius:50%;display:flex;z-index:2;box-shadow:inset 0 1px #fffbed,0 2px 0 #b5986840}.primary{background:linear-gradient(#627a43,#3a552d);color:#fff9e5;border:1px solid #344e27;box-shadow:inset 0 1px #9aaa6d,0 4px 0 #283e22;font-weight:800;border-radius:12px;padding:15px 16px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:14px}.full{width:100%;margin-top:20px}.welcome-art{height:158px;position:relative;text-align:center;background:linear-gradient(#e4cca283,#bc96505c);border:1px solid #d0b786;border-radius:18px;margin:-5px -3px 23px;overflow:hidden}.welcome-art img{width:170px;height:174px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 7px 4px #49371a25)}.orbit{position:absolute;border:1px solid #a3834538;width:250px;height:250px;border-radius:50%;top:15px;left:40px}.orbit-two{width:330px;height:330px;top:-25px;left:0}.floating-tag{position:absolute;z-index:2;bottom:25px;right:18px;background:linear-gradient(#fff0c1,#e2bd6e);border:1px solid #b18d48;padding:8px 12px;border-radius:9px;font-weight:800;font-size:18px;color:#62401c;transform:rotate(-8deg);box-shadow:inset 0 1px #fffae4,0 4px 0 #8f703b4a}.welcome-steps{display:grid;gap:14px}.welcome-steps>div{display:flex;gap:12px;align-items:center}.welcome-steps>div>span{background:linear-gradient(#f6e6bd,#d6b47a);border:1px solid #c3a065;border-radius:10px;display:grid;place-items:center;width:32px;height:32px;color:#66461e;font-size:14px;font-weight:800;flex-shrink:0;box-shadow:inset 0 1px #fff8da,0 3px 0 #b58d4c40}.welcome-steps strong{font-size:14px;font-weight:800}.welcome-steps small{display:block;font-size:12px;color:#725b3c;margin-top:3px;line-height:1.4}.fine{font-size:12px;text-align:center;color:#776043;margin-top:15px;line-height:1.6}.reward-tag{float:right;background:linear-gradient(#e7efcf,#c3d09f);color:#3f5729;border:1px solid #aebd87;border-radius:7px;padding:4px 7px;margin-right:29px;letter-spacing:0;font-size:12px}.survey-modal{padding:25px 20px}.survey-product{margin:25px 0 20px}.product-photo{height:260px;background:#fffefa;border:1px solid #dfd0b6;border-radius:17px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 24px #d4c09a12}.product-photo img{width:100%;height:100%;object-fit:contain;display:block}.product-details{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px}.product-details span{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#806748}.product-details h3{font-size:17px;font-weight:800;line-height:1.4;margin:5px 0}.product-price{text-align:right;flex-shrink:0}.product-price strong{font-size:22px;font-weight:800;color:#4d3820}.product-price small{display:block;color:#775c3a;font-size:12px;margin-top:4px}.question-count{font-size:12px;color:#6c5638}.question-count>span{font-size:12px}.question-progress{display:flex;gap:5px;margin:9px 0 20px}.question-progress span{height:5px;flex:1;background:#dfcfb2;border-radius:5px;box-shadow:inset 0 1px 1px #99754830}.question-progress .filled{background:#5f783e}.modal .question-title{font-size:23px;margin-bottom:18px}.options{display:grid;gap:9px}.options button{background:linear-gradient(#fffbed,#f4e8ce);border:1px solid #d2bb95;box-shadow:inset 0 1px #fff,0 2px 0 #c4a46d26;padding:14px 13px;display:flex;align-items:center;gap:11px;border-radius:12px;text-align:left;font-size:14px;color:#58442c;min-height:48px}.options .selected{border:2px solid #72804e;background:linear-gradient(#f0f2dc,#dbe4c2);padding:13px 12px;color:#304724;font-weight:800;box-shadow:inset 0 1px #fbffe9}.radio{width:19px;height:19px;border:1px solid #bba17a;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#fffbee;box-shadow:inset 0 2px 2px #96764420}.selected .radio{border-color:#71854a}.radio span{width:11px;height:11px;background:linear-gradient(#8b9c5b,#3c562b);border-radius:50%}.text-button{background:none;color:#655033;display:block;margin:15px auto 0;padding:5px 10px;font-size:13px;font-weight:650}.success-symbol{display:grid;place-items:center;width:85px;height:85px;border-radius:26px;background:linear-gradient(#f9e7bc,#d3ac64);border:1px solid #b99550;box-shadow:inset 0 2px #fffae3,0 4px 0 #b8955455;color:#4f6331;margin:12px 0 25px}.reward-modal{text-align:center;overflow:visible}.reward-modal .success-symbol{display:none}.reward-owl-wrap{height:160px;display:flex;justify-content:center;align-items:center;position:relative}.reward-owl-wrap::before{content:'';position:absolute;width:145px;height:145px;border:1px solid #c3a568;border-radius:50%;box-shadow:0 0 0 14px #ead8aa75,0 0 0 28px #eddcbb45}.reward-owl-wrap img{width:170px;height:180px;object-fit:contain;position:relative;filter:drop-shadow(0 8px 4px #5f431d28)}.reward-amount{font-size:52px;font-weight:800;color:#476132;letter-spacing:-2px;margin:10px 0 25px;text-shadow:0 2px #fffbe9}.modal-owl{width:165px;height:175px;object-fit:contain;display:block;margin:0 auto 15px}.terms-copy p{font-size:15px;line-height:1.7;color:#695236;margin:17px 0}.methods{display:grid;gap:12px}.methods button{display:flex;align-items:center;gap:12px;border:1px solid #d0b68b;border-radius:15px;background:linear-gradient(#fff9e7,#f1dfbd);box-shadow:inset 0 1px #fff,0 3px 0 #bda07040;text-align:left;padding:18px 12px;color:#68502c}.methods span:not(.carved-icon){flex:1;color:#4c3820}.methods strong{font-size:14px}.methods small{display:block;font-size:12px;color:#70593a;margin-top:5px}.carved-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #b78e4f;background:linear-gradient(135deg,#fff0c3,#cfa767);border-radius:12px;box-shadow:inset 0 2px #fff7df,0 3px 0 #9e793d4a;color:#765025}.reverse{transform:rotate(180deg)}.field-label{display:block;font-size:14px;font-weight:700;color:#604728;margin:20px 0 10px}input,select{width:100%;padding:16px;border-radius:12px;border:1px solid #bfa57b;background:#fffbee;color:#4d3820;font-size:16px;box-shadow:inset 0 2px 3px #87633312}input::placeholder{color:#877254}input:focus,select:focus{outline:2px solid #7b8c54}.align-left{text-align:left}.sponsor-list{display:grid;gap:7px}.sponsor-list a{display:flex;align-items:center;gap:11px;border:1px solid #d6bd93;padding:10px 12px;border-radius:11px;color:#6c7d46;background:linear-gradient(#fff8e7,#f1e1c4);box-shadow:inset 0 1px #fff}.sponsor-list strong{flex:1;font-size:14px;color:#564024}.sponsor-num{font-size:12px;color:#705021;font-weight:800;background:linear-gradient(#fae8b9,#d4b170);border:1px solid #c4a166;box-shadow:inset 0 1px #fff8dc,0 2px 0 #b28c4b42;border-radius:8px;width:29px;height:29px;display:grid;place-items:center}.error{background:#ffeadb;border:1px solid #cfaa86;color:#863c1c;font-size:13px;padding:14px;border-radius:12px;margin-top:14px;line-height:1.6}.error button{background:none;text-decoration:underline;color:inherit;margin-left:10px}.celebration-canvas{position:fixed;inset:0;width:100vw;height:100dvh;pointer-events:none;z-index:100;contain:strict}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:600px){.app{margin-top:16px;margin-bottom:16px;min-height:calc(100dvh - 32px);border-radius:25px;overflow:hidden}.header{height:76px}.bottom-nav{bottom:0}.modal-backdrop{padding:24px}.modal{max-height:calc(100dvh - 48px)}}@media(max-width:374px){.header{padding-inline:15px}.page{padding-inline:16px}.forest-intro h1{font-size:23px}.hero-owl{width:103px;right:-8px}.forest-intro{padding-right:78px}.task-card{gap:9px;padding:12px 11px}.task-number{width:31px}.task-content h2{font-size:14px}.task-bottom strong{font-size:20px}.task-bottom button{padding:8px 11px}.section-label{font-size:13px}.section-label>span:last-child{font-size:12px}.modal{padding-inline:18px}.reward-coin{width:20px;height:20px;font-size:13px}.product-photo{height:240px}}@media(max-height:740px){.header{height:60px}.page{padding-top:10px}.forest-intro{min-height:94px}.forest-intro h1{font-size:23px}.hero-owl{height:105px;width:104px}.intro{margin-top:6px}.section-label{margin-top:10px;margin-bottom:9px}.task-card{padding-block:10px}.task-list{gap:10px}.task-bottom{margin-top:7px}.task-bottom button{padding-block:7px;min-height:32px}.task-meta{margin-top:2px}.progress-banner{margin-top:17px}.welcome-art{height:112px;margin-bottom:18px}.welcome-art img{height:123px}.modal{padding-block:24px}.welcome-steps{gap:11px}.product-photo{height:230px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.celebration-canvas{display:none}}@media(min-width:461px){.celebration-canvas{width:100vw}}