:root{font-family:Arial,sans-serif;color:#391d34;background:#fff8ef;--plum:#391d34;--cream:#fff8ef;--gold:#f2b94b;--coral:#ed7760;--muted:#7d6878}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ad4b9a;outline-offset:4px}button{border:0;color:inherit;background:none}h1,h2,h3,p{margin-top:0}h1,h2,.wordmark{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}h1{font-size:clamp(38px,6vw,54px);line-height:1.06;margin-bottom:18px}h2{font-size:28px}h3{font-size:17px;margin-bottom:8px}p{line-height:1.6}.preview{background:var(--plum);color:#fff5df;text-align:center;font-size:11px;padding:10px 15px;letter-spacing:.03em}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}.muted,.fine{color:var(--muted)}.fine{font-size:11px;line-height:1.65;margin-top:22px}.wordmark{font-size:26px;letter-spacing:-.05em;padding:0}.wordmark span{color:#c38136;margin-left:8px}.auth{max-width:480px;margin:0 auto;min-height:calc(100dvh - 33px);padding:38px 28px}.auth>.wordmark{margin-bottom:70px}.question-progress{display:flex;gap:7px;margin-bottom:40px}.question-progress i{height:4px;background:#eadcd5;flex:1;border-radius:5px}.question-progress i.done{background:#b77747}.options{display:grid;gap:12px;margin:30px 0}.options button{border:1px solid #e2d4cc;background:#fffdf8;min-height:64px;border-radius:18px;text-align:left;padding:20px;display:flex;justify-content:space-between;align-items:center}.options button.selected{border:2px solid #a44b66;background:#fff0df}.primary{display:flex;justify-content:center;align-items:center;gap:25px;min-height:52px;border-radius:30px;background:var(--plum);color:#fff8ef;width:100%;padding:14px 20px;font-size:14px;font-weight:600;margin-top:18px;box-shadow:0 6px 20px #522b3d20}.text-button{font-size:12px;padding:12px 0;color:#8e4c62}.auth>.text-button{display:block;margin:15px auto}label{display:block;font-size:12px;line-height:1.5;margin:18px 0}input,select{display:block;width:100%;border:1px solid #dfcfc9;border-radius:12px;padding:14px;background:#fffcf8;color:var(--plum);margin-top:7px;min-width:0}.check{display:flex;align-items:flex-start;gap:10px;font-size:11px}.check input{width:18px;margin-top:1px;flex-shrink:0}.app-shell{max-width:1060px;margin:auto;padding:0 30px 110px}header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;gap:12px}.balance{background:linear-gradient(130deg,#ffe6a2,#f5ba4e);padding:11px 17px;border:1px solid #e5ab3d;border-radius:30px;box-shadow:0 4px 14px #b8842820;font-size:14px;font-weight:700;white-space:nowrap}.balance span{font-size:20px;margin-right:7px}.orb{position:relative;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff4c4 2%,#ffc180 25%,#ec796e 48%,#9e5283 75%,#67335c);box-shadow:inset -3px -5px 10px #4c285c44,0 6px 22px #ba5e7755;display:grid;place-items:center;padding:0;isolation:isolate}.orb>span:first-child{position:absolute;inset:-6px;border:1px solid #fffae999;border-radius:50%;animation:breathe 4s ease-in-out infinite}.orb-star{color:#fff6dd;font-size:24px;text-shadow:0 0 15px #fff}.orb.large{width:87px;height:87px}.orb.large .orb-star{font-size:38px}.daily{grid-column:1/-1;display:flex;justify-content:space-between;padding:16px 0;margin-top:9px;border-top:1px solid #944d5030;font-size:10px;gap:12px}.daily b{font-weight:400}.health-card{display:flex;align-items:center;gap:16px;padding:22px;margin-top:22px;border-radius:22px;background:#f3e7e7}.health-heart{font-size:36px;color:#c77387}.health-card h3{font-size:15px}.health-card p{font-size:11px;margin:0}.health-card button{margin-left:auto;font-size:25px}.offer{border-radius:23px;border:1px solid #e5d8ce;background:#fffdf8;overflow:hidden;display:grid;grid-template-columns:38% 1fr}.offer-art{min-height:190px;display:flex;align-items:center;justify-content:center;position:relative}.offer-art>span{font-family:Georgia,serif;font-size:76px;text-shadow:0 15px 15px #59333620}.offer-art small{position:absolute;bottom:13px;font-size:7px;letter-spacing:.15em;opacity:.7}.peach{background:radial-gradient(circle at 40% 30%,#ffecc1,#e9b59c)}.plum{background:radial-gradient(circle at 40% 30%,#f7d5ba,#b78caa)}.gold{background:radial-gradient(circle at 40% 30%,#fff2be,#d6af6d)}.offer-copy{padding:23px}.offer-copy .eyebrow{font-size:8px;margin-bottom:9px}.offer-copy h3{font-family:Georgia,serif;letter-spacing:-.03em;font-weight:400;font-size:26px;margin-bottom:10px}.offer-copy p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:20px}.offer-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center}.coin-cost{font-size:12px;font-weight:700;color:#925a27}.offer-bottom button{font-size:11px;border:1px solid #dfc9b7;border-radius:20px;padding:9px 12px}.offers{display:grid;gap:18px}.offers .offer{min-height:210px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filter-row button{border:1px solid #dbc9c0;border-radius:20px;font-size:11px;padding:10px 13px}.filter-row button.selected{background:var(--plum);color:#fff8ef}.info-card{background:#fffdf7;border:1px solid #e2d1ca;border-radius:20px;padding:23px;margin:20px 0}.info-card p{font-size:13px}.wide{display:block;width:100%;text-align:left;border-bottom:1px solid #e5d4cb;padding:22px 0;font-size:13px}.big-heart{font-size:90px;color:#d87d93;margin:25px 0}details{margin-top:30px}summary{font-size:12px;cursor:pointer}details p{font-size:12px}.danger{color:#a03646;border:1px solid #b35d62;border-radius:20px;padding:12px 20px}.modal-backdrop,.coach-backdrop{position:fixed;inset:0;background:#291c3680;backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;padding:20px}.offer-modal,.coach-panel{max-width:460px;width:100%;background:var(--cream);border-radius:28px;padding:38px 28px;position:relative;max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #301d4155}.close{position:absolute;top:13px;right:16px;font-size:27px}.offer-modal h2,.coach-panel h2{font-size:36px}.offer-modal p,.coach-panel>p{font-size:13px}.coach-panel>.orb{margin:15px auto 35px}.coach-panel{text-align:center}.coach-actions{display:grid;gap:10px;margin-top:25px}.coach-actions button{border:1px solid #e4cbbf;padding:15px;border-radius:15px;font-size:12px}#notice{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:90%;background:#391d34;color:#fff8ef;border-radius:15px;padding:0;font-size:12px;z-index:100;text-align:center}#notice:not(:empty){padding:15px 22px;box-shadow:0 5px 25px #391d3455}@keyframes breathe{50%{transform:scale(1.1);opacity:.5}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:780px){.app-shell{padding:0 20px 110px;max-width:520px}.orb.large{width:70px;height:70px}.daily{font-size:9px}.offer{grid-template-columns:1fr}.offer-art{min-height:140px}.offer-art>span{font-size:70px}.offer-copy{padding:20px}.offer-copy h3{font-size:27px}.offers .offer{min-height:0}.offer-copy p:not(.eyebrow){font-size:12px;margin-bottom:16px}.offer-bottom{font-size:12px}.offers .offer-art{min-height:128px}.content>h1{margin-top:14px}.health-card{gap:12px;padding:17px}.health-card h3{font-size:14px}header .wordmark{font-size:24px}.balance{padding:9px 13px;font-size:13px}.coach-panel,.offer-modal{padding:35px 24px}.auth{padding:30px 24px}.auth>.wordmark{margin-bottom:52px}}@media(max-width:360px){.app-shell{padding-left:15px;padding-right:15px}.orb.large{width:60px;height:60px}.daily{font-size:8px}.wordmark{font-size:22px}header .wordmark{font-size:21px}.balance{padding:8px 11px}}
.home-float{display:none}.scrolled .home-float{display:block}@media(max-width:780px){.content:has(>.offers)>h1{font-size:34px;margin-bottom:12px}.content:has(>.offers)>.muted{font-size:12px;line-height:1.5;margin-bottom:12px}.content:has(>.offers)>.eyebrow{margin-bottom:10px}.content:has(>.offers)>.filter-row{margin:18px 0}.offers .offer{grid-template-columns:31% 1fr;min-height:205px}.offers .offer-art{min-height:100%;padding:10px}.offers .offer-art>span{font-size:50px}.offers .offer-art small{font-size:6px;text-align:center;bottom:12px;line-height:1.5;left:5px;right:5px}.offers .offer-copy{padding:19px 16px}.offers .offer-copy h3{font-size:24px}.offers .offer-copy p:not(.eyebrow){font-size:11px;margin-bottom:16px}.offers .offer-bottom{align-items:flex-start;gap:8px;flex-wrap:wrap}.offers .coin-cost{font-size:10px}.offers .offer-bottom button{font-size:10px;padding:8px 12px}.offers{gap:15px}}@media(max-width:360px){.offers .offer-copy{padding:16px 12px}.offers .offer-copy h3{font-size:22px}.offers .offer{min-height:218px}}#notice{bottom:auto;top:45px;pointer-events:none}
@media(max-width:780px){.offers .offer-bottom{padding-right:48px}.content:has(>.big-heart)>.primary{width:calc(100% - 62px)}}#notice{top:4px;font-size:10px;max-width:94%;width:max-content}#notice:not(:empty){padding:9px 18px}
.win-coin{width:105px;height:105px;display:grid;place-items:center;margin:25px auto 35px;border-radius:50%;font-size:50px;color:#ac6e15;background:radial-gradient(circle at 30% 25%,#fff6b1,#ffce63 50%,#e2a032);border:5px double #e7ad35;box-shadow:0 10px 35px #e6a33c55;animation:breathe 3s ease-in-out infinite}

/* Aurora teal design interpretation of the supplied Sunny references. */
:root{--plum:#082f36;--cream:#f8f4ea;--gold:#f4c968;--coral:#117a65;--muted:#597174;color:var(--cream);background:#052c34}body{background:radial-gradient(ellipse at 80% 5%,#127e76aa,transparent 44%),linear-gradient(160deg,#083d48,#041f29);background-attachment:fixed}.preview{background:#031d25;color:#e3f9eb;font-size:10px}.app-shell,.auth{max-width:480px;margin:auto}.app-shell{background:linear-gradient(#06434a99,#042a32e8);min-height:100vh}header{background:#063b43ee;color:#fff8e8;border-bottom:1px solid #f4c96855;position:sticky;top:0;z-index:5}.wordmark{font-weight:bold;color:#fff8e8;font-size:30px}.wordmark span{color:#f4c968}.balance{background:#083d43;color:#ffe19a;border:1px solid #f4c968;box-shadow:0 0 15px #f4c96855}.content{padding:20px 16px 110px}h1,h2{font-weight:bold;letter-spacing:-.035em}.orb{background:radial-gradient(circle at 35% 28%,#fffad0 0,#fff470 14%,#ffd130 31%,#e7b237 42%,#0bba9a 60%,#005557 76%);border:2px solid #fff193;box-shadow:0 0 13px #ffdf5e,0 0 38px #6dfbd466}.orb:before,.orb:after{border-color:#ffe68088}.orb-star{color:#fff4a8}.daily{background:#f8f4eaed;color:#07363c;border-radius:18px 18px 0 0;margin-top:auto;border:1px solid #eed99f}.fine,.muted{color:#c0dcd2}.health-card,.info-card{background:#f8f4ea;color:#07373e;border:1px solid #9de6c8}.health-card p{color:#597174}.primary{background:linear-gradient(#ffe89b,#f4c968 52%,#dda22d);color:#072d34;font-weight:bold;border:1px solid #ffecab;box-shadow:0 0 16px #f4c96844;border-radius:15px}.offer{display:block;background:#f8f4ea;color:#092d34;border:1px solid #b8eadb;border-radius:17px;overflow:hidden;margin-bottom:15px}.offer-art{height:170px;width:100%;background:linear-gradient(#00363a22,#00363a22),url('/assets/retreat.jpg') center/cover}.offer-art span{display:none}.offer-art small{background:#022c34bb;color:#fff;padding:4px}.offer-copy{padding:15px}.offer-copy h3{font-size:25px;font-family:Georgia,serif}.offer-copy p{color:#365961}.offer-bottom{color:#0d4f57}.coin-cost{color:#846018}.auth{padding:24px 20px 40px;background:linear-gradient(#052c3488,#052c34cc),url('/assets/aurora.jpg') top center/100% auto no-repeat;min-height:100vh}.auth .wordmark{margin-bottom:36px}.auth h1{font-size:37px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.options button{min-height:96px;background:#f8f4ea;color:#07363e;border:1px solid #d8e5da;border-radius:15px;line-height:1.3}.options button.selected{background:#c7f4df;border:2px solid #117a65}.question-progress i.done{background:#f4c968}.question-progress i{background:#70948c}.auth form,.auth label{color:#fff3d9}.auth input,.auth select{background:#fff9ef;color:#083c43}.auth .text-button{color:#d2f5e2}.eyebrow{color:inherit}.coach-backdrop,.modal-backdrop{background:#00181fcc;backdrop-filter:blur(6px)}.coach-panel{background:#f8f4ea;color:#06323c;border-radius:28px 28px 0 0;border:1px solid #fff0ba;max-width:460px}.coach-panel .fine,.coach-panel .eyebrow{color:#54706c}.coach-panel h2{font-size:35px}.coach-panel .primary{color:#07363e}.offer-modal{background:linear-gradient(#0b4a53,#042c35);color:#fff7e4;border:1px solid #e6c567;border-radius:24px}.offer-modal .fine{color:#badfd4}.win-coin{background:radial-gradient(circle at 35% 25%,#fff4b8,#f4c968 45%,#c68b16);color:#fff7ce;box-shadow:0 0 35px #f4c968aa}.wide{color:#d7f6e8}.info-card p{color:#305a5f}.big-heart{color:#ff668a}.check{font-size:12px}.auth .fine{line-height:1.5}.text-button{color:#bdebd9}
.offer-art{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;display:block!important;position:relative}.offer-art:before,.offer-art:after{display:none!important}.offer-copy{display:block!important;position:static!important}.daily{position:absolute;bottom:0;left:18px;right:18px}.offer{grid-template-columns:none!important}
.offers .offer,.offer{height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column!important;gap:0!important}.offer .offer-art{height:150px!important;min-height:150px!important;flex:0 0 150px!important}.offer .offer-copy{height:auto!important;min-height:145px!important;flex:0 0 auto!important;overflow:visible!important}.offer .offer-copy *{visibility:visible}
.auth{background:radial-gradient(ellipse at 70% 0%,#08776b55,transparent 60%),linear-gradient(#052c3411,#052c34bb),url('/assets/aurora.jpg') top center/auto 200px no-repeat}.auth .fine{color:#c0dcd2}.daily{padding:15px 12px}.offer-art small{position:absolute;bottom:7px;left:8px;right:auto}.auth:has(.question-progress){padding-top:24px}.auth:has(.question-progress) h1{padding:22px 20px 0;margin:0;background:#f8f4ea;color:#07363c;border-radius:22px 22px 0 0;font-size:33px}.auth:has(.question-progress) .muted{background:#f8f4ea;color:#53716e;margin:0;padding:14px 20px}.auth:has(.question-progress) .options{margin:0;padding:10px 16px 24px;background:#f8f4ea;border-radius:0 0 22px 22px}.auth:has(.question-progress) .options button{border-color:#d6dfd7;font-size:14px;min-height:90px;background:#fffcf6}.auth:has(.question-progress) .options button.selected{background:#b9f3de;border-color:#1e8b70}.auth .question-progress{margin-bottom:22px}
.offer-bottom button,.close,.text-button,summary{min-height:44px}.close{min-width:44px}.settings label{color:#fff0d4}
.content{min-width:0}.app-shell{padding-left:20px;padding-right:20px}.content{padding-left:16px;padding-right:16px}.onboarding .options button{overflow-wrap:anywhere}
.offer-art small{font-size:8px!important;letter-spacing:.08em;padding:4px 6px}.auth{background-size:auto 320px}.auth .question-progress i{height:5px}
.sim-metrics{background:#f8f4ea;color:#07363c;border-radius:20px;padding:20px;margin:20px 0}.sim-metrics .text-button{color:#176b60}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.metric-grid article{background:#d9eee3;color:#0b4145;border-radius:16px;padding:16px}.metric-grid span,.metric-grid small{display:block;font-size:11px;line-height:1.5}.metric-grid strong{display:block;font:26px Georgia;margin:9px 0}.sim-banner{background:#c9f2dd;color:#155d50;border-radius:10px;padding:12px;font-size:11px;line-height:1.4}#coach-reply{white-space:pre-wrap;text-align:left;border-radius:14px;background:#e2eee5;padding:14px;line-height:1.6}#coach-reply:empty{display:none}.coach-panel input{font-size:16px}.coach-panel .text-button{color:#176b60}button:disabled{opacity:.55}.auth .options button{min-height:76px!important}.auth h1{font-size:32px!important}
.coach-panel>[data-action="dictate"],.coach-panel>[data-action="read-reply"]{display:block;width:100%;padding:12px;margin:5px 0;border:1px solid #c7d8ce;border-radius:12px}
/* Fidelity repair: original Aurora Teal boards, 20 October. */
body{background:#042d38 url('/assets/onboarding-scene.jpg') center top/cover fixed}.preview{font-size:9px;padding:6px 8px;position:relative;z-index:12}.app-shell{max-width:430px;padding:0;background:linear-gradient(#003b4580,#032e37eb);min-height:100dvh}header{padding:15px 18px 10px;position:relative;background:transparent;border:0;min-height:64px}.wordmark,header .wordmark{font-size:30px;letter-spacing:-.04em}.wordmark>span{display:none}.balance{font-weight:400;font-size:14px;padding:7px 10px;display:flex;gap:7px;align-items:center;background:linear-gradient(#103e45,#05282d);border-color:#ffce55;box-shadow:0 0 8px #ffce5544;min-height:35px}.coin-icon{display:inline-grid;place-items:center!important;font-family:Georgia,serif;font-size:10px!important;font-style:italic;font-weight:bold;width:23px;height:23px;background:radial-gradient(circle at 30% 20%,#fff7bf,#ffd348 50%,#c98309);border:2px solid #f9d76a;border-radius:50%;color:#fff9d2;box-shadow:0 0 8px #ffc83399;margin:0!important}.content{padding:0 16px 110px}.orb,.orb.large{width:68px;height:68px;background:radial-gradient(circle at 35% 24%,#fffed0 0%,#f9ed57 17%,#f7c62f 36%,#4ece8f 58%,#00595a 80%);box-shadow:0 0 18px #ffe775,0 0 30px #55ffd399,inset -8px -8px 15px #00484688}.orb>span:first-child{inset:-10px;border-color:#ffe99199;box-shadow:0 0 0 9px #ffe99122}.orb-face{font:22px Arial;color:#fff6b5;transform:translateY(7px);letter-spacing:1px}.pillars{display:flex;justify-content:space-between;margin:12px 0 8px;gap:6px}.pillars button{font-size:11px;font-weight:bold;padding:0;display:flex;align-items:center;flex-direction:column;gap:5px;flex:1}.pillars span{width:42px;height:42px;border-radius:50%;background:linear-gradient(#1dd1b3,#007e74);display:grid;place-items:center;color:#fff;font-size:28px}.pillars button:nth-child(2) span{background:linear-gradient(#2b86c8,#064b77)}.pillars button:nth-child(3) span{background:linear-gradient(#49d5f2,#0580ad)}.pillars button:nth-child(5) span{background:linear-gradient(#ffc75e,#c17a0c)}.pillars i{display:block;width:100%;height:5px;border-radius:9px;background:linear-gradient(90deg,#18bd9c 65%,#e5e8df 65%)}.health-card{width:100%;text-align:left}.health-card small{display:block;margin-top:5px}.offer{border:1px solid #c7e9d8;border-radius:15px;margin-bottom:14px;box-shadow:0 6px 15px #001b2444}.offer .offer-art{height:150px!important;min-height:150px!important;flex-basis:150px!important}.offer-copy,.offers .offer-copy{padding:10px 12px!important;min-height:0!important}.offer-copy .eyebrow{font-size:9px;margin:0 0 3px;letter-spacing:.03em}.offer-copy h3,.offers .offer-copy h3{font-size:21px;margin:0 0 5px;line-height:1.05}.offer-copy p:not(.eyebrow){font-size:10px!important;margin:0 0 7px!important;line-height:1.35}.offer-bottom,.offers .offer-bottom{padding:0;flex-wrap:nowrap;align-items:center}.coin-cost{font-size:13px!important;display:flex;align-items:center;gap:6px;color:#1b3753}.offer-bottom button{font-size:10px;min-height:36px;padding:5px 10px;background:#d3f3e5;border:1px solid #9dd9c3}.offer-actions{display:flex;justify-content:space-between;border-top:1px solid #e1e3d9;margin:8px -7px -5px;padding-top:3px}.offer-actions button{font-size:11px;min-height:38px;padding:5px 7px;color:#153453}.offer-actions .chosen{color:#087b65;font-weight:bold}.auth{max-width:430px;padding:18px 15px 25px;min-height:calc(100dvh - 25px);background:linear-gradient(transparent 180px,#032b36dd 420px),url('/assets/onboarding-scene.jpg') center 44px/auto 245px no-repeat,#063943}.onboard-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.onboard-head .wordmark{margin:0;font-size:30px}.auth .question-progress{display:flex;justify-content:center;gap:9px;margin:23px 0 15px}.auth .question-progress i{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#90bfbd}.auth .question-progress i.done{background:#ffce55;box-shadow:0 0 5px #ffdc83}.sunny-intro{height:124px;display:flex;align-items:center;padding:0 7px 24px;gap:19px}.sunny-intro .orb{flex:0 0 68px}.sunny-intro p{font-size:12px;line-height:1.35;background:#fffaf0;color:#13364a;border-radius:20px;padding:14px 12px;margin:0;max-width:205px;box-shadow:0 5px 15px #00334455}.question-label{background:#fffbf2;color:#244252;margin:0!important;padding:17px 18px 6px!important;border-radius:23px 23px 0 0;letter-spacing:0;text-transform:none;font-size:11px}.auth:has(.question-progress) h1{border-radius:0;font-size:31px!important;line-height:1.03;padding:0 18px 8px;min-height:72px}.auth:has(.question-progress) .muted{display:none}.auth:has(.question-progress) .options{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px 18px;gap:7px;border-radius:0 0 20px 20px}.auth .options button{position:relative;padding:9px 5px!important;min-height:100px!important;border-radius:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;border:1px solid #ebe6d9!important;box-shadow:0 3px 7px #173f3312}.auth .options button.selected{border:1px solid #078e75!important;box-shadow:inset 0 0 15px #82efc48a;background:#dffbea!important}.choice-icon{font-size:31px;line-height:1.1;color:#078c83}.options button b{font:600 11px Arial;line-height:1.15}.choice-check{position:absolute;right:5px;top:3px;font-size:11px;color:#af7d10}.primary{background:linear-gradient(#fff1ac,#ffd65b 35%,#f3b92e 70%,#e6a51f);border:1px solid #fff3b4;box-shadow:inset 0 1px 4px #fff8cd,0 0 12px #ffcf5b44;font-family:Georgia,serif;font-size:18px;min-height:48px}.auth>.primary{width:55%;margin:15px 0 0 auto}.auth>.text-button{margin:-46px auto 10px 12px;min-height:44px}.auth>.fine{margin-top:14px;text-align:center;font-size:9px}.auth:has(#auth){padding-top:24px}.auth:has(#auth)>.wordmark{margin-bottom:140px}.auth:has(#auth) h1{font-size:32px!important}.auth .options button:disabled{opacity:.7}.coach-backdrop{align-items:end;padding:0}.coach-panel{max-width:430px;border-radius:28px 28px 0 0;padding:28px 20px 20px}.coach-panel>.orb{margin:8px auto 22px}.coach-panel>p{font-size:12px;line-height:1.45}.coach-panel h2{margin-bottom:8px}.coach-panel>.eyebrow{display:none}.coach-panel .fine{font-size:9px}.offer-modal{background:linear-gradient(#074953,#032c35)}.win-coin{font-family:Georgia,serif;font-weight:bold;font-style:italic}.health-card{margin-top:16px}.auth:has(.question-progress) .options:has(button:nth-child(4)):not(:has(button:nth-child(5))){grid-template-columns:1fr 1fr}.auth:has(.question-progress) .options:not(:has(button:nth-child(4))){grid-template-columns:1fr 1fr}.auth:has(.question-progress) .options:not(:has(button:nth-child(4))) button{min-height:90px!important}@media(max-width:360px){.auth{padding-left:12px;padding-right:12px}.auth:has(.question-progress) h1{font-size:28px!important}.choice-icon{font-size:27px}.auth .options button{min-height:93px!important}.onboard-head .wordmark{font-size:27px}.balance{font-size:12px}.offer-actions button{padding:5px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body{background:#052e39 url('/assets/aurora.jpg') center top/auto 300px fixed no-repeat}.auth{background:linear-gradient(transparent 120px,#032c3588 280px,#032c35 470px),url('/assets/onboarding-scene.jpg') center 94px/100% 230px no-repeat,#063943}.app-shell{background:linear-gradient(#043b4466,#032e37f5)}header{background:#073a43bb}.auth>.text-button{max-width:36%;font-size:11px}.auth:has(.question-progress) h1{min-height:66px}.onboard-head .balance{min-width:86px}.orb-face{font-size:17px!important}.offer-art small{bottom:4px;font-size:7px!important}
.choice-icon svg{width:34px;height:34px}.pillars svg{width:30px;height:30px}.auth:has(.question-progress) h1{font-size:33px!important;max-width:none}
.offer-modal h2{font-size:30px;margin-bottom:12px}.offer-modal>p{font-size:12px;line-height:1.45}.offer-modal{padding:32px 20px 20px}.pillars i{background:#d9e9e0}.offer-modal>.primary{font-size:17px}.app-shell header{backdrop-filter:blur(10px)}


.auth.onboarding{background:linear-gradient(transparent 275px,#06343d 390px),url('/assets/onboarding-scene.jpg') center 80px/100% auto no-repeat,#063943;min-height:calc(100dvh - 22px);padding-bottom:20px}.onboarding .sunny-intro{height:160px;align-items:center}.onboarding .sunny-intro>.orb{visibility:hidden}.onboarding .sunny-intro>p{max-width:210px;margin-left:14px}.onboarding .question-panel{background:#fffaf0;color:#09353d;border-radius:26px;padding:20px 14px 15px;margin-top:0;box-shadow:0 8px 22px #001c2633}.onboarding .question-panel h1{background:none!important;padding:0!important;margin:0 0 18px!important;font-size:32px!important;line-height:1.03!important}.onboarding .question-panel>.eyebrow{background:none!important;padding:0!important;margin:0 0 7px!important}.onboarding .question-panel>.muted{display:none}.onboarding .options{margin:0!important;padding:0!important;background:none!important;gap:8px!important}.onboarding .options button{min-height:100px;padding:8px 4px!important;border:1px solid #e9e2d4}.onboarding .options button.selected{border-color:#119c7e;background:#ddf8ec}.onboarding .choice-icon{height:54px}.onboarding .choice-icon img{width:46px;height:51px;object-fit:contain}.onboarding .question-panel>.primary{width:65%;margin:24px 0 0 auto!important;float:right;height:48px;min-height:48px}.onboarding .question-panel>.text-button{width:32%;margin:26px 0 0!important;min-height:44px;color:#054961;font-family:Georgia;font-weight:bold}.onboarding .question-panel>.fine{clear:both;padding-top:14px;margin:0;color:#647e7b;font-size:9px}.onboarding .question-progress{margin-bottom:6px!important}.screen-home header{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:linear-gradient(#06374255,transparent);z-index:5}.screen-home .content{padding-top:0}.screen-home header{backdrop-filter:none}.onboarding .onboard-head{background:transparent}
@media(max-width:350px){.onboarding .question-panel h1{font-size:29px!important}.onboarding .sunny-intro{height:140px}.onboarding .sunny-intro>p{max-width:177px;margin-left:5px}.onboarding .options button{min-height:92px}.onboarding .choice-icon img{width:40px;height:46px}}
.onboarding .question-panel h1{font-size:34px!important;max-width:260px;min-height:0!important;line-height:.99!important}.auth.onboarding{background-position:center 85px;background-size:100% 195px}.onboarding .sunny-intro{height:160px;padding-bottom:0;gap:5px}.onboarding .sunny-intro>p{margin-left:0;font-size:12px;padding:15px 12px;max-width:207px}.onboarding .sunny-intro>.orb{flex:0 0 86px}.onboarding .question-panel{margin-top:0}.onboarding .onboard-head{margin-bottom:0}.onboarding .question-progress{margin-top:15px!important}.onboarding .question-panel>.eyebrow{font-size:11px}.onboarding .options{margin-top:20px!important}
.onboarding .sunny-intro>.orb{visibility:visible;flex:0 0 68px;margin-left:5px}.onboarding .sunny-intro{gap:12px}.onboarding .sunny-intro>p{max-width:225px}.auth.onboarding{background-position:center 87px;background-size:100% 195px}
.onboarding .sunny-intro>.orb{visibility:hidden;flex:0 0 135px}.onboarding .sunny-intro>p{font-size:11px;padding:13px 10px;max-width:190px}.onboarding .sunny-intro{gap:0}.onboarding .onboard-head{position:relative;z-index:1}.auth.onboarding{background-image:linear-gradient(transparent 255px,#06343d 330px),url('/assets/onboarding-scene.jpg');background-position:0 0,center 70px;background-size:auto,100% 235px}
/* Livcoin immersive discovery, October revision */
:root{color-scheme:light}.preview{height:20px;padding:4px 6px;font-size:8px;position:fixed;top:0;left:0;right:0;z-index:50;background:#041e27}.app-shell{padding-top:20px;max-width:480px}.app-shell header{height:59px;min-height:59px;padding:10px 18px;position:fixed;top:20px;width:100%;max-width:480px;left:50%;transform:translateX(-50%);z-index:20;background:linear-gradient(#032b35ed,#032b3588);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between}.app-shell header .wordmark{font-size:27px}.app-shell .content{padding-top:65px}.screen-offers{height:100dvh;overflow:hidden;max-width:480px;background:#042933}.screen-offers .content{padding:0;height:calc(100dvh - 20px)}.screen-offers header{background:linear-gradient(#00212bdb,transparent);backdrop-filter:none;pointer-events:none}.screen-offers header button{pointer-events:auto}.immersive-feed{height:calc(100dvh - 84px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}.immersive-feed::-webkit-scrollbar{display:none}.screen-home header{top:20px;max-width:480px}.screen-home .content{padding-top:59px}.orb{transition:transform .25s ease;touch-action:manipulation}.orb:active{transform:scale(.9)}.orb.listening{animation:sunny-listen 1.2s ease-in-out infinite}.orb.thinking{animation:sunny-think 2s ease-in-out infinite}.orb.speaking{animation:sunny-speak .75s ease-in-out infinite}.orb.speaking>span:first-child{animation:sunny-halo .7s ease-in-out infinite}.coach-backdrop{z-index:39;background:#001a2555;backdrop-filter:blur(10px)}.voice-sheet{padding:27px 22px 100px!important;max-height:88dvh;overflow-y:auto;box-shadow:0 -10px 50px #00151b55}.voice-sheet .sunny-state-orb{display:grid;place-items:center;height:85px}.voice-sheet .sunny-state-orb .orb{margin:0}.voice-sheet h2{font-size:30px;text-align:center;margin:12px 0 10px}.voice-sheet #voice-status{text-align:center;font-size:14px;min-height:36px;line-height:1.4;margin-bottom:15px}.voice-sheet #sunny-search{display:flex;gap:7px;align-items:center}.voice-sheet #sunny-search label{flex:1;min-width:0}.voice-sheet #sunny-search input{width:100%;min-height:47px;padding:12px;border:1px solid #c6d5d0;border-radius:15px;background:#fffdf7;font-size:14px;color:#093b44}.voice-sheet #sunny-search button{width:auto;min-height:47px;padding:10px 17px;border-radius:15px;font-size:14px;flex-shrink:0}.voice-sheet #coach-reply{background:#dcefe8;color:#093b44;border-radius:16px;padding:16px;font-size:14px;line-height:1.6;margin:15px 0}.voice-sheet #coach-reply:empty{display:none}.voice-sheet .text-button{font:12px Arial;padding:10px;margin:0;min-height:44px}.voice-sheet .fine{font-size:9px;line-height:1.45}.auth{margin-top:20px}.screen-settings .content,.screen-wallet .content,.screen-health .content{padding-bottom:150px}.offer-modal{max-width:430px}.offer-modal .primary{font-size:15px}
@keyframes avatar-breathe{0%,100%{transform:scale(1.01) translateY(0)}50%{transform:scale(1.045) translateY(-2px)}}@keyframes sunny-listen{0%,100%{transform:scale(1)}50%{transform:scale(1.09);box-shadow:0 0 25px #5effc9,0 0 35px #ffe76b}}@keyframes sunny-think{50%{transform:rotate(12deg) scale(.95)}}@keyframes sunny-speak{0%,100%{transform:scale(1) rotate(-3deg)}35%{transform:scale(1.1,.94) rotate(3deg)}70%{transform:scale(.95,1.06)}}@keyframes sunny-halo{50%{inset:-16px;opacity:.4}}
@media(prefers-reduced-motion:reduce){.orb,.orb>span{animation:none!important;transition:none!important}}
@media(min-width:700px){.screen-offers{box-shadow:0 0 70px #001b26}}
.voice-sheet{padding-bottom:105px!important}.voice-sheet .text-button{display:inline-block;width:auto!important;border:0!important}.voice-sheet #sunny-search label{font-size:0}.voice-sheet #sunny-search input{font-size:14px}.voice-sheet .fine{padding-right:48px}
/* Energy and media pass. */
.offer-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-toggle{position:absolute;top:140px;left:18px;z-index:2;color:#fff;background:#002e3b99;border:1px solid #ffffff55;border-radius:20px;min-height:44px;padding:8px 13px;font-size:15px;backdrop-filter:blur(8px)}.video-toggle small{font-size:10px}.coin-reward .coin-icon{width:16px;height:16px;font-size:7px!important;border-width:1px}.reward-burst{position:absolute;left:50%;top:105px;pointer-events:none}.reward-particle{position:absolute;animation:coin-burst 1.3s ease-out both;transform:rotate(calc(var(--n)*51deg));opacity:0}.win-coin{animation:reward-pop .65s cubic-bezier(.2,1.5,.3,1) both}.completion strong{display:block;animation:reward-pop .7s .15s both}.pillars i{display:none!important}
@keyframes energy-sheen{0%,35%{transform:translateX(-100%)}85%,100%{transform:translateX(130%)}}@keyframes coin-burst{0%{opacity:1;transform:rotate(calc(var(--n)*51deg)) translateY(0) scale(.4)}60%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--n)*51deg)) translateY(-120px) scale(1)}}@keyframes reward-pop{from{transform:scale(.35);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.win-coin,.completion strong,.reward-particle{animation:none!important}.reward-particle{display:none}}.social-notice{font-size:10px;line-height:1.5;border:1px solid #9bc8c344;background:#09465088;padding:12px;border-radius:12px;color:#c2e4db}.person-avatar{width:39px;height:39px;display:inline-grid;place-items:center;border-radius:14px;flex-shrink:0;color:#173f43;font:700 17px Georgia}.share-copy{display:block;width:100%;border:1px solid #96cbba;border-radius:13px;min-height:47px;margin-top:10px;color:#d1f6e2}.share-modal h3{margin:25px 0 0}.sample-share-button{display:flex;align-items:center;gap:10px;width:100%;min-height:59px;border-bottom:1px solid #96cbb733;text-align:left;font-size:13px}.sample-share-button small{font-size:9px;color:#b5d8cc}.sample-share-button>span:last-child{margin-left:auto}.screen-wallet .content{padding-left:15px;padding-right:15px}.share-modal{max-height:86dvh}
.reward-burst{left:50%;top:130px;width:0;height:0;z-index:3}.reward-burst .reward-particle{left:0;top:0;display:grid}.completion strong{animation-delay:0s!important}
.completion strong{opacity:1!important;animation:reward-pop .55s ease-out!important}

/* Original playful game artwork, fourth art pass. */
.person-avatar{overflow:hidden}.person-avatar img{display:block;width:100%;height:100%;object-fit:cover}
/* Thick bevels echo the approved playful gold-coin art direction. */
.coin-icon,.win-coin{background:radial-gradient(ellipse at 34% 22%,#fff4a2 0%,#ffe370 29%,#ffc429 65%,#e58b09 100%);border-color:#ffdf5c;border-style:solid;color:#fff0a0;font-style:normal;font-weight:900;text-shadow:0 1px 0 #b36b00,0 -1px 0 #fff7b8;box-shadow:inset 0 2px 1px #fff9b5,inset 0 -3px 2px #bd6d00,0 3px 0 #9c5300,0 4px 6px #001e3640;flex-shrink:0}.coin-reward .coin-icon{box-shadow:inset 0 1px 0 #fff7af,inset 0 -2px 1px #bd6d00,0 2px 0 #a85d00}.win-coin{border-width:7px}

.coin-icon,.win-coin{background:transparent url(/assets/coin-lp-v4.png) center/contain no-repeat!important;border:0!important;border-radius:0;color:transparent!important;text-shadow:none!important;box-shadow:none!important;overflow:visible}.coin-reward .coin-icon{box-shadow:none!important}.win-coin{width:100px;height:100px;margin:0 auto 20px}.coin-reward .coin-icon{width:19px;height:19px}.balance .coin-icon{width:25px;height:25px}
/* Six distinct daily quests replace the duplicate tier forms. */
.video-error{position:absolute;top:190px;left:18px;right:60px;padding:10px;border-radius:12px;background:#013340dd;color:#fff;font:12px Arial}.video-toggle{font-size:13px}
.game-video{object-fit:contain;background:#001c2a99}.game-video{z-index:1}
/* Full-bleed footage, including landscape game trailers. Crop rather than letterbox. */
.game-video,.offer-video{object-fit:cover!important;object-position:center!important;background:transparent!important;width:100%!important;height:100%!important;inset:0!important}
/* Sunny stays an orb: status belongs to the orb, never a sheet. */

.orb.replay{box-shadow:0 0 0 5px #ffe47788,0 0 26px #ffe477}
.person-avatar{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
.person-avatar img{object-fit:contain}









.deal-value{display:inline-block;background:#ffe174;color:#073a43;font:bold 24px Arial;padding:8px 12px;border-radius:12px;margin-bottom:10px;max-width:100%;overflow-wrap:anywhere}
.deal-index{padding-top:42px}.deal-index h2{font-size:30px}.deal-index .fine{color:#c5e6df;font-size:12px}.deal-index-row{display:flex;gap:12px;align-items:center;text-align:left;width:100%;border-bottom:1px solid #a5cbbc44;padding:14px 0;min-height:70px}.deal-index-row span{min-width:0;flex:1}.deal-index-row b{display:block;color:#ffe17f;font-size:17px}.deal-index-row small{display:block;color:#d6e9df;font-size:12px;margin-top:5px}.deal-index-row strong{font-size:12px;white-space:nowrap}
@media(max-width:350px){.deal-value{font-size:20px}}
/* Livcoin onboarding: the same coin, quest art and game controls as the app. */
.auth.onboarding,.auth.life-auth{background:#06343d!important;color:#fff5d7;min-height:calc(100dvh - 20px);max-width:520px;margin:auto;padding:24px 18px 30px}.onboarding .onboard-head{display:flex;align-items:center;justify-content:space-between}.onboarding .wordmark,.life-auth .wordmark{color:#fff5d7}.onboarding .question-progress{display:flex;gap:8px;margin:20px 0!important}.onboarding .question-progress i{flex:1;height:9px;border-radius:8px;background:#245962;box-shadow:inset 0 2px 3px #00252e}.onboarding .question-progress i.done{background:linear-gradient(#fff3a8,#f6bc29);box-shadow:0 0 9px #ffcc4050}.onboarding .sunny-intro{height:auto;min-height:110px;gap:18px;padding:8px 8px 20px;display:flex;align-items:center}.onboard-mascot{width:98px;height:98px;object-fit:contain;filter:drop-shadow(0 5px 15px #ffbe3440)}.onboarding .sunny-intro>p{margin:0;padding:0;background:none;box-shadow:none;color:#d3e8e7;font-size:14px;line-height:1.45;max-width:290px}.onboarding .sunny-intro>p:before{display:none}.onboarding .question-panel{background:transparent;padding:0;margin:0;border:0;box-shadow:none}.onboarding .question-panel h1{color:#fff4d3;font-size:35px!important;max-width:100%;line-height:1.05!important;margin:10px 0}.onboarding .question-label{color:#ffce50}.onboarding .muted,.life-auth .muted{color:#c7dcdd}.onboarding .options{gap:12px;margin:22px 0!important}.onboarding .options>button{background:linear-gradient(#165965,#0b414c);border:1px solid #37808b;border-bottom:4px solid #00232d;border-radius:20px;color:#fff6df;min-height:128px;padding:10px 6px;box-shadow:0 5px 10px #001b243b}.onboarding .options>button.selected{background:linear-gradient(#ffed9d,#ffca43);color:#06343d;border-color:#ffdf65;border-bottom-color:#a76a0c;box-shadow:0 0 17px #ffcf4f40}.onboarding .choice-icon{background:transparent;box-shadow:none;width:70px;height:70px;margin:auto}.onboarding .choice-icon img{width:70px;height:70px;object-fit:contain}.onboarding .choice-check{color:#ffdf71}.onboarding .selected .choice-check{color:#06343d}.onboarding .primary,.life-auth .primary{font-family:inherit;border-radius:18px;border:1px solid #ffe78a;border-bottom:4px solid #b07b17;background:linear-gradient(#fff09f,#ffcb45);color:#06343d;min-height:52px;font-weight:800;box-shadow:0 5px 16px #00192355}.onboarding .primary:disabled{opacity:.5}.onboarding .text-button,.life-auth .text-button{color:#ffe394}.onboarding .fine,.life-auth .fine{color:#b5d0d1;font-size:11px;line-height:1.5}.life-auth h1{color:#fff2cd}.life-auth input:not([type=checkbox]){background:#0f4853;color:white;border-color:#43838b}.life-auth label{color:#e5f1ec}@media(min-width:768px){.auth.onboarding,.auth.life-auth{margin:28px auto;border:1px solid #32707a;border-radius:28px;padding:28px 30px;min-height:0}}@media(max-width:350px){.onboarding .options{gap:9px}.onboarding .options>button{min-height:120px}.onboarding .choice-icon,.onboarding .choice-icon img{width:60px;height:60px}.onboarding .question-panel h1{font-size:31px!important}.onboard-mascot{width:82px;height:82px}}
.auth.onboarding .options button{background:linear-gradient(#165965,#0b414c)!important;color:#fff6df!important;border:1px solid #37808b!important;border-bottom:4px solid #00232d!important;box-shadow:0 5px 10px #001b243b!important;border-radius:20px!important}.auth.onboarding .options button.selected{background:linear-gradient(#ffed9d,#ffca43)!important;color:#06343d!important;border-color:#ffdf65!important;border-bottom-color:#a76a0c!important}.auth.onboarding .text-button{color:#ffe394!important}.auth.onboarding .primary:disabled{background:linear-gradient(#fff09f,#ffcb45)!important;opacity:.5!important}
.auth.life-auth .auth-coin{display:block;width:100px;height:100px;object-fit:contain;margin:20px auto}.auth.life-auth>.text-button{position:static!important;display:block;margin:18px auto 0!important;color:#ffe394!important}.auth.life-auth form .primary{width:100%}.auth.life-auth .eyebrow{color:#ffcf54}.auth.life-auth h1{margin-top:14px}.auth.life-auth label.check{line-height:1.5}

/* V13: an explicitly simulated return reward, never measured health activity. */
.return-reward{position:fixed;z-index:45;top:92px;left:50%;transform:translateX(-50%);width:min(94vw,442px);padding:18px 38px 16px 18px;border:1px solid #ffe479;border-radius:20px;color:#fff8d6;background:linear-gradient(130deg,#075866f5,#07313cf7);box-shadow:0 8px 35px #001b27aa;pointer-events:auto}.return-reward>button{position:absolute;right:9px;top:7px;background:transparent;border:0;color:#fff;font-size:25px;width:32px;height:32px}.return-reward .eyebrow{font-size:9px;margin:0 0 10px;color:#ffdf72}.return-reward strong{display:block;font-size:22px;line-height:1.2}.return-reward p{font-size:13px;margin:9px 0}.return-reward small{display:block;font-size:10px;line-height:1.4;color:#d4e6e7}.return-coins{position:absolute;inset:0;pointer-events:none;overflow:visible}.return-coins .coin-icon{position:absolute;width:38px;height:38px;left:calc(8% + var(--i)*12%);bottom:10px;opacity:0;animation:return-coin 1.6s calc(var(--i)*.13s) ease-out forwards}@keyframes return-coin{0%{opacity:0;transform:translateY(45px) scale(.3) rotate(-30deg)}25%{opacity:1;transform:translateY(-55px) scale(1.2)}70%{opacity:1}100%{opacity:0;transform:translate(70px,-150px) scale(.35) rotate(30deg)}}@media(prefers-reduced-motion:reduce){.return-coins{display:none}}
.return-coins .coin-icon{top:-18px;bottom:auto;width:30px;height:30px}@keyframes return-coin{0%{opacity:0;transform:translateY(0) scale(.3) rotate(-30deg)}25%{opacity:1;transform:translateY(-12px) scale(1.1)}70%{opacity:1}100%{opacity:0;transform:translate(35px,-65px) scale(.35) rotate(30deg)}}
/* V15: one clear offer, one raised game-style action. */
.video-toggle{top:91px!important;left:auto!important;right:18px!important;width:40px;min-height:40px!important;padding:0!important;border:0!important;background:#00374666!important;font-size:17px!important}
.screen-offers .video-toggle{opacity:0}.screen-offers .video-toggle:focus-visible,.screen-offers .video-toggle[aria-label="Play offer video"]{opacity:1}

/* V16: a floating reward burst, not a notification card. */
.return-reward.reward-pop{top:108px;width:216px;height:176px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;pointer-events:none;text-align:center}.reward-pop .reward-halo{position:absolute;z-index:-1;inset:-16px;background:radial-gradient(ellipse,#ffd34477 0%,#ffc52e22 43%,transparent 70%);border-radius:50%;animation:reward-halo 2.4s ease-in-out infinite}.reward-pop .reward-hero-coin{display:block;width:76px;height:76px;filter:drop-shadow(0 5px 0 #8b5506) drop-shadow(0 0 17px #ffd437aa);animation:reward-arrive .65s cubic-bezier(.18,1.5,.45,1) both}.reward-pop .reward-amount{display:flex;align-items:center;gap:4px;font-family:Arial,sans-serif;font-size:50px;font-weight:900;line-height:1.05;letter-spacing:-2px;color:#ffe06c;text-shadow:0 2px 0 #a35c05,0 4px 0 #874706,0 6px 0 #fff0a633,0 7px 12px #002532;animation:reward-arrive .65s .12s cubic-bezier(.18,1.5,.45,1) both}.reward-pop .reward-amount small{display:inline;font-size:24px;line-height:1;color:#fff0a3;letter-spacing:-1px;text-shadow:0 3px #8b4b04}.reward-demo-label{font-size:10px;font-weight:800;color:#fff9dd;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 4px #002532;margin-top:7px}.reward-pop>button{pointer-events:auto;position:absolute;top:auto!important;right:auto!important;color:#fff7c1;background:#053c5288;border:1px solid #ffe78566;border-radius:50%;width:28px;height:28px;font-size:19px;padding:0;display:grid;place-items:center}.reward-pop>.reward-info{bottom:0;right:28px!important;font-size:15px}.reward-pop>.reward-dismiss{top:5px!important;right:4px!important}.reward-pop .return-coins{inset:0}.reward-pop .return-coins .coin-icon{top:62px;left:calc(4% + var(--i)*13%);width:27px;height:27px;animation:reward-flight 2.2s calc(var(--i)*.11s) ease-in-out both}.reward-stars{position:absolute;inset:0;pointer-events:none}.reward-stars i{position:absolute;left:calc(5% + var(--i)*12%);top:calc(16% + mod(var(--i),3)*22%);color:#fff5b3;font-style:normal;font-size:22px;text-shadow:0 0 12px #ffda30;animation:reward-spark 1.8s calc(var(--i)*.17s) ease-in-out infinite}.reward-stars i:nth-child(2n){top:70%;font-size:15px}.reward-stars i:nth-child(3n){top:10%;font-size:27px}@keyframes reward-arrive{0%{opacity:0;transform:translateY(25px) scale(.3)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes reward-halo{50%{transform:scale(1.15);opacity:.6}}@keyframes reward-spark{0%,100%{opacity:.1;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(25deg)}}@keyframes reward-flight{0%{opacity:0;transform:translate(0,45px) scale(.25)}25%{opacity:1;transform:translate(0,-25px) scale(1.1)}65%{opacity:1}100%{opacity:0;transform:translate(75px,-130px) scale(.25)}}@media(prefers-reduced-motion:reduce){.reward-pop *{animation:none!important}.reward-pop .return-coins,.reward-stars{display:none}}
/* V16 right rail: floating symbols, no tiles. */

/* V17 equal optical icon extents and equal vertical centers. */




/* V18 quiet floating rail and useful expandable captions. */


.reward-tap{position:absolute;inset:0;z-index:4;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:50%;padding:0!important;cursor:pointer}.reward-info,.reward-dismiss{z-index:5!important}.reward-pop.reward-leaving{animation:none!important;opacity:0;transform:translate(-50%,-12px) scale(.9);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1);pointer-events:none}.reward-tap:focus-visible{outline:2px solid #ffe282;outline-offset:2px}@media(prefers-reduced-motion:reduce){.reward-pop.reward-leaving{transition:none;transform:translateX(-50%)}}

/* V20 official game wordmarks preserve each game's actual lettering. */
.game-wordmark img{display:block;width:auto;height:auto;max-width:min(220px,100%);max-height:88px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 2px 3px #00212a99)}@media(max-width:350px){.game-wordmark img{max-width:185px;max-height:75px}}

/* V21: real full-size touch target, not inherited 32px dismissal button. */
.reward-pop>.reward-tap{inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;min-height:100%!important;border-radius:12px!important;touch-action:manipulation;z-index:4!important}.reward-pop.reward-leaving>*{pointer-events:none!important}.reward-collect-coin{position:fixed!important;z-index:100!important;pointer-events:none!important;display:grid!important;place-items:center!important;font-size:32px!important;animation:none!important;filter:drop-shadow(0 3px 5px #8b550677)}

/* V22 readable, heavier game-like supporting text. */
.eyebrow,.fine,.muted,label{font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif!important;font-weight:700!important;letter-spacing:.15px;line-height:1.45!important}.eyebrow{font-size:13px!important;letter-spacing:1.1px!important}.fine,.muted{font-size:13px!important;opacity:1!important}.preview{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:800;font-size:10px!important;letter-spacing:.4px}

/* V24: benefit is the offer headline, not fine print. */
.game-wordmark{margin-bottom:12px!important}@media(max-height:690px){.game-wordmark img{max-height:68px!important}}
/* V26 benefit-first hierarchy: what you get outranks what you spend. */


/* V27 native Habits scene trial: cutout objects and controls over the room. */


/* V28: dock Sunny away from scrollable quest and social actions. */


/* V29 playful non-brand benefit lettering, preserving official wordmarks. */

/* V31: restrained adult habit objects, quiet gradient and bite-sized card stacks. */



/* Compact card fronts with clearly exposed queued cards and familiar gold actions. */

/* V32: Gamifest plate/chip/rounded-type construction, recolored for Livcoin. */
@font-face{font-family:LifeGame;src:url('/assets/fredoka-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:LifeGame;src:url('/assets/fredoka-semibold.ttf') format('truetype');font-weight:600;font-display:swap}


/* V33: broader, shorter cards with richer marine, apricot and forest tones. */


/* V34: jewel-depth plates, warm edge lighting and restrained cinematic glow. */

/* V35: one warm garnet plate breaks the repeated purple; original splash glass restored. */

/* V41: selected lighter crystal equipment, sculpted frames, uniform narrower gold CTAs. */

/* V42: richer metallic gold and luminous saturated card materials. */

/* V43 proposal only: six-card phone dashboard, vivid gem surfaces and game typography. */
.screen-home .content{padding-top:78px!important}
























@media(max-width:350px){.screen-home .content{padding-top:76px!important}}











@media(max-height:790px) and (max-width:600px){.screen-home .content{padding-top:72px!important}}
/* V44 proposal: airy coastal light, smaller cards, more readable stacked edges. */















/* V45 proposal: upper-right stack offsets; no phantom cards after completion. */






/* V46 proposal: blurred water and lower sand, fixed behind unchanged V45 cards. */

/* V48 phone-chrome correction: preserve six reachable 44px actions on shorter browsers. */
@media(max-height:700px) and (max-width:600px){
.screen-home .content{padding-top:72px!important}











}
/* V49 approved correction: mature heading and individually defined card edges. */






/* V50 confirmed markup: continuous foreground top/right rim, distinct from rear cards. */

/* V51 proposal: explicit self-reported completion, no reward on Start. */



/* V56 proposal: Habits as small cards that replace each other (Gamifest "orders"). Each habit shows its next small card; the cards left today sit behind it as tilted plates; one tap collects (self-report / auto), in-app habits run a timed session. Liquid Glass with one vivid accent per habit, playful motion: +LP float, coins to the balance, sparkles, the next card rises. */
:is(.screen-home,.screen-wallet){--hb-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--hb-ink:#0b1f24;--hb-2:#0b1f24a3;--hb-glass:radial-gradient(120% 70% at 0% 0%,#ffffff99,#ffffff00 55%),linear-gradient(150deg,#ffffff8a,#ffffff42);--hb-blur:blur(26px) saturate(185%);--hb-edge:inset 0 1px .5px #ffffffeb,inset 0 -1px 1px #ffffff59,inset 0 0 0 .5px #ffffffa6;--hb-lift:0 1px 1px #1030380a,0 14px 34px -16px #1030385c;background:transparent!important;color:var(--hb-ink)}
.hb-water{--hb-c:#0a84ff;--hb-d:#0062cc}.hb-steps{--hb-c:#30d158;--hb-d:#1a7f37}.hb-pause{--hb-c:#00c7be;--hb-d:#007a78}.hb-move{--hb-c:#ff9f0a;--hb-d:#b85600}.hb-eat{--hb-c:#ff375f;--hb-d:#c8103f}.hb-sleep{--hb-c:#5e5ce6;--hb-d:#4b48d6}
:is(.screen-home,.screen-wallet)::before{content:"";position:fixed;inset:-12%;z-index:-1;background:radial-gradient(40% 28% at 16% 14%,#8fd8ff,#8fd8ff00 70%),radial-gradient(38% 26% at 88% 26%,#c9b8ff,#c9b8ff00 72%),radial-gradient(46% 30% at 78% 80%,#ffd59a,#ffd59a00 70%),radial-gradient(40% 28% at 8% 70%,#9ff0c8,#9ff0c800 70%),radial-gradient(34% 24% at 50% 48%,#ffc2d6,#ffc2d600 70%),#eef3f4;animation:hb-drift 48s ease-in-out infinite alternate}
@keyframes hb-drift{to{transform:translate(4%,-3%) rotate(4deg) scale(1.04)}}
html:has(.screen-home,.screen-wallet){background:#eef3f4}
body:has(.screen-home,.screen-wallet){background:transparent!important}
.hb-board{font-family:var(--hb-font);--hb-surface:#ffffffc4;--hb-material:blur(30px) saturate(180%);--hb-depth:inset 0 .5px 0 #fffffff2,0 0 0 .5px #0000000f,0 1px 2px #0000000a,0 12px 28px -14px #1c283c38;--hb-label2:#3c3c4399;--hb-fill:#7676801f;--hb-fill2:#74748014}
.hb-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hb-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px;padding:0 0 14px}
.hb-deck{position:relative;display:flex;min-width:0}
.hb-deck[data-plates="1"]::before,.hb-deck[data-plates="2"]::before,.hb-deck[data-plates="2"]::after{content:"";position:absolute;inset:0;border-radius:24px;background:#ffffffa6;box-shadow:0 0 0 .5px #0000000d,0 4px 10px -6px #1c283c2e}
.hb-deck[data-plates="1"]::before,.hb-deck[data-plates="2"]::before{z-index:1;transform:translateY(5px) scaleX(.93)}
.hb-deck[data-plates="2"]::after{z-index:0;transform:translateY(10px) scaleX(.86);background:#ffffff73}
.hb-card{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 14px auto;grid-template-areas:'ring name' 'ring target' 'bar bar' 'act act';align-content:end;column-gap:9px;min-width:0;padding:14px;border-radius:24px;background:var(--hb-surface);-webkit-backdrop-filter:var(--hb-material);backdrop-filter:var(--hb-material);box-shadow:var(--hb-depth)}
.hb-ring{grid-area:ring;align-self:end;position:relative;display:grid;place-items:center;width:32px;height:32px;margin-bottom:2px;color:var(--hb-d)}
.hb-ring .hb-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.hb-arc circle{fill:none;stroke:color-mix(in srgb,var(--hb-c) 22%,transparent);stroke-width:3.4;stroke-linecap:round}
.hb-arc circle.on{stroke:var(--hb-c)}
.hb-ring>svg:last-child{width:16px;height:16px}
.hb-card h3{grid-area:name;align-self:end;margin:0;font:600 14px/1.2 var(--hb-font);letter-spacing:-.01em;color:var(--hb-d)}
.hb-tail{white-space:nowrap}
.hb-info{position:relative;display:inline-grid;place-items:center;width:20px;height:20px;margin:0 0 0 2px;padding:0;border:0;border-radius:50%;background:none;color:inherit;vertical-align:-4px;opacity:.7}
.hb-info::before{content:"";position:absolute;inset:-12px}
.hb-info svg{width:17px;height:17px;stroke-width:2}
.hb-info:focus-visible{outline:2px solid var(--hb-c);outline-offset:2px;opacity:1}
.hb-target{grid-area:target;margin:0;padding-top:2px;font:600 14px/1.15 var(--hb-font);color:var(--hb-label2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-target b{font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--hb-ink);font-variant-numeric:tabular-nums}
.is-done .hb-target{font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.15;white-space:normal;color:var(--hb-ink)}
.hb-bar{grid-area:bar;align-self:end;display:block;height:4px;margin:0;border-radius:2px;background:var(--hb-fill);overflow:hidden}
.hb-bar i{display:block;height:100%;border-radius:inherit;background:var(--hb-c)}
.hb-act{grid-area:act;display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;width:100%;min-height:44px;padding:0 10px;border:0;border-radius:999px;background:var(--hb-d);color:#fff;font:600 16px/1 var(--hb-font);letter-spacing:-.01em;box-shadow:inset 0 .5px 0 #ffffff59;transition:transform .25s cubic-bezier(.2,.9,.3,1.2),filter .2s}
.hb-act:active{transform:scale(.96);filter:brightness(.9);transition-duration:.08s}
.hb-act:focus-visible{outline:3px solid var(--hb-c);outline-offset:3px}
.hb-lp{display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 8px 0 3px;border-radius:12px;background:#ffffff33;font:600 14px/1 var(--hb-font);letter-spacing:0;font-variant-numeric:tabular-nums}
.hb-lp img{width:18px;height:18px}
.hb-wait{grid-area:act;margin:12px 0 0;display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 10px;border-radius:999px;background:var(--hb-fill);color:var(--hb-label2);font:600 12px/1.1 var(--hb-font);white-space:nowrap;font-variant-numeric:tabular-nums}
.hb-wait svg{width:15px;height:15px;flex:none}
.is-break :is(.hb-ring,h3,.hb-target){opacity:.55}
.hb-cleared{grid-area:act;margin:12px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:999px;background:color-mix(in srgb,var(--hb-c) 14%,transparent);color:var(--hb-d);font:600 15px/1 var(--hb-font)}
.hb-cleared svg{width:16px;height:16px;stroke-width:2.6}
.hb-deck.is-dealt .hb-card{animation:hb-rise .55s cubic-bezier(.2,.9,.3,1.15) both}
.hb-deck.is-dealt .hb-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;box-shadow:var(--hb-depth);pointer-events:none;animation:hb-deal .45s cubic-bezier(.4,0,.7,.2) forwards}
.hb-arc circle.new{animation:hb-draw .7s .3s cubic-bezier(.2,.8,.2,1) both}
.hb-deck.is-dealt .hb-lp{animation:hb-pop .45s .35s cubic-bezier(.34,1.56,.64,1) both}
@keyframes hb-rise{from{transform:translateY(6px) scaleX(.93);opacity:.5}}
@keyframes hb-deal{to{transform:translateY(-36px) scale(.94);opacity:0}}
@keyframes hb-draw{from{stroke-dasharray:0 100}}
@keyframes hb-pop{from{transform:scale(0)}}
.hb-float{position:fixed;z-index:60;pointer-events:none;font:800 18px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#a86a00;text-shadow:0 1px 0 #fff,0 4px 14px #f6bb45b3;white-space:nowrap}
.hb-coin{position:fixed;z-index:61;width:24px!important;height:24px!important;font-size:9px!important;pointer-events:none}

.balance.bump{animation:hb-bump .45s cubic-bezier(.34,1.56,.64,1)}
.balance .balance-num{margin:0;font-size:inherit;font-variant-numeric:tabular-nums}
@keyframes hb-bump{40%{transform:scale(1.14)}}





.app-shell:is(.screen-home,.screen-wallet) header{background:transparent!important}
.app-shell:is(.screen-home,.screen-wallet) header::before{content:"";position:absolute;inset:0 0 -18px;z-index:-1;-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);background:linear-gradient(#eef3f480,#eef3f400);-webkit-mask:linear-gradient(#000 55%,#0000);mask:linear-gradient(#000 55%,#0000);pointer-events:none}
.app-shell:is(.screen-home,.screen-wallet) .wordmark{color:var(--hb-ink)}
.app-shell:is(.screen-home,.screen-wallet) .balance{background:var(--hb-glass)!important;-webkit-backdrop-filter:var(--hb-blur);backdrop-filter:var(--hb-blur);border:0!important;box-shadow:var(--hb-edge),0 6px 16px -10px #10303866!important;color:var(--hb-ink)!important;font-family:var(--hb-font);font-weight:600}
.hb-session{position:relative;display:grid;place-items:center;width:132px;height:132px;margin:2px auto 6px}
.hb-session svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.hb-session circle{fill:none;stroke:#0b1f2414;stroke-width:7}
.hb-session circle.on{stroke:var(--hb-c);stroke-linecap:round;stroke-dasharray:calc(var(--p) * 100) 100;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--hb-c) 55%,transparent))}
.hb-session-icon{display:grid;place-items:center;width:58px;height:58px;margin-top:-16px;border-radius:50%;background:color-mix(in srgb,var(--hb-c) 18%,#fff);color:var(--hb-d);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--hb-c) 40%,transparent)}
.hb-session-icon svg{width:28px;height:28px}
.hb-clock{position:absolute;bottom:24px;font:700 17px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums;color:#0b1f24}
.is-running.hb-pause .hb-session-icon{animation:hb-breathe 10s ease-in-out infinite}
.is-running.hb-move .hb-session-icon{animation:hb-bob 2.4s ease-in-out infinite}
@keyframes hb-breathe{0%,100%{transform:scale(.82)}40%{transform:scale(1.22)}}
@keyframes hb-bob{50%{transform:translateY(-5px) rotate(-6deg)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:is(.hb-card,.hb-hero){background:#fffffff2!important}}
@media (prefers-reduced-transparency:reduce){:is(.hb-card,.hb-hero){background:#fff!important}}
@media (max-height:839px){.hb-grid{gap:17px 12px}.hb-card{grid-template-rows:auto auto auto;grid-template-areas:'ring name' 'ring target' 'act act';column-gap:7px;padding:10px 11px 11px;border-radius:22px}.hb-deck::before,.hb-deck::after{border-radius:22px!important}.hb-ring{width:26px;height:26px;margin-bottom:3px}.hb-ring>svg:last-child{width:14px;height:14px}.hb-card h3{font-size:12px;letter-spacing:-.01em}.hb-target{padding-top:1px;font-size:12.5px;line-height:1.1}.hb-target b{font-size:19px}.is-done .hb-target{font-size:14px}.hb-act,.hb-wait,.hb-cleared{margin-top:8px}.hb-bar{display:none}.hb-lp{height:22px;font-size:13px}.hb-lp img{width:16px;height:16px}.hb-info{width:16px;height:16px;vertical-align:-3px}.hb-info svg{width:14px;height:14px}}
@media (min-height:720px) and (max-height:839px){.hb-grid{row-gap:22px}.hb-card{padding:13px 12px 12px}.hb-ring{width:30px;height:30px}.hb-ring>svg:last-child{width:15px;height:15px}.hb-card h3{font-size:13px}.hb-target b{font-size:22px}.hb-act,.hb-wait,.hb-cleared{margin-top:12px}}
@media (max-height:719px){.hb-grid{row-gap:16px}.hb-card{padding:9px 10px}.hb-target{line-height:1.05}.hb-target b{font-size:18px}.hb-act,.hb-wait,.hb-cleared{margin-top:7px}}
@media (max-height:629px){.hb-grid{row-gap:14px}.hb-deck[data-plates="1"]::before,.hb-deck[data-plates="2"]::before{transform:translateY(4px) scaleX(.93)}.hb-deck[data-plates="2"]::after{transform:translateY(8px) scaleX(.86)}.hb-card{padding:7px 10px 8px}.hb-act,.hb-wait,.hb-cleared{margin-top:6px}}
@media (max-width:350px){.hb-grid{column-gap:10px}.hb-card{column-gap:6px;padding-left:9px;padding-right:9px}.hb-ring{width:24px;height:24px}.hb-ring>svg:last-child{width:13px;height:13px}.hb-card h3{font-size:12px}.hb-target{font-size:12px}.hb-target b{font-size:17px}.hb-act{gap:5px;padding:0 6px;font-size:15px}.hb-lp{font-size:12px;padding:0 6px 0 2px}.hb-lp img{width:15px;height:15px}.hb-wait{white-space:normal;text-align:center;font-size:11px}.hb-wait svg{display:none}.is-done .hb-target{font-size:13px;white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.screen-home::before,.hb-deck.is-dealt .hb-card,.hb-deck.is-dealt .hb-lp,.hb-arc circle.new,.balance.bump,.is-running .hb-session-icon{animation:none}.hb-deck.is-dealt .hb-card::after{content:none}.hb-act{transition:none}}
/* V56: the habit-complete dialog in the same light glass; same copy, coins and particles. */
.modal-backdrop:has(.completion){background:#0b1f2440;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}
.completion{position:relative;overflow:hidden;max-width:400px;padding:34px 26px 22px;border-radius:34px;text-align:center;color:#0b1f24;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;background:radial-gradient(120% 70% at 50% 0%,#fff1bd,#fff0 60%),linear-gradient(150deg,#ffffffe6,#ffffffb8);-webkit-backdrop-filter:blur(36px) saturate(190%);backdrop-filter:blur(36px) saturate(190%);box-shadow:inset 0 1px .5px #fff,inset 0 0 0 .5px #ffffffb3,0 30px 70px -20px #0b1f2499}
.completion .eyebrow{color:#0b1f2499;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.08em!important}
.completion h2{margin:10px 0 4px;font:800 32px/1.1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;letter-spacing:-.03em;color:#0b1f24}
.completion>p:not(.eyebrow):not(.fine){margin:0;font:500 15px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#0b1f24b3}
.completion>strong{display:block;margin:10px 0 8px;font:800 24px/1.1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#a86a00}
.completion .fine{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;font-weight:400!important;font-size:12px;line-height:1.45;color:#0b1f249e}
.completion .primary{min-height:50px;border:0!important;border-radius:25px;background:linear-gradient(#ffe7a3,#f6bb45)!important;color:#4a2f00!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;font-size:17px!important;font-weight:700!important;box-shadow:inset 0 1px 0 #fffbe9,0 10px 22px -10px #b0700ab3!important}
/* V55 proposal: the tab bar is a floating Liquid Glass capsule on every screen, with Sunny as the round main button at its trailing end (WHOOP-style coach button). Dark glass over the dark screens, light glass on Habits. The Start sheet is a light glass panel. */
.app-shell{--lg-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--lg-fill:radial-gradient(90% 120% at 15% 0%,#ffffff24,#ffffff00 60%),linear-gradient(150deg,#263236c2,#0d1518d9);--lg-edge:inset 0 1px .5px #ffffff59,inset 0 -1px 1px #ffffff12,inset 0 0 0 .5px #ffffff2e;--lg-shadow:0 1px 1px #0000001f,0 16px 36px -14px #000000b3;--lg-label:#ffffffb3;--lg-label-on:#fff;--lg-pill:linear-gradient(150deg,#ffffff38,#ffffff17);--lg-pill-edge:inset 0 0 0 .5px #ffffff4d,inset 0 1px .5px #ffffff59;--lg-focus:#5fe0c8}
.app-shell:is(.screen-home,.screen-wallet){--lg-fill:radial-gradient(90% 120% at 15% 0%,#ffffffb3,#ffffff00 60%),linear-gradient(150deg,#ffffffa6,#ffffff6b);--lg-edge:inset 0 1px .5px #ffffffeb,inset 0 -1px 1px #ffffff59,inset 0 0 0 .5px #ffffffa6;--lg-shadow:0 1px 1px #1030380d,0 16px 36px -14px #10303873;--lg-label:#0b1f24a3;--lg-label-on:#0b1f24;--lg-pill:linear-gradient(150deg,#ffffffd9,#ffffff8c);--lg-pill-edge:inset 0 0 0 .5px #ffffffe6,inset 0 1px .5px #fff,0 2px 8px -4px #1030384d;--lg-focus:#12867f}
.app-shell nav{position:fixed;z-index:42;left:calc((100vw - min(100vw,480px))/2 + 14px);bottom:calc(10px + env(safe-area-inset-bottom));width:calc(min(100vw,480px) - 98px);height:60px;padding:5px;display:flex;justify-content:space-between;gap:2px;border-radius:30px;background:var(--lg-fill);-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);box-shadow:var(--lg-edge),var(--lg-shadow)}
.app-shell nav button{flex:1;min-width:0;height:50px;display:grid;justify-items:center;align-content:center;gap:3px;padding:0;border-radius:25px;color:var(--lg-label);font:600 10px/1.1 var(--lg-font);letter-spacing:.01em;transition:background-color .2s,color .2s}
.app-shell nav button.active{color:var(--lg-label-on);background:var(--lg-pill);box-shadow:var(--lg-pill-edge)}
.app-shell nav button:focus-visible{outline:2px solid var(--lg-focus);outline-offset:-2px}
.nav-icon svg{display:block;width:24px;height:24px}
.app-shell nav button.active .nav-icon svg{stroke-width:2.2}
.app-shell .floating-orb{position:fixed;z-index:45;right:calc((100vw - min(100vw,480px))/2 + 14px);bottom:calc(10px + env(safe-area-inset-bottom));width:60px;height:60px}
.app-shell .floating-orb .orb{display:grid;place-items:center;width:60px;height:60px;border:0;border-radius:50%;background:var(--lg-fill);-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);box-shadow:var(--lg-edge),var(--lg-shadow);animation:none}
.app-shell .floating-orb .orb>span:first-child{position:absolute;inset:13px;border:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fffbea 0%,#ffe39a 22%,#f6bb45 52%,#e18c22 80%,#c8701b 100%);box-shadow:0 0 14px 1px #f6bb4573,inset 0 -2px 4px #b05c1859;animation:none}
.app-shell .floating-orb .orb::after{content:"";position:absolute;inset:8px;border-radius:50%;padding:2px;background:conic-gradient(from 210deg,#5fd3c4,#a7b6f2,#f2b8d0,#f6c453,#5fd3c4);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:.75}
.app-shell .floating-orb .orb::before{content:none}
.app-shell .floating-orb .orb-face{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.app-shell .floating-orb .orb:active{transform:scale(.94)}
.app-shell .floating-orb .orb:focus-visible{outline:3px solid var(--lg-focus);outline-offset:3px}
.app-shell .floating-orb .orb:is(.listening,.thinking)::after{opacity:1;animation:lg-spin 2.4s linear infinite}
.app-shell .floating-orb .orb.thinking::after{animation-duration:4s}
.app-shell .floating-orb .orb.speaking>span:first-child{animation:lg-pulse .8s ease-in-out infinite}
.app-shell .floating-orb .orb.replay::after{opacity:1}
.app-shell .floating-orb #voice-status{position:absolute;right:0;bottom:70px;width:max-content;max-width:min(230px,70vw);padding:7px 11px;border-radius:14px;background:var(--lg-fill);-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);box-shadow:var(--lg-edge),var(--lg-shadow);color:var(--lg-label-on);font:500 12px/1.35 var(--lg-font);text-align:left;pointer-events:none}
.app-shell .floating-orb .orb:not(.listening):not(.thinking):not(.speaking):not(.replay)+#voice-status{width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes lg-spin{to{transform:rotate(1turn)}}
@keyframes lg-pulse{50%{transform:scale(1.08)}}
.modal-backdrop:has(.activity-sheet),.modal-backdrop:has(.habit-info){background:#0b1f2440;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}
.activity-sheet,.habit-info{width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px 22px 16px;border-radius:32px;text-align:center;color:#0b1f24;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;background:radial-gradient(120% 60% at 0% 0%,#ffffffbf,#ffffff00 55%),linear-gradient(150deg,#ffffffd9,#ffffffad);-webkit-backdrop-filter:blur(36px) saturate(190%);backdrop-filter:blur(36px) saturate(190%);box-shadow:inset 0 1px .5px #fff,inset 0 0 0 .5px #ffffffb3,0 30px 70px -20px #0b1f2499}
.activity-sheet .eyebrow,.habit-info .eyebrow{margin:14px 0 0;font-family:inherit!important;font-size:12px!important;font-weight:600!important;line-height:1.3;letter-spacing:.06em!important;color:#0b1f2499}
.activity-sheet h2,.habit-info h2{margin:4px 0 0;font-family:inherit;font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.activity-target{display:block;margin:2px 0 14px;font-size:34px;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:#0b1f24;font-variant-numeric:tabular-nums}
.activity-sheet p,.habit-info p{margin:0 0 10px;font-family:inherit;font-size:15px;font-weight:400;line-height:1.45;color:#0b1f24d9}
.activity-sheet .fine,.habit-info .fine{font-family:inherit!important;font-size:12.5px;font-weight:400!important;line-height:1.45;color:#0b1f249e}
.activity-sheet .primary,.habit-info .primary{width:100%;min-height:50px;margin-top:14px;border:0!important;border-radius:25px;background:var(--hb-d,#0c6b65)!important;color:#fff!important;font-family:inherit!important;font-size:17px!important;font-weight:600!important;line-height:1;letter-spacing:-.01em;box-shadow:inset 0 1px 0 #ffffff33,0 8px 20px -10px #0c6b65cc!important}
.activity-sheet .primary:active{transform:scale(.98)}
.activity-sheet .text-button{width:100%;min-height:44px;margin-top:4px;color:var(--hb-d,#0c6b65)!important;font-family:inherit!important;font-size:16px!important;font-weight:600!important;line-height:1}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.app-shell nav,.app-shell .floating-orb .orb,.app-shell .floating-orb #voice-status{background:#1a2427f2}.app-shell:is(.screen-home,.screen-wallet) nav,.app-shell:is(.screen-home,.screen-wallet) .floating-orb .orb,.app-shell:is(.screen-home,.screen-wallet) .floating-orb #voice-status,.activity-sheet{background:#f7fafaf2}}
@media (prefers-reduced-transparency:reduce){.app-shell nav,.app-shell .floating-orb .orb,.app-shell .floating-orb #voice-status{background:#1a2427}.app-shell:is(.screen-home,.screen-wallet) nav,.app-shell:is(.screen-home,.screen-wallet) .floating-orb .orb,.app-shell:is(.screen-home,.screen-wallet) .floating-orb #voice-status,.activity-sheet{background:#f7fafa}}
@media (prefers-reduced-motion:reduce){.app-shell .floating-orb .orb::after,.app-shell .floating-orb .orb>span:first-child{animation:none}.app-shell nav button{transition:none}}
/* V57 proposal: Sunny is cute (a face that blinks) and opens an offer advisor: LP now and still available today, the three best next offers with when they unlock, feed focus chips, and Talk to Sunny. */
.app-shell .floating-orb .orb>span:first-child::before{content:"";position:absolute;left:30%;top:36%;width:3.5px;height:5px;border-radius:50%;background:#5b3200;box-shadow:9px 0 0 #5b3200;animation:sunny-blink 5s infinite}
.app-shell .floating-orb .orb>span:first-child::after{content:"";position:absolute;left:33%;top:55%;width:34%;height:16%;border:2px solid #5b3200;border-top:0;border-radius:0 0 999px 999px}
@keyframes sunny-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
.adv-backdrop{align-items:end;padding:0;background:#0b1f2433;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}
.advisor{width:min(480px,100vw);max-height:88dvh;overflow:auto;padding:14px 18px calc(18px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;color:#0b1f24;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;background:radial-gradient(120% 50% at 50% 0%,#fff2c4,#fff0 55%),linear-gradient(160deg,#ffffffe6,#ffffffc2);-webkit-backdrop-filter:blur(36px) saturate(190%);backdrop-filter:blur(36px) saturate(190%);box-shadow:inset 0 1px .5px #fff,inset 0 0 0 .5px #ffffffb3,0 -20px 60px -20px #0b1f2480;animation:adv-in .5s cubic-bezier(.32,1.3,.5,1) both}
@keyframes adv-in{from{transform:translateY(40%);opacity:0}}
.advisor::before{content:"";display:block;width:38px;height:5px;margin:0 auto 12px;border-radius:3px;background:#0b1f2426}
.adv-head{display:flex;align-items:center;gap:12px}
.adv-head h2{margin:0;font-family:inherit;font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.adv-head p{margin:2px 0 0;font-size:14px;color:#0b1f24a3}
.adv-sunny{position:relative;flex:none;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fffbea 0%,#ffe39a 22%,#f6bb45 52%,#e18c22 80%,#c8701b 100%);box-shadow:0 0 0 3px #fff,0 0 0 5px #f6c45366,0 8px 20px -6px #e18c22b3;animation:adv-bob 3.2s ease-in-out infinite}
.adv-sunny::before{content:"";position:absolute;left:32%;top:37%;width:4.5px;height:6.5px;border-radius:50%;background:#5b3200;box-shadow:12px 0 0 #5b3200;animation:sunny-blink 5s infinite}
.adv-sunny::after{content:"";position:absolute;left:33%;top:56%;width:34%;height:15%;border:2.5px solid #5b3200;border-top:0;border-radius:0 0 999px 999px}
.adv-sunny i{position:absolute;left:18%;right:18%;top:60%;height:14%;background:radial-gradient(circle at 12% 50%,#ff9a8a99 0 26%,#0000 30%),radial-gradient(circle at 88% 50%,#ff9a8a99 0 26%,#0000 30%)}
@keyframes adv-bob{50%{transform:translateY(-3px) rotate(-4deg)}}
.adv-close{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#7676801f;color:#0b1f24b3}
.adv-close svg{width:18px;height:18px;stroke-width:2.2}
.adv-lp{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:16px 0 4px;padding:12px 14px;border-radius:18px;background:#ffffff8c;box-shadow:inset 0 0 0 .5px #ffffffd9}
.adv-lp strong{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.adv-lp .coin-icon{width:24px!important;height:24px!important;font-size:9px!important}
.adv-lp span:last-child{font-size:13px;color:#0b1f24a3;text-align:right}
.adv-label{margin:16px 2px 8px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0b1f2480}
.adv-picks{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.adv-picks li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border-radius:18px;background:#ffffffa6;box-shadow:inset 0 0 0 .5px #ffffffd9,0 6px 16px -12px #10303866;animation:adv-row .5s calc(.12s + var(--k) * .07s) cubic-bezier(.32,1.3,.5,1) both}
@keyframes adv-row{from{transform:translateY(12px);opacity:0}}
.adv-thumb{width:52px;height:52px;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#ffe7a3,#f6bb45)}
.adv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.adv-picks b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adv-picks small{display:block;margin-top:2px;font-size:12px;color:#0b1f249e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adv-when{display:inline-block;margin-top:5px;padding:3px 8px;border-radius:999px;font-style:normal;font-size:12px;font-weight:700;white-space:nowrap}
.adv-when.is-now{background:#30d15829;color:#146c2e}.adv-when.is-today{background:#ff9f0a29;color:#8f4a00}.adv-when.is-later{background:#5e5ce629;color:#3f3cc0}
.adv-plan{margin-top:4px!important}
.adv-view{min-width:64px;min-height:44px;padding:0 14px;border-radius:22px;background:#7676801f;color:#0b5fbf;font-size:15px;font-weight:600}
.adv-chips{display:flex;flex-wrap:wrap;gap:8px}
.adv-chips button{min-height:40px;padding:0 14px;border-radius:20px;background:#ffffffa6;box-shadow:inset 0 0 0 .5px #0b1f2426;color:#0b1f24;font-size:14px;font-weight:600;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.adv-chips button.on{background:#0b1f24;color:#fff}
.adv-chips button:active,.adv-view:active,.adv-talk:active{transform:scale(.95)}
.adv-talk{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin-top:18px;border-radius:26px;background:linear-gradient(#ffe7a3,#f6bb45);box-shadow:inset 0 1px 0 #fffbe9,0 10px 22px -10px #b0700ab3;color:#4a2f00;font-size:17px;font-weight:700;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.adv-wave{display:flex;align-items:center;gap:3px;height:18px}
.adv-wave i{width:4px;height:8px;border-radius:2px;background:#4a2f00}
.adv-wave i:nth-child(2){height:14px}
.adv-talk:not([data-voice-phase=""]) .adv-wave i{animation:adv-wave .9s ease-in-out infinite}.adv-talk .adv-wave i:nth-child(2){animation-delay:.15s}.adv-talk .adv-wave i:nth-child(3){animation-delay:.3s}
@keyframes adv-wave{50%{transform:scaleY(1.8)}}
.adv-reply{margin:14px 4px 0;font-size:15px;line-height:1.4;color:#0b1f24}.adv-reply:empty{display:none}
.advisor .fine{margin:12px 2px 0;font-family:inherit!important;font-weight:400!important;font-size:12px;line-height:1.45;color:#0b1f249e}
.adv-close:focus-visible,.adv-view:focus-visible,.adv-chips button:focus-visible,.adv-talk:focus-visible{outline:3px solid #0a84ff;outline-offset:2px}
@media (max-width:350px){.adv-when{font-size:11px;padding:3px 7px}.adv-picks li{gap:10px;padding:9px}.adv-view{min-width:56px;padding:0 10px}}
@media (prefers-reduced-motion:reduce){.app-shell .floating-orb .orb>span:first-child::before,.adv-sunny,.adv-sunny::before,.advisor,.adv-picks li,.adv-wave i{animation:none!important}}
/* V58: daily-progress hero, coin chips, "i" per card, fireworks and haptics on collect. */
.hb-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 14px;margin:4px 0 22px;padding:14px;border-radius:24px;background:var(--hb-surface);-webkit-backdrop-filter:var(--hb-material);backdrop-filter:var(--hb-material);box-shadow:var(--hb-depth)}
.hb-hero-ring{position:relative;display:grid;place-items:center;width:58px;height:58px}
.hb-hero-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.hb-hero-ring circle{fill:none;stroke-width:7}
.hb-hero-ring .track{stroke:#ff95002b}
.hb-hero-ring .fill{stroke-linecap:round;stroke-dasharray:calc(var(--p) * 100) 100}
.hb-hero.is-up .fill{animation:hb-ring 1s .25s cubic-bezier(.34,1.56,.64,1) both}
@keyframes hb-ring{from{stroke-dasharray:calc(var(--from) * 100) 100}}
.hb-hero-ring strong{font:700 17px/1 var(--hb-font);letter-spacing:-.02em;color:var(--hb-ink);font-variant-numeric:tabular-nums}
.hb-hero-ring small{font-size:10px;font-weight:600;letter-spacing:0;color:var(--hb-label2)}
.hb-hero-text{flex:1;min-width:0}
.hb-hero h2{margin:0;font:700 22px/1.1 var(--hb-font);letter-spacing:-.02em;color:var(--hb-ink)}
.hb-hero-lp{display:flex;align-items:center;gap:5px;margin:6px 0 0;font:500 14px/1.2 var(--hb-font);color:var(--hb-label2);font-variant-numeric:tabular-nums}
.hb-hero-lp b{font-weight:700;color:#a35c00}
.hb-hero-lp img{width:18px;height:18px}
.hb-hero.is-up .hb-hero-lp{animation:hb-nudge .5s .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes hb-nudge{40%{transform:scale(1.06)}}
.hb-push{grid-column:1/-1;display:flex;align-items:center;gap:9px;width:100%;min-height:44px;margin:0;padding:6px 10px 6px 7px;border:0;border-radius:14px;background:var(--hb-fill2);color:var(--hb-ink);font:500 14px/1.25 var(--hb-font);text-align:left;transition:transform .2s cubic-bezier(.2,.9,.3,1.2),background-color .2s}
.hb-push b{font-weight:700}
.hb-push-text{flex:1;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hb-push>span[aria-hidden]:last-child{flex:none;font-size:22px;font-weight:600;line-height:1;color:#3c3c434d}
.hb-push:active{transform:scale(.98);background:var(--hb-fill)}
.hb-push:focus-visible{outline:3px solid #ff9500;outline-offset:2px}
.hb-push.is-done{background:#34c7591f;color:#1d6b33}
.habit-info .hb-session-icon{margin:0 auto 6px}
.info-label{margin:16px 2px 8px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;color:#0b1f2480}
.info-cards{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px;text-align:left}
.info-cards li{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-radius:12px;background:#ffffffa6;box-shadow:inset 0 0 0 .5px #0b1f241f;font-size:13px;font-weight:600;color:#0b1f24b3}
.info-cards li span{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap}
.info-cards li svg{width:13px;height:13px;stroke-width:2.6;color:var(--hb-d)}
.info-cards li b{display:flex;align-items:center;gap:2px;color:#7a4a00;font-size:12px;font-variant-numeric:tabular-nums}
.info-cards li b img{width:14px;height:14px}
.info-cards li.done{opacity:.55}
.info-cards li.now{background:color-mix(in srgb,var(--hb-c) 16%,#fff);box-shadow:inset 0 0 0 1.5px var(--hb-c);color:#0b1f24}
.hb-fx{position:fixed;inset:0;width:100vw;height:100vh;z-index:58;pointer-events:none}
.hb-haptic{position:fixed;left:-20px;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.balance.bump{animation:hb-bump .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes hb-bump{40%{transform:scale(1.16);filter:drop-shadow(0 0 10px #f6c453)}}
@media (max-height:790px){.hb-hero{gap:7px 12px;margin-bottom:16px;padding:9px 11px}.hb-hero-ring{width:44px;height:44px}.hb-hero-ring circle{stroke-width:6}.hb-hero-ring strong{font-size:14px}.hb-hero-ring small{font-size:9px}.hb-hero h2{font-size:20px}.hb-hero-lp{font-size:13px;margin-top:3px}.hb-push{min-height:36px;padding:3px 10px 3px 5px;font-size:13px}.hb-sunny{width:28px;height:28px}}
@media (max-height:719px){.hb-hero{gap:5px 12px;margin-bottom:14px;padding:7px 10px}.hb-hero-ring{width:42px;height:42px}.hb-push{min-height:32px;padding:2px 10px 2px 5px;line-height:1.2}.hb-sunny{width:26px;height:26px}}
@media (max-height:629px){.hb-hero{margin-bottom:12px;padding:7px 10px 7px 8px}.hb-hero-ring{width:40px;height:40px}.hb-hero-ring strong{font-size:12px}.hb-hero-ring small{display:none}.hb-hero-text{display:none}.hb-push,.hb-push.is-done{grid-column:2;grid-row:1}}
@media (prefers-reduced-motion:reduce){.hb-hero.is-up .fill,.hb-hero.is-up .hb-hero-lp,.balance.bump{animation:none}}
/* Discover feed: full-screen video under a Liquid Glass control layer. A clear glass panel holds the offer and grows in place for its details, a round glass rail holds the actions, and Redeem takes two taps. Gold stays on LP only. */
.app-shell.screen-offers{--fd-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--fd-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;--fd-ink:#0b1f24;--fd-glass:radial-gradient(90% 120% at 15% 0%,#ffffff1a,#ffffff00 60%),linear-gradient(150deg,#26323652,#0d151873);--fd-glass-blur:blur(12px) saturate(170%);--fd-ease:cubic-bezier(.2,.9,.25,1)}
.lg-feed{height:calc(100dvh - 20px);font-family:var(--fd-font);-webkit-font-smoothing:antialiased}
.lg-feed:has(.lg-caption[open]){overflow:hidden}
.lg-feed .lg-offer{position:relative;display:block!important;height:calc(100dvh - 20px)!important;min-height:0!important;max-height:none!important;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden;color:#fff;scroll-snap-align:start;scroll-snap-stop:always}
.lg-media{position:absolute;inset:0;overflow:hidden;background:#0d1a1d center/cover no-repeat}
.lg-media::before,.lg-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.lg-media::after{background:linear-gradient(#0000 50%,#00000059)}
.lg-media::before{z-index:2;background:#00000066;opacity:0;transition:opacity .3s var(--fd-ease)}
.lg-offer:has(.lg-caption[open]) .lg-media::before{opacity:1}
.lg-body{position:absolute;z-index:3;left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
.lg-actions{align-self:flex-end;display:flex;flex-direction:column;gap:10px;transition:opacity .2s,visibility .2s,transform .3s var(--fd-ease)}
.lg-offer:has(.lg-caption[open]) .lg-actions{opacity:0;visibility:hidden;transform:translateY(8px)}
.lg-actions button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;color:#fff;transition:transform .16s var(--fd-ease)}
.lg-actions button:active{transform:scale(.92)}
.lg-actions svg{width:22px;height:22px}
.lg-actions button,.lg-panel{background:var(--fd-glass);-webkit-backdrop-filter:var(--fd-glass-blur);backdrop-filter:var(--fd-glass-blur);box-shadow:var(--lg-edge),var(--lg-shadow)}
.lg-panel{overflow:hidden;padding:16px 14px 14px 18px;border-radius:30px;text-shadow:0 1px 2px #00000040}
.lg-offer:has(.lg-caption[open]) .lg-panel::before{content:"";display:block;width:36px;height:5px;margin:-6px auto 10px;border-radius:3px;background:#ffffff66}
.lg-eyebrow{display:none;margin:0 0 6px;font:600 12px/1.3 var(--fd-font);letter-spacing:.02em;color:#ffffffbf}
.lg-offer:has(.lg-caption[open]) .lg-eyebrow{display:block}
.lg-feed h2{margin:0;font:600 26px/1.12 var(--fd-display);letter-spacing:-.022em;text-wrap:balance}
.lg-feed h2.game-wordmark{display:flex;align-items:flex-end;margin:0!important;line-height:1}
.lg-feed .game-wordmark img{max-width:min(196px,100%);max-height:68px;filter:none}
.lg-caption{margin:6px 0 0}
.lg-caption>summary{display:block;min-height:0;margin:-11px 0;padding:11px 0;list-style:none;cursor:pointer}
.lg-feed summary::-webkit-details-marker{display:none}
.lg-condition{font:400 16px/1.35 var(--fd-font);letter-spacing:-.01em;color:#fff}
.is-game .lg-condition{font:600 20px/1.25 var(--fd-display);letter-spacing:-.015em}
.lg-more,.lg-less{padding-left:2px;font:600 15px/1 var(--fd-font);white-space:nowrap;color:#fff}
.lg-less,.lg-caption[open] .lg-more{display:none}
.lg-caption[open] .lg-less{display:inline}
.lg-expanded{max-height:calc(100dvh - 410px - env(safe-area-inset-bottom));margin:14px -4px 0 0;padding:0 4px 14px 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask:linear-gradient(#000 calc(100% - 14px),#0000);mask:linear-gradient(#000 calc(100% - 14px),#0000)}
.lg-caption[open] .lg-expanded{animation:lg-reveal .36s var(--fd-ease) both}
@keyframes lg-reveal{from{opacity:0;transform:translateY(8px)}}
.lg-expanded>p{margin:0;font:400 15px/1.45 var(--fd-font);color:#fffffff0}
.lg-facts{margin:14px 0 0}
.lg-facts>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:.5px solid #ffffff33}
.lg-facts dt{flex:none;font:400 14px/1.35 var(--fd-font);color:#ffffffb3}
.lg-facts dd{margin:0;font:600 14px/1.35 var(--fd-font);text-align:right;color:#fff}
.lg-terms{border-top:.5px solid #ffffff33;border-bottom:.5px solid #ffffff33}
.lg-terms>summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;list-style:none;cursor:pointer;font:400 14px/1 var(--fd-font);color:#ffffffb3}
.lg-terms>summary::after{content:"";width:7px;height:7px;margin-right:4px;border:solid #ffffffb3;border-width:0 1.6px 1.6px 0;transform:translateY(-2px) rotate(45deg);transition:transform .2s var(--fd-ease)}
.lg-terms[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.lg-terms p{margin:0 0 12px;font:400 13px/1.5 var(--fd-font);color:#ffffffc7}
.lg-claim{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;margin-top:14px}
.lg-price{display:inline-flex;align-items:center;gap:6px;font:600 17px/1 var(--fd-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.lg-price .coin-icon{width:24px;height:24px}
.lg-price small{font-size:13px;font-weight:600}
.lg-reach{flex-basis:100%;font:600 13px/1.2 var(--fd-font);color:#ffd978}
.lg-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border:0;border-radius:25px;background:#fff;color:var(--fd-ink);font:600 17px/1 var(--fd-font);letter-spacing:-.01em;white-space:nowrap;text-decoration:none;text-shadow:none;transition:transform .16s var(--fd-ease),box-shadow .2s}
.lg-cta:active{transform:scale(.96)}
.lg-cta.is-confirm{background:linear-gradient(180deg,#ffeaa8,#f7c64b 52%,#e3a12a);color:#3b2700;box-shadow:inset 0 1px 0 #fff6d0,inset 0 -1px 1px #b2700f80,0 6px 18px -6px #e3a12acc}
.lg-bubble{position:fixed;z-index:41;width:0;height:0;pointer-events:none}
.lg-bubble svg{position:absolute;left:-150px;top:-90px;width:300px;height:180px;overflow:visible}
.lg-bubble svg *{transform-box:fill-box;transform-origin:50% 50%}
.lg-bubble span{position:absolute;left:-80px;top:-25px;width:160px;height:50px;display:grid;place-items:center;font:600 17px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;letter-spacing:-.01em;color:#0b1f24}
.lg-bubble span.on{color:#3b2700}
.lg-cta.is-quiet{padding:0 20px;background:#ffffff2e;color:#fff;box-shadow:inset 0 0 0 .5px #ffffff59;font-size:16px}
.lg-done{display:inline-flex;align-items:center;gap:6px;min-height:50px;padding:0 8px;font:600 16px/1 var(--fd-font);color:#fff}
.lg-done svg{width:18px;height:18px;stroke-width:2.4}
.screen-offers :is(.lg-cta,.lg-actions button,.lg-feed summary,.video-toggle,.lg-later):focus-visible{outline:2px solid var(--lg-focus);outline-offset:2px}
.lg-feed .video-toggle{z-index:4;width:36px;height:36px;min-height:36px!important;border-radius:50%;background:var(--fd-glass)!important;-webkit-backdrop-filter:var(--fd-glass-blur);backdrop-filter:var(--fd-glass-blur);box-shadow:var(--lg-edge);color:#fff;font:600 13px/1 var(--fd-font)!important}
.app-shell.screen-offers header{background:transparent!important}
.app-shell.screen-offers header::before{content:"";position:absolute;inset:-20px 0 -34px;z-index:-1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0000008c,#00000047 60%,#0000);-webkit-mask:linear-gradient(#000 60%,#0000);mask:linear-gradient(#000 60%,#0000);pointer-events:none}
.app-shell.screen-offers .wordmark{color:#fff;text-shadow:0 1px 2px #00000052,0 2px 16px #00000059}
.app-shell.screen-offers .balance{background:var(--lg-fill)!important;-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);border:0!important;box-shadow:var(--lg-edge),var(--lg-shadow)!important;color:var(--lg-label-on)!important;font:600 15px/1 var(--lg-font)}
.modal-backdrop:has(.lg-handoff){background:#00000059;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}
.lg-handoff{width:min(360px,calc(100vw - 32px));padding:26px 20px 14px;border-radius:32px;text-align:center;color:#fff;font-family:var(--fd-font);background:radial-gradient(120% 60% at 0% 0%,#ffffff24,#ffffff00 55%),linear-gradient(150deg,#263236e0,#0d1518eb);-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);box-shadow:inset 0 1px .5px #ffffff59,inset 0 0 0 .5px #ffffff2e,0 30px 70px -20px #000000b3}
.lg-handoff-mark{display:block;width:auto;height:auto;max-width:180px;max-height:66px;margin:0 auto 14px}
.lg-handoff h2{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font:600 20px/1.2 var(--fd-display);letter-spacing:-.02em;color:#fff}
.lg-handoff h2 svg{display:block;width:20px;height:20px;stroke-width:2.4}
.lg-handoff>p{margin:6px 0 18px;font:400 15px/1.4 var(--fd-font);color:#ffffffd9}
.lg-handoff .lg-cta{width:100%;box-sizing:border-box}
.lg-later{width:100%;min-height:44px;margin-top:6px;border:0;background:none;color:#fff;font:600 16px/1 var(--fd-font)}
.lg-fine{margin:6px 0 0;font:400 12px/1.4 var(--fd-font);color:#ffffff99}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lg-panel,.lg-actions button,.lg-feed .video-toggle,.lg-handoff{background:#1a2427e6!important}}
@media (prefers-reduced-transparency:reduce){.lg-panel,.lg-actions button,.lg-feed .video-toggle,.lg-handoff{background:#1a2427!important}}
@media (prefers-reduced-motion:reduce){.lg-cta,.lg-actions,.lg-actions button,.lg-media::before,.lg-terms>summary::after{transition:none}.lg-caption[open] .lg-expanded{animation:none}}
@media (max-height:700px){.lg-feed h2{font-size:22px}.lg-actions{gap:8px}.lg-actions button{width:40px;height:40px;min-height:40px}.lg-panel{padding:13px 12px 12px 16px}.lg-claim{margin-top:10px}.lg-cta{min-height:46px}}
@media (max-height:620px){.lg-actions{flex-direction:row;gap:8px}.lg-feed .game-wordmark img{max-height:48px}.is-game .lg-condition{font-size:18px}}
@media (max-width:350px){.lg-feed h2{font-size:22px}.lg-condition{font-size:15px}.lg-cta{padding:0 18px;font-size:16px}}
/* Profile: Data and Social tabs between Purchase history and Settings; each tab is a full-body realistic live avatar on a floor progress ring with six habit chips in mirrored rows, ending with the name and streak; a chip opens its full-screen drill-down. The morning boardwalk photo under a light wash is the backdrop for Profile and the drill-downs (Home keeps the shared gradient). Shares the light chrome with Habits; its own softer habit palette (.pf .hb-<id>), tokens and glass (.pf-glass) keep it independent of the Habits card internals. Gold only on LP. */
.screen-wallet{--pf-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--pf-ink:#0b1f24;--pf-2:#0b1f24a3;--pf-3:#0b1f246b;--pf-accent:#12867f;--pf-tint:#0c6b65;--pf-gold:#7a5108;--pf-glass:radial-gradient(120% 70% at 0% 0%,#ffffff99,#ffffff00 55%),linear-gradient(150deg,#ffffff8a,#ffffff42);--pf-blur:blur(26px) saturate(185%);--pf-edge:inset 0 1px .5px #ffffffeb,inset 0 -1px 1px #ffffff59,inset 0 0 0 .5px #ffffffa6;--pf-lift:0 1px 1px #1030380a,0 14px 34px -16px #1030385c;background:transparent!important;color:var(--pf-ink)}
.screen-wallet .content{padding:78px 16px calc(96px + env(safe-area-inset-bottom));overflow-x:clip}
.pf{font-family:var(--pf-font);color:var(--pf-ink)}
.pf button{font-family:inherit;color:inherit}
.pf-glass{position:relative;border-radius:24px;background:var(--pf-glass);-webkit-backdrop-filter:var(--pf-blur);backdrop-filter:var(--pf-blur);box-shadow:var(--pf-edge),var(--pf-lift)}
.pf-glass::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(140deg,#fffffff2,#ffffff40 38%,#ffffff14 62%,#ffffffb3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.pf-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pf-sq{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:linear-gradient(155deg,var(--hb-c),var(--hb-d));color:#fff;box-shadow:inset 0 1px .5px #ffffff80,0 5px 12px -7px var(--hb-d);font-style:normal}
.pf-sq svg{width:18px;height:18px}
.pf-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--pf-ink)}
.pf-icon svg{width:22px;height:22px}
.app-shell:is(.screen-home,.screen-wallet){--pf-photo:linear-gradient(180deg,#f3f7f86b 0%,#f3f7f84d 45%,#f3f7f89e 100%),url(/assets/profile-bg-boardwalk-v1.webp) center/cover no-repeat}
.app-shell:is(.screen-home,.screen-wallet)::before{background:var(--pf-photo);animation:none;filter:blur(3px) saturate(.85)}
.app-shell.screen-home[data-tod]::after{content:none}
.screen-home .hb-deck.is-epic .hb-card::before{background:conic-gradient(from var(--hb-a),#e6cf9c,#dcb088,#f4ead2,#e3c48c,#e6cf9c)}
:is(.pf,.screen-home) .hb-water{--hb-c:#86aad3;--hb-d:#4e739f}
:is(.pf,.screen-home) .hb-steps{--hb-c:#89bf9d;--hb-d:#4a7f5e}
:is(.pf,.screen-home) .hb-pause{--hb-c:#85beb9;--hb-d:#437f7a}
:is(.pf,.screen-home) .hb-move{--hb-c:#dcb088;--hb-d:#9c6b3d}
:is(.pf,.screen-home) .hb-eat{--hb-c:#d99ca3;--hb-d:#9e5560}
:is(.pf,.screen-home) .hb-sleep{--hb-c:#a09dd6;--hb-d:#5f5ca0}
.pf-stage{--arc:#aab3c2;--aura:.3}
.is-s25{--arc:#9dbad6;--aura:.36}
.is-s50{--arc:#92c2bd;--aura:.42}
.is-s75{--arc:#9cc6a8;--aura:.48}
.is-s100{--arc:#9cc6a8;--aura:.56}
.is-s100 .pf-aura::after{content:"";position:absolute;inset:6%;border-radius:50%;background:conic-gradient(from 0deg,#5fd3c4,#a7b6f2,#f2b8d0,#9be7a8,#5fd3c4);filter:blur(22px);opacity:.75;animation:pf-spin 9s linear infinite}
.pf-live{position:absolute;display:block;overflow:hidden}
.pf-stage{position:relative;width:100%;aspect-ratio:358/500;margin-top:4px;container-type:inline-size}
.pf-aura{position:absolute;left:50%;top:42%;width:84%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--arc) 70%,#fff),color-mix(in srgb,var(--arc) 30%,transparent) 55%,transparent);opacity:var(--aura);translate:-50% -50%;animation:pf-breathe 5s ease-in-out infinite;pointer-events:none}
.pf-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pf-map path{fill:none}
.pf-ring-track{stroke:#0b1f2417;stroke-width:5}
.pf-ring-fill{stroke:var(--arc);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--arc) 70%,transparent))}
.pf-stage>.pf-live{left:14.66%;top:.8%;width:70.67%;height:93.6%;z-index:1}
.pf-chip{position:absolute;z-index:2;box-sizing:border-box;height:66px;align-content:center;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;width:29.05%;padding:8px 9px 9px;border-radius:16px;translate:0 -50%;text-align:left;color:var(--pf-ink)}
.pf-chip.is-l{left:0}
.pf-chip.is-r{right:0}
.pf-chip .pf-sq{width:28px;height:28px;border-radius:8px}
.pf-chip .pf-sq svg{width:16px;height:16px}
.pf-chip-text{display:grid;min-width:0}
.pf-chip-text b{font:600 11.5px/1.2 var(--pf-font);color:var(--pf-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-chip-text em{display:flex;align-items:center;height:18px;font:700 15px/1.15 var(--pf-font);font-style:normal;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pf-chip-text em svg{width:16px;height:16px;margin-right:2px;color:var(--hb-d)}
.pf-chip-bar{grid-column:1/-1;height:4px;overflow:hidden;border-radius:2px;background:color-mix(in srgb,var(--hb-c) 15%,#0b1f2408)}
.pf-chip-bar i{display:block;width:calc(var(--p)*100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--hb-c),var(--hb-d))}
.pf-chip.is-focus{box-shadow:var(--pf-edge),var(--pf-lift),0 0 0 2px var(--hb-c),0 10px 26px -10px var(--hb-c)}
.pf-chip-tag{position:absolute;top:-9px;left:10px;padding:2px 7px;border-radius:999px;background:var(--hb-d);color:#fff;font:700 10px/1.3 var(--pf-font);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 3px 8px -3px var(--hb-d)}
.pf-chip:active{scale:.96}
.pf-day{position:absolute;left:50%;bottom:-6px;z-index:2;display:inline-flex;align-items:baseline;gap:1px;margin:0;padding:7px 14px 7px 13px;border-radius:999px;translate:-50% 0;white-space:nowrap;font:700 17px/1 var(--pf-font);letter-spacing:-.02em;color:var(--pf-ink)}
.pf-day small{margin-left:5px;font:500 13px/1 var(--pf-font);letter-spacing:0;color:var(--pf-2)}
.pf-cell>.pf-live>img,.pf-cell>.pf-live>video{inset:auto;left:50%;top:-4px;width:162px;height:300px;max-width:none;translate:-50% 0}
@keyframes pf-ring{from{stroke-dasharray:0 1}}
.pf-live>img,.pf-live>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 0;pointer-events:none;user-select:none}
.pf-live>video{opacity:0;transition:opacity .35s}
.pf-live>video.is-on{opacity:1}
.pf-live:has(>video.is-on)>img{visibility:hidden}
.pf-day b{font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.pf-cells{position:relative;display:flex;gap:12px;margin:14px -16px 0;padding:2px 16px 10px;overflow-x:auto;list-style:none;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding:0 16px}
.pf-cells::-webkit-scrollbar{display:none}
.pf-cells li{flex:none;scroll-snap-align:start}
.pf-cell-btn{display:grid;justify-items:center;gap:5px;width:58px;padding:0;background:none;color:var(--pf-ink)}
.pf-ord{font:800 15px/1 var(--pf-font);font-variant-numeric:tabular-nums}
.pf-ord sup{margin-left:1px;font-size:10px;vertical-align:5px}
.pf-cell{position:relative;display:block;width:56px;height:56px;overflow:hidden;border-radius:21px;background:linear-gradient(160deg,#cfe3f6,#a9cdf0);box-shadow:0 6px 14px -8px #10303880}
.pf-cell::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow .2s}
.pf-cell.is-m1::after{box-shadow:inset 0 0 0 2.5px #f2c64c}
.pf-cell.is-m2::after{box-shadow:inset 0 0 0 2.5px #c9d1dc}
.pf-cell.is-m3::after{box-shadow:inset 0 0 0 2.5px #cb7f43}
.pf-cell-btn[aria-pressed=true] .pf-cell::after{box-shadow:inset 0 0 0 3px var(--pf-accent)}
.pf-cell>img{display:block;width:100%;height:100%;object-fit:cover}
.pf-cell>.pf-live{inset:0}
.pf-ord:empty{height:15px}
.pf-cell.is-add{display:grid;place-items:center;background:#0b1f240d;box-shadow:inset 0 0 0 1.5px #0b1f2426;color:var(--pf-accent)}
.pf-cell.is-add svg{width:24px;height:24px}
.pf-cell-btn small{max-width:100%;font:500 12px/1.2 var(--pf-font);color:var(--pf-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-cell-btn[aria-pressed=true] small{font-weight:700;color:var(--pf-ink)}
.pf-cell-btn:active .pf-cell{transform:scale(.94)}
@keyframes pf-breathe{50%{scale:1.05}}
@keyframes pf-spin{to{rotate:1turn}}
.pf-name-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;max-width:100%;margin-top:18px}
.pf-name-row.is-stacked{flex-direction:column}
.pf-name-row.is-stacked .pf-div{display:none}
.pf-name{max-width:100%;margin:0;font:800 32px/1.08 var(--pf-font);letter-spacing:-.035em;color:var(--pf-ink);text-wrap:balance;overflow-wrap:anywhere}
.pf-div{flex:none;width:1.5px;height:26px;border-radius:1px;background:#0b1f2438}
.pf-streak{display:inline-flex;align-items:center;gap:3px;flex:none;margin:0;color:var(--pf-ink)}
.pf-streak svg{width:24px;height:24px;color:#ff9f0a;filter:drop-shadow(0 2px 4px #ff9f0a66)}
.pf-streak b{font:800 24px/1 var(--pf-font);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
/* Counting numbers keep their final width from the first frame (min-width in ch is set in the markup), so the count-up never re-centres the name line or the podium. */
.pf [data-count]{text-align:right}
.pf-streak small{font:600 14px/1 var(--pf-font);color:var(--pf-2)}
.pf-streak.is-out svg{color:#b9b2ac;filter:none}
.pf-seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:13px;background:#0b1f2412}
.pf-seg button{position:relative;z-index:1;min-height:36px;padding:0 8px;border-radius:10px;font:600 14px/1 var(--pf-font);letter-spacing:-.01em;color:var(--pf-ink)}
.pf-seg button[aria-selected=true]{background:#fff;box-shadow:0 3px 8px -2px #0b1f2433,0 0 0 .5px #0b1f240f}
.pf-seg button small{font-size:12px;font-weight:600;color:var(--pf-2)}
.pf-top{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;margin-top:2px}
.pf-tabs{width:100%;max-width:240px;justify-self:center}
.pf-tabs::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:10px;background:#fff;box-shadow:0 3px 8px -2px #0b1f2433,0 0 0 .5px #0b1f240f;transition:transform .38s cubic-bezier(.3,.9,.3,1)}
.pf-tabs[data-on=social]::before{transform:translateX(100%)}
.pf-tabs button[aria-selected=true]{background:none;box-shadow:none}
.pf-seg-sm{margin-top:14px}
.pf-panel{padding-top:6px}
.pf-panel.is-shown{animation:pf-panel .34s cubic-bezier(.2,.8,.2,1) both}
.pf-cmp svg{width:12px;height:12px;stroke-width:2.6}
.pf-cmp.is-down{background:#0b1f240d;color:var(--pf-2)}
.pf-cmp.is-down svg{transform:rotate(180deg)}
.pf-avatar{display:block;flex:none;width:44px;height:44px;overflow:hidden;border-radius:34%;background:#a9cdf0;box-shadow:0 0 0 2px #ffffffe6,0 6px 14px -8px #10303880}
.pf-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.sample-share-button .person-avatar img{width:100%;height:100%;border-radius:34%;object-fit:cover}
.pf-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:34px;padding:0 14px;border-radius:17px;background:#7676801f;color:var(--pf-tint)!important;font:600 14px/1 var(--pf-font);letter-spacing:-.01em;white-space:nowrap;transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .16s}
.pf-pill svg{width:15px;height:15px;stroke-width:2.4}
.pf-pill.is-prominent{background:linear-gradient(155deg,#12867f,#0c6b65);color:#fff!important;box-shadow:inset 0 1px 0 #ffffff33,0 6px 14px -8px #0c6b65cc}
.pf-pill:active,.pf-icon:active{transform:scale(.95)}
.pf :is(button,input,summary):focus-visible,.pf-search:focus-within{outline:3px solid var(--pf-accent);outline-offset:3px}
.pf-fine{margin:26px 6px 0;font:400 12px/1.5 var(--pf-font);color:var(--pf-3)}
html:has(.pf-sheet-backdrop){overflow:hidden}
.pf-sheet-backdrop{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-end;justify-content:center;background:#0b1f2447;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}
.pf-sheet{width:min(480px,100vw);max-height:min(88dvh,820px);overflow:auto;overscroll-behavior:contain;padding:0 18px calc(24px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;background:linear-gradient(160deg,#fafcfcf5,#eef3f4f0);-webkit-backdrop-filter:blur(36px) saturate(190%);backdrop-filter:blur(36px) saturate(190%);box-shadow:inset 0 1px .5px #fff,0 -24px 60px -24px #0b1f2480;color:var(--pf-ink);font-family:var(--pf-font);text-align:left}
.pf-sheet button{font-family:inherit;color:inherit}
.pf-sheet-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -18px;padding:10px 18px 12px;background:linear-gradient(#f8fbfbf7 70%,#f8fbfb00)}
.pf-sheet-head::before{content:"";position:absolute;top:6px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:#0b1f2429}
.pf-sheet-head h2{display:flex;align-items:center;gap:10px;margin:12px 0 0;font:700 22px/1.2 var(--pf-font);letter-spacing:-.02em}
.pf-sheet-head .pf-sq{width:32px;height:32px}
.pf-close{display:grid;place-items:center;width:34px;height:34px;margin-top:12px;border-radius:50%;background:#7676801f;color:var(--pf-2)}
.pf-close svg{width:17px;height:17px;stroke-width:2.6}
.pf-sheet-backdrop.is-fresh{animation:pf-fade .28s ease both}
.pf-sheet-backdrop.is-fresh .pf-sheet{animation:pf-sheet-up .44s cubic-bezier(.2,.9,.25,1) both}
.pf-drill-hero{display:block;margin-top:6px;padding:18px 20px 20px;border-radius:24px}
.pf-today{display:grid;gap:4px;min-width:0}
.pf-today small{font:600 11px/1.2 var(--pf-font);letter-spacing:.05em;text-transform:uppercase;color:var(--pf-3)}
.pf-today-val{margin:0;font:500 15px/1.1 var(--pf-font);color:var(--pf-2)}
.pf-today-val strong{font:700 48px/1 var(--pf-font);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--pf-ink)}
.pf-today-goal{margin:0 0 6px;font:400 13px/1.3 var(--pf-font);color:var(--pf-2)}
.pf-today .pf-chip-bar{height:6px;border-radius:3px}
.pf-today-cards{display:flex;align-items:center;gap:4px;margin:6px 0 8px;font:600 13px/1.3 var(--pf-font);color:var(--hb-d)}
.pf-today-cards svg{width:15px;height:15px}
.pf-today .pf-pill{justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(155deg,var(--hb-d),color-mix(in srgb,var(--hb-d) 82%,#0b1f24));box-shadow:inset 0 1px 0 #ffffff47,0 8px 18px -10px var(--hb-d)}
.pf-sheet-habit .pf-seg-sm{margin-top:18px}
.pf-sheet-head .pf-chip-tag{position:static;margin-left:2px;align-self:center}
.pf-drill-card{margin-top:14px;padding:4px 16px 16px;border-radius:24px}
.pf-change h3{margin:14px 0 12px;font:700 17px/1.2 var(--pf-font);letter-spacing:-.01em}
.pf-change-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.pf-change-row>span:not(.pf-cmp){display:grid;gap:2px;font:500 13px/1.1 var(--pf-font);color:var(--pf-2)}
.pf-change-row small{font:600 11px/1.2 var(--pf-font);letter-spacing:.04em;text-transform:uppercase;color:var(--pf-3)}
.pf-change-row em{font-style:normal}
.pf-change-row b{font:700 26px/1.05 var(--pf-font);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--pf-ink)}
.pf-change-row>i{align-self:center;color:var(--hb-c);font-style:normal}
.pf-change-row>i svg{width:18px;height:18px}
.pf-change-row .pf-cmp{margin:0 0 2px auto}
.pf-change p{margin:12px 0 0;font:400 14px/1.45 var(--pf-font);color:var(--pf-ink)}
.pf-sheet-habit .pf-fine{margin-top:18px}
.pf-big{margin:20px 0 0;font:500 15px/1.2 var(--pf-font);color:var(--pf-2)}
.pf-big strong{font:700 40px/1 var(--pf-font);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--pf-ink)}
.pf-big span{display:block;margin-top:6px;font-size:13px;font-weight:400}
.pf-cmp{display:inline-flex;align-items:center;gap:3px;margin:12px 0 0;padding:4px 10px 4px 8px;border-radius:999px;background:#89bf9d2e;color:#3f7655;font:600 13px/1.2 var(--pf-font)}
.pf-chart{position:relative;margin-top:22px}
.pf-chart svg{display:block;width:100%;height:170px;overflow:visible}
.pf-chart rect{fill:color-mix(in srgb,var(--hb-c) 72%,#fff)}
.pf-chart rect.is-today{fill:var(--hb-d)}
.pf-chart line{stroke:var(--hb-d);stroke-width:1.2;stroke-dasharray:3 4;vector-effect:non-scaling-stroke;opacity:.75}
.pf-goal{position:absolute;right:0;top:calc(var(--goal)*170px);transform:translateY(-130%);padding:1px 6px;border-radius:6px;background:#ffffffd9;color:var(--hb-d);font:600 11px/1.4 var(--pf-font)}
.pf-axis{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin-top:7px;font:500 11px/1 var(--pf-font);color:var(--pf-3);white-space:nowrap}
.pf-axis span{justify-self:center}
.pf-axis.is-days span:last-child{justify-self:end}
.pf-stat{margin:16px 0 0;padding:12px 14px;border-radius:16px;background:#ffffffb3;box-shadow:inset 0 0 0 .5px #0b1f2414;font:500 14px/1.4 var(--pf-font)}
.pf-sub{margin:22px 4px 6px;font:600 13px/1.25 var(--pf-font);letter-spacing:.02em;color:var(--pf-2)}
.pf-balance{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border-radius:20px}
.pf-balance .coin-icon{flex:none;width:44px;height:44px}
.pf-balance>div{flex:1;min-width:0}
.pf-balance strong{display:block;font:700 28px/1.1 var(--pf-font);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--pf-gold)}
.pf-balance small{font:500 12px/1.3 var(--pf-font);color:var(--pf-2)}
.pf-list{margin:0;padding:0 4px;list-style:none}
.pf-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 0}
.pf-list li+li{border-top:.5px solid #0b1f2414}
.pf-list li>span{display:grid;gap:1px;min-width:0}
.pf-list b{display:block;font:500 15px/1.3 var(--pf-font);color:var(--pf-ink)}
.pf-list small{font:400 12.5px/1.35 var(--pf-font);color:var(--pf-2)}
.pf-list li.is-off b{color:var(--pf-2)}
.pf-ledger b::first-letter{text-transform:uppercase}
.pf-ledger strong{flex:none;font:600 15px/1 var(--pf-font);font-variant-numeric:tabular-nums;color:var(--pf-2)}
.pf-ledger strong.is-plus{color:var(--pf-gold)}
.pf-link{flex:none;min-height:44px;padding:0 2px;color:var(--pf-tint)!important;font:600 15px/1 var(--pf-font)}
.pf-offer{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:0;font:500 15px/1.3 var(--pf-font);text-align:left}
.pf-offer svg{flex:none;width:16px;height:16px;color:var(--pf-3)}
.pf-none{margin:6px 4px 2px;font:400 14px/1.4 var(--pf-font);color:var(--pf-2)}
.pf-search{display:flex;align-items:center;gap:8px;min-height:42px;margin-top:10px;padding:0 12px;border-radius:12px;background:#7676801f;color:var(--pf-2)}
.pf-search svg{flex:none;width:18px;height:18px}
.pf-search input{flex:1;min-width:0;padding:0;border:0;background:none;outline:none;color:var(--pf-ink);font:400 16px/1.2 var(--pf-font)}
.pf-invite-card{display:flex;align-items:center;gap:12px;width:100%;margin-top:16px;padding:12px 14px;border-radius:18px;text-align:left}
.pf-invite-card i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(150deg,#12867f,#5fd3c4);color:#fff}
.pf-invite-card i svg{width:22px;height:22px}
.pf-invite-card span{display:grid;flex:1;min-width:0}
.pf-invite-card b{font:600 15px/1.25 var(--pf-font)}
.pf-invite-card small{font:400 12.5px/1.3 var(--pf-font);color:var(--pf-2)}
.pf-invite-card>svg{flex:none;width:16px;height:16px;color:var(--pf-3)}
.pf-people-list{margin:0;padding:0 4px;list-style:none}
.pf-person-row{display:flex;align-items:center;gap:12px;padding:9px 0}
.pf-person-row+.pf-person-row{border-top:.5px solid #0b1f2414}
.pf-person-row>span:not(.pf-avatar){display:grid;flex:1;min-width:0}
.pf-person-row b{font:600 15px/1.25 var(--pf-font)}
.pf-person-row small{font:400 12.5px/1.3 var(--pf-font);color:var(--pf-2)}
.pf-none-box{display:grid;justify-items:center;gap:4px;margin-top:22px;text-align:center}
.pf-none-box b{font:600 16px/1.3 var(--pf-font)}.pf-none-box p{margin:0 0 10px;font:400 14px/1.4 var(--pf-font);color:var(--pf-2)}
.pf-enter .pf-stage>.pf-live{animation:pf-pop .7s cubic-bezier(.2,.9,.25,1.2) both}
.pf-enter .pf-ring-fill{animation:pf-ring 1.1s .25s cubic-bezier(.3,.7,.2,1) both}
.pf-enter .pf-chip{animation:pf-rise .5s calc(.35s + var(--i,0)*.06s) cubic-bezier(.2,.9,.25,1) both}
@keyframes pf-fade{from{opacity:0}}
.pf-enter .pf-name-row{animation:pf-rise .6s .2s cubic-bezier(.2,.9,.25,1) both}
.pf-enter .pf-streak{transform-origin:0 50%;animation:pf-pop .6s .45s cubic-bezier(.2,.9,.3,1.4) both}
@keyframes pf-pop{from{opacity:0;transform:scale(.86)}}
@keyframes pf-rise{from{opacity:0;transform:translateY(10px)}}
@keyframes pf-panel{from{opacity:0;transform:translateY(8px)}}
@keyframes pf-fade{from{opacity:0}}
@keyframes pf-sheet-up{from{transform:translateY(100%)}}
@media (min-width:700px){.pf-sheet-backdrop{align-items:center}.pf-sheet{border-radius:30px;max-height:86dvh}}
.pf-glass{background:#f7fafaf2}.pf-sheet{background:#f7fafa}
@media (prefers-reduced-transparency:reduce){.pf-glass,.pf-sheet{background:#f7fafa}.pf-sheet-backdrop{background:#0b1f2499}}
@media (prefers-reduced-motion:reduce){.screen-wallet::before,.pf-enter .pf-stage>.pf-live,.pf-enter .pf-ring-fill,.pf-enter .pf-chip,.pf-aura,.is-s100 .pf-aura::after,.pf-enter .pf-name-row,.pf-enter .pf-streak,.pf-panel.is-shown,.pf-sheet-backdrop.is-fresh,.pf-sheet-backdrop.is-fresh .pf-sheet{animation:none}.pf-tabs::before,.pf-pill{transition:none}}
@media (max-width:350px){.pf-chip{gap:5px;padding:7px 7px 8px}.pf-chip .pf-sq{width:24px;height:24px;border-radius:7px}.pf-chip-text b{font-size:10.5px}.pf-chip-text em{font-size:13px}.pf-pill{padding:0 11px;font-size:13px}}
/* V59 proposal: fun round. Sunny lives in the progress card, streak and level chips, rare and epic cards, combo, a backdrop that blooms with the day and follows the time of day, badges in a progress sheet. */
@property --hb-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.screen-home::before{background:radial-gradient(40% 28% at 16% 14%,#8fd8ffa6,#8fd8ff00 70%),radial-gradient(38% 26% at 88% 26%,#c9b8ffa6,#c9b8ff00 72%),radial-gradient(46% 30% at 78% 80%,#ffd59aa6,#ffd59a00 70%),radial-gradient(40% 28% at 8% 70%,#9ff0c8a6,#9ff0c800 70%),radial-gradient(34% 24% at 50% 48%,#ffc2d68c,#ffc2d600 70%),#f2f4f7;filter:saturate(calc(.55 + var(--bloom,0) * .75))}
.screen-home::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:calc(.3 + var(--bloom,0) * .35)}
.screen-home[data-tod=morning]::after{background:radial-gradient(140% 55% at 50% -12%,#ffb870,#ffb87000 70%),radial-gradient(70% 35% at 0% 36%,#ffd98f,#ffd98f00 70%)}
.screen-home[data-tod=day]::after{background:radial-gradient(140% 55% at 50% -12%,#7cc8ff,#7cc8ff00 70%),radial-gradient(70% 35% at 100% 40%,#9ef0cf,#9ef0cf00 70%)}
.screen-home[data-tod=evening]::after{background:radial-gradient(140% 55% at 50% -12%,#ff8fab,#ff8fab00 70%),radial-gradient(80% 45% at 100% 30%,#b39cff,#b39cff00 70%)}
.screen-home[data-tod=night]::after{background:radial-gradient(2px 2px at 14% 9%,#fff 60%,#fff0),radial-gradient(1.6px 1.6px at 62% 5%,#fff 60%,#fff0),radial-gradient(1.4px 1.4px at 38% 16%,#fff 60%,#fff0),radial-gradient(2px 2px at 84% 13%,#fff 60%,#fff0),radial-gradient(1.4px 1.4px at 27% 27%,#fff 60%,#fff0),radial-gradient(1.6px 1.6px at 72% 24%,#fff 60%,#fff0),radial-gradient(1.2px 1.2px at 92% 33%,#fff 60%,#fff0),radial-gradient(1.2px 1.2px at 6% 38%,#fff 60%,#fff0),radial-gradient(150% 60% at 50% -15%,#6d6ad6,#6d6ad600 72%)}
.hb-hero-top{display:flex;align-items:center;gap:6px;min-width:0}
.hb-hero-top h2{margin-right:2px}
.hb-chip{position:relative;display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 9px;border:0;border-radius:12px;font:600 13px/1 var(--hb-font);font-variant-numeric:tabular-nums}
.hb-chip::after{content:"";position:absolute;inset:-10px -3px}
.hb-chip:focus-visible{outline:3px solid #5856d6;outline-offset:2px}
.hb-streak{background:#ff95001f;color:#c93400}
.hb-streak svg{width:14px;height:14px;color:#ff9500;fill:#ff950040}
.hb-streak.is-kept svg{fill:#ff9500;animation:hb-flicker 1.6s ease-in-out infinite}
.hb-streak.is-zero{background:var(--hb-fill);color:var(--hb-label2)}
.hb-streak.is-zero svg{color:currentColor;fill:none}
.hb-level{isolation:isolate;background:#5856d61a;color:#3634a3}
.hb-level i{position:absolute;inset:0 auto 0 0;z-index:-1;width:calc(var(--x) * 100%);border-radius:inherit;background:#5856d621}
@keyframes hb-flicker{50%{transform:scale(1.15) rotate(-6deg)}}
.hb-sunny{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fffbea 0%,#ffe39a 22%,#f6bb45 52%,#e18c22 80%,#c8701b 100%);box-shadow:0 0 0 1.5px #fff,0 2px 6px -2px #e18c2299}
.hb-sunny::before{content:"";position:absolute;left:30%;top:36%;width:3px;height:4px;border-radius:50%;background:#5b3200;box-shadow:8px 0 0 #5b3200;animation:sunny-blink 5s infinite}
.hb-sunny::after{content:"";position:absolute;left:33%;top:57%;width:34%;height:15%;border:1.8px solid #5b3200;border-top:0;border-radius:0 0 999px 999px}
.hb-sunny.is-cheer{animation:hb-hop .7s cubic-bezier(.34,1.56,.64,1) 2}
.hb-sunny.is-party{animation:hb-dance 1.2s ease-in-out infinite}
.hb-sunny.is-sleep::before{top:42%;height:1.6px;border-radius:1px;animation:none}
.hb-sunny.is-sleep i::after{content:"z";position:absolute;right:-7px;top:-9px;font:800 11px/1 var(--hb-font);color:#6a58f0;animation:hb-zz 2.4s ease-in-out infinite}
@keyframes hb-hop{40%{transform:translateY(-7px) scale(1.08,.94)}70%{transform:translateY(0) scale(.96,1.05)}}
@keyframes hb-dance{25%{transform:rotate(-10deg) translateY(-2px)}75%{transform:rotate(10deg) translateY(-2px)}}
@keyframes hb-zz{0%{opacity:0;transform:translate(0,4px)}50%{opacity:1}100%{opacity:0;transform:translate(4px,-6px)}}
.hb-push-text[data-later]{font-weight:700;color:#c93400}
.hb-deck:is(.is-rare,.is-epic) .hb-card::before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.hb-deck.is-rare .hb-card::before{background:linear-gradient(140deg,#5e5ce699,#64d2ff99 55%,#bf5af299)}
.hb-deck.is-epic .hb-card::before{background:conic-gradient(from var(--hb-a),#ffd60a,#ff9f0a,#fff1b8,#ffcc00,#ffd60a);animation:hb-spin-a 9s linear infinite}
.hb-deck.is-epic .hb-card{box-shadow:var(--hb-depth),0 10px 28px -12px #ff9f0a80}
.hb-deck.is-epic .hb-lp{background:#fff3c7;color:#7a4a00}
@keyframes hb-spin-a{to{--hb-a:360deg}}
.hb-combo{position:fixed;z-index:62;pointer-events:none;font:900 22px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(90deg,#ff9f0a,#ff375f,#b55cff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 6px 14px #ff375f66)}
.hb-toast{position:fixed;z-index:64;left:50%;top:calc(84px + var(--k,0) * 64px);display:flex;align-items:center;gap:10px;min-width:220px;max-width:calc(100vw - 32px);padding:10px 16px 10px 10px;border-radius:20px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;background:radial-gradient(120% 120% at 0% 0%,#fff3c4,#fff0 60%),linear-gradient(150deg,#ffffffeb,#ffffffc7);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px .5px #fff,inset 0 0 0 .5px #ffffffb3,0 14px 34px -12px #0b1f2473;transform:translateX(-50%);animation:hb-toast-in .55s cubic-bezier(.34,1.56,.64,1) both}
.hb-toast>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:linear-gradient(#ffe7a3,#f6bb45);color:#5b3a00}
.hb-toast svg{width:20px;height:20px}
.hb-toast b{display:block;font-size:15px;font-weight:800;color:#0b1f24}
.hb-toast small{display:block;font-size:12px;color:#0b1f24a3}
.hb-toast.out{animation:hb-toast-out .35s ease-in both}
@keyframes hb-toast-in{from{transform:translate(-50%,-20px) scale(.9);opacity:0}}
@keyframes hb-toast-out{to{transform:translate(-50%,-14px) scale(.95);opacity:0}}
.prog-level{margin:10px 0 4px}
.prog-bar{display:block;height:10px;border-radius:5px;background:#0b1f2414;overflow:hidden}
.prog-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c6cf0,#b55cff);box-shadow:0 0 10px #7c6cf080}
.prog-sheet .prog-level p{margin:6px 0 0;font-size:13px;color:#0b1f24a3}
.prog-streak{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:14px;background:linear-gradient(90deg,#fff1dc,#ffe6c2);text-align:left}
.prog-streak svg{flex:none;width:28px;height:28px;color:#ff7a00;fill:#ff9f0a}
.prog-streak b{display:block;font-size:16px;font-weight:800;color:#7f3800}
.prog-streak span{display:block;font-size:12px;color:#7f3800b3}
.prog-streak.is-zero{background:#0b1f240d}
.prog-streak.is-zero svg{color:#0b1f2466;fill:none}
.prog-streak.is-zero b,.prog-streak.is-zero span{color:#0b1f24a3}
.prog-badges{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.prog-badges li{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border-radius:14px;background:#ffffff99;box-shadow:inset 0 0 0 .5px #0b1f241f;text-align:center}
.prog-badges span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0b1f240f;color:#0b1f2459}
.prog-badges svg{width:22px;height:22px}
.prog-badges b{font-size:12px;font-weight:700;line-height:1.2;color:#0b1f24a3}
.prog-badges small{font-size:10.5px;line-height:1.25;color:#0b1f2480}
.prog-badges li.on span{background:linear-gradient(135deg,#ffe7a3,#f6bb45);color:#5b3a00;box-shadow:0 4px 12px -4px #e18c22b3}
.prog-badges li.on b{color:#0b1f24}
.modal-backdrop:has(.prog-sheet){background:#0b1f2440;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}
@media (max-height:790px){.hb-chip{height:22px;padding:0 8px;font-size:12px}}
@media (prefers-reduced-motion:reduce){.hb-streak.is-kept svg,.hb-sunny,.hb-sunny::before,.hb-sunny i::after,.hb-deck.is-epic .hb-card::before,.hb-toast,.hb-toast.out{animation:none}}

/* ---- Playable ad concepts (Playtika) ---- */
.lg-media.is-playable{background-color:var(--pl-theme)}
.lg-media.is-playable::after{background:linear-gradient(#0000 55%,#0000008c)}
.lg-cpc{margin:10px 0 0;padding:8px 12px;border-radius:12px;background:#ffffff14;font:600 12px/1.3 var(--fd-font);color:#fffd}.lg-cpc span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#ffffff99}
.lg-toggle{padding:6px 10px;border:0;border-radius:10px;background:#ffffff1f;color:#fff;font:600 13px/1.2 var(--fd-font);text-align:left;box-shadow:inset 0 0 0 .5px #ffffff59;cursor:pointer}
.lg-toggle[aria-pressed="true"]{background:#1f8a5a66}
.lg-offer.is-playable .lg-media::before{z-index:2}
.lg-offer.is-playable .lg-body{pointer-events:none}.lg-offer.is-playable .lg-body>*{pointer-events:auto}
.lg-offer.is-playable .pl-stage{justify-content:flex-start}.lg-offer.is-playable .pl-board{flex:0 0 auto;margin-top:6px}
.lg-handoff-mark.is-icon{width:72px;height:72px;border-radius:18px;box-shadow:0 6px 18px -6px #000}