:root{color:#17211f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:#f3f7f4;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.auth-shell{color:#17211f;background:linear-gradient(#f4f8f6f2,#eff4f1fa),#f3f7f4;grid-template-columns:minmax(360px,.9fr) minmax(360px,1.1fr);min-height:100vh;display:grid}.auth-panel{background:#fffffff0;border:1px solid #d5dfd9;border-radius:8px;place-self:center;gap:22px;width:min(520px,100% - 40px);padding:28px;display:grid;box-shadow:0 24px 70px #18302a1f}.compact-auth-panel{max-width:420px}.auth-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.auth-brand strong{color:#13211d;line-height:1.2;display:block}.auth-brand small{color:#648077;margin-top:3px;font-size:.78rem;font-weight:800;display:block}.auth-heading h1{color:#13211d;letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:.98}.auth-tabs{background:#eef5f1;border:1px solid #d8e2dc;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;display:grid}.auth-tabs button,.link-button,.sign-out-button{font:inherit;cursor:pointer;border:0;border-radius:8px;font-weight:900}.auth-tabs button{color:#477068;background:0 0;min-height:42px}.auth-tabs button.active{color:#102521;background:#fff;box-shadow:0 8px 18px #18302a14}.auth-form{gap:14px;display:grid}.auth-form label{color:#274a42;gap:7px;font-size:.9rem;font-weight:900;display:grid}.auth-form input{color:#13211d;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #cbd8d1;border-radius:8px;padding:0 13px;font-weight:700}.auth-form input:focus{border-color:#145c4c;outline:3px solid #7dd3fc73}.auth-submit{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#145c4c;border:0;border-radius:8px;font-weight:900}.link-button{color:#145c4c;text-align:left;background:0 0;justify-self:start;padding:0}.auth-message{color:#274a42;background:#f7faf8;border:1px solid #d5dfd9;border-radius:8px;align-items:center;min-height:46px;padding:12px 14px;font-weight:800;display:flex}.auth-aside{color:#edf8f0;background:linear-gradient(135deg,#102521f2,#145c4cf5),#102521;align-content:center;gap:24px;min-height:100vh;padding:44px;display:grid}.auth-aside h2{color:#fff;letter-spacing:0;max-width:620px;margin:0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.96}.auth-aside .eyebrow{color:#d7fb73}.auth-benefit-grid{grid-template-columns:repeat(2,minmax(0,180px));gap:10px;display:grid}.auth-benefit-grid span{color:#edf8f0;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;align-items:center;min-height:54px;padding:0 14px;font-weight:900;display:flex}.app-shell{color:#17211f;background:linear-gradient(#f4f8f6f0,#eff4f1fa),#f3f7f4;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#edf8f0;box-sizing:border-box;background:#102521;border-right:1px solid #ffffff14;flex-direction:column;gap:28px;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark,.avatar,.coin-icon,.nav-icon{flex:none;place-items:center;display:inline-grid}.brand-mark{color:#102521;background:#d7fb73;border-radius:8px;width:46px;height:46px;font-weight:900;box-shadow:inset 0 -5px #1025212e}.brand strong,.profile-card strong{line-height:1.2;display:block}.brand small,.profile-card span{color:#abc5bb;margin-top:3px;font-size:.78rem;display:block}.nav-stack{gap:8px;display:grid}.nav-button{color:#d8e8df;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;font-weight:800;display:flex}.nav-button:hover,.nav-button.active{color:#102521;background:#d7fb73}.nav-icon{width:28px;height:28px;color:inherit;background:#ffffff1f;border-radius:7px;font-size:.82rem}.nav-button.active .nav-icon,.nav-button:hover .nav-icon{background:#1025211f}.profile-card{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:8px;align-items:center;gap:12px;margin-top:auto;padding:12px;display:flex}.profile-card>div:not(.avatar){min-width:0}.sign-out-button{color:#102521;white-space:nowrap;background:#d7fb73;margin-left:auto;padding:8px 10px;font-size:.78rem}.avatar{color:#102521;background:#7dd3fc;border-radius:8px;width:42px;height:42px;font-weight:900}.workspace{box-sizing:border-box;width:min(1180px,100%);margin:0 auto;padding:32px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:#477068;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:900}.topbar h1{color:#13211d;letter-spacing:0;max-width:720px;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.98}.balance-pill{background:#fff;border:1px solid #cbd8d1;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;min-width:190px;padding:14px 16px;display:grid;box-shadow:0 14px 36px #18302a14}.balance-pill span:not(.coin-icon){color:#13211d;font-size:1.55rem;font-weight:900;line-height:1}.balance-pill small{color:#648077;grid-column:2;font-weight:800}.coin-icon{color:#3a2a05;background:#ffd166;border-radius:999px;grid-row:span 2;width:38px;height:38px;font-weight:900;box-shadow:inset 0 -4px #3a2a052e}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.stat-card,.panel,.notice{background:#ffffffe0;border:1px solid #d5dfd9;border-radius:8px;box-shadow:0 14px 34px #18302a12}.stat-card{box-sizing:border-box;align-content:center;gap:4px;min-height:88px;padding:16px;display:grid}.stat-card span{color:#607b73;font-size:.86rem;font-weight:800}.stat-card strong{color:#13211d;font-size:1.7rem;line-height:1}.notice{color:#274a42;align-items:center;min-height:46px;margin-bottom:18px;padding:0 16px;font-weight:800;display:flex}.content-grid{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:16px;display:grid}.panel{box-sizing:border-box;padding:20px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-heading h2,.gift-card h2,.survey-modal h2{color:#13211d;margin:0;font-size:1.35rem;line-height:1.1}.status{color:#6b4e08;white-space:nowrap;background:#f9e7ad;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.status.ready{color:#124237;background:#c8f5dd}.wheel-panel{min-height:480px}.wheel-wrap{aspect-ratio:1;width:min(310px,80vw);margin:24px auto;position:relative}.wheel-pointer{z-index:2;border-top:28px solid #13211d;border-left:13px solid #0000;border-right:13px solid #0000;width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.wheel{background:radial-gradient(circle,#fff 0 20%,#0000 21%),conic-gradient(#00a6a6 0deg 45deg,#f2c14e 45deg 90deg,#f78154 90deg 135deg,#4d9078 135deg 180deg,#b4436c 180deg 225deg,#64a6bd 225deg 270deg,#ed6a5a 270deg 315deg,#9bc53d 315deg 360deg);border:12px solid #fff;border-radius:999px;transition:transform 1.6s cubic-bezier(.16,.9,.22,1);position:absolute;inset:0;box-shadow:inset 0 0 0 2px #13211d14,0 18px 34px #13211d2e}.wheel:after{content:"$";color:#2f2104;background:#ffd166;border-radius:999px;place-items:center;width:62px;height:62px;font-size:1.7rem;font-weight:900;display:grid;position:absolute;inset:50%;transform:translate(-50%,-50%);box-shadow:0 8px 18px #13211d2e}.wheel-segment{color:#fff;text-shadow:0 1px 2px #0000003d;place-items:center;width:38px;height:26px;font-size:.78rem;font-weight:900;display:grid;position:absolute;top:calc(50% - 13px);left:calc(50% - 19px)}.segment-1{transform:rotate(22.5deg)translateY(-112px)rotate(-22.5deg)}.segment-2{transform:rotate(67.5deg)translateY(-112px)rotate(-67.5deg)}.segment-3{transform:rotate(112.5deg)translateY(-112px)rotate(-112.5deg)}.segment-4{transform:rotate(157.5deg)translateY(-112px)rotate(-157.5deg)}.segment-5{transform:rotate(202.5deg)translateY(-112px)rotate(-202.5deg)}.segment-6{transform:rotate(247.5deg)translateY(-112px)rotate(-247.5deg)}.segment-7{transform:rotate(292.5deg)translateY(-112px)rotate(-292.5deg)}.segment-8{transform:rotate(337.5deg)translateY(-112px)rotate(-337.5deg)}.wheel-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.wheel-actions p,.empty-state{color:#668076;margin:0;font-weight:800}button{font:inherit}.primary-button,.ad-offer button,.survey-row button,.gift-card button,.answer-grid button{color:#fff;cursor:pointer;background:#145c4c;border:0;border-radius:8px;min-height:42px;font-weight:900}.primary-button{align-items:center;gap:9px;padding:0 18px;display:inline-flex}.primary-button span{color:#145c4c;background:#d7fb73;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.8rem;display:grid}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7dd3fc}.ad-panel,.survey-panel{min-height:232px}.survey-panel{grid-column:2}.ad-list,.survey-list,.activity-list,.redemption-list{gap:10px;display:grid}.ad-offer,.survey-row,.activity-row{box-sizing:border-box;background:#fff;border:1px solid #d8e2dc;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px;display:grid}.survey-row,.activity-row{grid-template-columns:minmax(0,1fr) auto}.ad-thumb{color:#fff;border-radius:8px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.ad-offer.blue .ad-thumb{background:#2364aa}.ad-offer.green .ad-thumb{background:#3b7a57}.ad-offer.coral .ad-thumb{background:#d95d39}.ad-offer strong,.survey-row strong,.activity-row strong{color:#13211d;line-height:1.18;display:block}.ad-offer span,.survey-row span,.activity-row span{color:#668076;margin-top:4px;font-size:.84rem;font-weight:700;display:block}.ad-offer button,.survey-row button{min-width:88px;padding:0 14px}.progress-track{background:#e4ede8;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.progress-track div{border-radius:inherit;background:#d7fb73;height:100%;transition:width .25s}.wide-panel{max-width:760px}.positive{color:#16734f}.negative{color:#bf3a30}.redeem-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.gift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.gift-card{color:#fff;box-sizing:border-box;border-radius:8px;align-content:space-between;gap:16px;min-height:220px;padding:18px;display:grid;position:relative;overflow:hidden}.gift-card:after{content:"";border:22px solid #ffffff2e;border-radius:999px;width:132px;height:132px;position:absolute;bottom:-42px;right:-36px}.gift-card.espresso{background:#4a3933}.gift-card.violet{background:#4b3f72}.gift-card.teal{background:#176b68}.gift-card.amber{background:#a15c1b}.gift-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.gift-topline span{color:#ffffffe6;background:#ffffff26;border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:900}.gift-topline strong{font-size:1.45rem}.gift-card h2,.gift-card p,.gift-card button,.gift-topline{z-index:1;position:relative}.gift-card h2{color:#fff;max-width:200px}.gift-card p{color:#ffffffd1;margin:0;font-weight:800}.gift-card button{color:#13211d;background:#fff;width:max-content;min-width:110px;padding:0 18px}.redemption-panel{min-height:220px}.modal-backdrop{z-index:20;box-sizing:border-box;background:#0c1a168c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.survey-modal{box-sizing:border-box;background:#fff;border:1px solid #d5dfd9;border-radius:8px;width:min(560px,100%);padding:24px;position:relative;box-shadow:0 24px 80px #0c1a1647}.close-button{color:#13211d;cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:8px;width:36px;height:36px;font-weight:900;position:absolute;top:14px;right:14px}.answer-grid{gap:10px;margin-top:22px;display:grid}.answer-grid button{text-align:left;background:#145c4c;width:100%;padding:0 16px}@media (width<=980px){.auth-shell{grid-template-columns:1fr}.auth-panel{width:calc(100% - 44px);margin:24px 0}.auth-aside{min-height:auto;padding:34px 22px}.auth-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr;gap:16px;height:auto;display:grid;position:static}.nav-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-card{display:none}.workspace{padding:22px}.content-grid,.redeem-layout{grid-template-columns:1fr}.survey-panel{grid-column:auto}}@media (width<=700px){.auth-panel{width:calc(100% - 32px);padding:20px}.auth-aside h2{font-size:2.3rem}.topbar{flex-direction:column}.balance-pill{box-sizing:border-box;width:100%}.stats-grid,.gift-grid{grid-template-columns:1fr}.ad-offer{grid-template-columns:auto minmax(0,1fr)}.ad-offer button{grid-column:1/-1;width:100%}.wheel-actions{flex-direction:column;align-items:stretch}.primary-button{justify-content:center}}@media (width<=520px){.auth-benefit-grid{grid-template-columns:1fr}.sidebar,.workspace{padding:16px}.brand{align-items:flex-start}.nav-button{justify-content:center;padding:10px 8px}.nav-icon{display:none}.panel{padding:16px}.wheel-wrap{width:min(270px,78vw)}.segment-1{transform:rotate(22.5deg)translateY(-98px)rotate(-22.5deg)}.segment-2{transform:rotate(67.5deg)translateY(-98px)rotate(-67.5deg)}.segment-3{transform:rotate(112.5deg)translateY(-98px)rotate(-112.5deg)}.segment-4{transform:rotate(157.5deg)translateY(-98px)rotate(-157.5deg)}.segment-5{transform:rotate(202.5deg)translateY(-98px)rotate(-202.5deg)}.segment-6{transform:rotate(247.5deg)translateY(-98px)rotate(-247.5deg)}.segment-7{transform:rotate(292.5deg)translateY(-98px)rotate(-292.5deg)}.segment-8{transform:rotate(337.5deg)translateY(-98px)rotate(-337.5deg)}}