@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";.cmd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#03231a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 1rem 1rem;animation:cmd-in .22s cubic-bezier(.22,1,.36,1) both}@keyframes cmd-in{0%{opacity:0}to{opacity:1}}.cmd-palette{width:100%;max-width:560px;background:#fffdf5;border:1px solid #D3DDCE;border-radius:22px;box-shadow:0 30px 90px #03231a73,0 0 40px #76c45726;overflow:hidden;animation:cmd-pop .28s cubic-bezier(.34,1.4,.64,1) both}@keyframes cmd-pop{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}.cmd-input-row{display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;border-bottom:1px solid #D3DDCE}.cmd-input-row .material-symbols-outlined{color:#2a7c13;font-size:1.35rem}.cmd-input{flex:1;border:none;outline:none;background:none;font-family:var(--font-body);font-size:1rem;color:#20301a}.cmd-input::placeholder{color:#8a9a86}.cmd-kbd{font-family:var(--font-body);font-size:.68rem;font-weight:700;color:#55705c;background:#eef4e2;border:1px solid #D3DDCE;border-bottom-width:2px;border-radius:7px;padding:.15rem .45rem}.cmd-list{list-style:none;margin:0;padding:.5rem;max-height:320px;overflow-y:auto}.cmd-item{width:100%;display:flex;align-items:center;gap:.8rem;padding:.65rem .75rem;border:none;background:none;border-radius:14px;cursor:pointer;text-align:left;font-family:var(--font-body)}.cmd-item.active{background:linear-gradient(135deg,#eef4e2,#eaf6dc)}.cmd-item-icon{width:40px;height:40px;border-radius:13px;background:linear-gradient(140deg,#2a7c13,#2a7c13);color:#f4f8e4;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cmd-item-text{flex:1;display:flex;flex-direction:column;gap:1px}.cmd-item-text strong{font-size:.92rem;color:#20301a}.cmd-item-text small{font-size:.75rem;color:#55705c}.cmd-item-go{color:#2a7c13;opacity:0;transform:translate(-4px);transition:opacity .15s,transform .15s}.cmd-item.active .cmd-item-go{opacity:1;transform:none}.cmd-empty{padding:1.4rem;text-align:center;color:#55705c;font-size:.88rem}.cmd-foot{display:flex;gap:1.1rem;padding:.65rem 1.1rem;border-top:1px solid #D3DDCE;font-size:.72rem;color:#55705c;background:#fff}.cmd-foot kbd{font-family:var(--font-body);font-weight:700;background:#fff;border:1px solid #D3DDCE;border-bottom-width:2px;border-radius:6px;padding:.05rem .35rem;margin-right:.25rem}@media (prefers-reduced-motion: reduce){.cmd-backdrop,.cmd-palette{animation:none!important}}.brandlock{display:inline-flex;align-items:center;gap:.6rem;line-height:1;-webkit-user-select:none;user-select:none}.brandlock-tile{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:transparent;filter:drop-shadow(0 3px 8px rgba(42,124,19,.3));transition:transform .25s cubic-bezier(.22,1,.36,1),filter .25s}.brandlock-img--photo{object-fit:contain}.brandlock-tile--svg{background:#101a0e}.brandlock-img{width:100%;height:100%;display:block;transition:transform .25s cubic-bezier(.22,1,.36,1)}.brandlock-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:30%;background:linear-gradient(105deg,transparent 44%,rgba(255,255,255,.3) 50%,transparent 56%);transform:translate(-70%);animation:brandlock-shine 5.5s ease-in-out infinite;pointer-events:none;overflow:hidden}@keyframes brandlock-shine{0%,60%{transform:translate(-70%)}to{transform:translate(70%)}}a:hover .brandlock-tile,button:hover .brandlock-tile,[role=link]:hover .brandlock-tile,[role=button]:hover .brandlock-tile{transform:translateY(-1px) rotate(-3deg);filter:drop-shadow(0 6px 14px rgba(42,124,19,.4)) drop-shadow(0 0 10px rgba(118,196,87,.45))}a:hover .brandlock-img,button:hover .brandlock-img,[role=link]:hover .brandlock-img,[role=button]:hover .brandlock-img{transform:scale(1.08)}.brandlock-text{display:inline-flex;flex-direction:column;gap:2px}.brandlock-word{font-family:var(--font-headline);font-weight:800;letter-spacing:-.02em;color:var(--eco-ink);white-space:nowrap}.brandlock-tag{font-family:var(--font-body);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--eco-primary);white-space:nowrap}.brandlock--dark .brandlock-word{color:#fff}.brandlock--dark .brandlock-tag{color:var(--eco-lime)}.brandlock--xs{gap:.45rem}.brandlock--xs .brandlock-tile{width:40px;height:40px;border-radius:12px}.brandlock--xs .brandlock-word{font-size:1rem}.brandlock--xs .brandlock-tag{font-size:.58rem}.brandlock--sm{gap:.65rem}.brandlock--sm .brandlock-tile{width:56px;height:56px;border-radius:16px}.brandlock--sm .brandlock-word{font-size:1.3rem}.brandlock--sm .brandlock-tag{font-size:.65rem}.brandlock--md{gap:.75rem}.brandlock--md .brandlock-tile{width:76px;height:76px;border-radius:20px}.brandlock--md .brandlock-word{font-size:1.6rem}.brandlock--md .brandlock-tag{font-size:.7rem}.brandlock--lg{gap:.9rem}.brandlock--lg .brandlock-tile{width:96px;height:96px;border-radius:24px}.brandlock--lg .brandlock-word{font-size:1.9rem}.brandlock--lg .brandlock-tag{font-size:.75rem}@media (prefers-reduced-motion: reduce){.brandlock-shine,.brandlock-tile,.brandlock-img{animation:none!important;transition:none!important}}.eco-loader-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#ffffffb8;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);animation:eco-loader-in .35s cubic-bezier(.22,1,.36,1) both}@keyframes eco-loader-in{0%{opacity:0}to{opacity:1}}.eco-loader-ambient{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.eco-loader-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:eco-blob-drift 7s ease-in-out infinite alternate}.eco-loader-blob--a{width:340px;height:340px;left:-90px;top:-90px;background:#76c457;opacity:.35}.eco-loader-blob--b{width:300px;height:300px;right:-70px;bottom:-60px;background:#e7efe2;opacity:.8}.eco-loader-blob--c{width:180px;height:180px;left:55%;top:12%;background:#fff;opacity:.9;animation-delay:-3s}@keyframes eco-blob-drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,24px) scale(1.08)}}.eco-loader-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;background:#ffffffeb;border:1px solid #D3DDCE;border-radius:28px;padding:2.25rem 2.75rem 2rem;box-shadow:0 24px 70px #2a7c1338;animation:eco-card-rise .5s cubic-bezier(.22,1,.36,1) both;max-width:min(92vw,380px);text-align:center}@keyframes eco-card-rise{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.eco-loader-sprout{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.eco-loader-pot,.eco-loader-plant{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.eco-loader-shadow{fill:#2a7c1326}.eco-loader-pot-body{fill:#2a7c13}.eco-loader-pot-rim{fill:#1c5410}.eco-loader-stem{fill:none;stroke:#2a7c13;stroke-width:4;stroke-linecap:round;stroke-dasharray:44;stroke-dashoffset:44;animation:eco-stem-grow 1.8s cubic-bezier(.22,1,.36,1) infinite}@keyframes eco-stem-grow{0%{stroke-dashoffset:44}55%,to{stroke-dashoffset:0}}.eco-loader-leaf{transform-origin:48px 48px;opacity:0;animation:eco-leaf-pop 1.8s cubic-bezier(.34,1.56,.64,1) infinite}.eco-loader-leaf path:first-child{fill:#76c457;stroke:#2a7c13;stroke-width:1.5}.eco-loader-leaf--left{animation-delay:.45s}.eco-loader-leaf--right{animation-delay:.65s}.eco-loader-leaf--top path:first-child{fill:#2a7c13;stroke:#1c5410}.eco-loader-leaf--top{animation-delay:.85s}@keyframes eco-leaf-pop{0%{opacity:0;transform:scale(.2) rotate(-14deg)}45%,80%{opacity:1;transform:scale(1) rotate(0)}to{opacity:1;transform:scale(1) rotate(3deg)}}.eco-loader-vein{stroke:#fff;stroke-width:1.4;fill:none;stroke-linecap:round}.eco-loader-ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:2px solid transparent;border-top-color:#76c457;border-right-color:#2a7c1340;animation:eco-ring-spin 1.6s linear infinite}@keyframes eco-ring-spin{to{transform:rotate(360deg)}}.eco-loader-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#76c457;box-shadow:0 0 10px #76c457e6;animation:eco-spark-float 1.8s ease-in-out infinite}.eco-loader-spark--1{left:8%;top:30%;animation-delay:0s}.eco-loader-spark--2{right:10%;top:22%;animation-delay:-.6s;background:#2a7c13}.eco-loader-spark--3{left:50%;top:2%;animation-delay:-1.2s;width:5px;height:5px}@keyframes eco-spark-float{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-10px) scale(.7);opacity:.5}}.eco-loader-text{font-family:var(--font-body);font-size:.92rem;font-weight:700;color:#20301a;letter-spacing:.01em;margin:0;min-height:1.5em}.eco-loader-text:after{content:"";animation:eco-loader-dots 1.4s steps(4) infinite}@keyframes eco-loader-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.eco-loader-track{width:190px;height:6px;border-radius:999px;background:#e7efe2;overflow:hidden;position:relative}.eco-loader-track span{display:block;height:100%;width:45%;border-radius:inherit;background:linear-gradient(90deg,#2a7c13,#76c457);box-shadow:0 0 12px #76c457cc;animation:eco-track-glide 1.3s cubic-bezier(.45,0,.55,1) infinite}@keyframes eco-track-glide{0%{transform:translate(-110%)}to{transform:translate(280%)}}.eco-loader-inline{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:3rem 1rem;text-align:center}.eco-loader-mini{width:76px;height:76px;border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #2a7c1359;animation:eco-mini-bounce 1.6s ease-in-out infinite}.eco-loader-mini-logo{width:100%;height:100%;object-fit:contain}@keyframes eco-mini-bounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(4deg)}}.ecosankalan-loader-wrap{display:none}@media (prefers-reduced-motion: reduce){.eco-loader-full,.eco-loader-card,.eco-loader-stem,.eco-loader-leaf,.eco-loader-ring,.eco-loader-spark,.eco-loader-track span,.eco-loader-mini,.eco-loader-blob{animation:none!important}.eco-loader-stem{stroke-dashoffset:0}.eco-loader-leaf{opacity:1}}.lp-root{--lp-green: #2A7C13;--lp-green-deep: #1C5410;--lp-fresh: #76C457;--lp-cream: #FFFFFF;--lp-sand: #E7EFE2;--lp-card: #FFFFFF;--lp-ink: #20301A;--lp-muted: #6B7A5E;--lp-line: #D3DDCE;--lp-ease: cubic-bezier(.22, 1, .36, 1);background:var(--lp-cream);color:var(--lp-ink);font-family:var(--font-body, "Inter", sans-serif);overflow-x:clip;min-height:100dvh}.lp-container{max-width:1200px;margin:0 auto;padding:0 1.25rem}@media (min-width: 768px){.lp-container{padding:0 2rem}}.lp-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--lp-ease),transform .7s var(--lp-ease)}.lp-reveal.lp-active{opacity:1;transform:none}.lp-delay-1{transition-delay:.08s}.lp-delay-2{transition-delay:.16s}.lp-delay-3{transition-delay:.24s}.lp-nav{position:fixed;inset:12px 12px auto;z-index:100;top:max(12px,calc(env(safe-area-inset-top,0px) + 12px));transition:transform .3s var(--lp-ease)}.lp-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--lp-line);border-radius:999px;padding:.55rem .6rem .55rem 1.1rem;box-shadow:0 12px 34px #2a7c1324}.lp-nav--scrolled .lp-nav-inner{box-shadow:0 16px 44px #2a7c1338}.lp-nav-logo{cursor:pointer}.lp-nav-links{display:none;list-style:none;gap:.25rem;margin:0;padding:0}@media (min-width: 860px){.lp-nav-links{display:flex}}.lp-nav-links a{color:var(--lp-ink);text-decoration:none;font-weight:700;font-size:.86rem;padding:.55rem 1rem;border-radius:999px;transition:background .2s}.lp-nav-links a:hover{background:var(--lp-sand)}.lp-nav-actions{display:flex;align-items:center;gap:.5rem}.lp-btn-ghost,.lp-btn-primary{border-radius:999px;font-weight:800;cursor:pointer;font-size:.85rem;padding:.65rem 1.2rem;transition:transform .2s var(--lp-ease),box-shadow .2s,background .2s}.lp-btn-ghost{background:transparent;border:1px solid transparent;color:var(--lp-green);display:none}@media (min-width: 560px){.lp-btn-ghost{display:inline-block}}.lp-btn-ghost:hover{background:var(--lp-sand)}.lp-btn-primary{background:linear-gradient(135deg,var(--lp-green),var(--lp-green-deep));color:#fff;border:0;box-shadow:0 10px 26px #2a7c1359}.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px #2a7c1366}.lp-hero{position:relative;padding:8.5rem 0 0;overflow:clip}.lp-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lp-orb{position:absolute;border-radius:50%;filter:blur(70px)}.lp-orb--green{width:480px;height:480px;right:-140px;top:-120px;background:#76c45773;animation:lp-drift 9s ease-in-out infinite alternate}.lp-orb--sand{width:420px;height:420px;left:-140px;top:30%;background:#e7efe2e6}.lp-orb--cream{width:260px;height:260px;left:40%;bottom:-100px;background:#fff;opacity:.7}@keyframes lp-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,30px) scale(1.06)}}.lp-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;mix-blend-mode:multiply;background-image:radial-gradient(rgba(42,124,19,.08) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,black 30%,transparent 90%);mask-image:linear-gradient(180deg,black 30%,transparent 90%)}@keyframes lp-float{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-16px) rotate(8deg)}}.lp-hero-grid{position:relative;display:grid;gap:3rem;align-items:center}@media (min-width: 980px){.lp-hero-grid{grid-template-columns:1.05fr .95fr}}.lp-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:999px;padding:.45rem 1rem;font-size:.8rem;font-weight:600;color:var(--lp-muted);box-shadow:0 4px 14px #2a7c131a}.lp-pill strong{color:var(--lp-green)}.lp-pill-sep{opacity:.5}.lp-live-dot{width:8px;height:8px;border-radius:50%;background:#c9bfa4;display:inline-block}.lp-live-dot--live{background:var(--lp-fresh);box-shadow:0 0 0 4px #76c45740;animation:lp-pulse 1.8s infinite}@keyframes lp-pulse{50%{box-shadow:0 0 0 8px #76c45700}}.lp-display{font-family:var(--font-headline, "Plus Jakarta Sans", sans-serif);font-size:clamp(2.6rem,6.4vw,4.6rem);line-height:1.02;letter-spacing:-.03em;font-weight:800;margin:1.2rem 0 1rem}.lp-display .lp-line{display:block;overflow:hidden}.lp-display .lp-line>span,.lp-display em{display:inline-block;animation:lp-rise .9s var(--lp-ease) both}.lp-display .lp-line:nth-child(2) em{animation-delay:.12s}@keyframes lp-rise{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}.lp-display em{font-style:italic;color:var(--lp-green);position:relative}.lp-display em:after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.14em;background:var(--lp-fresh);opacity:.5;border-radius:999px;z-index:-1}.lp-lead{font-size:1.05rem;line-height:1.65;color:var(--lp-muted);max-width:46ch}.lp-hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.6rem 0 2rem}.lp-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;font-weight:800;font-size:.95rem;padding:.9rem 1.6rem;cursor:pointer;border:0;transition:transform .2s var(--lp-ease),box-shadow .2s,background .2s}.lp-btn--primary{background:linear-gradient(135deg,var(--lp-fresh),var(--lp-green) 70%);color:#fff;box-shadow:0 14px 34px #2a7c1359}.lp-btn--primary:hover{transform:translateY(-3px) scale(1.02)}.lp-btn--ghost{background:var(--lp-card);border:1.5px solid var(--lp-line);color:var(--lp-green)}.lp-btn--ghost:hover{background:var(--lp-sand);transform:translateY(-2px)}.lp-btn--light{background:var(--lp-cream);color:var(--lp-green-deep)}.lp-btn--light:hover{transform:translateY(-3px);box-shadow:0 16px 34px #00000040}.lp-magnet:active{transform:scale(.97)}.lp-hero-stats{display:flex;gap:2rem;margin:0}.lp-hero-stat dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--lp-muted);font-weight:700}.lp-hero-stat dd{margin:.2rem 0 0;font-size:1.6rem;font-weight:800;font-family:var(--font-headline)}.lp-hero-stat dd span{font-size:.9rem;color:var(--lp-muted);margin-left:2px}.lp-hero-visual{position:relative}.lp-preview{position:relative;background:linear-gradient(160deg,#2a7c13,#1c5410);color:#fff;border-radius:28px;padding:1.6rem;box-shadow:0 30px 80px #1c541073;border:1px solid rgba(255,255,255,.25);animation:lp-card-float 7s ease-in-out infinite}@keyframes lp-card-float{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-12px) rotate(.5deg)}}.lp-preview-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(closest-side,rgba(118,196,87,.4),transparent);z-index:-1}.lp-preview-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.lp-preview-eyebrow{font-size:.75rem;opacity:.75;margin:0}.lp-preview-title{font-size:1.3rem;font-weight:800;margin:.1rem 0 0;font-family:var(--font-headline)}.lp-preview-ring{position:relative;width:88px;height:88px;flex-shrink:0}.lp-preview-ring svg{width:100%;height:100%}.lp-preview-ring-fill{filter:drop-shadow(0 0 6px rgba(118,196,87,.8))}.lp-preview-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.lp-preview-ring-center strong{font-size:1.05rem}.lp-preview-ring-center span{font-size:.62rem;opacity:.75}.lp-preview-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.2rem}.lp-preview-tile{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:.7rem .6rem;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lp-preview-tile strong{display:block;font-size:.95rem}.lp-preview-tile span{font-size:.68rem;opacity:.8}.lp-preview-bar{height:8px;border-radius:999px;background:#fff3;margin-top:1rem;overflow:hidden}.lp-preview-bar-fill{height:100%;width:72%;border-radius:inherit;background:linear-gradient(90deg,var(--lp-fresh),#FFFFFF);animation:lp-shimmer 3s ease-in-out infinite}@keyframes lp-shimmer{0%,to{width:68%}50%{width:82%}}.lp-preview-foot{display:flex;align-items:center;gap:.5rem;font-size:.75rem;opacity:.85;margin:.8rem 0 0}.lp-float-card{position:absolute;display:flex;align-items:center;gap:.7rem;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:18px;padding:.7rem 1rem;box-shadow:0 16px 40px #2a7c1333;animation:lp-float 5s ease-in-out infinite}.lp-float-card p{margin:0;font-size:.68rem;color:var(--lp-muted);font-weight:600}.lp-float-card strong{font-size:1.05rem}.lp-float-card .material-symbols-outlined{color:var(--lp-green);font-size:1.6rem}.lp-float-card--a{left:-14px;bottom:26%}.lp-float-card--b{right:-8px;top:-18px;animation-delay:-2.5s}@media (max-width: 560px){.lp-float-card--a{left:0}.lp-float-card--b{right:0}}.lp-marquee{margin-top:4rem;background:var(--lp-green-deep);color:var(--lp-cream);overflow:hidden;padding:.9rem 0;transform:rotate(-1deg) scale(1.02)}.lp-marquee-track{display:flex;gap:0;white-space:nowrap;animation:lp-marquee 22s linear infinite;font-weight:800;letter-spacing:.06em;font-size:.85rem}.lp-marquee-track span{padding-right:.5rem}@keyframes lp-marquee{to{transform:translate(-50%)}}.lp-section{padding:5rem 0}.lp-section--sand{background:linear-gradient(180deg,var(--lp-sand),#FDF3D8);border-block:1px solid var(--lp-line)}.lp-section--dark{background:linear-gradient(150deg,#1c5410,#2a7c13);color:var(--lp-cream)}.lp-eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lp-green);background:#76c4572e;border:1px solid rgba(42,124,19,.25);padding:.35rem .9rem;border-radius:999px;margin:0 0 1rem}.lp-eyebrow--light{color:var(--lp-cream);background:#ffffff24;border-color:#ffffff4d}.lp-h2{font-family:var(--font-headline);font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.02em;margin:0 0 .7rem}.lp-h2--light{color:var(--lp-cream)}.lp-sub{color:var(--lp-muted);font-size:1rem;line-height:1.65;max-width:62ch;margin:0 0 2.2rem}.lp-sub--light{color:#ffffffd9}.lp-cards-3{display:grid;gap:1rem}@media (min-width: 820px){.lp-cards-3{grid-template-columns:repeat(3,1fr)}}.lp-card{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:22px;padding:1.6rem;box-shadow:0 6px 20px #2a7c1314;transition:transform .3s var(--lp-ease),box-shadow .3s}.lp-card:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 20px 50px #2a7c132e}.lp-card-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lp-fresh),var(--lp-green));color:#fff;font-size:1.6rem;margin-bottom:1rem}.lp-card h3{margin:0 0 .4rem;font-size:1.05rem}.lp-card p{margin:0;color:var(--lp-muted);line-height:1.6;font-size:.92rem}.lp-bento{display:grid;gap:1rem}@media (min-width: 820px){.lp-bento{grid-template-columns:repeat(3,1fr)}.lp-bento-card--wide{grid-column:span 2}}.lp-bento-card{position:relative;overflow:hidden;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:24px;padding:1.7rem;transition:transform .3s var(--lp-ease),box-shadow .3s}.lp-bento-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px #2a7c1333}.lp-bento-icon{font-size:2rem;color:var(--lp-green)}.lp-bento-card h3{margin:.8rem 0 .4rem;font-size:1.1rem}.lp-bento-card p{margin:0;color:var(--lp-muted);line-height:1.6;font-size:.92rem}.lp-bento-num{position:absolute;right:1rem;bottom:.2rem;font-size:3.4rem;font-weight:800;color:#2a7c1314;font-family:var(--font-headline)}.lp-steps{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;counter-reset:step}@media (min-width: 820px){.lp-steps{grid-template-columns:repeat(5,1fr)}.lp-step{flex-direction:column;text-align:left}}.lp-step{display:flex;gap:1rem;align-items:flex-start;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:20px;padding:1.3rem;position:relative;transition:transform .3s var(--lp-ease)}.lp-step:hover{transform:translateY(-4px)}.lp-step-num{position:absolute;top:-12px;left:1rem;background:var(--lp-green);color:#fff;font-weight:800;font-size:.75rem;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #2a7c1366}.lp-step-icon{color:var(--lp-green);font-size:1.8rem}.lp-step h3{margin:0 0 .3rem;font-size:.98rem}.lp-step p{margin:0;color:var(--lp-muted);font-size:.86rem;line-height:1.55}.lp-split{display:grid;gap:3rem;align-items:center}@media (min-width: 980px){.lp-split{grid-template-columns:1fr 1fr}}.lp-checks{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.9rem}.lp-checks li{display:flex;align-items:center;gap:.7rem;font-weight:600}.lp-checks .material-symbols-outlined{color:var(--lp-fresh)}.lp-phone{width:min(300px,80vw);margin:0 auto;border-radius:40px;padding:.9rem;background:#101a0e;border:1px solid rgba(255,255,255,.25);box-shadow:0 30px 70px #0006;animation:lp-card-float 7s ease-in-out infinite}.lp-phone-notch{width:110px;height:22px;background:#000;border-radius:999px;margin:0 auto .8rem}.lp-phone-screen{border-radius:30px;background:linear-gradient(170deg,#fff,#e7efe2);min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;position:relative;overflow:hidden;color:var(--lp-ink)}.lp-phone-scan{font-size:3rem;color:var(--lp-green)}.lp-phone-frame{width:170px;height:170px;border:3px dashed var(--lp-green);border-radius:24px;animation:lp-pulse 2s infinite}.lp-phone-label{font-weight:800;background:var(--lp-green);color:#fff;padding:.4rem 1rem;border-radius:999px;font-size:.8rem}.lp-phone-bin{font-weight:700;color:var(--lp-green-deep);font-size:.85rem}.lp-mini-dash{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:24px;padding:1.5rem;display:grid;gap:.9rem;box-shadow:0 18px 50px #2a7c1326}.lp-mini-row{display:flex;align-items:center;gap:.8rem}.lp-mini-row span:first-child{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--lp-fresh),var(--lp-green))}.lp-mini-row .w60,.lp-mini-row .w40,.lp-mini-row .w75{height:12px;border-radius:999px;background:var(--lp-sand);flex:1}.lp-mini-row strong{font-size:1.1rem}.lp-mini-val{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.lp-mini-val small{font-size:.68rem;color:var(--lp-muted);font-weight:600}.lp-mini-bar{height:10px;border-radius:999px;background:var(--lp-sand);overflow:hidden}.lp-mini-bar i{display:block;height:100%;width:70%;background:linear-gradient(90deg,var(--lp-green),var(--lp-fresh));border-radius:inherit}.lp-impact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media (min-width: 820px){.lp-impact-grid{grid-template-columns:repeat(4,1fr)}}.lp-impact-num{background:var(--lp-green-deep);color:var(--lp-cream);border-radius:22px;padding:1.6rem 1.2rem;text-align:center;border:1px solid rgba(255,255,255,.2);transition:transform .3s var(--lp-ease)}.lp-impact-num:hover{transform:translateY(-5px) scale(1.02)}.lp-impact-num strong{display:block;font-size:1.7rem;font-family:var(--font-headline)}.lp-impact-num span{font-size:.78rem;opacity:.8}.lp-quote{margin:0;text-align:center;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:22px;padding:2rem;font-size:1.15rem;font-style:italic;line-height:1.6}.lp-quote figcaption{margin-top:.7rem;font-style:normal;font-weight:700;color:var(--lp-green);font-size:.9rem}.lp-cta{position:relative;overflow:hidden;text-align:center;background:linear-gradient(140deg,var(--lp-green),var(--lp-green-deep));color:var(--lp-cream);border-radius:32px;padding:3.5rem 2rem;box-shadow:0 30px 80px #1c541066}.lp-cta h2{font-size:clamp(1.7rem,4vw,2.6rem);margin:0 0 .6rem;font-family:var(--font-headline);letter-spacing:-.02em}.lp-cta p{opacity:.85;margin:0 0 1.6rem}.lp-cta small{display:block;margin-top:1rem;opacity:.75;font-size:.78rem}.lp-cta-leaf{display:block;margin:0 auto .8rem;width:104px;animation:lp-float 5s ease-in-out infinite}.lp-cta-leaf img{width:100%;border-radius:24%}.lp-footer{border-top:1px solid var(--lp-line);padding:3rem 0 2rem;background:var(--lp-card)}.lp-footer-grid{display:grid;gap:2rem}@media (min-width: 820px){.lp-footer-grid{grid-template-columns:1.4fr 1fr 1fr}}.lp-footer-grid p{color:var(--lp-muted);font-size:.9rem;max-width:34ch}.lp-footer-grid nav{display:grid;gap:.5rem;align-content:start}.lp-footer-grid nav strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.lp-footer-grid nav button{background:none;border:0;text-align:left;cursor:pointer;color:var(--lp-muted);font-size:.9rem;padding:0}.lp-footer-grid nav button:hover{color:var(--lp-green)}.lp-rights{text-align:center;color:var(--lp-muted);font-size:.8rem;margin:2.5rem 0 0}.lp-leaf-particle{position:fixed;bottom:0;color:var(--lp-fresh);opacity:.6;pointer-events:none;z-index:1;animation:lp-leaf-rise linear forwards}@keyframes lp-leaf-rise{to{transform:translateY(-110vh) rotate(340deg)}}@media (prefers-reduced-motion: reduce){.lp-reveal{opacity:1;transform:none;transition:none}.lp-display .lp-line>span,.lp-display em,.lp-preview,.lp-float-card,.lp-orb,.lp-hero-leaf,.lp-marquee-track,.lp-phone,.lp-cta-leaf{animation:none!important}}.login-root{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--surface);background-image:radial-gradient(circle at top left,rgba(212,215,0,.45) 0%,transparent 40%),radial-gradient(circle at bottom right,rgba(118,196,87,.35) 0%,transparent 40%);position:relative;overflow:hidden}.blob{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.blob-tl{top:10%;left:5%;width:16rem;height:16rem;background:#8ad89c33}.blob-br{bottom:10%;right:5%;width:20rem;height:20rem;background:#a3f69c33;filter:blur(100px)}.login-card{position:relative;z-index:1;width:100%;max-width:1000px;display:grid;grid-template-columns:1fr;background:var(--surface-container-lowest);border-radius:1.5rem;box-shadow:0 12px 32px #191c1b14;overflow:hidden}@media (min-width: 1024px){.login-card{grid-template-columns:1fr 1fr}}.brand-panel{display:none;flex-direction:column;justify-content:space-between;padding:3rem;background:var(--primary);position:relative;overflow:hidden;color:var(--on-primary)}@media (min-width: 1024px){.brand-panel{display:flex}}.brand-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:3rem;position:relative;z-index:1}.brand-eco-icon{font-size:1.75rem;color:var(--on-primary)}.brand-name{font-family:var(--font-headline);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.brand-headline{position:relative;z-index:1}.brand-headline h2{font-family:var(--font-headline);font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem}.brand-headline p{color:#fffc;font-size:1.1rem;line-height:1.6;max-width:26rem}.brand-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;position:relative;z-index:1}.stat-box{padding:1.5rem;border-radius:.75rem;border:1px solid rgba(191,201,189,.1)}.stat-box--dark{background:#1b6b3a4d}.stat-box--chart{background:#76c45726;display:flex;align-items:flex-end}.stat-number{display:block;font-family:var(--font-headline);font-size:1.875rem;font-weight:700}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.mini-chart{width:100%;height:4rem;display:flex;align-items:flex-end;gap:.25rem}.bar{flex:1;background:#fff6;border-radius:9999px}.bar--full{background:#fff}.brand-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.2;mix-blend-mode:overlay;pointer-events:none}.form-panel{padding:2rem;display:flex;flex-direction:column;justify-content:center;background:var(--surface-container-lowest)}@media (min-width: 640px){.form-panel{padding:3rem}}@media (min-width: 1024px){.form-panel{padding:4rem}}.mobile-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}@media (min-width: 1024px){.mobile-logo{display:none}}.mobile-eco-icon{font-size:1.5rem;color:var(--primary)}.mobile-brand-name{font-family:var(--font-headline);font-size:1.25rem;font-weight:700;color:var(--primary)}.form-heading{margin-bottom:2rem}.form-heading h3{font-family:var(--font-headline);font-size:1.875rem;font-weight:700;color:var(--on-surface);margin-bottom:.35rem}.form-heading p{color:var(--on-surface-variant);font-size:.95rem}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;border-radius:.5rem;background:var(--surface-container-low);border:none;cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--on-surface);transition:background .15s;margin-bottom:1.5rem}.google-btn:hover{background:var(--surface-container-high)}.divider{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.divider-line{flex:1;height:1px;background:#bfc9bd4d}.divider-text{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--outline);white-space:nowrap}.error-banner{background:var(--error-container);color:var(--on-error-container);font-size:.875rem;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.field-group{display:flex;flex-direction:column;gap:.375rem}.field-group label{font-size:.875rem;font-weight:600;color:var(--on-surface-variant);margin-left:.25rem}.label-row{display:flex;justify-content:space-between;align-items:center;padding:0 .25rem}.forgot-link{font-size:.75rem;font-weight:600;color:var(--primary);text-decoration:none}.forgot-link:hover{text-decoration:underline}.input-wrap{position:relative}.input-wrap input{width:100%;padding:.875rem 1rem .875rem 3rem;background:var(--surface-container-lowest);border:1px solid rgba(191,201,189,.35);border-radius:.5rem;font-family:var(--font-body);font-size:.95rem;color:var(--on-surface);outline:none;transition:border-color .15s,box-shadow .15s}.input-wrap input::placeholder{color:#707a6f99}.input-wrap input:focus{border-color:#2a7c1366;box-shadow:0 0 0 3px #2a7c1314}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--outline);transition:color .15s;pointer-events:none}.input-wrap:focus-within .input-icon{color:var(--primary)}.toggle-pass{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--outline);padding:0;display:flex;align-items:center;transition:color .15s}.toggle-pass:hover{color:var(--on-surface)}.remember-row{display:flex;align-items:center;gap:.5rem;padding:0 .25rem}.remember-row input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}.remember-row label{font-size:.875rem;color:var(--on-surface-variant);cursor:pointer}.submit-btn{width:100%;margin-top:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);color:var(--on-primary);border:none;border-radius:.5rem;font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 16px #2a7c1326;transition:opacity .15s,box-shadow .15s,transform .1s}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #2a7c1340;transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.form-footer{margin-top:2.5rem;text-align:center}.form-footer p{font-size:.875rem;color:var(--on-surface-variant)}.create-account-link{color:var(--primary);font-weight:600;cursor:default;-webkit-user-select:none;user-select:none}.otp-card{position:relative;z-index:1;width:100%;max-width:440px;background:var(--surface-container-lowest);border-radius:1.5rem;box-shadow:0 12px 32px #191c1b14;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.otp-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.otp-logo-icon{width:2rem;height:2rem;border-radius:.5rem;background:var(--primary);display:flex;align-items:center;justify-content:center}.otp-logo-icon .material-symbols-outlined{font-size:1.1rem}.otp-brand-name{font-family:var(--font-headline);font-size:1.1rem;font-weight:700;color:var(--primary)}.otp-icon-wrap{width:5rem;height:5rem;border-radius:50%;background:var(--surface-container-low);display:flex;align-items:center;justify-content:center}.otp-main-icon{font-size:2.5rem!important;color:var(--primary)}.otp-inputs{display:flex;gap:.625rem;justify-content:center;width:100%}.otp-box{width:3rem;height:3.5rem;border:1px solid rgba(191,201,189,.35);border-radius:.75rem;background:var(--surface-container-lowest);font-family:var(--font-headline);font-size:1.5rem;font-weight:700;text-align:center;color:var(--on-surface);outline:none;transition:border-color .15s,box-shadow .15s;caret-color:var(--primary)}.otp-box:focus{border-color:#2a7c1366;box-shadow:0 0 0 3px #2a7c1314}.otp-hint{font-size:.875rem;color:var(--on-surface-variant);text-align:center;line-height:1.5;margin:0;width:100%}.otp-hint strong{color:var(--on-surface)}.resend-btn{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.8rem;color:var(--primary);font-weight:600;padding:0;margin-top:.25rem;text-align:center;width:100%}.resend-btn:hover{text-decoration:underline}.otp-card .auth-form-wrapper,.otp-card .auth-form{width:100%}.auth-focused-root{min-height:100dvh;background:var(--surface);background-image:radial-gradient(circle at top left,rgba(212,215,0,.45) 0%,transparent 40%),radial-gradient(circle at bottom right,rgba(118,196,87,.35) 0%,transparent 40%);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-focused-root .blob-tl,.auth-focused-root .blob-br{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.auth-focused-root .blob-tl{top:10%;left:5%;width:16rem;height:16rem;background:#8ad89c33}.auth-focused-root .blob-br{bottom:10%;right:5%;width:20rem;height:20rem;background:#a3f69c33;filter:blur(100px)}.auth-top-bar{position:fixed;top:0;left:0;right:0;z-index:50;height:4rem;background:#f8faf8cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.auth-back-btn{display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--on-surface-variant);transition:color .15s;padding:0}.auth-back-btn:hover{color:var(--primary)}.auth-back-btn .material-symbols-outlined{font-size:1.25rem}.auth-top-brand{display:flex;align-items:center;gap:.4rem;font-family:var(--font-headline);font-size:1.2rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.auth-top-brand .material-symbols-outlined{font-size:1.3rem}.auth-top-spacer{width:6rem}.auth-focused-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1.5rem 3rem;gap:2.5rem;width:100%;max-width:28rem;margin:0 auto}.auth-illustration{width:100%;max-width:14rem;aspect-ratio:1;border-radius:1rem;overflow:hidden;position:relative;align-self:center}.auth-illustration:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2a7c131a,#0065761a);mix-blend-mode:multiply}.auth-illustration img{width:100%;height:100%;object-fit:cover}.auth-text-center{text-align:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.auth-text-center h1{font-family:var(--font-headline);font-size:clamp(1.75rem,5vw,2rem);font-weight:800;color:var(--on-surface);letter-spacing:-.03em;margin:0}.auth-text-center p{color:var(--on-surface-variant);font-size:.95rem;line-height:1.6;margin:0}.auth-icon-header{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;width:100%}.auth-icon-circle{width:4rem;height:4rem;border-radius:.875rem;background:var(--surface-container-low);display:flex;align-items:center;justify-content:center;color:var(--primary)}.auth-icon-circle .material-symbols-outlined{font-size:2rem}.auth-card{width:100%;background:var(--surface-container-lowest);border-radius:1.25rem;box-shadow:0 12px 32px #191c1b12;border:1px solid rgba(191,201,189,.12);padding:2rem 1.75rem}.phone-input-wrap{position:relative;width:100%}.phone-prefix{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;gap:.5rem;padding:0 .75rem 0 1rem;border-right:1px solid rgba(191,201,189,.25);pointer-events:none}.phone-prefix .material-symbols-outlined{font-size:1.2rem;color:var(--primary)}.phone-prefix-code{font-size:.95rem;font-weight:600;color:var(--on-surface)}.phone-input{width:100%;height:3.5rem;padding:0 1rem 0 7rem;background:var(--surface-container-low);border:1px solid rgba(191,201,189,.35);border-radius:.625rem;font-family:var(--font-body);font-size:1rem;letter-spacing:.08em;color:var(--on-surface);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.phone-input::placeholder{color:#707a6f80}.phone-input:focus{border-color:#2a7c1366;box-shadow:0 0 0 3px #2a7c1314;background:var(--surface-container-lowest)}.verify-phone-card{width:100%;background:var(--surface-container-lowest);border-radius:1.25rem;box-shadow:0 12px 32px #191c1b14;padding:2rem 1.75rem;display:flex;flex-direction:column;gap:1.5rem}.verify-logo-icon{width:4rem;height:4rem;border-radius:50%;background:var(--secondary-container);display:flex;align-items:center;justify-content:center;align-self:center}.verify-logo-icon .material-symbols-outlined{font-size:2rem;color:var(--on-secondary-container)}.verify-otp-row{display:flex;gap:.5rem;justify-content:center}.verify-otp-box{width:3rem;height:3.5rem;border:1px solid rgba(191,201,189,.35);border-radius:.75rem;background:var(--surface-container-low);font-family:var(--font-headline);font-size:1.5rem;font-weight:700;text-align:center;color:var(--on-surface);outline:none;transition:border-color .15s,box-shadow .15s,background .15s;caret-color:var(--primary)}.verify-otp-box:focus{border-color:#2a7c1366;box-shadow:0 0 0 3px #2a7c1314;background:var(--surface-container-lowest)}.verify-resend-row{display:flex;flex-direction:column;align-items:center;gap:.375rem}.verify-timer{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--on-surface-variant);font-weight:500}.verify-timer .material-symbols-outlined{font-size:1rem}.verify-resend-btn{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:700;color:var(--primary);padding:0;transition:opacity .15s}.verify-resend-btn:hover{opacity:.75;text-decoration:underline}.verify-resend-btn:disabled{color:var(--outline);cursor:default;opacity:1;text-decoration:none}.verify-tagline{background:var(--secondary-container);border-radius:9999px;padding:.9rem 1.5rem;text-align:center;font-size:.825rem;font-weight:500;color:var(--on-secondary-container);line-height:1.5;width:100%}.reset-strength-hints{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:0 .25rem;margin-top:.25rem}.strength-hint{display:flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;color:var(--on-surface-variant)}.strength-hint.met{color:var(--secondary)}.strength-hint .material-symbols-outlined{font-size:.875rem}.auth-section-label{font-size:.875rem;font-weight:600;color:var(--on-surface-variant);margin-left:.25rem;margin-bottom:.5rem;display:block}.auth-footer-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;color:var(--on-surface-variant);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;transition:color .15s;font-family:var(--font-body)}.auth-footer-link:hover{color:var(--primary)}.auth-footer-link .material-symbols-outlined{font-size:1.1rem}.auth-support-text{font-size:.875rem;color:var(--on-surface-variant);text-align:center}.auth-support-text a{color:var(--primary);font-weight:600;text-decoration:none;margin-left:.25rem}.auth-support-text a:hover{text-decoration:underline}.navbar{position:sticky;top:0;z-index:50;height:var(--eco-nav-h, 68px);background:#ffffffd1;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid rgba(42,124,19,.1);padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 1px #fff9 inset,0 8px 30px #1018150f}.navbar-logo{display:flex;align-items:center;gap:.65rem;cursor:pointer;text-decoration:none;border-radius:12px}.navbar-logo img{width:38px;height:38px;object-fit:contain}.navbar-logo .brandlock{pointer-events:none}.navbar-brand{font-family:var(--font-headline);font-size:1.12rem;font-weight:800;letter-spacing:-.02em;color:var(--eco-ink);line-height:1}.navbar-brand small{display:block;font-family:var(--font-body);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin-top:2px}.navbar-links{display:none;align-items:center;gap:.25rem;background:#eef4ed;border:1px solid rgba(42,124,19,.1);border-radius:999px;padding:.25rem}@media (min-width: 1024px){.navbar-links{display:flex}}.navbar-link{border:0;background:transparent;padding:.5rem 1rem;border-radius:999px;font-size:.86rem;font-weight:700;color:var(--eco-ink-soft);cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1);white-space:nowrap}.navbar-link:hover{color:var(--primary);background:#fffc}.navbar-link.active{background:#fff;color:var(--primary);box-shadow:var(--eco-shadow-xs)}.navbar-right{display:flex;align-items:center;gap:.6rem}.navbar-points{display:none;align-items:center;gap:.4rem;background:linear-gradient(135deg,#2A7C13,var(--primary));color:#fff;font-size:.82rem;font-weight:800;padding:.45rem .85rem;border-radius:999px;border:0;cursor:pointer;box-shadow:var(--eco-shadow-sm);transition:transform .2s cubic-bezier(.22,1,.36,1)}@media (min-width: 640px){.navbar-points{display:inline-flex}}.navbar-points:hover{transform:translateY(-1px)}.navbar-points .material-symbols-outlined{font-size:1.05rem;color:var(--eco-lime)}.navbar-icon-btn{width:2.5rem;height:2.5rem;border-radius:14px;border:1px solid rgba(42,124,19,.12);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--eco-ink);transition:all .2s cubic-bezier(.22,1,.36,1);position:relative}.navbar-icon-btn:hover{background:#e7efe2;border-color:#2a7c134d;transform:translateY(-1px)}.navbar-icon-btn .material-symbols-outlined{font-size:1.3rem}.navbar-avatar-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--eco-lime);overflow:hidden;cursor:pointer;background:#eaf6dc;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary);padding:0;transition:transform .2s}.navbar-avatar-btn:hover{transform:scale(1.05)}.navbar-avatar-btn img{width:100%;height:100%;object-fit:cover}.notification-wrapper{position:relative}.notification-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid #fff;box-shadow:0 2px 8px #ef444466}.notification-dropdown{position:absolute;top:50px;right:0;width:320px;max-height:420px;overflow-y:auto;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:16px;box-shadow:0 8px 24px #0000001f;z-index:1000;font-family:var(--font-body)}.notification-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);border-radius:16px 16px 0 0}.notification-header h3{margin:0;font-size:15px;font-weight:700;font-family:var(--font-headline);color:var(--on-surface)}.mark-all-btn{border:none;background:none;cursor:pointer;color:var(--primary);font-weight:600;font-size:12px;font-family:var(--font-body)}.mark-all-btn:hover{text-decoration:underline}.notification-empty{padding:32px 16px;text-align:center;color:var(--on-surface-variant);font-size:13px}.notification-item{padding:12px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--outline-variant)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--surface-container-high)}.notification-unread{background:var(--primary-fixed)}.notification-unread:hover{background:var(--primary-fixed-dim)}.notification-title{font-weight:600;font-size:13px;color:var(--on-surface);font-family:var(--font-headline)}.notification-body{margin-top:3px;font-size:12px;color:var(--on-surface-variant);line-height:1.4}.notification-time{margin-top:6px;font-size:11px;color:var(--outline)}.ecotab{position:fixed;left:0;right:0;bottom:max(.8rem,env(safe-area-inset-bottom));z-index:50;display:flex;justify-content:center;padding:0 1rem;pointer-events:none;animation:ecotab-rise .55s cubic-bezier(.22,1,.36,1) both}@keyframes ecotab-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.ecotab-bar{position:relative;pointer-events:auto;display:flex;align-items:stretch;gap:2px;width:min(480px,100%);background:#ffffffeb;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);border:1px solid #D3DDCE;border-radius:26px;padding:.45rem;box-shadow:0 18px 50px #2a7c1338}.ecotab-indicator{position:absolute;top:.45rem;bottom:.45rem;left:0;width:0;border-radius:19px;background:linear-gradient(135deg,#76c45747,#2a7c1324);border:1px solid rgba(42,124,19,.22);transition:transform .38s cubic-bezier(.34,1.4,.64,1),width .38s cubic-bezier(.34,1.4,.64,1);pointer-events:none}.ecotab-tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:transparent;border:0;cursor:pointer;border-radius:19px;padding:.5rem .1rem .45rem;min-width:0;color:#6b7a5e;transition:color .25s,transform .15s;-webkit-tap-highlight-color:transparent}.ecotab-tab:active{transform:scale(.9)}.ecotab-tab:focus-visible{outline:2px solid #2A7C13;outline-offset:2px}.ecotab-tab.active{color:#1c5410}.ecotab-icon{display:flex;align-items:center;justify-content:center;height:1.75rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ecotab-icon .material-symbols-outlined{font-size:1.5rem}.ecotab-tab.active .ecotab-icon{transform:translateY(-1px) scale(1.12);animation:ecotab-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes ecotab-pop{0%{transform:scale(.6)}60%{transform:scale(1.2)}to{transform:scale(1.12)}}.ecotab-label{font-family:var(--font-body);font-size:.62rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;opacity:.75;transition:opacity .25s,font-weight .25s}.ecotab-tab.active .ecotab-label{opacity:1;font-weight:800}.ecotab-fab{position:relative;flex:1.15;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:transparent;border:0;cursor:pointer;padding:0 0 .3rem;min-width:0;-webkit-tap-highlight-color:transparent}.ecotab-fab:focus-visible{outline:2px solid #2A7C13;outline-offset:2px;border-radius:16px}.ecotab-fab-core{position:relative;width:3.1rem;height:3.1rem;margin-top:-1.9rem;border-radius:20px;background:linear-gradient(140deg,#76c457,#2a7c13 60%,#1c5410);border:3px solid #FFFFFF;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #2a7c1380;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.ecotab-fab:hover .ecotab-fab-core{transform:scale(1.08) rotate(-4deg)}.ecotab-fab:active .ecotab-fab-core{transform:scale(.92)}.ecotab-fab-core .material-symbols-outlined{font-size:1.55rem;font-variation-settings:"FILL" 1}.ecotab-fab-label{margin-top:2px;font-size:.62rem;font-weight:800;color:#1c5410;letter-spacing:.03em;white-space:nowrap}@media (prefers-reduced-motion: reduce){.ecotab,.ecotab-tab.active .ecotab-icon,.ecotab-fab-core,.ecotab-indicator{animation:none!important;transition:none!important}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes skeleton-tip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.skel{background:linear-gradient(90deg,#e7efe2 25%,#f2f8f7,#e7efe2 75%);background-size:200% 100%;animation:shimmer 1.5s infinite,skeleton-in .45s cubic-bezier(.22,1,.36,1) both;flex-shrink:0}.skel-dark{background:linear-gradient(90deg,#ffffff14 25%,#fff3,#ffffff14 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.skel-ring{border-radius:50%}.skel-line,.skel-pill{border-radius:9999px}.skel-circle{border-radius:50%}.skeleton-page{pointer-events:none}.skeleton-page>*{animation:skeleton-in .5s cubic-bezier(.22,1,.36,1) both}.skeleton-page>*:nth-child(2){animation-delay:.06s}.skeleton-page>*:nth-child(3){animation-delay:.12s}.skeleton-page>*:nth-child(4){animation-delay:.18s}.skeleton-brand-row{display:flex;align-items:center;gap:.9rem;padding:.4rem .2rem}.skeleton-leaf-core{width:52px;height:52px;border-radius:18px;background:linear-gradient(140deg,#2a7c13,#2a7c13 55%,#1c5410);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 26px #2a7c134d,inset 0 1px #ffffff40;animation:skeleton-core-float 2.2s ease-in-out infinite}.skeleton-leaf-core .material-symbols-outlined{color:#eaf6dc;font-size:1.7rem;font-variation-settings:"FILL" 1}@keyframes skeleton-core-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.skeleton-brand-text{flex:1;display:flex;flex-direction:column;gap:.55rem}.skeleton-tip{font-size:.88rem;font-weight:700;color:var(--on-surface);margin:0;animation:skeleton-tip-in .4s ease both}.skeleton-progress{height:5px;border-radius:999px;background:#2a7c131f;overflow:hidden}.skeleton-progress span{display:block;height:100%;width:45%;border-radius:inherit;background:linear-gradient(90deg,#2a7c13,#76c457);box-shadow:0 0 12px #76c457b3;animation:loader-bar-glide 1.4s cubic-bezier(.45,0,.55,1) infinite}@keyframes loader-bar-glide{0%{transform:translate(-110%)}to{transform:translate(280%)}}.skeleton-hero{pointer-events:none;min-height:340px}.skeleton-stat-card{background:#ffffff0f!important;border:1px solid rgba(118,196,87,.16)!important;animation:skeleton-in .5s cubic-bezier(.22,1,.36,1) both}.skeleton-fact-strip{pointer-events:none}.skeleton-challenge-ph{width:100%;height:260px;border-radius:1.5rem}.skeleton-scan-hint{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--on-surface-variant);font-family:var(--font-body);font-size:.85rem;font-weight:500}.skeleton-scan-pulse{width:56px;height:56px;border-radius:20px;background:linear-gradient(140deg,#2a7c13,#1c5410);display:flex;align-items:center;justify-content:center;color:#eaf6dc;position:relative;animation:scan-pulse 1.8s ease-in-out infinite;box-shadow:0 10px 26px #2a7c134d}.skeleton-scan-pulse:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:26px;border:2px solid rgba(118,196,87,.4);animation:scan-ring 1.8s ease-out infinite}@keyframes scan-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes scan-ring{0%{transform:scale(.95);opacity:.7}to{transform:scale(1.25);opacity:0}}@media (prefers-reduced-motion: reduce){.skel,.skel-dark,.skeleton-page>*,.skeleton-leaf-core,.skeleton-tip,.skeleton-progress span,.skeleton-scan-pulse,.skeleton-scan-pulse:before{animation:none!important}}.dashboard-root{min-height:100dvh;background:var(--surface);color:var(--on-surface)}.dashboard-main{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 8rem;display:flex;flex-direction:column;gap:2rem}.hero-immersive{position:relative;border-radius:1.5rem;overflow:hidden;margin-bottom:1.5rem;background:linear-gradient(135deg,#2a7c13,#2a7c13 48%,#1c5410);color:#fff;box-shadow:0 8px 32px #2a7c1359,0 18px 50px #2a7c132e;border:1px solid rgba(118,196,87,.25);display:flex;flex-direction:column;isolation:isolate;animation:hero-enter .7s cubic-bezier(.22,1,.36,1) both}.hero-immersive:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(118,196,87,.16) 50%,transparent 58%);transform:translate(-60%);animation:hero-sheen 7s ease-in-out infinite}@keyframes hero-enter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes hero-sheen{0%,55%{transform:translate(-60%)}90%,to{transform:translate(60%)}}.hero-immersive-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;opacity:.7;background-image:radial-gradient(circle at 100% 0%,rgba(118,196,87,.22) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(212,215,0,.14) 0%,transparent 50%),radial-gradient(circle at 20% 0%,rgba(255,255,255,.08) 0%,transparent 40%)}.hero-glass-sun{position:absolute;width:250px;height:250px;background:linear-gradient(45deg,#76c457,#80b918);border-radius:50%;top:-60px;right:-60px;filter:blur(80px);opacity:.8;animation:pulseSun 8s infinite alternate ease-in-out}@keyframes pulseSun{0%{transform:scale(1);opacity:.6}to{transform:scale(1.1);opacity:.9}}.hero-immersive-content{position:relative;z-index:2;padding:1.75rem;display:flex;flex-direction:column;gap:2rem}.hi-text-content>*{animation:hi-rise .6s cubic-bezier(.22,1,.36,1) both}.hi-text-content>*:nth-child(2){animation-delay:.08s}.hi-text-content>*:nth-child(3){animation-delay:.16s}.hi-text-content>*:nth-child(4){animation-delay:.24s}@keyframes hi-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero-immersive-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.hi-text-content{flex:1}.hi-greeting{font-size:.75rem;opacity:.8;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.hi-title{font-family:var(--font-headline);font-size:2rem;font-weight:800;margin:.25rem 0 .5rem;line-height:1.1;color:#fff}.hi-subtitle{font-size:.875rem;opacity:.85;line-height:1.5;margin:0 0 1rem;max-width:90%}.hi-level-badge{display:inline-block;padding:.25rem .75rem;background:#76c45733;border:1px solid rgba(118,196,87,.3);color:#76c457;font-size:.65rem;font-weight:700;border-radius:9999px;letter-spacing:.05em}.hi-score-ring{position:relative;width:90px;height:90px;background:#ffffff14;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(118,196,87,.35);box-shadow:0 4px 20px #0003,0 0 24px #76c45740;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;flex-shrink:0;animation:ring-pop .7s cubic-bezier(.34,1.56,.64,1) .2s both}.hi-score-ring:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,transparent 10%,rgba(118,196,87,.9) 30%,transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ring-spin 6s linear infinite;pointer-events:none}.hi-score-ring:hover{transform:scale(1.06);box-shadow:0 6px 26px #00000040,0 0 32px #76c45766}@keyframes ring-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes ring-spin{to{transform:rotate(360deg)}}.hi-score-ring:active{transform:scale(.95)}.hi-score-val{font-family:var(--font-headline);font-size:2rem;font-weight:800;line-height:1;color:#fff}.hi-score-lbl{font-size:.55rem;font-weight:700;letter-spacing:.1em;opacity:.9;margin-top:4px}.hero-immersive-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.hi-stat-card{background:#ffffff12;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(118,196,87,.18);border-radius:1.25rem;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s,box-shadow .25s;animation:hi-rise .55s cubic-bezier(.22,1,.36,1) both}.hero-immersive-stats .hi-stat-card:nth-child(1){animation-delay:.3s}.hero-immersive-stats .hi-stat-card:nth-child(2){animation-delay:.4s}.hero-immersive-stats .hi-stat-card:nth-child(3){animation-delay:.5s}.hi-stat-card:hover{background:#ffffff1f;border-color:#76c45773;transform:translateY(-3px);box-shadow:0 10px 24px #0003}.hi-stat-icon{font-size:1.5rem!important;color:#76c457;margin-bottom:.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hi-stat-val{font-family:var(--font-headline);font-size:1.125rem;font-weight:800;color:#fff}.hi-stat-lbl{font-size:.6rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.daily-fact-strip{background:var(--surface-container-low);border-radius:1rem;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;border:1px solid rgba(118,196,87,.3);box-shadow:0 4px 12px #00000005;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;transition:transform .2s,box-shadow .2s}.daily-fact-strip:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.fact-icon{color:var(--primary);font-size:1.5rem!important;flex-shrink:0}.fact-text{flex:1;font-size:.875rem;color:var(--on-surface-variant);margin:0;line-height:1.4;user-select:none;-webkit-user-select:none}.fact-nav-btn{background:transparent;border:none;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--outline);padding:0;flex-shrink:0;transition:background .15s,color .15s,transform .1s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.fact-nav-btn:hover{background:var(--surface-container-high);color:var(--primary)}.fact-nav-btn:active{transform:scale(.92)}.fact-arrow{font-size:1.35rem!important;color:inherit;-webkit-user-select:none;user-select:none}.impact-bento{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.bento-points{grid-column:1 / -1;background:var(--primary-fixed);color:var(--on-primary-fixed);padding:1.5rem;border-radius:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:8rem;box-shadow:0 1px 4px #191c1b0f}.bento-icon{font-size:1.875rem}.bento-points-content{margin-top:1rem}.bento-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.bento-points-row{display:flex;align-items:baseline;gap:.5rem;margin-top:.25rem}.bento-big-num{font-family:var(--font-headline);font-size:2.5rem;font-weight:800}.bento-today{font-size:.8rem;font-weight:500;opacity:.8}.bento-fact{grid-column:1 / -1;background:#76c4574d;border:1px solid var(--secondary-container);border-radius:1.5rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 1px 4px #191c1b0a}.bento-fact-header{display:flex;align-items:center;gap:.5rem}.bento-fact-icon{font-size:1.25rem!important;color:var(--secondary)}.bento-fact-title{font-family:var(--font-headline);font-size:.875rem;font-weight:700;color:var(--on-secondary-container);margin:0}.bento-fact-text{font-size:.8rem;color:var(--on-surface-variant);line-height:1.6;margin:0}.bento-fact-btn{display:inline-flex;align-items:center;gap:2px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.7rem;font-weight:700;color:var(--primary);padding:0;transition:opacity .15s}.bento-fact-btn:hover{opacity:.75;text-decoration:underline}.bento-fact-btn .material-symbols-outlined{font-size:.875rem!important}.bento-small{background:var(--surface-container-low);padding:1.25rem;border-radius:1.5rem;border:1px solid rgba(191,201,189,.15)}.bento-small-content{margin-top:.5rem}.bento-small-label{display:block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--outline)}.bento-small-num{display:block;font-family:var(--font-headline);font-size:1.25rem;font-weight:700;color:var(--on-surface);margin-top:.25rem}.feed-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.feed-grid{grid-template-columns:2fr 1fr}}.section-title{font-family:var(--font-headline);font-size:1.5rem;font-weight:700;color:var(--on-surface);margin:0}.feed-col{display:flex;flex-direction:column;gap:1.5rem}.feed-header{display:flex;align-items:center;justify-content:space-between}.view-all-btn{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--primary);padding:0}.view-all-btn:hover{text-decoration:underline}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{background:var(--surface-container-lowest);padding:1rem 1.25rem;border-radius:1.5rem;border:1px solid rgba(191,201,189,.05);display:flex;align-items:center;justify-content:space-between;gap:.75rem;transition:background .15s,transform .15s,border-color .15s,box-shadow .2s}.activity-item:hover{background:var(--surface-container-low);border-color:#2a7c1329}.activity-item:active{transform:scale(.99)}.activity-left{display:flex;align-items:center;gap:1rem}.activity-icon-wrap{width:3rem;height:3rem;border-radius:.5rem;background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-title{font-size:.95rem;font-weight:600;color:var(--on-surface);margin:0}.activity-meta{font-size:.8rem;color:var(--on-surface-variant);margin:.15rem 0 0}.activity-right{text-align:right;flex-shrink:0}.activity-points{display:block;font-family:var(--font-headline);font-size:1.1rem;font-weight:700;color:var(--secondary)}.activity-points.negative{color:var(--error)}.activity-status{display:block;font-size:.7rem;font-weight:500;color:var(--outline);margin-top:.15rem}.challenge-col{display:flex;flex-direction:column;gap:.75rem;min-width:0}.challenge-card{position:relative;background:var(--surface-container-low);border-radius:1.5rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 16px #191c1b0d;border:1px solid rgba(118,196,87,.3);height:clamp(20rem,60vw,26rem);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.challenge-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 24px #1a4d2e1a}.challenge-image-wrapper{position:relative;height:50%;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 85%,0% 100%)}.challenge-bg{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.challenge-card:hover .challenge-bg{transform:scale(1.1) rotate(2deg)}.challenge-tag{position:absolute;top:1rem;left:1rem;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--primary);font-size:.65rem;font-weight:800;padding:.35rem .85rem;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 12px #0000001a}.challenge-content{flex:1;padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;background:linear-gradient(180deg,transparent 0%,var(--surface-container-low) 20%);position:relative;margin-top:-10%;z-index:10}.challenge-title{font-family:var(--font-headline);font-size:clamp(1.2rem,4vw,1.4rem);font-weight:800;color:var(--on-surface);margin:0 0 .5rem;line-height:1.2}.challenge-desc{font-size:.85rem;color:var(--on-surface-variant);margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.challenge-meta-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem}.challenge-people-icon{font-size:1.1rem!important;color:var(--primary)}.challenge-people{font-size:.75rem;font-weight:700;color:var(--primary)}.challenge-progress-bar{width:100%;height:.5rem;background:#76c4574d;border-radius:999px;overflow:hidden;margin-bottom:auto}.challenge-progress-fill{height:100%;background:linear-gradient(90deg,#80b918,#3da239);border-radius:999px;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.challenge-btn{margin-top:1.25rem;width:100%;padding:.85rem;background:var(--primary);color:#fff;border:none;border-radius:.75rem;font-family:var(--font-body);font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #2a7c1333}.challenge-btn:hover{background:var(--primary-container);color:var(--on-primary-container);transform:translateY(-2px);box-shadow:0 6px 16px #2a7c1340}.challenge-btn:active{transform:scale(.97)}.challenge-btn .material-symbols-outlined{font-size:1.2rem;transition:transform .2s}.challenge-btn:hover .material-symbols-outlined{transform:translate(4px)}.challenge-col-header{display:flex;align-items:center;justify-content:space-between}.challenge-counter{font-family:var(--font-body);font-size:.72rem;font-weight:700;color:var(--on-surface-variant);background:var(--surface-container-low);padding:.2rem .6rem;border-radius:9999px}.challenge-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;gap:0;border-radius:1.5rem}.challenge-carousel::-webkit-scrollbar{display:none}.challenge-slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.challenge-dots{display:flex;align-items:center;justify-content:center;gap:.4rem;padding-top:.25rem}.challenge-dot{width:6px;height:6px;border-radius:50%;background:var(--surface-container-high);border:none;cursor:pointer;padding:0;transition:width .25s ease,background .25s ease}.challenge-dot.active{width:20px;border-radius:9999px;background:var(--primary)}.challenge-meta-row{display:flex;align-items:center;gap:.35rem;margin-top:-.25rem}.challenge-people-icon{font-size:.95rem!important;color:#ffffffb3}.challenge-people{font-family:var(--font-body);font-size:.78rem;color:#ffffffb3;font-weight:500}.weekly-challenges-section{display:flex;flex-direction:column;gap:1rem}.weekly-challenges-preview{display:flex;flex-direction:column;gap:.65rem}.wc-preview-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface-container-lowest);border-radius:1rem;box-shadow:0 2px 8px #191c1b0a;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid rgba(191,201,189,.1)}.wc-preview-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #191c1b14}.wc-preview-card:active{transform:scale(.98)}.wc-preview-icon-wrap{width:2.75rem;height:2.75rem;border-radius:.75rem;background:var(--secondary-container);color:var(--on-secondary-container);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wc-preview-icon-wrap.secondary{background:var(--surface-container-high);color:var(--on-surface-variant)}.wc-preview-icon-wrap .material-symbols-outlined{font-size:1.3rem}.wc-preview-info{flex:1;display:flex;flex-direction:column;gap:.4rem}.wc-preview-title{font-family:var(--font-body);font-size:.9rem;font-weight:700;color:var(--on-surface)}.wc-preview-bar-wrap{display:flex;align-items:center;gap:.5rem}.wc-preview-bar{flex:1;height:6px;background:var(--surface-container);border-radius:9999px;overflow:hidden}.wc-preview-fill{height:100%;background:var(--secondary);border-radius:9999px;transition:width .4s ease}.wc-preview-pct{font-family:var(--font-body);font-size:.65rem;font-weight:700;color:var(--on-surface-variant);min-width:2rem;text-align:right}.wc-preview-status{font-family:var(--font-body);font-size:.65rem;font-weight:700;padding:.2rem .55rem;border-radius:9999px;flex-shrink:0}.wc-preview-status.in-progress{background:var(--secondary-container);color:var(--on-secondary-container)}.wc-preview-status.not-started{background:var(--surface-container);color:var(--outline)}.wc-preview-status.completed{background:var(--secondary);color:#fff}.wc-see-all-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.25rem;background:var(--surface-container-low);border:none;border-radius:1rem;font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--primary);cursor:pointer;transition:background .15s,transform .15s;margin-top:.25rem}.wc-see-all-btn:hover{background:var(--surface-container)}.wc-see-all-btn:active{transform:scale(.98)}.wc-see-all-btn .material-symbols-outlined{font-size:1.1rem}.streak-wrap{position:fixed;top:max(.8rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:999;width:min(94vw,560px);padding:0 .5rem;cursor:pointer;animation:streak-in .5s cubic-bezier(.34,1.4,.64,1) both}@keyframes streak-in{0%{opacity:0;transform:translate(-50%,-22px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.streak-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 3rem 1rem 1rem;border-radius:24px;background:linear-gradient(135deg,#1c5410,#2a7c13 60%,#3b9223);border:1px solid rgba(118,196,87,.5);box-shadow:0 18px 50px #1c541073,0 0 32px #76c45740;overflow:hidden;cursor:default;color:#fff8cf}.streak-ember{position:absolute;bottom:-6px;border-radius:50%;background:radial-gradient(circle,#FFE9A8 0%,#76C457 55%,transparent 70%);opacity:.85;animation:streak-rise 2.6s ease-in infinite;pointer-events:none}.streak-ember--1{left:12%;width:12px;height:12px;animation-delay:0s}.streak-ember--2{left:26%;width:8px;height:8px;animation-delay:-.9s}.streak-ember--3{left:6%;width:10px;height:10px;animation-delay:-1.7s}@keyframes streak-rise{0%{transform:translateY(0) scale(1);opacity:0}25%{opacity:.9}to{transform:translateY(-70px) scale(.3);opacity:0}}.streak-flame{position:relative;flex:0 0 auto;width:76px;height:76px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(160deg,#76c457,#2a7c13);box-shadow:0 0 0 3px #fff8cf40,0 0 26px #76c457cc;animation:streak-flick 1.8s ease-in-out infinite}.streak-flame .material-symbols-outlined{font-size:2.4rem;color:#fff8cf;font-variation-settings:"FILL" 1;filter:drop-shadow(0 0 8px rgba(255,233,168,.9))}@keyframes streak-flick{0%,to{transform:scale(1) rotate(-2deg)}30%{transform:scale(1.07) rotate(2deg)}60%{transform:scale(.97) rotate(-1deg)}}.streak-body{flex:1;min-width:0}.streak-eyebrow{margin:0 0 2px;font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#76c457}.streak-hello{margin:0 0 4px;font-family:var(--font-headline);font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:#fff}.streak-sub{margin:0 0 8px;font-size:.8rem;line-height:1.45;color:#fff8cfd9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.streak-points{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:999px;background:#fff8cf29;border:1px solid rgba(255,248,207,.4);color:#fff8cf;font-size:.76rem;font-weight:800}.streak-points .material-symbols-outlined{font-size:.95rem}.streak-close{position:absolute;top:.6rem;right:.6rem;width:30px;height:30px;border-radius:50%;border:0;background:#ffffff24;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.streak-close .material-symbols-outlined{font-size:17px}@media (max-width: 480px){.streak-card{gap:.8rem;padding:.9rem 2.75rem .9rem .9rem;border-radius:20px}.streak-flame{width:62px;height:62px;border-radius:20px}.streak-flame .material-symbols-outlined{font-size:2rem}.streak-hello{font-size:.95rem}.streak-sub{font-size:.74rem}}@media (prefers-reduced-motion: reduce){.streak-wrap,.streak-flame,.streak-ember{animation:none!important}}.hi-impact-link{margin-top:1rem;display:inline-flex;align-items:center;gap:.4rem;background:#ffffff24;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.82rem;font-weight:700;padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;transition:background .2s,transform .2s}.hi-impact-link:hover{background:#ffffff3d;transform:translateY(-1px)}.hi-impact-link .material-symbols-outlined{font-size:1rem}.log-root{min-height:max(884px,100dvh);background:var(--surface);color:var(--on-surface);font-family:var(--font-body);padding-bottom:8rem}.log-header{position:sticky;top:0;z-index:50;height:4rem;background:#f8faf8b3;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-bottom:1px solid rgba(191,201,189,.15);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.log-header-left{display:flex;align-items:center;gap:.75rem}.log-avatar{width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--primary-container);display:flex;align-items:center;justify-content:center;color:var(--on-primary-container);flex-shrink:0}.log-brand{font-family:var(--font-headline);font-weight:700;font-size:1.125rem;color:var(--primary)}.log-notif-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant)}.log-main{max-width:42rem;margin:0 auto;padding:2rem 1.5rem 3rem}.log-hero{margin-bottom:2.5rem}.log-hero-title{font-family:var(--font-headline);font-size:2.25rem;font-weight:800;letter-spacing:-.02em;color:var(--on-surface);margin-bottom:.5rem;line-height:1.15}.log-hero-sub{color:var(--on-surface-variant);font-size:1.05rem}.log-ai-card{position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;background:var(--primary-container);color:var(--on-primary-container);margin-bottom:2.5rem;-webkit-tap-highlight-color:transparent}.log-ai-bg-icon{position:absolute;top:0;right:0;padding:2rem;opacity:.1;pointer-events:none}.log-ai-content{position:relative;z-index:1}.log-ai-badge{display:inline-block;background:var(--primary);color:var(--on-primary);padding:.2rem .75rem;border-radius:9999px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.log-ai-title{font-family:var(--font-headline);font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.log-ai-desc{color:#00210cbf;margin-bottom:1.5rem;font-size:.95rem;max-width:18rem}.log-ai-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface-bright);color:var(--primary);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;border:none;cursor:pointer;font-family:var(--font-body);font-size:.95rem;transition:opacity .15s}.log-ai-btn:hover{opacity:.88}.log-section{margin-bottom:3rem}.log-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.log-section-title{font-family:var(--font-headline);font-size:1.2rem;font-weight:700}.log-section-tag{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--outline)}.log-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 640px){.log-category-grid{grid-template-columns:repeat(3,1fr)}}.log-cat-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:var(--surface-container-lowest);border-radius:1rem;border:2px solid transparent;cursor:pointer;transition:border-color .15s,box-shadow .15s;gap:0}.log-cat-btn:hover{border-color:var(--primary)}.log-cat-btn.selected{border-color:var(--primary);box-shadow:0 0 0 4px #2a7c131a}.log-cat-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform .15s}.log-cat-btn:hover .log-cat-icon,.log-cat-icon.scaled{transform:scale(1.1)}.bg-secondary-container{background:var(--secondary-container)}.bg-primary-container{background:var(--primary-container)}.bg-tertiary-fixed{background:var(--tertiary-fixed)}.bg-surface-container-highest{background:var(--surface-container-highest)}.bg-surface-dim{background:var(--surface-dim)}.text-on-secondary-container{color:var(--on-secondary-container)}.text-on-primary-container{color:var(--on-primary-container)}.text-on-tertiary-fixed-variant{color:var(--on-tertiary-fixed-variant)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-on-secondary-fixed-variant{color:var(--on-secondary-fixed-variant)}.text-on-surface{color:var(--on-surface)}.log-cat-label{font-weight:700;color:var(--on-surface);font-size:.95rem}.log-cat-label.active{color:var(--primary)}.log-qty-card{background:var(--surface-container-low);border-radius:1rem;padding:2rem;margin-bottom:2rem}.log-qty-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.log-qty-title{font-family:var(--font-headline);font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.log-qty-sub{color:var(--on-surface-variant);font-size:.875rem}.log-qty-value{display:flex;align-items:baseline;gap:.25rem}.log-qty-num{font-family:var(--font-headline);font-size:2.5rem;font-weight:800;color:var(--primary);line-height:1}.log-qty-unit{font-size:1.1rem;font-weight:700;color:var(--primary)}.log-slider{width:100%;height:.5rem;background:#bfc9bd4d;border-radius:9999px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none}.log-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.5rem;height:1.5rem;background:var(--primary);border-radius:50%;cursor:pointer;border:4px solid var(--primary-fixed)}.log-slider::-moz-range-thumb{width:1.5rem;height:1.5rem;background:var(--primary);border-radius:50%;cursor:pointer;border:4px solid var(--primary-fixed)}.log-slider-labels{display:flex;justify-content:space-between;margin-top:1rem;font-size:.7rem;font-weight:700;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.07em}.log-notes-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:3rem}.log-notes-label{font-family:var(--font-headline);font-size:1.1rem;font-weight:700;padding:0 .25rem}.log-notes-textarea{width:100%;background:var(--surface-container-lowest);border-radius:1rem;border:none;outline:none;box-shadow:0 0 0 1px #bfc9bd40;padding:1rem;font-family:var(--font-body);font-size:.95rem;color:var(--on-surface);resize:vertical;transition:box-shadow .2s}.log-notes-textarea:focus{box-shadow:0 0 0 2px var(--primary)}.log-notes-textarea::placeholder{color:var(--outline)}.log-submit-wrap{padding-top:.5rem}.log-submit-btn{width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);color:var(--on-primary);border:none;border-radius:1rem;padding:1.25rem 1.5rem;font-family:var(--font-headline);font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;box-shadow:0 8px 24px #2a7c1333;transition:transform .15s}.log-submit-btn:hover{transform:scale(1.02)}.log-submit-btn:active{transform:scale(.98)}.log-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.5rem}.log-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#191c1b66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.log-modal-card{position:relative;background:var(--surface);border-radius:1rem;max-width:24rem;width:100%;padding:2rem;text-align:center;border:1px solid rgba(191,201,189,.2);box-shadow:0 24px 64px #0003;z-index:1}.log-modal-icon{width:5rem;height:5rem;background:var(--secondary-container);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--on-secondary-container)}.log-modal-title{font-family:var(--font-headline);font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.log-modal-sub{color:var(--on-surface-variant);margin-bottom:2rem;font-size:.95rem}.log-modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.log-modal-stat{background:var(--surface-container-low);padding:1rem;border-radius:.75rem;display:flex;flex-direction:column;gap:.25rem}.log-modal-stat-val{font-family:var(--font-headline);font-size:1.5rem;font-weight:800;display:block}.log-modal-stat-val.primary{color:var(--primary)}.log-modal-stat-val.tertiary{color:var(--tertiary)}.log-modal-stat-label{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-variant)}.log-modal-close-btn{width:100%;background:var(--inverse-surface);color:var(--inverse-on-surface);border:none;border-radius:.75rem;padding:1rem;font-weight:700;font-size:1rem;cursor:pointer;font-family:var(--font-body);transition:filter .15s}.log-modal-close-btn:hover{filter:brightness(1.2)}.log-co2-preview{display:flex;align-items:center;gap:0;background:var(--surface-container-low);border-radius:1rem;padding:1rem 1.25rem;margin-bottom:1.5rem;flex-wrap:wrap;position:relative}.log-co2-preview-item{display:flex;align-items:center;gap:.625rem;flex:1}.log-co2-preview-item .material-symbols-outlined{font-size:1.75rem}.log-co2-val{display:block;font-family:var(--font-headline);font-size:1.15rem;font-weight:700;color:var(--on-surface);line-height:1}.log-co2-label{display:block;font-size:.75rem;color:var(--on-surface-variant);margin-top:2px}.log-co2-preview-divider{width:1px;height:2.5rem;background:var(--outline);opacity:.3;margin:0 1rem}.log-co2-preview-hint{width:100%;font-size:.7rem;color:var(--on-surface-variant);opacity:.75;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(112,122,111,.15)}.log-modal-co2-note{font-size:.78rem;color:var(--on-surface-variant);text-align:center;margin:-.5rem 0 1rem;padding:.5rem 1rem;background:var(--surface-container-low);border-radius:.5rem}.impact-root{min-height:100dvh;background:var(--surface);color:var(--on-surface);overflow-x:hidden;width:100%}.impact-main{max-width:640px;margin:0 auto;padding:1rem 1.5rem 8rem;display:flex;flex-direction:column;gap:1.5rem}.impact-page-header{display:flex;flex-direction:column;gap:.15rem}.impact-eyebrow{font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary)}.impact-title{font-family:var(--font-headline);font-size:2.25rem;font-weight:800;color:var(--on-surface);letter-spacing:-.02em;line-height:1.1}.impact-score-card{background:var(--surface-container-lowest);border-radius:1.5rem;padding:1.75rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #191c1b0a;position:relative;overflow:hidden}.impact-score-eyebrow{display:block;font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);margin-bottom:.25rem}.impact-score-num-row{display:flex;align-items:baseline;gap:.25rem}.impact-score-num{font-family:var(--font-headline);font-size:3rem;font-weight:900;color:var(--primary);letter-spacing:-.03em;line-height:1}.impact-score-denom{font-family:var(--font-body);font-size:1.1rem;font-weight:500;color:var(--on-surface-variant)}.impact-score-trend{display:flex;align-items:center;gap:.25rem;font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--secondary);margin-top:.5rem}.impact-trend-icon{font-size:.9rem!important}.impact-score-ring-wrap{position:relative;width:96px;height:96px;flex-shrink:0}.impact-score-ring-svg{width:100%;height:100%}.impact-score-ring-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.75rem}.impact-score-bg-blob{position:absolute;right:-3rem;top:-3rem;width:10rem;height:10rem;background:#2a7c130d;border-radius:50%;filter:blur(24px);pointer-events:none}.impact-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.impact-stat-tile{background:var(--surface-container-lowest);border-radius:1rem;padding:.85rem .6rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;box-shadow:0 1px 4px #191c1b0a}.impact-stat-icon{font-size:1.25rem!important}.impact-stat-val{font-family:var(--font-headline);font-size:.9rem;font-weight:800;color:var(--on-surface)}.impact-stat-lbl{font-family:var(--font-body);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant)}.impact-time-chips{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.1rem}.impact-time-chips::-webkit-scrollbar{display:none}.impact-time-chip{padding:.45rem 1rem;border-radius:9999px;border:none;font-family:var(--font-body);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;background:var(--surface-container);color:var(--on-surface-variant);transition:background .15s,color .15s}.impact-time-chip.active{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 12px #2a7c1333}.impact-card{background:var(--surface-container-lowest);border-radius:1.25rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 8px #191c1b0a}.impact-card-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.impact-card-title{font-family:var(--font-headline);font-size:1rem;font-weight:700;color:var(--on-surface);display:flex;align-items:center;gap:.4rem}.impact-card-sub{font-family:var(--font-body);font-size:.75rem;color:var(--on-surface-variant);margin-top:.15rem}.impact-card-icon-right{color:var(--on-surface-variant);font-size:1.25rem!important}.impact-card-icon-left{color:var(--on-surface-variant);font-size:1.2rem!important}.impact-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.4rem;height:148px}.impact-bar-col-new{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.35rem;height:100%}.impact-bar-stack{width:100%;display:flex;flex-direction:column-reverse;border-radius:4px;overflow:hidden;min-height:4px;transition:height .3s ease}.impact-bar-lbl{font-family:var(--font-body);font-size:.55rem;font-weight:700;color:var(--on-surface-variant);text-align:center}.impact-legend{display:flex;flex-wrap:wrap;gap:.5rem .9rem;padding-top:.75rem;border-top:1px solid rgba(191,201,189,.15)}.impact-legend-item{display:flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-variant)}.impact-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.impact-co2-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);border-radius:1.25rem;padding:1.5rem;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 24px #2a7c1333}.impact-co2-top{display:flex;justify-content:space-between;align-items:flex-start}.impact-co2-icon-wrap{background:#fff3;border-radius:.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.impact-co2-badge{display:flex;align-items:center;gap:.3rem;background:#ffffff26;padding:.3rem .7rem;border-radius:9999px;font-family:var(--font-body);font-size:.65rem;font-weight:700}.impact-co2-num{font-family:var(--font-headline);font-size:2rem;font-weight:900;letter-spacing:-.02em;line-height:1}.impact-co2-sub{font-family:var(--font-body);font-size:.82rem;color:#fffc}.impact-co2-meta{display:flex;gap:2rem;padding-top:.5rem}.impact-co2-meta-label{display:block;font-family:var(--font-body);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#fff9;margin-bottom:.15rem}.impact-co2-meta-val{font-family:var(--font-body);font-size:.85rem;font-weight:700}.impact-co2-blob{position:absolute;bottom:-2.5rem;right:-2.5rem;width:8rem;height:8rem;background:#ffffff1a;border-radius:50%;filter:blur(20px);pointer-events:none}.impact-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.impact-donut-card{background:var(--surface-container-lowest);border-radius:1.25rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 8px #191c1b0a}.impact-donut-wrap{position:relative;width:80px;margin:0 auto}.impact-donut-svg{width:100%;height:auto}.impact-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-headline);font-size:.7rem;font-weight:800;color:var(--on-surface)}.impact-donut-title{font-family:var(--font-headline);font-size:.82rem;font-weight:700;color:var(--on-surface);margin-bottom:.25rem}.impact-donut-legend{display:flex;flex-direction:column;gap:.45rem}.impact-donut-row{display:flex;align-items:center;justify-content:space-between}.impact-donut-row-left{display:flex;align-items:center;gap:.4rem}.impact-donut-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.impact-donut-lbl{font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--on-surface-variant)}.impact-donut-pct{font-family:var(--font-body);font-size:.7rem;font-weight:700;color:var(--on-surface)}.impact-mini-stats{display:flex;flex-direction:column;gap:.65rem}.impact-mini-tile{background:var(--surface-container-lowest);border-radius:.875rem;padding:.75rem .85rem;display:flex;align-items:center;gap:.65rem;box-shadow:0 1px 4px #191c1b0a}.impact-mini-icon{font-size:1.15rem!important;flex-shrink:0}.impact-mini-val{font-family:var(--font-headline);font-size:.9rem;font-weight:800;color:var(--on-surface);display:block;line-height:1.1}.impact-mini-lbl{font-family:var(--font-body);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);display:block}.impact-goal-bar-wrap{display:flex;flex-direction:column;gap:.5rem}.impact-goal-bar{height:10px;background:var(--surface-container);border-radius:9999px;overflow:hidden}.impact-goal-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:9999px;transition:width .5s ease}.impact-goal-pct{font-family:var(--font-body);font-size:.8rem;color:var(--on-surface-variant);font-weight:500}.impact-goal-note{font-family:var(--font-body);font-size:.82rem;color:var(--on-surface-variant);line-height:1.5}.impact-badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.impact-badge-tile{background:var(--secondary-container);border-radius:1rem;padding:.85rem .5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;position:relative}.impact-badge-tile.locked{background:var(--surface-container);opacity:.6}.impact-badge-tile-icon{font-size:1.5rem!important;color:var(--on-secondary-container)}.impact-badge-tile.locked .impact-badge-tile-icon{color:var(--outline)}.impact-badge-tile-label{font-family:var(--font-body);font-size:.65rem;font-weight:700;color:var(--on-surface);line-height:1.2}.impact-badge-tile-desc{font-family:var(--font-body);font-size:.58rem;color:var(--on-surface-variant)}.impact-badge-lock{position:absolute;top:.4rem;right:.4rem;font-size:.75rem!important;color:var(--outline)}.insights-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:9999px;font-family:var(--font-body);font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s}.insights-btn:hover{opacity:.9;transform:translateY(-1px)}.insights-btn .material-symbols-outlined{font-size:.875rem}@media (max-width: 480px){.impact-main{padding:1rem 1rem 8rem}.impact-title{font-size:1.9rem}.impact-score-num{font-size:2.4rem}.impact-stats-row{grid-template-columns:repeat(2,1fr)}.impact-breakdown-grid{grid-template-columns:1fr}.impact-co2-num{font-size:1.6rem}}.shop-root{min-height:100dvh;background:var(--surface);color:var(--on-surface);overflow-x:hidden;width:100%}.shop-main{max-width:640px;margin:0 auto;padding:1rem 1rem 8rem;display:flex;flex-direction:column;gap:1.75rem}.shop-search-wrap{position:relative;display:flex;align-items:center}.shop-search-icon{position:absolute;left:1rem;color:var(--on-surface-variant);font-size:1.25rem!important}.shop-search-input{width:100%;height:3rem;padding:0 1rem 0 3rem;border-radius:.75rem;background:var(--surface-container-low);border:none;font-family:var(--font-body);font-size:.875rem;color:var(--on-surface);outline:none;transition:box-shadow .15s}.shop-search-input:focus{box-shadow:0 0 0 2px var(--primary)}.shop-hero{display:flex;flex-direction:column;gap:1.25rem}@media (min-width: 560px){.shop-hero{flex-direction:row;align-items:flex-end;justify-content:space-between}}.shop-hero-left{flex:1}.shop-hero-title{font-family:var(--font-headline);font-size:clamp(1.75rem,8vw,3rem);font-weight:800;color:var(--on-surface);letter-spacing:-.03em;line-height:1.1;margin-bottom:.75rem}.shop-hero-accent{color:var(--primary)}.shop-hero-desc{font-family:var(--font-body);font-size:.875rem;color:var(--on-surface-variant);line-height:1.6}.shop-balance-card{background:var(--secondary-container);border-radius:1.5rem;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 12px 32px #191c1b0f;flex-shrink:0}.shop-balance-icon-wrap{background:#2a7c131a;border-radius:.75rem;padding:.6rem;display:flex;align-items:center;justify-content:center;color:var(--on-secondary-container)}.shop-balance-label{display:block;font-family:var(--font-body);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--on-secondary-container);opacity:.7;margin-bottom:.15rem}.shop-balance-amount{display:block;font-family:var(--font-headline);font-size:1.875rem;font-weight:800;color:var(--on-secondary-container);line-height:1}.shop-section{display:flex;flex-direction:column}.shop-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.shop-section-title{font-family:var(--font-headline);font-size:1.25rem;font-weight:700;color:var(--on-surface)}.shop-view-all{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--primary);padding:0}.shop-view-all:hover{text-decoration:underline}.shop-view-all-plain{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--primary);cursor:pointer}.shop-vouchers-list{display:flex;flex-direction:column;gap:.75rem}.shop-voucher-card{display:flex;height:8rem;border-radius:1.25rem;background:var(--surface-container-lowest);box-shadow:0 4px 20px #1b6b3a0d;border:1px solid rgba(191,201,189,.2);overflow:hidden;transition:transform .2s}.shop-voucher-card:active{transform:scale(.98)}.shop-voucher-left{width:33%;background:var(--surface-container-low);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:.4rem}.shop-voucher-logo-wrap{width:3rem;height:3rem;border-radius:.75rem;background:#fff;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-voucher-logo{width:2rem;object-fit:contain}.shop-voucher-brand{font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--on-surface-variant)}.shop-voucher-dash{width:2px;background-image:linear-gradient(to bottom,var(--outline-variant) 50%,rgba(255,255,255,0) 0%);background-size:2px 10px;background-repeat:repeat-y;flex-shrink:0}.shop-voucher-right{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.shop-voucher-discount{font-family:var(--font-headline);font-size:1.2rem;font-weight:700;color:var(--on-surface)}.shop-voucher-valid{font-family:var(--font-body);font-size:.7rem;color:var(--on-surface-variant);margin-top:.1rem}.shop-voucher-code-row{display:flex;align-items:center;justify-content:space-between}.shop-voucher-code{font-family:monospace;background:var(--surface-container-high);padding:.25rem .75rem;border-radius:.5rem;color:var(--primary);font-weight:700;letter-spacing:.12em;font-size:.82rem;cursor:pointer;-webkit-user-select:none;user-select:none}.shop-copy-btn{background:none;border:none;cursor:pointer;color:var(--primary);padding:.4rem;border-radius:50%;display:flex;align-items:center;transition:background .15s}.shop-copy-btn:hover{background:#2a7c1314}.shop-copy-btn .material-symbols-outlined{font-size:1.1rem!important}.shop-chips-wrap{margin:0 -1rem}.shop-chips-scroll{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none;padding:0 1rem}.shop-chips-scroll::-webkit-scrollbar{display:none}.shop-chip{padding:.5rem 1.25rem;border-radius:9999px;border:1.5px solid var(--primary);background:transparent;color:var(--primary);font-family:var(--font-body);font-size:.82rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.shop-chip.active{background:var(--primary);color:#fff}.shop-chip:active{transform:scale(.95)}.shop-partners-scroll{display:flex;gap:1rem;overflow-x:auto;scrollbar-width:none;margin:0 -1rem;padding:0 1rem}.shop-partners-scroll::-webkit-scrollbar{display:none}.shop-partner-tile{min-width:7.5rem;height:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-container-low);border-radius:.75rem;padding:.75rem;box-shadow:0 4px 20px #1b6b3a0d;flex-shrink:0;transition:transform .15s;gap:.25rem}.shop-partner-tile:active{transform:scale(.95)}.shop-partner-logo{height:1.75rem;object-fit:contain}.shop-partner-name-display{font-size:.75rem;font-weight:600;color:var(--on-surface-variant);font-family:var(--font-body)}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.shop-card{background:var(--surface-container-lowest);border-radius:1.25rem;overflow:hidden;box-shadow:0 4px 20px #1b6b3a0d;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s}.shop-card:active{transform:scale(.98)}.shop-card-img-wrap{position:relative;height:10rem}.shop-card-img{width:100%;height:100%;object-fit:cover}.shop-card-partner-badge{position:absolute;top:.5rem;left:.5rem;background:#f8faf8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.2rem .5rem;border-radius:9999px;display:flex;align-items:center;gap:.25rem}.shop-verified-icon{font-size:.75rem!important;color:var(--primary)}.shop-partner-name{font-family:var(--font-body);font-size:.625rem;font-weight:700;color:var(--primary)}.shop-card-body{padding:.75rem;display:flex;flex-direction:column;flex:1;gap:.5rem}.shop-card-name{font-family:var(--font-body);font-size:.875rem;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-card-pts-row{display:flex;align-items:center;gap:.25rem;color:var(--tertiary)}.shop-star-icon{font-size:1rem!important}.shop-card-pts{font-family:var(--font-headline);font-size:1rem;font-weight:700}.shop-buy-btn{width:100%;padding:.5rem;border:1.5px solid var(--primary);background:transparent;color:var(--primary);border-radius:.5rem;font-family:var(--font-body);font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s;margin-top:auto}.shop-buy-btn:hover{background:#2a7c130d}@media (max-width: 400px){.shop-card-img-wrap{height:8rem}}.community-map-root{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--background);color:var(--on-surface);font-family:var(--font-body)}.community-glass-header{position:sticky;top:0;z-index:50;background:#f8faf8b3;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.community-header-left{display:flex;align-items:center;gap:.75rem}.community-avatar{width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--primary-container);display:flex;align-items:center;justify-content:center;color:var(--on-primary-container);flex-shrink:0}.community-brand{font-family:var(--font-headline);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;color:var(--on-surface)}.community-notif-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);transition:background .15s}.community-notif-btn:hover{background:var(--surface-container)}.community-map-canvas{flex:1;position:relative;overflow:hidden;background:var(--surface-container-low)}.community-leaflet-map{width:100%;height:100%;z-index:1}.community-leaflet-map .leaflet-control-zoom{border:none!important;box-shadow:0 2px 12px #00000026!important;border-radius:.75rem!important;overflow:hidden}.community-leaflet-map .leaflet-control-zoom a{width:36px!important;height:36px!important;line-height:36px!important;font-size:18px!important;color:var(--on-surface)!important;background:var(--surface-container-lowest)!important;border-bottom:1px solid var(--surface-container)!important}.community-leaflet-map .leaflet-control-zoom a:last-child{border-bottom:none!important}.community-leaflet-map .leaflet-control-zoom a:hover{background:var(--surface-container)!important}.community-leaflet-map .leaflet-control-attribution{background:#ffffffb3!important;font-size:.6rem!important;padding:2px 6px!important}.marker-pin{width:36px;height:36px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0000004d;transition:transform .2s}.marker-pin:hover{transform:rotate(-45deg) scale(1.1)}.marker-pin .material-symbols-outlined{transform:rotate(45deg)}.marker-bin{background:var(--primary)}.marker-event{background:var(--tertiary)}.marker-user{width:20px;height:20px;border-radius:50%;background:#4285f4;border:3px solid #fff;box-shadow:0 2px 8px #4285f466;transform:none}.custom-marker-bin,.custom-marker-event,.custom-marker-user{background:transparent!important;border:none!important}.leaflet-popup-content-wrapper{border-radius:1rem!important;box-shadow:0 4px 20px #00000026!important;padding:0!important;font-family:var(--font-body)!important}.leaflet-popup-content{margin:0!important;padding:1rem!important;font-size:.875rem!important;line-height:1.5!important}.leaflet-popup-tip{box-shadow:0 4px 20px #00000026!important}.map-popup{display:flex;flex-direction:column;gap:.25rem;min-width:160px}.map-popup strong{font-family:var(--font-headline);font-size:.95rem;font-weight:700;color:var(--on-surface)}.map-popup-type{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.map-popup p{margin:0;font-size:.8rem;color:var(--on-surface-variant)}.community-floating-top{position:absolute;top:1rem;left:0;right:0;padding:0 1rem;display:flex;flex-direction:column;gap:1rem;pointer-events:none;z-index:500}.community-search-bar{pointer-events:auto;width:100%;background:var(--surface-container-lowest);border-radius:9999px;box-shadow:0 4px 20px #0000001f;display:flex;align-items:center;padding:.5rem 1rem;ring:1px solid rgba(191,201,189,.15)}.community-search-icon{color:var(--outline);font-size:1.25rem}.community-search-input{flex:1;border:none;background:transparent;outline:none;font-family:var(--font-body);font-size:.875rem;color:var(--on-surface);margin-left:.5rem;height:2.5rem}.community-search-input::placeholder{color:var(--outline)}.community-search-divider{width:1px;height:1.5rem;background:#bfc9bd59;margin:0 .5rem}.community-list-btn{padding:.5rem;border:none;background:transparent;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}.community-list-btn:hover{background:var(--surface-container)}.community-search-wrap{pointer-events:auto;max-width:28rem;margin:0 auto;width:100%;position:relative}.community-search-clear{padding:.25rem;border:none;background:transparent;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--outline);transition:background .15s}.community-search-clear:hover{background:var(--surface-container)}.community-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-container-lowest);border-radius:1rem;box-shadow:0 8px 32px #0000002e;max-height:280px;overflow-y:auto;z-index:600;scrollbar-width:thin;animation:searchDropIn .15s ease-out}@keyframes searchDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.community-search-result{display:flex;align-items:flex-start;gap:.6rem;width:100%;padding:.7rem 1rem;border:none;background:transparent;cursor:pointer;text-align:left;font-family:var(--font-body);transition:background .1s}.community-search-result:first-child{border-radius:1rem 1rem 0 0}.community-search-result:last-child{border-radius:0 0 1rem 1rem}.community-search-result:hover{background:var(--surface-container-low)}.community-search-result+.community-search-result{border-top:1px solid var(--surface-container)}.community-search-result .material-symbols-outlined{margin-top:2px;flex-shrink:0}.community-search-result-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.community-search-result-name{font-size:.85rem;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-search-result-addr{font-size:.72rem;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.community-chips{pointer-events:auto;display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 1rem 1rem;justify-content:flex-start;scrollbar-width:none}.community-chip{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:999px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #00000014;white-space:nowrap;cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-body);text-transform:capitalize;letter-spacing:normal;color:var(--on-surface);transition:all .2s cubic-bezier(.4,0,.2,1)}.community-chip:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.community-chip.active{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 4px 16px #1b6d244d}.community-chip-icon{font-size:1.1rem!important}.community-fabs{position:absolute;right:1rem;bottom:9.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:500;align-items:flex-end}.community-fab-sm{width:3rem;height:3rem;background:var(--surface-container-lowest);color:var(--primary);border:none;border-radius:1rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:1px solid rgba(191,201,189,.15);transition:transform .15s}.community-fab-sm:hover{transform:scale(1.06)}.community-fab-lg{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);color:var(--on-primary);border:none;border-radius:1.25rem;box-shadow:0 4px 20px #2a7c1359;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.community-fab-lg:hover{transform:scale(1.06)}.community-bottom-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--surface-container-lowest);border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -4px 32px #0000001f;z-index:600;padding:.5rem 1.5rem 5.5rem;max-width:48rem;margin:0 auto;outline:1px solid rgba(191,201,189,.15);animation:sheetSlideUp .25s ease-out}@keyframes sheetSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.community-sheet-handle-row{display:flex;justify-content:center;margin-bottom:1.5rem}.community-sheet-handle{width:3rem;height:.375rem;background:#bfc9bd66;border-radius:9999px}.community-sheet-body{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 640px){.community-sheet-body{flex-direction:row}}.community-sheet-img{width:100%;height:8rem;background:var(--secondary-container);border-radius:1rem;overflow:hidden;flex-shrink:0}@media (min-width: 640px){.community-sheet-img{width:8rem;height:8rem}}.community-sheet-img img{width:100%;height:100%;object-fit:cover}.community-sheet-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.community-sheet-toprow{display:flex;justify-content:space-between;align-items:center}.community-sheet-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary)}.community-sheet-rating{display:flex;align-items:center;gap:.2rem;color:var(--secondary);font-weight:700;font-size:.875rem}.community-sheet-title{font-family:var(--font-headline);font-size:1.35rem;font-weight:800;color:var(--on-surface);line-height:1.2}.community-sheet-loc{display:flex;align-items:center;gap:.35rem;color:var(--on-surface-variant);font-size:.875rem}.community-sheet-tags{display:flex;gap:.4rem;flex-wrap:wrap}.community-sheet-badge{padding:.2rem .6rem;border-radius:.5rem;background:var(--primary-fixed);color:var(--on-primary-fixed);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.community-sheet-meta{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--on-surface-variant)}.community-sheet-meta-sep{color:var(--outline-variant);margin:0 .15rem}.community-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.25rem}.community-sheet-btn-sec,.community-sheet-btn-pri{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:1rem;border:none;font-weight:700;font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:opacity .15s,transform .1s}.community-sheet-btn-sec:active,.community-sheet-btn-pri:active{transform:scale(.97)}.community-sheet-btn-sec{background:var(--surface-container-high);color:var(--on-surface)}.community-sheet-btn-pri{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);color:var(--on-primary);box-shadow:0 2px 8px #2a7c1333}.waste-markers-ui{position:absolute;bottom:6.25rem;left:0;right:0;z-index:500;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 .5rem}.waste-filter-chips{pointer-events:auto;display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:.25rem .5rem;justify-content:flex-start;flex-wrap:nowrap;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1rem;box-shadow:0 2px 12px #0000001a;max-width:100%;animation:fadeInWasteChips .25s ease-out}.waste-filter-chips::-webkit-scrollbar{display:none}@keyframes fadeInWasteChips{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.waste-chip{display:flex;align-items:center;gap:.3rem;padding:.4rem .65rem;border-radius:9999px;border:1.5px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.68rem;font-weight:700;font-family:var(--font-body);white-space:nowrap;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,background .2s,border-color .2s;box-shadow:0 1px 3px #0000000f;flex-shrink:0;animation:waste-chip-in .35s cubic-bezier(.22,1,.36,1) both}.waste-filter-chips .waste-chip:nth-child(2){animation-delay:.05s}.waste-filter-chips .waste-chip:nth-child(3){animation-delay:.1s}.waste-filter-chips .waste-chip:nth-child(4){animation-delay:.15s}.waste-filter-chips .waste-chip:nth-child(5){animation-delay:.2s}@keyframes waste-chip-in{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}.waste-chip:hover{box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.waste-chip:active{transform:scale(.95)}.waste-chip.active{border-color:transparent;box-shadow:0 2px 8px #0000002e,0 0 12px #76c45759}.waste-loading-badge,.waste-error-badge{pointer-events:auto;display:flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:9999px;font-size:.75rem;font-weight:600;font-family:var(--font-body);box-shadow:0 2px 8px #0000001a}.waste-loading-badge{background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--on-surface-variant)}.waste-error-badge{background:var(--error-container);color:var(--on-error-container)}.waste-retry-btn{background:none;border:none;color:var(--on-error-container);font-weight:700;font-size:.75rem;font-family:var(--font-body);text-decoration:underline;cursor:pointer;padding:0}.waste-pin{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .15s;animation:pin-drop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes pin-drop{0%{opacity:0;transform:translateY(-10px) scale(.7)}to{opacity:1;transform:none}}.waste-pin:hover{transform:translateY(-3px) scale(1.08)}.waste-pin-head{width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--pin-color, #2A7C13);display:flex;align-items:center;justify-content:center;border:2px solid #fff}.waste-pin-head .material-symbols-outlined{transform:rotate(45deg)}.waste-pin-tail{width:2px;height:6px;background:var(--pin-color, #2A7C13);margin-top:-1px}.waste-cluster-icon{background:transparent!important;border:none!important}.waste-cluster{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2A7C13,var(--primary, #2A7C13));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;font-family:var(--font-body);box-shadow:0 2px 8px #0000004d,0 0 14px #76c45766;border:2px solid #fff;animation:cluster-pop .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes cluster-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.waste-marker-icon{background:transparent!important;border:none!important}@keyframes spin{to{transform:rotate(360deg)}}.route-info-card{position:absolute;bottom:10.5rem;left:50%;transform:translate(-50%);z-index:500;background:var(--surface-container-lowest);border-radius:1rem;box-shadow:0 4px 24px #00000026;padding:.85rem 1.25rem;min-width:220px;max-width:20rem;display:flex;align-items:center;gap:.75rem;animation:routeCardIn .2s ease-out;outline:1px solid rgba(191,201,189,.15)}@keyframes routeCardIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.route-info-loading,.route-info-error{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;font-family:var(--font-body);white-space:nowrap}.route-info-loading{color:var(--on-surface-variant)}.route-info-error{color:var(--error, #B71C1C)}.route-info-stats{display:flex;align-items:center;gap:1rem;flex:1}.route-info-stat{display:flex;align-items:center;gap:.45rem}.route-info-icon{font-size:1.15rem!important;color:var(--primary)}.route-info-stat-text{display:flex;flex-direction:column}.route-info-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);line-height:1}.route-info-value{font-size:.9rem;font-weight:800;font-family:var(--font-headline);color:var(--on-surface);line-height:1.2}.route-info-divider{width:1px;height:2rem;background:#bfc9bd59}.route-info-close{width:1.75rem;height:1.75rem;border-radius:50%;border:none;background:var(--surface-container);color:var(--on-surface-variant);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}.route-info-close:hover{background:var(--surface-container-high)}@media (max-width: 480px){.community-glass-header{padding:.5rem .75rem}.community-brand{font-size:1rem}.community-avatar{width:2rem;height:2rem;border-radius:.5rem}.community-floating-top{padding:.5rem .6rem;gap:.5rem}.community-search-wrap{max-width:100%}.community-search-bar{padding:.35rem .7rem;border-radius:9999px}.community-search-input{font-size:.8rem;height:2rem}.community-search-icon{font-size:1.1rem}.community-search-results{max-height:220px;border-radius:.75rem}.community-search-result{padding:.55rem .75rem}.community-search-result-name{font-size:.8rem}.community-search-result-addr{font-size:.68rem}.community-chips{gap:.35rem;justify-content:flex-start;padding:0 .25rem .25rem}.community-chip{padding:.3rem .6rem;font-size:.7rem;gap:.3rem}.community-chip-icon{font-size:.95rem!important}.waste-filter-chips{gap:.3rem;padding:.3rem .4rem;border-radius:.75rem}.waste-chip{padding:.3rem .55rem;font-size:.63rem;gap:.2rem}.waste-chip .material-symbols-outlined{font-size:13px!important}.waste-markers-ui{bottom:5.75rem}.community-fabs{right:.6rem;bottom:8.75rem;gap:.5rem}.community-fab-sm{width:2.5rem;height:2.5rem}.community-fab-lg{width:3rem;height:3rem}.community-fab-lg .material-symbols-outlined{font-size:1.5rem!important}.community-bottom-sheet{padding:.4rem 1rem 5rem;border-radius:1.25rem 1.25rem 0 0}.community-sheet-handle-row{margin-bottom:.75rem}.community-sheet-title{font-size:1.15rem}.community-sheet-actions{gap:.5rem}.community-sheet-btn-sec,.community-sheet-btn-pri{padding:.6rem .75rem;font-size:.8rem;gap:.35rem}.waste-loading-badge,.waste-error-badge{font-size:.7rem;padding:.3rem .6rem}.leaflet-popup-content{padding:.75rem!important;font-size:.8rem!important}.route-info-card{bottom:9.5rem;min-width:180px;padding:.65rem 1rem;gap:.5rem}.route-info-stats{gap:.7rem}.route-info-value{font-size:.82rem}.route-info-label{font-size:.55rem}.route-info-icon{font-size:1rem!important}}@media (min-width: 481px) and (max-width: 768px){.community-floating-top{padding:.75rem}}.community-fab-addbin{display:flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);color:var(--on-primary);border:none;border-radius:1rem;box-shadow:0 4px 12px #0003;padding:.75rem 1rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:transform .15s}.community-fab-addbin:hover{transform:scale(1.05)}.addbin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.addbin-modal{background:var(--surface-container-lowest, #fff);border-radius:1.25rem 1.25rem 0 0;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom))}.addbin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.addbin-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;margin:0}.addbin-close{background:var(--surface-variant, #eee);border:none;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.addbin-warning{display:flex;gap:.5rem;align-items:flex-start;background:#fff8e1;color:#5d4037;border:1px solid #ffe082;border-radius:.75rem;padding:.6rem .75rem;font-size:.8rem;margin-bottom:1rem}.addbin-warning p{margin:0}.addbin-types{display:flex;flex-wrap:wrap;gap:.5rem}.addbin-type{display:flex;align-items:center;gap:.3rem;padding:.45rem .75rem;border-radius:99px;border:1px solid var(--outline-variant, #ccc);background:transparent;font-size:.8rem;cursor:pointer}.addbin-type.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.addbin-camera-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px dashed var(--outline-variant, #bbb);border-radius:.75rem;background:transparent;font-size:.9rem;font-weight:600;cursor:pointer}.addbin-photo-preview img{width:100%;border-radius:.75rem;max-height:220px;object-fit:cover}.addbin-retake{margin-top:.5rem;display:inline-flex;align-items:center;gap:.3rem;background:var(--surface-variant, #eee);border:none;border-radius:99px;padding:.4rem .9rem;font-size:.8rem;font-weight:600;cursor:pointer}.addbin-loc-row{display:flex;align-items:center;gap:.5rem}.addbin-loc-status{flex:1;display:flex;align-items:center;gap:.4rem;font-size:.85rem;padding:.6rem .75rem;border-radius:.6rem;background:var(--surface-variant, #f0f0f0)}.addbin-loc-status.ok{color:var(--primary)}.addbin-loc-status.missing{color:var(--error, #b71c1c)}.addbin-loc-status .spinner{width:1rem;height:1rem}.addbin-refresh{background:var(--surface-variant, #eee);border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.addbin-success{text-align:center;padding:1.5rem .5rem}.addbin-success .material-symbols-outlined{font-size:3rem;color:var(--primary)}.addbin-success h3{margin:.75rem 0 .5rem}.addbin-success p{color:var(--text-secondary, #555);margin-bottom:1.25rem}@media (min-width: 600px){.addbin-overlay{align-items:center;padding:1rem}.addbin-modal{border-radius:1.25rem}}.leaflet-popup-content-wrapper{border-radius:18px;box-shadow:0 16px 44px #2a7c1340}.leaflet-popup-content{margin:14px 16px;line-height:1.45}.wm-popup{font-family:var(--font-body);min-width:190px;max-width:270px;color:#20301a}.wm-popup-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.wm-popup-icon{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #2a7c134d}.wm-popup-icon .material-symbols-outlined{font-size:20px;color:#fff}.wm-popup-name{font-weight:800;font-size:.95rem;line-height:1.25}.wm-popup-cat{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.wm-popup-row{display:flex;align-items:center;gap:7px;font-size:.78rem;color:#4a5d3f;margin-top:5px}.wm-popup-row .material-symbols-outlined{font-size:1rem;color:#2a7c13}.wm-popup-row a{color:#2a7c13;font-weight:700}.wm-popup-mats{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.wm-popup-chip{font-size:.68rem;font-weight:700;background:#eaf6dc;border:1px solid #D3DDCE;color:#1c5410;border-radius:999px;padding:2px 9px}.wm-popup-coords{margin-top:9px;font-size:.68rem;color:#6b7a5e}.profile-root{min-height:max(884px,100dvh);background:var(--surface);color:var(--on-surface);font-family:var(--font-body);padding-bottom:6rem}.profile-header{position:sticky;top:0;z-index:50;height:4rem;background:#f8faf8b3;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-bottom:1px solid rgba(191,201,189,.15);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.profile-header-left{display:flex;align-items:center;gap:.75rem}.profile-header-avatar{width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--primary-container);display:flex;align-items:center;justify-content:center;color:var(--on-primary-container);flex-shrink:0}.profile-brand{font-family:var(--font-headline);font-weight:700;font-size:1.125rem;color:var(--primary)}.profile-notif-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant)}.profile-main{max-width:64rem;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.profile-hero-card{position:relative;background:var(--surface-container-low);border-radius:1rem;padding:2rem;overflow:hidden}.profile-hero-glow{position:absolute;top:0;right:0;width:16rem;height:16rem;background:#2a7c130d;border-radius:50%;transform:translate(5rem,-5rem);filter:blur(3rem);pointer-events:none}.profile-hero-body{position:relative;display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}@media (min-width: 640px){.profile-hero-body{flex-direction:row;align-items:center;text-align:left}}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-avatar{width:8rem;height:8rem;border-radius:1rem;overflow:hidden;background:var(--surface-container-highest);outline:4px solid var(--surface-container-lowest)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-badge{position:absolute;bottom:-.5rem;right:-.5rem;background:var(--primary);color:var(--on-primary);padding:.2rem .6rem;border-radius:.5rem;font-size:.7rem;font-weight:700;display:flex;align-items:center;gap:.25rem;box-shadow:0 4px 10px #0003;white-space:nowrap}.profile-hero-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}@media (min-width: 640px){.profile-hero-info{align-items:flex-start}}.profile-hero-name-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}@media (min-width: 640px){.profile-hero-name-row{justify-content:flex-start}}.profile-hero-name{font-family:var(--font-headline);font-size:2.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.profile-hero-level{background:var(--secondary-container);color:var(--on-secondary-container);padding:.2rem .75rem;border-radius:9999px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.profile-hero-location{display:flex;align-items:center;gap:.35rem;color:var(--on-surface-variant);font-size:.875rem;font-weight:500}.profile-hero-bio{color:var(--on-surface-variant);font-size:.875rem;line-height:1.6;max-width:28rem}.profile-edit-btn{background:var(--primary);color:var(--on-primary);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;font-family:var(--font-body);font-size:.9rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .15s;flex-shrink:0}.profile-edit-btn:hover{transform:scale(1.02)}.profile-bento{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.profile-bento{grid-template-columns:1.2fr .8fr}}.profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-stat-card{border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-height:8rem}.profile-stat-card.white{background:var(--surface-container-lowest);transition:background .15s}.profile-stat-card.white:hover{background:#fff}.profile-stat-card.green{background:var(--primary-container);color:var(--on-primary-container)}.profile-stat-card.red{background:var(--tertiary-container);color:var(--on-tertiary-container)}.profile-stat-icon{font-size:1.875rem!important}.profile-stat-icon.primary{color:var(--primary)}.profile-stat-icon.secondary{color:var(--secondary)}.profile-stat-label{font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-variant)}.profile-stat-label.muted{opacity:.8;color:inherit}.profile-stat-val{font-family:var(--font-headline);font-size:1.875rem;font-weight:700;margin-top:.25rem}.profile-donut-card{background:var(--surface-container-low);border-radius:1rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-donut-title{font-family:var(--font-headline);font-weight:700;color:var(--on-surface-variant);margin-bottom:1.5rem;align-self:flex-start}.profile-donut-wrap{position:relative;width:12rem;height:12rem;display:flex;align-items:center;justify-content:center}.profile-donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.profile-donut-center{position:absolute;display:flex;flex-direction:column;align-items:center}.profile-donut-pct{font-family:var(--font-headline);font-size:1.5rem;font-weight:900;line-height:1}.profile-donut-sub{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant)}.profile-donut-legend{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;width:100%}.profile-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500}.profile-legend-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.profile-legend-dot.primary{background:var(--primary)}.profile-legend-dot.secondary{background:var(--secondary)}.profile-legend-dot.tertiary{background:var(--tertiary)}.profile-section{display:flex;flex-direction:column;gap:1rem}.profile-section-title{font-family:var(--font-headline);font-size:1.25rem;font-weight:700;padding:0 .5rem}.profile-achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 640px){.profile-achievements-grid{grid-template-columns:repeat(4,1fr)}}.profile-achievement-card{background:var(--surface-container-lowest);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.profile-achievement-card.locked{opacity:.5}.profile-achievement-icon{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.bg-secondary-fixed{background:var(--secondary-fixed)}.bg-primary-fixed{background:var(--primary-fixed)}.bg-surface-container{background:var(--surface-container)}.color-on-secondary-fixed{color:var(--on-secondary-fixed)}.color-on-primary-fixed{color:var(--on-primary-fixed)}.color-outline{color:var(--outline)}.profile-achievement-name{font-weight:700;font-size:.875rem}.profile-achievement-sub{font-size:.688rem;color:var(--on-surface-variant)}.profile-settings-card{background:var(--surface-container-low);border-radius:1rem;overflow:hidden}.profile-settings-header{padding:1.5rem;border-bottom:1px solid rgba(191,201,189,.15);background:var(--surface-bright)}.profile-settings-title{font-family:var(--font-headline);font-weight:700}.profile-settings-row{width:100%;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;border:none;background:transparent;cursor:pointer;border-bottom:1px solid rgba(191,201,189,.1);transition:background .15s;font-family:var(--font-body)}.profile-settings-row:last-child{border-bottom:none}.profile-settings-row:hover{background:var(--surface-container)}.profile-settings-row.danger:hover{background:#ba1a1a0d}.profile-settings-left{display:flex;align-items:center;gap:1rem}.profile-settings-icon{color:var(--on-surface-variant);transition:color .15s}.profile-settings-row:hover .profile-settings-icon{color:var(--primary)}.profile-settings-row.danger:hover .profile-settings-icon{color:var(--error)}.profile-settings-label{font-weight:500;font-size:.95rem;color:var(--on-surface)}.profile-settings-label.danger{color:var(--error)}.profile-settings-chevron{color:var(--outline);font-size:1.25rem!important}.profile-section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.profile-quiz-all-btn{font-size:.8rem;font-weight:600;color:#fff;background:var(--primary-container);border:none;border-radius:999px;padding:.3rem .875rem;cursor:pointer}.profile-quiz-grid{display:flex;flex-direction:column;gap:.75rem}.profile-quiz-card{display:flex;align-items:center;gap:.875rem;background:var(--surface-container-low);border:1.5px solid transparent;border-radius:1rem;padding:.875rem 1rem;cursor:pointer;transition:border-color .18s}.profile-quiz-card.done{border-color:var(--secondary-container)}.profile-quiz-card:hover{border-color:var(--primary)}.profile-quiz-icon-wrap{width:2.75rem;height:2.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-quiz-icon-wrap .material-symbols-outlined{font-size:1.375rem}.profile-quiz-info{flex:1;min-width:0}.profile-quiz-name{font-size:.9rem;font-weight:700;color:var(--on-surface);margin:0 0 4px}.profile-quiz-bar-wrap{display:flex;align-items:center;gap:.5rem;margin-bottom:3px}.profile-quiz-bar{flex:1;height:5px;background:var(--surface-container);border-radius:999px;overflow:hidden}.profile-quiz-fill{height:100%;border-radius:999px;transition:width .4s}.profile-quiz-pct{font-size:.75rem;font-weight:700;color:var(--on-surface-variant)}.profile-quiz-score{font-size:.75rem;color:var(--on-surface-variant)}.profile-quiz-not-done{font-size:.75rem;color:var(--on-surface-variant);font-style:italic}.profile-quiz-badge-earned{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:700;color:var(--secondary);background:var(--secondary-container);padding:2px 8px;border-radius:999px;margin-top:3px}.learn-root{min-height:100dvh;background:var(--surface);color:var(--on-surface);overflow-x:hidden;width:100%;padding-bottom:8rem}.learn-main{padding-top:1.5rem;padding-left:1.5rem;padding-right:1.5rem;max-width:42rem;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.learn-header h2{font-family:var(--font-headline);font-size:clamp(1.75rem,5vw,2rem);font-weight:800;color:var(--on-surface);letter-spacing:-.03em;margin:0 0 .5rem}.learn-header p{color:var(--on-surface-variant);font-size:.9rem;font-weight:500;margin:0}.learn-quiz-card{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);border-radius:1rem;padding:1.5rem;color:var(--on-primary);box-shadow:0 12px 32px #2a7c1326;display:flex}.learn-quiz-card:before{content:"";position:absolute;right:-2rem;top:-2rem;width:8rem;height:8rem;background:#ffffff1a;border-radius:50%;filter:blur(20px);pointer-events:none}.learn-quiz-card:after{content:"";position:absolute;left:-3rem;bottom:-3rem;width:10rem;height:10rem;background:#a3f69c0d;border-radius:50%;filter:blur(32px);pointer-events:none}.learn-quiz-left{width:60%;padding-right:1rem;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.learn-quiz-left h3{font-family:var(--font-headline);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}.learn-quiz-left p{font-size:.75rem;line-height:1.5;opacity:.8;margin:0}.learn-quiz-badges{display:flex;flex-wrap:wrap;gap:.5rem}.learn-quiz-badge{padding:.2rem .6rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:9999px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-primary)}.learn-quiz-btn{align-self:flex-start;background:#fff;color:var(--primary);padding:.6rem 1.25rem;border-radius:9999px;font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.04em;border:none;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:opacity .15s,transform .1s}.learn-quiz-btn:hover{opacity:.92}.learn-quiz-btn:active{transform:scale(.95)}.learn-quiz-divider{width:1px;background:#ffffff1a;align-self:stretch;flex-shrink:0}.learn-quiz-right{flex:1;padding-left:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1}.learn-quiz-reward-label{font-size:.625rem;font-weight:700;letter-spacing:.15em;opacity:.7;text-transform:uppercase;margin-bottom:.25rem}.learn-quiz-points{font-family:var(--font-headline);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.learn-quiz-badge-icon{width:2.5rem;height:2.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.375rem}.learn-quiz-badge-icon .material-symbols-outlined{font-size:1.1rem}.learn-quiz-badge-name{font-size:.625rem;font-weight:700;letter-spacing:.04em;opacity:.9}.learn-filter-scroll-wrap{margin:0 -1.5rem;overflow:hidden}.learn-filter-scroll{display:flex;gap:.75rem;padding:.5rem 1.5rem;overflow-x:auto;scrollbar-width:none}.learn-filter-scroll::-webkit-scrollbar{display:none}.learn-filter-pill{flex-shrink:0;padding:.6rem 1.5rem;border-radius:9999px;border:none;font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;background:var(--surface-container);color:var(--on-surface-variant)}.learn-filter-pill:hover{background:var(--surface-container-high)}.learn-filter-pill.active{background:var(--primary-container);color:var(--on-primary-container)}.learn-video-list{display:flex;flex-direction:column;gap:2rem}.learn-video-card{cursor:pointer}.learn-video-thumb{position:relative;aspect-ratio:16 / 9;border-radius:1.5rem;overflow:hidden;margin-bottom:1rem;background:var(--surface-container-low);box-shadow:0 2px 12px #191c1b0f;transition:transform .3s}.learn-video-card:hover .learn-video-thumb{transform:scale(1.01)}.learn-video-thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);transition:filter .5s}.learn-video-card:hover .learn-video-thumb img{filter:grayscale(0%)}.learn-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;display:flex;align-items:center;justify-content:center;transition:background .2s}.learn-video-card:hover .learn-video-overlay{background:#0000001a}.learn-play-btn{width:4rem;height:4rem;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .2s}.learn-video-card:hover .learn-play-btn{transform:scale(1.1)}.learn-play-btn .material-symbols-outlined{font-size:2.25rem;margin-left:3px}.learn-video-duration{position:absolute;bottom:1rem;right:1rem;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.2rem .6rem;border-radius:.5rem;color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.05em}.learn-video-meta{display:flex;flex-direction:column;gap:.5rem}.learn-video-tags{display:flex;align-items:center;gap:.5rem}.learn-video-category{padding:.15rem .6rem;background:var(--secondary-container);color:var(--on-secondary-container);border-radius:.375rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.learn-video-source{display:flex;align-items:center;gap:.2rem;color:var(--error);font-size:.625rem;font-weight:600}.learn-video-source .material-symbols-outlined{font-size:.875rem}.learn-video-title{font-family:var(--font-headline);font-size:1.1rem;font-weight:700;color:var(--on-surface);line-height:1.4;margin:0;transition:color .15s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learn-video-card:hover .learn-video-title{color:var(--primary)}.learn-upcycle-featured{margin:0}.learn-upcycle-featured-card{position:relative;width:100%;aspect-ratio:16/10;border-radius:1.25rem;overflow:hidden;box-shadow:0 4px 20px #1b6b3a0d;border:1px solid rgba(191,201,189,.2);cursor:pointer}.learn-upcycle-featured-card:active{transform:scale(.98)}.learn-upcycle-featured-img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.learn-upcycle-featured-card:hover .learn-upcycle-featured-img{transform:scale(1.05)}.learn-upcycle-featured-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 55%,transparent 100%)}.learn-upcycle-featured-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;gap:.75rem}.learn-upcycle-badges-row{display:flex;align-items:center;gap:.75rem}.learn-upcycle-premium-badge{background:var(--tertiary);color:var(--on-tertiary);padding:.2rem .75rem;border-radius:9999px;font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.learn-upcycle-duration{display:flex;align-items:center;gap:.25rem;color:#fffc;font-family:var(--font-body);font-size:.78rem;font-weight:600}.learn-upcycle-duration .material-symbols-outlined{font-size:1rem!important}.learn-upcycle-featured-title{font-family:var(--font-headline);font-size:1.25rem;font-weight:700;color:#fff;line-height:1.3}.learn-upcycle-play-row{display:flex;align-items:center;gap:1rem}.learn-upcycle-play-btn{width:3rem;height:3rem;border-radius:50%;background:var(--primary-container);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s;flex-shrink:0}.learn-upcycle-featured-card:hover .learn-upcycle-play-btn{background:var(--primary)}.learn-upcycle-play-btn .material-symbols-outlined{font-size:1.5rem!important}.learn-upcycle-start-label{color:#fff;font-family:var(--font-body);font-weight:600;font-size:.9rem}.learn-upcycle-list-section{display:flex;flex-direction:column;gap:.75rem}.learn-upcycle-list-title{font-family:var(--font-headline);font-size:1rem;font-weight:700;color:var(--primary)}.learn-upcycle-list{display:flex;flex-direction:column;gap:1.25rem}.learn-upcycle-card{background:var(--surface-container-lowest);border-radius:1rem;padding:1rem;box-shadow:0 4px 20px #1b6b3a0d;border:1px solid rgba(191,201,189,.1);display:flex;flex-direction:column;gap:1rem}.learn-upcycle-card-top{display:flex;gap:1rem}.learn-upcycle-thumb{width:6rem;height:6rem;border-radius:.75rem;overflow:hidden;flex-shrink:0}.learn-upcycle-thumb-img{width:100%;height:100%;object-fit:cover}.learn-upcycle-card-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.4rem}.learn-upcycle-meta-row{display:flex;align-items:center;gap:.5rem}.learn-upcycle-diff{font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;border-radius:.375rem}.learn-upcycle-diff.easy{background:var(--secondary-container);color:var(--on-secondary-container)}.learn-upcycle-diff.hard{background:var(--error-container);color:var(--on-error-container)}.learn-upcycle-time{font-family:var(--font-body);font-size:.72rem;color:var(--on-surface-variant)}.learn-upcycle-card-title{font-family:var(--font-body);font-size:.9rem;font-weight:700;color:var(--on-surface);line-height:1.4}.learn-upcycle-card-actions{display:flex;gap:.75rem}.learn-upcycle-watch-btn{flex:1;background:var(--primary);color:#fff;border:none;border-radius:.75rem;padding:.6rem;font-family:var(--font-body);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:background .15s,transform .1s}.learn-upcycle-watch-btn:active{transform:scale(.97)}.learn-upcycle-watch-btn .material-symbols-outlined{font-size:1rem!important}.learn-upcycle-read-btn{flex:1;background:transparent;border:1.5px solid var(--primary);color:var(--primary);border-radius:.75rem;padding:.6rem;font-family:var(--font-body);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:background .15s,transform .1s}.learn-upcycle-read-btn:hover{background:#2a7c130d}.learn-upcycle-read-btn:active{transform:scale(.97)}.learn-upcycle-read-btn .material-symbols-outlined{font-size:1rem!important}.learn-upcycle-cat-tag{font-size:.65rem;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--primary-container);color:#fff}.learn-empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--on-surface-variant);text-align:center}.learn-empty-icon{font-size:3rem;opacity:.4}.learn-empty-state p{font-size:.95rem;margin:0}.quiz-root{min-height:100dvh;background:var(--surface);color:var(--on-surface);display:flex;flex-direction:column}.quiz-topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:4rem;background:#f8faf8cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(191,201,189,.15);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.quiz-topbar-brand{display:flex;align-items:center;gap:.4rem;font-family:var(--font-headline);font-size:1.2rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.quiz-topbar-brand .material-symbols-outlined{font-size:1.3rem}.quiz-close-btn{background:none;border:none;cursor:pointer;color:var(--on-surface-variant);display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:50%;transition:background .15s,color .15s}.quiz-close-btn:hover{background:var(--surface-container-high);color:var(--on-surface)}.quiz-close-btn .material-symbols-outlined{font-size:1.4rem}.quiz-main{flex:1;padding:5rem 1.5rem 9rem;max-width:42rem;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1.5rem}.quiz-progress-section{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.quiz-progress-header{display:flex;justify-content:space-between;align-items:flex-end}.quiz-progress-meta{display:flex;flex-direction:column;gap:.15rem}.quiz-progress-category{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant)}.quiz-progress-question{font-family:var(--font-headline);font-size:1.4rem;font-weight:700;color:var(--primary);margin:0}.quiz-progress-pct{font-size:.8rem;font-weight:700;color:var(--on-primary-container);background:#a1f4b640;padding:.25rem .75rem;border-radius:9999px}.quiz-progress-bar-track{height:.625rem;width:100%;background:#76c45740;border-radius:9999px;overflow:hidden}.quiz-progress-bar-fill{height:100%;background:var(--secondary);border-radius:9999px;box-shadow:0 0 10px #1b6d244d;transition:width .4s ease}.quiz-question-card{background:var(--surface-container-lowest);border-radius:1.25rem;padding:2rem;box-shadow:0 8px 24px #1869380d;border:1px solid rgba(191,201,189,.12);display:flex;flex-direction:column;gap:1.25rem}.quiz-question-img{width:100%;aspect-ratio:16 / 9;border-radius:.75rem;overflow:hidden;background:var(--surface-container-low)}.quiz-question-img img{width:100%;height:100%;object-fit:cover}.quiz-question-text{font-family:var(--font-headline);font-size:clamp(1rem,3vw,1.2rem);font-weight:700;color:var(--on-surface);line-height:1.5;margin:0}.quiz-options{display:flex;flex-direction:column;gap:.75rem}.quiz-option{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border-radius:1rem;border:1.5px solid rgba(191,201,189,.25);background:var(--surface-container-lowest);cursor:pointer;text-align:left;transition:border-color .15s,background .15s,transform .1s;width:100%}.quiz-option:hover:not(:disabled){border-color:#2a7c1359;background:var(--surface-container-low)}.quiz-option:active:not(:disabled){transform:scale(.99)}.quiz-option-letter{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:50%;background:var(--surface-container-low);display:flex;align-items:center;justify-content:center;font-family:var(--font-headline);font-weight:700;font-size:1rem;color:var(--primary);transition:background .15s,color .15s}.quiz-option-text{font-size:.9rem;font-weight:500;color:var(--on-surface);flex:1;line-height:1.4}.quiz-option-check{font-size:1.3rem!important;flex-shrink:0;opacity:0;transition:opacity .15s}.quiz-option.selected{background:var(--primary-container);border-color:var(--primary);border-width:2px}.quiz-option.selected .quiz-option-letter{background:var(--primary);color:var(--on-primary)}.quiz-option.selected .quiz-option-text{color:var(--on-primary-container);font-weight:600}.quiz-option.selected .quiz-option-check{opacity:1;color:var(--primary)}.quiz-option.correct{background:#76c45740;border-color:var(--secondary);border-width:2px;opacity:.85}.quiz-option.correct .quiz-option-letter{background:var(--secondary);color:#fff}.quiz-option.wrong{background:#ba1a1a12;border-color:var(--error);border-width:2px;opacity:.85}.quiz-option.wrong .quiz-option-letter{background:var(--error);color:#fff}.quiz-option:disabled{cursor:default}.quiz-action-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(191,201,189,.15);padding:1rem 1.5rem 2rem}.quiz-action-inner{max-width:42rem;margin:0 auto;display:flex;gap:.75rem}.quiz-skip-btn{flex:1;padding:1rem;border-radius:9999px;border:1.5px solid var(--outline);background:transparent;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--on-surface);cursor:pointer;transition:background .15s}.quiz-skip-btn:hover{background:var(--surface-container-low)}.quiz-continue-btn{flex:2;padding:1rem;border-radius:9999px;border:none;background:var(--primary);color:var(--on-primary);font-family:var(--font-body);font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px #003d1e;transition:box-shadow .1s,transform .1s}.quiz-continue-btn:active{box-shadow:none;transform:translateY(4px)}.quiz-continue-btn:disabled{background:var(--surface-container-high);color:var(--on-surface-variant);box-shadow:none;cursor:not-allowed}.quiz-continue-btn .material-symbols-outlined{font-size:1.1rem}.result-root{min-height:100dvh;background:var(--surface);color:var(--on-surface);overflow-x:hidden;padding-bottom:8rem}.result-main{padding:6rem 1.5rem 2rem;max-width:42rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.result-header{text-align:center}.result-header h1{font-family:var(--font-headline);font-size:clamp(2rem,6vw,2.75rem);font-weight:800;color:var(--primary);letter-spacing:-.03em;margin:0 0 .4rem}.result-header p{color:var(--on-surface-variant);font-size:.95rem;font-weight:500;margin:0}.result-bento{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 400px){.result-bento{grid-template-columns:1fr}}.result-score-card{background:var(--surface-container-lowest);border-radius:1.25rem;padding:2rem 1.5rem;box-shadow:0 8px 24px #1869380f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative;overflow:hidden}.result-score-card:before{content:"";position:absolute;top:-2rem;right:-2rem;width:6rem;height:6rem;background:#a1f4b633;border-radius:50%;filter:blur(20px)}.result-donut-wrap{position:relative;width:9rem;height:9rem}.result-donut-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.result-donut-bg{color:#76c45740}.result-donut-fill{color:var(--secondary);transition:stroke-dashoffset .6s ease}.result-donut-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-donut-score{font-family:var(--font-headline);font-size:2rem;font-weight:900;color:var(--primary);line-height:1}.result-donut-sub{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--on-surface-variant);margin-top:.25rem}.result-accuracy-badge{display:flex;align-items:center;gap:.35rem;background:var(--secondary-container);color:var(--on-secondary-container);padding:.4rem 1rem;border-radius:9999px;font-size:.8rem;font-weight:700}.result-accuracy-badge .material-symbols-outlined{font-size:.9rem}.result-points-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);border-radius:1.25rem;padding:1.75rem 1.5rem;box-shadow:0 8px 24px #2a7c1326;color:var(--on-primary);display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.result-points-icon{font-size:2.5rem!important;margin-bottom:.5rem}.result-points-card h3{font-family:var(--font-headline);font-size:1.2rem;font-weight:700;margin:0 0 .4rem}.result-points-card p{font-size:.78rem;line-height:1.5;opacity:.85;margin:0}.result-points-earned{font-family:var(--font-headline);font-size:2.25rem;font-weight:900;line-height:1}.result-points-label{font-size:.8rem;font-weight:500;opacity:.85}.result-stats-card{width:100%;background:var(--surface-container-low);border-radius:1.25rem;padding:1.25rem}.result-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.result-stat-cell{background:var(--surface-container-lowest);border-radius:.875rem;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.result-stat-cell .material-symbols-outlined{font-size:1.35rem}.result-stat-cell .stat-correct{color:var(--secondary)}.result-stat-cell .stat-incorrect{color:var(--error)}.result-stat-cell .stat-time{color:var(--tertiary)}.result-stat-num{font-family:var(--font-headline);font-size:1.2rem;font-weight:700;color:var(--on-surface);line-height:1}.result-stat-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant)}.result-actions{width:100%;display:flex;flex-direction:column;gap:.75rem}.result-primary-btn{width:100%;padding:1.1rem;border-radius:9999px;border:none;background:var(--primary);color:var(--on-primary);font-family:var(--font-body);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;box-shadow:0 6px 18px #2a7c1326;transition:transform .1s}.result-primary-btn:active{transform:scale(.98)}.result-secondary-btn{width:100%;padding:1.1rem;border-radius:9999px;border:none;background:var(--primary-container);color:var(--on-primary-container);font-family:var(--font-body);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;transition:opacity .15s}.result-secondary-btn:hover{opacity:.85}.result-quote{text-align:center;max-width:24rem}.result-quote p{font-style:italic;font-size:.85rem;color:var(--on-surface-variant);opacity:.75;line-height:1.6;margin:0 0 .4rem}.result-quote cite{font-size:.65rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.12em;font-style:normal}.badge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#191c1b99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.badge-card{position:relative;width:100%;max-width:26rem;background:var(--surface-container-lowest);border-radius:1.5rem;box-shadow:0 24px 64px #0003;overflow:hidden;text-align:center;padding:2.5rem 2rem;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.badge-card-top-deco{position:absolute;top:0;left:0;width:100%;height:5rem;background:#2a7c130d;clip-path:polygon(0 0,100% 0,100% 70%,0% 100%);pointer-events:none}.badge-card-bottom-bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary))}.badge-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--on-surface-variant);opacity:.5;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .15s,background .15s}.badge-close-btn:hover{opacity:1;background:var(--surface-container-high)}.badge-close-btn .material-symbols-outlined{font-size:1.25rem}.badge-unlocked-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--primary);margin-bottom:1.5rem;display:block}.badge-icon-wrap{position:relative;width:9rem;height:9rem;margin:0 auto 1.75rem}.badge-icon-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:#a1f4b666;border-radius:50%;transform:scale(1.25);filter:blur(18px);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.badge-icon-dashed{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed rgba(42,124,19,.2);border-radius:50%;transform:scale(1.1)}.badge-icon-circle{position:relative;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);padding:3px;box-shadow:0 0 40px #a1f4b659}.badge-icon-inner{width:100%;height:100%;border-radius:50%;background:var(--surface-container-lowest);border:3px solid rgba(42,124,19,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.badge-star-icon{font-size:3.5rem!important;color:var(--primary)}.badge-sparkle{position:absolute;top:.6rem;font-size:1.4rem!important;color:var(--secondary);opacity:.4}.badge-eco-bolt{position:absolute;bottom:.6rem;display:flex;gap:.1rem}.badge-eco-bolt .material-symbols-outlined{font-size:1.1rem;color:var(--primary)}.badge-earned-title{font-family:var(--font-headline);font-size:1.6rem;font-weight:800;color:var(--on-surface);line-height:1.2;margin:0 0 .4rem}.badge-name{font-family:var(--font-headline);font-size:1.15rem;font-weight:700;color:var(--primary);letter-spacing:-.01em;margin:0 0 1rem}.badge-desc{font-size:.875rem;color:var(--on-surface-variant);line-height:1.6;margin:0 0 2rem;max-width:22rem;margin-left:auto;margin-right:auto}.badge-desc strong{color:var(--secondary);font-weight:700}.badge-actions{display:flex;flex-direction:column;gap:.6rem;width:100%}.badge-continue-btn{width:100%;padding:1rem;border-radius:9999px;border:none;background:var(--primary);color:var(--on-primary);font-family:var(--font-body);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;box-shadow:0 4px #003d1e;transition:box-shadow .1s,transform .1s}.badge-continue-btn:active{box-shadow:none;transform:translateY(4px)}.badge-share-btn{width:100%;padding:.75rem;border-radius:9999px;border:none;background:#a1f4b640;color:var(--primary);font-family:var(--font-body);font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background .15s}.badge-share-btn:hover{background:#a1f4b666}.quiz-select-header{padding:1.5rem 1rem 1rem;text-align:center}.quiz-select-title{font-family:var(--font-headline);font-size:1.6rem;font-weight:800;color:var(--on-surface);margin:0 0 .25rem}.quiz-select-sub{color:var(--on-surface-variant);font-size:.875rem;margin:0}.quiz-select-grid{display:flex;flex-direction:column;gap:.875rem;padding:0 1rem 2rem}.quiz-select-card{display:flex;align-items:center;gap:1rem;background:var(--surface-container-low);border:1.5px solid transparent;border-radius:1rem;padding:1rem 1.25rem;cursor:pointer;text-align:left;transition:border-color .18s,box-shadow .18s}.quiz-select-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #2a7c131a}.quiz-select-icon-wrap{width:3.5rem;height:3.5rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-select-info{flex:1;min-width:0}.quiz-select-name{font-family:var(--font-headline);font-weight:700;font-size:1rem;color:var(--on-surface);margin:0 0 2px}.quiz-select-meta{font-size:.78rem;color:var(--on-surface-variant);margin:0 0 4px}.quiz-select-done{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;color:var(--secondary);font-weight:600}.quiz-select-arrow{color:var(--on-surface-variant);font-size:1.25rem;flex-shrink:0}.quiz-explanation{margin:0 1rem 1rem;padding:.875rem 1rem;border-radius:.75rem;display:flex;align-items:flex-start;gap:.625rem;font-size:.875rem;line-height:1.5}.quiz-explanation.correct{background:var(--secondary-container);color:var(--on-surface)}.quiz-explanation.wrong{background:#fde8ea;color:var(--on-surface)}.quiz-explanation .material-symbols-outlined{font-size:1.25rem;flex-shrink:0;margin-top:1px}.quiz-explanation.correct .material-symbols-outlined{color:var(--secondary)}.quiz-explanation.wrong .material-symbols-outlined{color:var(--error)}.quiz-explanation p{margin:0}.quiz-question-text{font-size:1.05rem;line-height:1.55;font-weight:600;color:var(--on-surface);padding:1.25rem 1.25rem .75rem;margin:0}.result-badge-banner{display:flex;align-items:center;gap:.875rem;background:#d9f7e5;border:1.5px solid #2b8a4f;border-radius:1rem;padding:1rem 1.25rem;margin:0 1rem 1.25rem}.result-badge-title{font-size:.9rem;font-weight:600;color:#1e1e1e;margin:0 0 2px}.result-badge-sub{font-size:.78rem;color:#2b5e38;margin:0}.scan-result-root{min-height:100dvh;background:var(--surface);color:var(--on-surface);overflow-x:hidden;width:100%}.scan-result-main{max-width:520px;margin:0 auto;padding:5.5rem 1.5rem 10rem;display:flex;flex-direction:column;gap:2rem;position:relative}.scanning-glow{position:relative;overflow:hidden}.scanning-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(27,107,58,.12) 0%,transparent 68%);animation:scan-glow-pulse 4s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes scan-glow-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.scan-image-wrap{position:relative;z-index:1;width:100%;aspect-ratio:1 / 1}.scan-image-placeholder{width:100%;aspect-ratio:1 / 1;border-radius:1.5rem;background:var(--surface-container-low);border:1px solid rgba(191,201,189,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 1px 4px #191c1b0f}.scan-placeholder-icon{font-size:5rem;color:var(--primary-container)}.scan-placeholder-label{font-family:var(--font-body);font-size:.8rem;color:var(--on-surface-variant);font-weight:600}.scan-confidence-badge{position:absolute;bottom:1rem;right:1rem;background:#f8faf8d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:.75rem;padding:.75rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 16px #191c1b14;border:1px solid rgba(191,201,189,.15)}.scan-confidence-ring{position:relative;width:48px;height:48px;flex-shrink:0}.scan-ring-svg{width:100%;height:100%}.scan-ring-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-headline);font-size:.6rem;font-weight:700;color:var(--primary)}.scan-conf-label{font-family:var(--font-body);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant)}.scan-conf-level{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--primary)}.scan-identity{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:1}.scan-identity-icon-wrap{width:4rem;height:4rem;border-radius:50%;background:var(--primary-container);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.scan-identity-icon{font-size:2.25rem;color:var(--on-primary-container)}.scan-identity-title{font-family:var(--font-headline);font-size:2.25rem;font-weight:800;color:var(--on-surface);letter-spacing:-.02em;line-height:1.1}.scan-identity-material{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--on-surface-variant)}.scan-switch-btn{display:flex;align-items:center;gap:.25rem;color:var(--primary);background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:600;padding:.25rem 0;margin-top:.25rem;transition:opacity .15s}.scan-switch-btn:hover{opacity:.75;text-decoration:underline}.scan-switch-btn .material-symbols-outlined{font-size:1.1rem}.scan-disposal-card{background:var(--surface-container-low);border-radius:1.25rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 1px 4px #191c1b0a;position:relative;z-index:1}.scan-disposal-header{display:flex;align-items:center;gap:.75rem}.scan-disposal-icon-wrap{padding:.5rem;background:var(--secondary-container);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--on-secondary-container)}.scan-disposal-title{font-family:var(--font-headline);font-size:1.1rem;font-weight:700;color:var(--on-surface)}.scan-disposal-steps{display:flex;flex-direction:column;gap:1rem}.scan-step{display:flex;gap:1rem;align-items:flex-start}.scan-step-num{width:2rem;height:2rem;border-radius:50%;background:var(--surface-container);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--primary);flex-shrink:0}.scan-step-text{font-family:var(--font-body);font-size:.9rem;color:var(--on-surface-variant);line-height:1.55;padding-top:.2rem}.scan-step-text strong{color:var(--on-surface)}.scan-impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:relative;z-index:1}.scan-impact-card{background:var(--surface-container-lowest);border:1px solid rgba(191,201,189,.15);border-radius:1.25rem;padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem}.scan-impact-num{font-family:var(--font-headline);font-size:1.75rem;font-weight:800;line-height:1.1}.scan-impact-num.primary{color:var(--primary)}.scan-impact-num.secondary{color:var(--secondary)}.scan-impact-label{font-family:var(--font-body);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant)}.scan-result-footer{position:fixed;bottom:0;left:0;width:100%;z-index:100;background:#f8faf8bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:1rem 1.5rem 2rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 -8px 24px #191c1b0a}.scan-confirm-btn{width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);color:#fff;border:none;border-radius:.75rem;padding:1rem 1.5rem;font-family:var(--font-headline);font-size:1.05rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .15s,opacity .15s}.scan-confirm-btn:active{transform:scale(.97);opacity:.9}.scan-edit-btn{width:100%;background:var(--surface-container);color:var(--on-surface);border:none;border-radius:.75rem;padding:1rem 1.5rem;font-family:var(--font-headline);font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}.scan-edit-btn:hover{background:var(--surface-container-high)}.scan-edit-btn:active{transform:scale(.97)}@media (max-width: 480px){.scan-result-main{padding:5rem 1rem 10rem}.scan-identity-title{font-size:1.9rem}}.scan-disposal-tip-banner{display:flex;align-items:flex-start;gap:.625rem;background:var(--secondary-container);border-radius:.75rem;padding:.875rem 1rem;margin-bottom:1rem}.scan-tip-icon{font-size:1.25rem;color:var(--secondary);flex-shrink:0;margin-top:1px}.scan-disposal-tip-text{font-size:.875rem;line-height:1.5;color:var(--on-surface);margin:0}.wh-root{min-height:100dvh;background:var(--surface);color:var(--on-surface);overflow-x:hidden;width:100%}.wh-main{max-width:640px;margin:0 auto;padding:2rem 1.5rem 8rem;display:flex;flex-direction:column;gap:1.5rem}.wh-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.wh-back-btn{background:var(--surface-container-low);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--on-surface);flex-shrink:0;transition:background .15s,transform .15s;align-self:flex-start;margin-top:.25rem}.wh-back-btn:hover{background:var(--surface-container)}.wh-back-btn:active{transform:scale(.93)}.wh-eyebrow{display:block;font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:.15rem}.wh-title{font-family:var(--font-headline);font-size:2.25rem;font-weight:800;color:var(--on-surface);letter-spacing:-.02em;line-height:1.1}.wh-filter-btn{display:flex;align-items:center;gap:.4rem;background:var(--surface-container-low);border:none;border-radius:.5rem;padding:.5rem .85rem;font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);cursor:pointer;flex-shrink:0;align-self:flex-start;margin-top:.25rem;transition:background .15s}.wh-filter-btn:hover{background:var(--surface-container)}.wh-filter-btn .material-symbols-outlined{font-size:1.1rem}.wh-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.wh-summary-card{background:var(--surface-container-lowest);border:1px solid rgba(191,201,189,.1);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;box-shadow:0 1px 4px #191c1b0a}.wh-summary-num{font-family:var(--font-headline);font-size:1.4rem;font-weight:800;color:var(--primary)}.wh-summary-label{font-family:var(--font-body);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant)}.wh-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.wh-chips::-webkit-scrollbar{display:none}.wh-chip{background:var(--surface-container-low);color:var(--on-surface-variant);border:none;border-radius:.5rem;padding:.55rem 1.1rem;font-family:var(--font-body);font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.wh-chip:hover{background:var(--surface-container)}.wh-chip.active{background:var(--primary-container);color:var(--on-primary-container)}.wh-list{display:flex;flex-direction:column;gap:.875rem}.wh-card{background:var(--surface-container-lowest);border-radius:1rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #191c1b0a;transition:transform .2s}.wh-card:hover{transform:scale(1.01)}.wh-card-left{display:flex;align-items:center;gap:1rem}.wh-card-icon{width:3.25rem;height:3.25rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wh-card-icon .material-symbols-outlined{font-size:1.5rem}.wh-card-name{font-family:var(--font-body);font-size:.95rem;font-weight:700;color:var(--on-surface);margin-bottom:.2rem}.wh-card-date{font-family:var(--font-body);font-size:.8rem;color:var(--on-surface-variant);display:flex;align-items:center;gap:.3rem}.wh-date-icon{font-size:.9rem!important}.wh-card-desc{font-family:var(--font-body);font-size:.78rem;color:var(--on-surface-variant);margin-top:.15rem;opacity:.8;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-card-right{text-align:right}.wh-card-weight{font-family:var(--font-headline);font-size:1.1rem;font-weight:800;color:var(--primary);margin-bottom:.35rem}.wh-card-badges{display:flex;align-items:center;justify-content:flex-end;gap:.4rem}.wh-pts-badge{background:var(--primary-fixed);color:var(--on-primary-fixed-variant);font-family:var(--font-body);font-size:.6rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;border-radius:.25rem}.wh-co2-badge{font-family:var(--font-body);font-size:.72rem;color:var(--on-surface-variant);font-weight:500}.wh-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--on-surface-variant);font-family:var(--font-body);font-size:.9rem}.wh-empty-icon{font-size:3rem;color:var(--outline)}.wh-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.wh-dialog{background:var(--surface);border-radius:16px;width:100%;max-width:420px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000040}.wh-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--surface-variant)}.wh-dialog-header h3{margin:0;font-family:var(--font-headline);font-size:1.1rem;color:var(--on-surface)}.wh-dialog-close{background:none;border:none;cursor:pointer;color:var(--on-surface-variant);padding:.25rem;border-radius:50%}.wh-dialog-close:hover{background:var(--surface-variant)}.wh-dialog-body{padding:1rem 1.25rem}.wh-dialog-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid var(--surface-variant)}.wh-dialog-row:last-child{border-bottom:none}.wh-dialog-label{font-size:.8rem;color:var(--on-surface-variant);flex-shrink:0;margin-right:1rem}.wh-dialog-value{font-size:.85rem;font-weight:600;color:var(--on-surface);text-align:right;word-break:break-word}.wh-dialog-pts{color:var(--primary)}.wh-dialog-ai{margin-top:.75rem;padding:.75rem;background:var(--primary-container);border-radius:12px}.wh-dialog-ai-title{display:flex;align-items:center;gap:.35rem;margin:0 0 .5rem;font-weight:700;font-size:.85rem;color:var(--on-primary-container)}.wh-dialog-raw{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.wh-dialog-pre{background:var(--surface);padding:.5rem;border-radius:8px;font-size:.72rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0;color:var(--on-surface)}@media (max-width: 480px){.wh-main{padding:4.5rem 1rem 8rem}.wh-title{font-size:1.9rem}}.lb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:lb-fade .16s ease-out}.lb-panel{width:100%;max-width:480px;background:var(--surface, #fff);color:var(--on-surface, #1c1b1f);border-top-left-radius:24px;border-top-right-radius:24px;padding:1.25rem 1.25rem 1.75rem;max-height:85vh;overflow-y:auto;box-shadow:0 -8px 24px #0000002e;animation:lb-slide .22s ease-out}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}@keyframes lb-slide{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.lb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.lb-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;margin:0;color:var(--on-surface)}.lb-title .material-symbols-outlined{color:var(--primary);font-variation-settings:"FILL" 1}.lb-sub{margin:.25rem 0 0;font-size:.8rem;color:var(--outline)}.lb-close{background:var(--surface-variant, #f1ece6);border:none;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:var(--on-surface-variant)}.lb-close:hover{background:var(--outline-variant)}.lb-state{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 0;color:var(--outline);font-size:.9rem}.lb-state.error{color:var(--error, #b3261e)}.lb-spin{animation:lb-spin 1s linear infinite}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem}.lb-row{display:grid;grid-template-columns:36px 40px 1fr auto;align-items:center;gap:.75rem;padding:.65rem .75rem;background:var(--surface-container, #f7f2ec);border-radius:12px;border:1px solid transparent;transition:border-color .12s ease,background .12s ease}.lb-row.me{background:var(--primary-container, #f0e4d6);border-color:var(--primary, #5a8d3a)}.lb-rank{text-align:center;font-weight:700;color:var(--on-surface);min-width:36px}.lb-medal{font-size:1.4rem;line-height:1}.lb-rank-num{font-size:.95rem;color:var(--outline)}.lb-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--surface-variant)}.lb-user{display:flex;flex-direction:column;gap:.15rem;min-width:0}.lb-name{font-weight:600;font-size:.95rem;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-you{color:var(--primary);font-weight:500}.lb-completed-badge{font-size:.7rem;background:var(--tertiary-fixed, #d7e8c2);color:var(--on-tertiary-fixed-variant, #2c4a16);padding:.1rem .4rem;border-radius:999px;align-self:flex-start}.lb-points{font-weight:700;color:var(--primary, #5a8d3a);font-size:1rem}.lb-points small{font-size:.7rem;color:var(--outline);margin-left:.15rem}.lb-me-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:var(--primary-container, #f0e4d6);border-radius:14px;border:1px solid var(--primary);margin-top:.5rem}.lb-me-label{font-size:.8rem;color:var(--outline)}.lb-me-rank{font-size:1.1rem;font-weight:700;color:var(--primary)}.lb-me-points{font-weight:600;color:var(--on-surface)}.lb-footer{margin:.75rem 0 0;text-align:center;font-size:.8rem;color:var(--outline)}@media (min-width: 600px){.lb-panel{border-radius:24px;margin:4vh auto;max-height:80vh}.lb-overlay{align-items:center}}.cd-root{background:var(--background);min-height:100vh;padding-bottom:96px;color:var(--on-surface)}.cd-main{max-width:720px;margin:0 auto;padding:1rem 1rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.cd-back{background:var(--surface-variant);color:var(--on-surface-variant);border:none;border-radius:999px;padding:.45rem .9rem;font-size:.85rem;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;align-self:flex-start}.cd-back .material-symbols-outlined{font-size:1.05rem}.cd-state{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1rem;color:var(--outline)}.cd-state.error{color:var(--error, #b3261e)}.cd-spin{animation:cd-spin 1s linear infinite}@keyframes cd-spin{to{transform:rotate(360deg)}}.cd-toast{position:sticky;top:64px;z-index:5;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;font-weight:500}.cd-toast.success{background:var(--tertiary-fixed, #d7e8c2);color:var(--on-tertiary-fixed-variant, #2c4a16)}.cd-hero{position:relative;background:linear-gradient(135deg,var(--primary-container) 0%,var(--secondary-container) 100%);border-radius:22px;padding:1.5rem;overflow:hidden;box-shadow:0 4px 18px #00000014}.cd-hero-bg{position:absolute;inset:-40% -20% auto auto;width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 60%);pointer-events:none}.cd-eyebrow{display:inline-block;background:var(--surface);color:var(--primary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;border-radius:999px;margin-bottom:.5rem}.cd-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--on-primary-container);line-height:1.2}.cd-desc{margin:.4rem 0 1rem;color:var(--on-primary-container);opacity:.85;font-size:.9rem}.cd-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.cd-meta-pill{display:inline-flex;align-items:center;gap:.3rem;background:#ffffffb3;color:var(--on-surface);padding:.3rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600}.cd-meta-pill .material-symbols-outlined{font-size:.95rem}.cd-meta-pill.primary{background:var(--primary);color:var(--on-primary)}.cd-progress{display:flex;flex-direction:column;gap:.4rem}.cd-progress-bar{height:8px;background:#ffffff80;border-radius:999px;overflow:hidden}.cd-progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .24s ease}.cd-progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--on-primary-container)}.cd-progress-meta strong{font-weight:700}.cd-complete-tag{display:inline-flex;align-items:center;gap:.25rem;background:var(--primary);color:var(--on-primary);padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.cd-complete-tag .material-symbols-outlined{font-size:.95rem}.cd-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;margin:0 0 .75rem;color:var(--on-surface)}.cd-section-title .material-symbols-outlined{color:var(--primary);font-variation-settings:"FILL" 1}.cd-today-card{background:var(--surface-container);border-radius:18px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--outline-variant)}.cd-task-desc{font-size:1.05rem;margin:0;font-weight:500;line-height:1.45}.cd-timer{display:inline-flex;align-items:center;gap:.4rem;background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant);padding:.4rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;align-self:flex-start}.cd-timer .material-symbols-outlined{font-size:1rem}.cd-hint{font-size:.78rem;color:var(--outline);margin:0}.cd-join-prompt{background:var(--surface-container);border:1px dashed var(--outline-variant);border-radius:16px;padding:1.25rem;text-align:center;color:var(--on-surface-variant)}.cd-join-prompt p{margin:0 0 .75rem}.cd-submitted-today{display:flex;align-items:center;gap:.75rem;background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant);padding:.85rem 1rem;border-radius:14px}.cd-submitted-today .material-symbols-outlined{font-size:1.7rem;font-variation-settings:"FILL" 1}.cd-submitted-today strong{display:block}.cd-submitted-today p{margin:.15rem 0 0;font-size:.85rem;opacity:.85}.cd-locked,.cd-expired{display:flex;align-items:center;gap:.5rem;background:var(--surface-variant);color:var(--on-surface-variant);padding:.7rem 1rem;border-radius:12px;font-size:.9rem}.cd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:12px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.cd-btn.big{padding:.85rem 1.25rem;font-size:.95rem}.cd-btn.primary{background:var(--primary);color:var(--on-primary);box-shadow:0 2px 8px #00000014}.cd-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.cd-btn.ghost{background:var(--surface-variant);color:var(--on-surface-variant)}.cd-btn:disabled{opacity:.6;cursor:not-allowed}.cd-leaderboard-cta{display:flex;justify-content:center}.cd-day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.6rem}.cd-day-tile{background:var(--surface-container);border-radius:12px;padding:.6rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;border:1px solid var(--outline-variant);position:relative;transition:border-color .12s ease,background .12s ease}.cd-day-tile.submitted{background:var(--tertiary-fixed);border-color:var(--primary)}.cd-day-tile.locked{opacity:.75}.cd-day-tile.today{outline:2px solid var(--primary);outline-offset:-1px}.cd-day-num{font-size:.75rem;font-weight:600;color:var(--on-surface-variant)}.cd-day-tile.submitted .cd-day-num{color:var(--on-tertiary-fixed-variant)}.cd-day-status-icon .material-symbols-outlined{font-size:1.4rem;color:var(--on-surface-variant)}.cd-day-tile.submitted .cd-day-status-icon .material-symbols-outlined{color:var(--primary);font-variation-settings:"FILL" 1}.cd-day-meta{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.7rem;color:var(--on-tertiary-fixed-variant);font-weight:600}.cd-day-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid var(--outline-variant);background:var(--surface-variant)}.cd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:1100;animation:cd-fade .16s ease-out}.cd-modal{width:100%;max-width:480px;background:var(--surface);color:var(--on-surface);border-top-left-radius:24px;border-top-right-radius:24px;padding:1.25rem 1.25rem 1.5rem;max-height:92vh;overflow-y:auto;box-shadow:0 -8px 24px #0003;animation:cd-slide .22s ease-out}@keyframes cd-fade{0%{opacity:0}to{opacity:1}}@keyframes cd-slide{0%{transform:translateY(24px)}to{transform:translateY(0)}}.cd-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.cd-modal-header h3{margin:0;font-size:1.15rem}.cd-close{background:var(--surface-variant);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;color:var(--on-surface-variant);display:grid;place-items:center}.cd-modal-task{background:var(--surface-container);border-radius:12px;padding:.85rem 1rem;margin:0 0 1rem;font-size:.95rem;color:var(--on-surface)}.cd-dropzone{border:2px dashed var(--outline-variant);border-radius:14px;padding:1.5rem 1rem;text-align:center;cursor:pointer;color:var(--outline);transition:border-color .12s ease,background .12s ease;display:flex;flex-direction:column;align-items:center;gap:.4rem;background:var(--surface-container-low, var(--surface))}.cd-dropzone:hover{border-color:var(--primary);background:var(--surface-container)}.cd-dropzone .material-symbols-outlined{font-size:2rem;color:var(--primary)}.cd-dropzone.has-image{padding:0;border-style:solid;border-color:var(--primary)}.cd-dropzone-preview{width:100%;max-height:280px;object-fit:cover;border-radius:12px;display:block}.cd-dropzone p{margin:0;font-size:.95rem;color:var(--on-surface)}.cd-dropzone small{font-size:.75rem}.cd-remarks-label{display:block;margin:1rem 0 .5rem;font-size:.85rem;color:var(--on-surface-variant)}.cd-remarks{width:100%;border:1px solid var(--outline-variant);border-radius:10px;padding:.65rem .8rem;font:inherit;resize:vertical;background:var(--surface);color:var(--on-surface)}.cd-error{margin-top:.75rem;background:#b3261e1a;color:var(--error, #b3261e);padding:.6rem .85rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.cd-modal-actions{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.cd-modal-actions .cd-btn{min-width:100px}@media (min-width: 600px){.cd-modal{border-radius:24px;margin:4vh auto;max-height:85vh}.cd-modal-overlay{align-items:center}}.ed-root{min-height:100dvh;background:var(--surface);color:var(--on-surface);overflow-x:hidden;width:100%}.ed-main{max-width:1024px;margin:0 auto;padding:4rem 0 8rem;display:flex;flex-direction:column;gap:1.5rem}.ed-hero{position:relative;width:100%;aspect-ratio:16/9;max-height:400px;overflow:hidden;border-radius:0 0 1.5rem 1.5rem}@media (min-width: 640px){.ed-hero{border-radius:1.5rem;margin:0 1.5rem;width:calc(100% - 3rem)}}.ed-hero-img{width:100%;height:100%;object-fit:cover;display:block}.ed-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.25) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem}.ed-hero-tags{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.ed-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:9999px;font-family:var(--font-body);font-size:.7rem;font-weight:700}.ed-tag.category{background:var(--secondary-container);color:var(--on-secondary-container)}.ed-tag.date{background:#ffffff2e;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ed-tag.date .material-symbols-outlined{font-size:.85rem!important}.ed-hero-title{font-family:var(--font-headline);font-size:clamp(1.4rem,4vw,2.5rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.3);max-width:600px}.ed-back-btn{position:absolute;top:1rem;left:1rem;width:2.5rem;height:2.5rem;border-radius:50%;background:#ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .15s;z-index:2}.ed-back-btn:hover{background:#ffffff4d}.ed-back-btn:active{transform:scale(.93)}.ed-body-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;padding:0 1.5rem}@media (min-width: 768px){.ed-body-grid{grid-template-columns:7fr 5fr;align-items:start}}.ed-card{background:var(--surface-container-lowest);border-radius:1.5rem;padding:1.5rem;box-shadow:0 4px 20px #1b6b3a0d;border:1px solid rgba(191,201,189,.25);display:flex;flex-direction:column;gap:1rem}.ed-left,.ed-right{display:flex;flex-direction:column;gap:1.25rem}@media (min-width: 768px){.ed-right{position:sticky;top:5rem}}.ed-card-title{font-family:var(--font-headline);font-size:1.1rem;font-weight:700;color:var(--on-surface)}.ed-body-text{font-family:var(--font-body);font-size:.9rem;color:var(--on-surface-variant);line-height:1.65}.ed-organizer{flex-direction:row;align-items:center;gap:1rem}.ed-org-avatar{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ed-org-icon{font-size:1.75rem!important;color:var(--primary)}.ed-org-info{flex:1}.ed-org-name{font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--on-surface);display:flex;align-items:center;gap:.3rem;margin-bottom:.15rem}.ed-verified{font-size:1rem!important;color:var(--primary)}.ed-org-type{font-family:var(--font-body);font-size:.82rem;color:var(--on-surface-variant)}.ed-follow-btn{background:transparent;border:1.5px solid var(--outline);color:var(--on-surface);border-radius:9999px;padding:.45rem 1.25rem;font-family:var(--font-body);font-size:.82rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s}.ed-follow-btn:hover{background:var(--surface-container-low);border-color:var(--primary)}.ed-attendees-header{display:flex;align-items:center;justify-content:space-between}.ed-attendees-count{font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--primary)}.ed-avatar-row{display:flex}.ed-avatar{width:3rem;height:3rem;border-radius:50%;border:3px solid var(--surface-container-lowest);object-fit:cover;margin-left:-.75rem;flex-shrink:0}.ed-avatar:first-child{margin-left:0}.ed-avatar-more{background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--on-surface-variant)}.ed-info-card{gap:.75rem}.ed-info-row{display:flex;align-items:center;gap:.75rem}.ed-info-icon-wrap{width:2.5rem;height:2.5rem;border-radius:50%;background:#2a7c1314;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.ed-info-icon-wrap .material-symbols-outlined{font-size:1.25rem!important}.ed-info-label{font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--on-surface);line-height:1}.ed-info-detail{padding-left:3.25rem;display:flex;flex-direction:column;gap:.2rem}.ed-info-detail p{font-family:var(--font-body);font-size:.88rem;color:var(--on-surface-variant)}.ed-info-distance{display:flex!important;align-items:center;gap:.3rem;color:var(--primary)!important;font-weight:600!important}.ed-info-distance .material-symbols-outlined{font-size:.95rem!important}.ed-info-divider{height:1px;background:#bfc9bd4d;margin:.25rem 0}.ed-reward-card{border-radius:1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--primary-container) 0%,var(--secondary-container) 100%);position:relative;overflow:hidden;box-shadow:0 4px 16px #1b6b3a26}.ed-reward-blob{position:absolute;right:-2rem;top:-2rem;width:7rem;height:7rem;background:#ffffff1f;border-radius:50%;filter:blur(24px);pointer-events:none}.ed-reward-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.ed-reward-earn{display:block;font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffffbf;margin-bottom:.25rem}.ed-reward-pts{font-family:var(--font-headline);font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:-.01em}.ed-reward-icon-wrap{width:3.5rem;height:3.5rem;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3)}.ed-reward-icon{font-size:1.75rem!important;color:#fff}.ed-actions{display:flex;gap:.75rem}.ed-rsvp-btn{flex:1;height:3.5rem;background:var(--primary);color:#fff;border:none;border-radius:1rem;font-family:var(--font-headline);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 16px #2a7c1333;transition:background .15s,transform .15s}.ed-rsvp-btn:hover{background:var(--primary-container)}.ed-rsvp-btn:active{transform:scale(.97)}.ed-cal-btn{width:3.5rem;height:3.5rem;border-radius:1rem;border:1.5px solid var(--primary);background:transparent;color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,transform .15s}.ed-cal-btn:hover{background:#2a7c130d}.ed-cal-btn:active{transform:scale(.93)}.ed-cal-btn .material-symbols-outlined{font-size:1.4rem!important}@media (max-width: 480px){.ed-main{padding:3.5rem 0 8rem}.ed-hero{aspect-ratio:4/3}.ed-body-grid{padding:0 1rem}}.wc-root{min-height:100dvh;background:var(--surface);color:var(--on-surface);overflow-x:hidden;width:100%}.wc-main{max-width:960px;margin:0 auto;padding:1.25rem 1.5rem 8rem;display:flex;flex-direction:column;gap:1.5rem}.wc-header{display:flex;gap:1rem;align-items:flex-start}.wc-back-btn{background:var(--surface-container-low);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--on-surface);flex-shrink:0;margin-top:.5rem;transition:background .15s,transform .15s}.wc-back-btn:hover{background:var(--surface-container)}.wc-back-btn:active{transform:scale(.93)}.wc-eyebrow{display:block;font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:.2rem}.wc-title{font-family:var(--font-headline);font-size:2.25rem;font-weight:800;color:var(--on-surface);letter-spacing:-.02em;line-height:1.1;margin-bottom:.4rem}.wc-subtitle{font-family:var(--font-body);font-size:.88rem;color:var(--outline);line-height:1.55;max-width:480px}.wc-tabs{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.1rem}.wc-tabs::-webkit-scrollbar{display:none}.wc-tab{padding:.5rem 1.1rem;border-radius:9999px;border:none;font-family:var(--font-body);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;background:var(--surface-container);color:var(--on-surface-variant);transition:background .15s,color .15s}.wc-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2a7c1333}.wc-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 600px){.wc-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.wc-grid{grid-template-columns:repeat(3,1fr)}}.wc-card{background:var(--surface-container-lowest);border-radius:1.25rem;padding:1.25rem;box-shadow:0 4px 20px #1b6b3a0d;border:1px solid rgba(191,201,189,.15);display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.wc-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #1b6b3a1a}.wc-card.completed{border-color:#1b6d2433}.wc-card-completed-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#76c45714;pointer-events:none}.wc-card-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.wc-card-icon-wrap{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wc-card-icon-wrap .material-symbols-outlined{font-size:1.4rem}.wc-badge{display:flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:9999px;font-family:var(--font-body);font-size:.65rem;font-weight:700}.wc-badge.timer{background:var(--surface-container-low);color:var(--on-surface-variant)}.wc-badge.bonus{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant)}.wc-badge.done{background:var(--secondary);color:#fff}.wc-badge-icon{font-size:.85rem!important}.wc-card-title{font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--on-surface);line-height:1.3}.wc-card-desc{font-family:var(--font-body);font-size:.82rem;color:var(--outline);line-height:1.55;flex:1}.wc-progress-wrap{display:flex;flex-direction:column;gap:.4rem}.wc-progress-wrap.muted{opacity:.5}.wc-progress-labels{display:flex;justify-content:space-between;align-items:center}.wc-progress-status{font-family:var(--font-body);font-size:.7rem;font-weight:700}.wc-progress-status.inprogress{color:var(--primary)}.wc-progress-status.complete{color:var(--secondary)}.wc-progress-status.nostart{color:var(--outline)}.wc-progress-pct{font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--on-surface-variant)}.wc-progress-bar{height:8px;background:var(--surface-container);border-radius:9999px;overflow:hidden}.wc-progress-fill{height:100%;background:var(--secondary);border-radius:9999px;transition:width .4s ease}.wc-btn{width:100%;border:none;border-radius:.75rem;padding:.8rem 1.25rem;font-family:var(--font-body);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .15s,transform .15s,color .15s}.wc-btn:active{transform:scale(.97)}.wc-btn.continue{background:var(--primary-container);color:var(--on-primary-container)}.wc-btn.continue:hover{background:var(--primary);color:#fff}.wc-btn.start{background:transparent;border:2px solid var(--primary);color:var(--primary)}.wc-btn.start:hover{background:var(--surface-container-low)}.wc-completed-label{text-align:center;font-family:var(--font-body);font-size:.82rem;font-weight:700;color:var(--secondary);padding:.6rem}.wc-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--on-surface-variant);font-family:var(--font-body);font-size:.9rem}.wc-empty-icon{font-size:3rem!important;color:var(--outline)}@media (max-width: 480px){.wc-main{padding:1rem 1rem 8rem}.wc-title{font-size:1.9rem}}.wc-dots{display:flex;gap:.3rem;flex-wrap:wrap;margin:.75rem 0 .5rem}.wc-dot{width:14px;height:14px;border-radius:50%;background:var(--surface-container-high);border:1px solid var(--outline-variant);transition:background .12s ease,transform .12s ease}.wc-dot.done{background:var(--primary);border-color:var(--primary)}.wc-dot.today{outline:2px solid var(--tertiary);outline-offset:1px;transform:scale(1.15)}.wc-card-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.wc-card-meta{display:flex;flex-direction:column;gap:.3rem;align-items:flex-end}.wc-badge.neutral{background:var(--surface-container);color:var(--on-surface-variant)}.wc-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;gap:.5rem}.wc-card-status{flex:1}.wc-status-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.wc-status-pill.nostart{background:var(--surface-variant);color:var(--on-surface-variant)}.wc-status-pill.inprogress{background:#fff3e0;color:#e65100}.wc-status-pill.complete{background:#e8f5e9;color:#2e7d32}.wc-completed-label{display:inline-flex;align-items:center;gap:.3rem;color:var(--primary);font-weight:700;font-size:.85rem}.pd-root{min-height:100dvh;background:var(--surface);color:var(--on-surface);overflow-x:hidden;width:100%}.pd-main{padding-top:4rem;padding-bottom:10rem;display:flex;flex-direction:column;gap:0}.pd-carousel{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden}.pd-carousel-track{display:flex;height:100%;transition:transform .45s cubic-bezier(.4,0,.2,1)}.pd-carousel-img{min-width:100%;height:100%;object-fit:cover;flex-shrink:0}.pd-dots{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem;background:#0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.35rem .75rem;border-radius:9999px}.pd-dot{width:.5rem;height:.5rem;border-radius:50%;background:#ffffff73;border:none;cursor:pointer;transition:background .2s}.pd-dot.active{background:#fff}.pd-fav-btn{position:absolute;top:1.5rem;right:1.5rem;width:3rem;height:3rem;border-radius:50%;background:#f8faf8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.pd-fav-btn:active{transform:scale(.92)}.pd-back-btn{position:absolute;top:1.5rem;left:1rem;width:2.5rem;height:2.5rem;border-radius:50%;background:#f8faf8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.pd-back-btn:active{transform:scale(.92)}.pd-identity{padding:1.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.pd-name{font-family:var(--font-headline);font-size:1.5rem;font-weight:800;color:var(--on-surface);letter-spacing:-.02em;line-height:1.2}.pd-partner-label{font-family:var(--font-body);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant)}.pd-price-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.pd-price{font-family:var(--font-headline);font-size:1.25rem;font-weight:700;color:var(--primary)}.pd-or{font-family:var(--font-body);font-size:.875rem;color:var(--on-surface-variant)}.pd-pts-badge{display:flex;align-items:center;gap:.3rem;background:var(--tertiary-fixed);color:var(--on-tertiary-fixed);padding:.3rem .85rem;border-radius:9999px;font-family:var(--font-body);font-size:.82rem;font-weight:700}.pd-pts-icon{font-size:1.1rem!important}.pd-metrics{padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.pd-metric-wide{grid-column:1 / -1;background:#2a7c130d;border:1px solid rgba(42,124,19,.1);border-radius:.75rem;padding:1rem;display:flex;align-items:center;gap:1rem}.pd-metric-avatar{width:3rem;height:3rem;border-radius:50%;background:var(--primary-container);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.pd-metric-avatar .material-symbols-outlined{font-size:1.5rem!important}.pd-metric-label{font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant)}.pd-metric-val{font-family:var(--font-headline);font-size:1.25rem;font-weight:800;color:var(--primary);margin-top:.15rem}.pd-metric-tile{background:var(--surface-container-lowest);border-radius:.75rem;padding:1rem;box-shadow:0 4px 20px #1b6b3a0d;display:flex;flex-direction:column;gap:.5rem}.pd-metric-tile.tertiary{border-top:2px solid var(--tertiary)}.pd-metric-tile.primary{border-top:2px solid var(--primary)}.pd-metric-tile.tertiary .material-symbols-outlined{color:var(--tertiary)}.pd-metric-tile.primary .material-symbols-outlined{color:var(--primary)}.pd-metric-tile p{font-family:var(--font-body);font-size:.72rem;font-weight:600;color:var(--on-surface-variant);line-height:1.4}.pd-about-card{margin:0 1rem;background:var(--surface-container-lowest);border-radius:.75rem;overflow:hidden;box-shadow:0 4px 20px #1b6b3a0d}.pd-about-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.pd-about-toggle:hover{background:var(--surface-container-low)}.pd-about-toggle-title{font-family:var(--font-headline);font-size:1rem;font-weight:700;color:var(--on-surface)}.pd-chevron{color:var(--on-surface-variant);transition:transform .3s}.pd-about-content{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.pd-about-text{font-family:var(--font-body);font-size:.9rem;color:var(--on-surface-variant);line-height:1.65}.pd-spec-item{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--on-surface)}.pd-spec-check{font-size:1rem!important;color:var(--secondary)}.pd-related-section{padding:1.5rem 0 0}.pd-related-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;margin-bottom:1rem}.pd-related-title{font-family:var(--font-headline);font-size:1rem;font-weight:700;color:var(--on-surface)}.pd-view-all{background:none;border:none;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--primary);cursor:pointer}.pd-related-scroll{display:flex;gap:1rem;overflow-x:auto;scrollbar-width:none;padding:0 1rem}.pd-related-scroll::-webkit-scrollbar{display:none}.pd-related-card{min-width:10rem;width:10rem;display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}.pd-related-img-wrap{width:100%;aspect-ratio:1;border-radius:.75rem;overflow:hidden;background:var(--surface-container-low)}.pd-related-img{width:100%;height:100%;object-fit:cover}.pd-related-name{font-family:var(--font-body);font-size:.875rem;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-related-price{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--primary)}.pd-footer{position:fixed;bottom:4.5rem;left:0;width:100%;z-index:90;background:#f8faf8e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(191,201,189,.25);padding:.75rem 1rem}.pd-buy-btn{width:100%;background:var(--primary);color:#fff;border:none;border-radius:.75rem;padding:1rem 1.5rem;font-family:var(--font-headline);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s,transform .1s}.pd-buy-btn:hover{background:var(--primary-container)}.pd-buy-btn:active{transform:scale(.97)}.vr-root{min-height:100dvh;background:var(--surface);color:var(--on-surface);overflow-x:hidden;width:100%}.vr-main{max-width:640px;margin:0 auto;padding:5.5rem 1rem 8rem;display:flex;flex-direction:column;gap:2rem}.vr-balance-card{position:relative;border-radius:1.25rem;background:var(--primary-container);padding:1.5rem;overflow:hidden;box-shadow:0 4px 20px #1b6b3a26;color:#fff}.vr-balance-bg-icon{position:absolute;right:-1rem;bottom:-1rem;opacity:.1}.vr-balance-bg-icon .material-symbols-outlined{font-size:7.5rem!important}.vr-balance-inner{position:relative;z-index:1}.vr-balance-eyebrow{font-family:var(--font-body);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-bottom:.25rem}.vr-balance-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.vr-balance-num{font-family:var(--font-headline);font-size:3rem;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1}.vr-balance-unit{font-family:var(--font-headline);font-size:1.25rem;font-weight:700;color:var(--primary-fixed)}.vr-balance-badge{display:inline-flex;align-items:center;gap:.3rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);padding:.35rem .85rem;border-radius:9999px;font-family:var(--font-body);font-size:.72rem;font-weight:700}.vr-trend-icon{font-size:1rem!important}.vr-section{display:flex;flex-direction:column}.vr-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.vr-section-title{font-family:var(--font-headline);font-size:1.25rem;font-weight:700;color:var(--on-surface)}.vr-view-all{background:none;border:none;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--primary);cursor:pointer}.vr-view-all:hover{text-decoration:underline}.vr-vouchers-list{display:flex;flex-direction:column;gap:.75rem}.vr-voucher-card{display:flex;height:8rem;border-radius:1.25rem;background:#fff;box-shadow:0 4px 20px #1b6b3a0d;border:1px solid rgba(191,201,189,.2);overflow:hidden;transition:transform .2s}.vr-voucher-card:active{transform:scale(.98)}.vr-voucher-left{width:33%;background:var(--surface-container-low);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:.4rem}.vr-voucher-logo-wrap{width:3rem;height:3rem;border-radius:.75rem;background:#fff;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center;overflow:hidden}.vr-voucher-logo{width:2rem;object-fit:contain}.vr-voucher-brand{font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--on-surface-variant)}.vr-voucher-dash{width:2px;background-image:linear-gradient(to bottom,var(--outline-variant) 50%,rgba(255,255,255,0) 0%);background-size:2px 10px;background-repeat:repeat-y;flex-shrink:0}.vr-voucher-right{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.vr-voucher-discount{font-family:var(--font-headline);font-size:1.2rem;font-weight:700;color:var(--on-surface)}.vr-voucher-valid{font-family:var(--font-body);font-size:.7rem;color:var(--on-surface-variant);margin-top:.1rem}.vr-voucher-code-row{display:flex;align-items:center;justify-content:space-between}.vr-voucher-code{font-family:monospace;background:var(--surface-container-high);padding:.25rem .6rem;border-radius:.5rem;color:var(--primary);font-weight:700;letter-spacing:.12em;font-size:.82rem;cursor:pointer}.vr-copy-btn{background:none;border:none;cursor:pointer;color:var(--primary);padding:.4rem;border-radius:50%;display:flex;align-items:center;transition:background .15s}.vr-copy-btn:hover{background:#2a7c1314}.vr-copy-btn .material-symbols-outlined{font-size:1.1rem!important}.vr-reward-chips{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;margin:0 -1rem;padding:0 1rem .75rem}.vr-reward-chips::-webkit-scrollbar{display:none}.vr-reward-chip{padding:.5rem 1.25rem;border-radius:9999px;background:#fff;border:1px solid rgba(191,201,189,.5);color:var(--on-surface-variant);font-family:var(--font-body);font-size:.82rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.vr-reward-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.vr-rewards-list{display:flex;flex-direction:column;gap:1.5rem}.vr-reward-card{border-radius:1.25rem;background:#fff;box-shadow:0 4px 20px #1b6b3a0d;border-top:4px solid var(--tertiary-container);overflow:hidden;transition:box-shadow .25s}.vr-reward-card:hover{box-shadow:0 8px 32px #1b6b3a1a}.vr-reward-img-wrap{position:relative;height:10rem;overflow:hidden}.vr-reward-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.vr-reward-card:hover .vr-reward-img{transform:scale(1.05)}.vr-reward-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%)}.vr-reward-brand-row{position:absolute;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.75rem}.vr-reward-brand-logo-wrap{width:2.5rem;height:2.5rem;border-radius:.5rem;background:#fff;padding:.35rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.vr-reward-brand-logo{width:100%;object-fit:contain}.vr-reward-brand-name{font-family:var(--font-headline);font-size:1rem;font-weight:700;color:#fff}.vr-reward-footer{padding:1.25rem;display:flex;align-items:center;justify-content:space-between}.vr-reward-redeem-label{font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);margin-bottom:.15rem}.vr-reward-pts{font-family:var(--font-headline);font-size:1.1rem;font-weight:800;color:var(--on-surface)}.vr-unlock-btn{background:var(--primary);color:#fff;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-family:var(--font-body);font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1b6b3a33;transition:background .15s,transform .1s}.vr-unlock-btn:hover{background:var(--primary-container)}.vr-unlock-btn:active{transform:scale(.97)}:root{--eco-primary: #2A7C13;--eco-primary-deep: #1C5410;--eco-primary-soft: #76C457;--eco-lime: #76C457;--eco-lime-soft: #E7EFE2;--eco-mint: #76C457;--eco-ink: #20301A;--eco-ink-soft: #4A5D3F;--eco-muted: #6B7A5E;--eco-line: #D3DDCE;--eco-bg: #FFFFFF;--eco-card: #FFFFFF;--eco-amber: #9A6206;--eco-amber-bg: #E7EFE2;--eco-sky: #2A7C13;--eco-sky-bg: #EAF6DC;--eco-danger: #ba1a1a;--eco-danger-bg: #fdecec;--eco-shadow-xs: 0 1px 2px rgba(15, 28, 19, .06);--eco-shadow-sm: 0 2px 8px rgba(15, 28, 19, .07);--eco-shadow-md: 0 8px 24px rgba(15, 28, 19, .1);--eco-shadow-lg: 0 18px 50px rgba(42, 124, 19, .16);--eco-shadow-glow: 0 8px 30px rgba(42, 124, 19, .28);--eco-r-sm: 10px;--eco-r-md: 16px;--eco-r-lg: 24px;--eco-r-xl: 32px;--eco-r-full: 999px;--eco-ease: cubic-bezier(.22, 1, .36, 1);--eco-t-fast: .15s var(--eco-ease);--eco-t-med: .3s var(--eco-ease);--eco-f-display: clamp(2rem, 4.5vw, 3.25rem);--eco-f-h1: clamp(1.5rem, 3vw, 2.125rem);--eco-f-h2: 1.25rem;--eco-f-body: .95rem;--eco-f-small: .82rem;--eco-f-micro: .7rem;--eco-page-max: 1280px;--eco-nav-h: 68px}.eco-page{min-height:100dvh;background:radial-gradient(900px 320px at 85% -80px,rgba(118,196,87,.22),transparent 60%),radial-gradient(700px 300px at -10% 10%,rgba(212,215,0,.18),transparent 55%),var(--eco-bg);animation:eco-page-in .5s var(--eco-ease) both}.eco-shell{max-width:var(--eco-page-max);margin:0 auto;padding:1.75rem 1.25rem 8.5rem}@media (min-width: 1024px){.eco-shell{padding:2.5rem 2rem 4rem}}@keyframes eco-page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.eco-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--eco-f-micro);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--eco-primary);background:var(--eco-lime-soft);border:1px solid rgba(42,124,19,.14);padding:.3rem .7rem;border-radius:var(--eco-r-full)}.eco-h1{font-family:var(--font-headline);font-size:var(--eco-f-h1);font-weight:800;letter-spacing:-.02em;color:var(--eco-ink);margin:.7rem 0 .35rem}.eco-sub{color:var(--eco-muted);font-size:var(--eco-f-body);line-height:1.6;max-width:62ch}.eco-card{background:var(--eco-card);border:1px solid var(--eco-line);border-radius:var(--eco-r-lg);box-shadow:var(--eco-shadow-sm);transition:transform var(--eco-t-med),box-shadow var(--eco-t-med),border-color var(--eco-t-fast)}.eco-card--lift:hover{transform:translateY(-3px);box-shadow:var(--eco-shadow-md);border-color:#2a7c1340}.eco-card-pad{padding:1.25rem}@media (min-width: 768px){.eco-card-pad{padding:1.6rem}}.eco-btn{--btn-bg: var(--eco-primary);--btn-fg: #fff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.7rem 1.35rem;border-radius:var(--eco-r-md);border:1px solid transparent;background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body);font-size:.92rem;font-weight:700;letter-spacing:.01em;cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:var(--eco-shadow-sm);transition:transform var(--eco-t-fast),box-shadow var(--eco-t-fast),background var(--eco-t-fast),filter var(--eco-t-fast)}.eco-btn:hover{transform:translateY(-1px);box-shadow:var(--eco-shadow-md);filter:brightness(1.04)}.eco-btn:active{transform:translateY(0) scale(.98)}.eco-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.eco-btn .material-symbols-outlined{font-size:1.15rem}.eco-btn--primary{--btn-bg: linear-gradient(135deg, #2A7C13 0%, var(--eco-primary) 60%, var(--eco-primary-deep) 100%)}.eco-btn--lime{--btn-bg: var(--eco-lime);--btn-fg: var(--eco-primary-deep);border-color:#2a7c1333}.eco-btn--secondary{--btn-bg: #fff;--btn-fg: var(--eco-primary);border-color:#2a7c1359;box-shadow:none}.eco-btn--secondary:hover{background:#eef4e2}.eco-btn--ghost{--btn-bg: transparent;--btn-fg: var(--eco-primary);box-shadow:none;border-color:transparent}.eco-btn--ghost:hover{background:#2a7c1312;box-shadow:none}.eco-btn--danger{--btn-bg: var(--eco-danger)}.eco-btn--block{width:100%}.eco-btn--sm{min-height:38px;padding:.5rem .95rem;font-size:.84rem;border-radius:12px}.eco-icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid var(--eco-line);background:#fff;color:var(--eco-ink);cursor:pointer;transition:background var(--eco-t-fast),transform var(--eco-t-fast),border-color var(--eco-t-fast)}.eco-icon-btn:hover{background:#e7efe2;border-color:#2a7c134d;transform:translateY(-1px)}.eco-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.eco-label{font-size:var(--eco-f-small);font-weight:700;color:var(--eco-ink)}.eco-input,.eco-select,.eco-textarea{width:100%;min-height:48px;padding:.75rem 1rem;border-radius:var(--eco-r-md);border:1.5px solid var(--eco-line);background:#fff;font-family:var(--font-body);font-size:.95rem;color:var(--eco-ink);outline:none;transition:border-color var(--eco-t-fast),box-shadow var(--eco-t-fast)}.eco-input::placeholder,.eco-textarea::placeholder{color:#9aa39a}.eco-input:focus,.eco-select:focus,.eco-textarea:focus{border-color:var(--eco-primary);box-shadow:0 0 0 4px #2a7c131f}.eco-hint{font-size:.78rem;color:var(--eco-muted)}.eco-error-text{font-size:.8rem;color:var(--eco-danger);font-weight:600}.eco-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .8rem;border-radius:var(--eco-r-full);font-size:.76rem;font-weight:700;border:1px solid var(--eco-line);background:#fff;color:var(--eco-ink-soft);cursor:pointer;transition:all var(--eco-t-fast);white-space:nowrap}.eco-chip .material-symbols-outlined{font-size:1rem}.eco-chip:hover{border-color:#2a7c1366;transform:translateY(-1px)}.eco-chip--active{background:var(--eco-primary);border-color:var(--eco-primary);color:#fff;box-shadow:var(--eco-shadow-sm)}.eco-chip--lime{background:var(--eco-lime-soft);border-color:#2a7c1333;color:var(--eco-primary-deep)}.eco-chip--amber{background:var(--eco-amber-bg);border-color:#f5d78e;color:var(--eco-amber)}.eco-chip--sky{background:var(--eco-sky-bg);border-color:#bae6fd;color:var(--eco-sky)}.eco-badge-dot{min-width:20px;height:20px;padding:0 6px;border-radius:var(--eco-r-full);background:#ef4444;color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:var(--eco-shadow-xs)}.eco-alert{display:flex;align-items:flex-start;gap:.65rem;padding:.9rem 1.05rem;border-radius:var(--eco-r-md);font-size:.88rem;line-height:1.55;border:1px solid}.eco-alert .material-symbols-outlined{font-size:1.25rem;flex-shrink:0;margin-top:1px}.eco-alert--success{background:#f0fdf4;border-color:#bbf7d0;color:#14532d}.eco-alert--error{background:var(--eco-danger-bg);border-color:#fecaca;color:#7f1d1d}.eco-alert--info{background:var(--eco-sky-bg);border-color:#bae6fd;color:#0c4a6e}.eco-alert--warn{background:#fffbeb;border-color:#fde68a;color:#78350f}.eco-empty{text-align:center;padding:3rem 1.5rem;border:1.5px dashed var(--eco-line);border-radius:var(--eco-r-lg);background:radial-gradient(300px 120px at 50% 0%,rgba(118,196,87,.1),transparent 70%),#fff9;color:var(--eco-muted)}.eco-empty .material-symbols-outlined{font-size:2.75rem;color:var(--eco-primary);opacity:.8;background:linear-gradient(140deg,#eef4e2,#eaf6dc);border:1px solid rgba(42,124,19,.14);width:72px;height:72px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.4rem}.eco-empty h3{font-family:var(--font-headline);color:var(--eco-ink);margin:.8rem 0 .3rem}.eco-empty p{font-size:var(--eco-f-body);max-width:40ch;margin:0 auto 1.1rem;line-height:1.6}.eco-divider{height:1px;background:var(--eco-line);margin:1rem 0;border:0}.eco-skel{border-radius:12px;background:linear-gradient(90deg,#e8ede8 25%,#f4f7f3,#e8ede8 75%);background-size:200% 100%;animation:eco-shimmer 1.4s infinite;min-height:18px}@keyframes eco-shimmer{to{background-position:-200% 0}}.eco-grid{display:grid;gap:1rem}.eco-grid--2,.eco-grid--3{grid-template-columns:1fr}.eco-grid--4{grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.eco-grid--2{grid-template-columns:repeat(2,1fr)}.eco-grid--3{grid-template-columns:repeat(3,1fr)}.eco-grid--4{grid-template-columns:repeat(4,1fr)}}.eco-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f1c1380;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:eco-fade .25s ease both}@media (min-width: 640px){.eco-modal-backdrop{align-items:center;padding:1.5rem}}.eco-modal{width:100%;max-width:520px;background:#fff;border-radius:28px 28px 0 0;padding:1.5rem;animation:eco-sheet-up .35s var(--eco-ease) both;max-height:92dvh;overflow-y:auto}@media (min-width: 640px){.eco-modal{border-radius:var(--eco-r-xl)}}@keyframes eco-sheet-up{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}@keyframes eco-fade{0%{opacity:0}to{opacity:1}}.eco-table-wrap{overflow-x:auto;border-radius:var(--eco-r-md);border:1px solid var(--eco-line);background:#fff}.eco-table{width:100%;border-collapse:collapse;font-size:.87rem;min-width:640px}.eco-table th{text-align:left;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--eco-muted);background:#f2f5f1;padding:.75rem 1rem;white-space:nowrap}.eco-table td{padding:.8rem 1rem;border-top:1px solid #eef2ed;color:var(--eco-ink)}.eco-table tr:hover td{background:#f7faf6}.eco-progress{height:8px;border-radius:var(--eco-r-full);background:#e6ece5;overflow:hidden}.eco-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2A7C13,var(--eco-primary));transition:width .6s var(--eco-ease)}.go2484888252{font-family:var(--font-body)!important}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(42,124,19,.45);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion: reduce){.eco-page,.eco-modal,.eco-card{animation:none!important;transition:none!important}}.login-card{border:1px solid rgba(42,124,19,.12)!important;border-radius:28px!important;box-shadow:0 24px 70px #2a7c1329!important;animation:eco-page-in .55s var(--eco-ease) both}.brand-panel{background:radial-gradient(500px 260px at 110% -40px,rgba(118,196,87,.35),transparent 60%),radial-gradient(400px 300px at -20% 110%,rgba(118,196,87,.18),transparent 55%),linear-gradient(150deg,#2A7C13 0%,var(--primary) 55%,#1C5410 100%)!important}.submit-btn{background:linear-gradient(135deg,#2A7C13 0%,var(--primary) 60%,#1C5410 100%)!important;border-radius:14px!important;min-height:50px!important;font-weight:800!important;letter-spacing:.01em!important}.dashboard-main>*{animation:eco-rise .6s var(--eco-ease) both}.dashboard-main>*:nth-child(2){animation-delay:.06s}.dashboard-main>*:nth-child(3){animation-delay:.12s}.dashboard-main>*:nth-child(4){animation-delay:.18s}.dashboard-main>*:nth-child(5){animation-delay:.24s}@keyframes eco-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero-immersive{border:1px solid rgba(118,196,87,.22)!important;box-shadow:0 20px 55px #032d1e59!important}.activity-item,.wc-preview-card,.challenge-card{transition:transform .3s var(--eco-ease),box-shadow .3s var(--eco-ease)!important}.activity-item:hover,.wc-preview-card:hover{transform:translateY(-2px);box-shadow:var(--eco-shadow-md)!important}.shop-product-card,.voucher-card,.vr-voucher-card,.learn-card,.quiz-card,.challenge-list-card,.event-card,.impact-card{transition:transform .3s var(--eco-ease),box-shadow .3s var(--eco-ease)!important}.shop-product-card:hover,.voucher-card:hover,.vr-voucher-card:hover,.learn-card:hover,.quiz-card:hover,.event-card:hover{transform:translateY(-3px);box-shadow:var(--eco-shadow-md)!important}.challenge-btn,.ed-rsvp-btn,.scan-confirm-btn,.quiz-start-btn,.shop-buy-btn,.voucher-unlock-btn,.wc-see-all-btn{background:linear-gradient(135deg,#2A7C13 0%,var(--primary) 60%,#1C5410 100%)!important;color:#fff!important;border-radius:14px!important;font-weight:800!important;box-shadow:var(--eco-shadow-sm)!important;transition:transform .15s var(--eco-ease),box-shadow .15s var(--eco-ease),filter .15s!important}.challenge-btn:hover,.ed-rsvp-btn:hover,.scan-confirm-btn:hover,.quiz-start-btn:hover,.shop-buy-btn:hover,.voucher-unlock-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.challenge-btn:active,.ed-rsvp-btn:active,.scan-confirm-btn:active,.quiz-start-btn:active,.shop-buy-btn:active,.voucher-unlock-btn:active{transform:scale(.98)}.leaflet-container{border-radius:20px}.route-info-card,.route-info{border-radius:18px!important;box-shadow:var(--eco-shadow-md)!important;border:1px solid var(--eco-line)!important}@keyframes eco-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes eco-pop{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes eco-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes eco-pulse-aqua{0%,to{box-shadow:0 0 #76c45773}50%{box-shadow:0 0 0 8px #76c45700}}.anim-fade-up{animation:eco-fade-up .55s var(--eco-ease) both}.anim-pop{animation:eco-pop .45s cubic-bezier(.34,1.56,.64,1) both}.anim-float{animation:eco-float 4s ease-in-out infinite}.anim-delay-1{animation-delay:.06s}.anim-delay-2{animation-delay:.12s}.anim-delay-3{animation-delay:.18s}.anim-delay-4{animation-delay:.24s}.anim-delay-5{animation-delay:.3s}.eco-page>*,.dashboard-main>*{animation:eco-fade-up .55s var(--eco-ease) both}.eco-page>*:nth-child(2),.dashboard-main>*:nth-child(2){animation-delay:.06s}.eco-page>*:nth-child(3),.dashboard-main>*:nth-child(3){animation-delay:.12s}.eco-page>*:nth-child(4),.dashboard-main>*:nth-child(4){animation-delay:.18s}.eco-page>*:nth-child(5),.dashboard-main>*:nth-child(5){animation-delay:.24s}.eco-btn:active,.submit-btn:active,.challenge-btn:active{transform:scale(.97)}.eco-btn--primary:focus-visible,.submit-btn:focus-visible{animation:eco-pulse-aqua 1.6s ease-out infinite}.eco-card,.stat-card,.activity-item,.wc-preview-card,.challenge-card,.shop-product-card,.voucher-card,.event-card,.impact-card,.learn-card,.quiz-card{animation:eco-fade-up .5s var(--eco-ease) both}.hi-score-val,.hi-stat-val,.stat-card-value,.eco-badge-dot{animation:eco-pop .5s cubic-bezier(.34,1.56,.64,1) both}.daily-fact-strip,.eco-alert,.vr-alert{animation:eco-fade-up .5s var(--eco-ease) both}.eco-progress>span,.challenge-progress-fill,.wc-preview-fill,.wc-preview-bar>div{transition:width .7s var(--eco-ease);position:relative;overflow:hidden}.eco-progress>span:after,.challenge-progress-fill:after,.wc-preview-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-100%);animation:eco-bar-shine 2.8s ease-in-out infinite}@keyframes eco-bar-shine{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.hero-immersive:after,.hero-immersive,.hi-score-ring:before,.dock,.dock-scan-circle,.dock-scan-circle:after,.anim-float,.eco-page>*,.dashboard-main>*{animation:none!important}}.lang-switch{display:inline-flex;align-items:center;gap:2px;background:#ffffffe6;border:1px solid var(--eco-line, #D3DDCE);border-radius:999px;padding:3px;box-shadow:var(--eco-shadow-xs)}.lang-switch-btn{border:0;background:transparent;font-family:var(--font-body);font-size:.75rem;font-weight:800;letter-spacing:.04em;color:var(--eco-primary, #2A7C13);padding:5px 11px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,transform .15s}.lang-switch-btn:hover{background:#2a7c1314}.lang-switch-btn.active{background:linear-gradient(135deg,#76c457,#2a7c13);color:#fff;box-shadow:0 2px 8px #2a7c1359}.lang-switch-sep{color:var(--eco-line, #D3DDCE);font-size:.75rem}.lang-switch--compact .lang-switch-btn{padding:4px 8px;font-size:.7rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--primary, #2A7C13);outline-offset:2px}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary, #2A7C13);outline-offset:1px}html{overflow-x:hidden;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--background);color:var(--on-surface);min-height:100dvh;overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--eco-lime);color:var(--eco-primary-deep)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b5cc9b;border-radius:999px;border:2px solid var(--background)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}img{max-width:100%;display:block}a{color:var(--primary)}button{font-family:inherit}:root{--primary: #2A7C13;--primary-container: #76C457;--primary-fixed: #76C457;--primary-fixed-dim: #5DAE3E;--on-primary: #ffffff;--on-primary-container: #FFFFFF;--on-primary-fixed: #1C5410;--on-primary-fixed-variant: #2A7C13;--secondary: #2A7C13;--secondary-container: #E7EFE2;--secondary-fixed: #76C457;--secondary-fixed-dim: #5DAE3E;--on-secondary: #ffffff;--on-secondary-container: #1C5410;--on-secondary-fixed: #1C5410;--on-secondary-fixed-variant:#2A7C13;--tertiary: #7A5B12;--tertiary-container: #E7EFE2;--tertiary-fixed: #FFFFFF;--tertiary-fixed-dim: #E7EFE2;--on-tertiary: #ffffff;--on-tertiary-container: #4A3A08;--on-tertiary-fixed: #3F2F05;--on-tertiary-fixed-variant: #7A5B12;--surface: #FFFFFF;--surface-dim: #D3DDCE;--surface-bright: #FFFFFF;--surface-variant: #E7EFE2;--surface-container-lowest: #FFFFFF;--surface-container-low: #F7FAF5;--surface-container: #EDF3EA;--surface-container-high: #E7EFE2;--surface-container-highest: #D6E0D0;--surface-tint: #2A7C13;--on-surface: #20301A;--on-surface-variant: #4A5D3F;--inverse-surface: #20301A;--inverse-on-surface: #FFFFFF;--inverse-primary: #76C457;--outline: #6B7A5E;--outline-variant: #D3DDCE;--background: #FFFFFF;--on-background: #20301A;--error: #ba1a1a;--error-container: #ffdad6;--on-error: #ffffff;--on-error-container: #93000a;--font-headline: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--border-radius-lg: 1.25rem}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;font-family:Material Symbols Outlined;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-user-select:none;user-select:none}.app-footer{text-align:center;padding:2.5rem 1rem 7rem;margin-top:1rem}@media (min-width: 1024px){.app-footer{padding-bottom:2.5rem}}.app-footer-text{font-size:.8rem;font-weight:600;color:var(--on-surface-variant);display:inline-flex;align-items:center;gap:.4rem}.app-footer-text:before{content:"eco";font-family:Material Symbols Outlined;color:var(--primary);font-size:1rem}.app-footer-sub{font-size:.75rem;color:var(--outline);margin-top:.25rem}.stat-card{border-radius:var(--border-radius-lg, .75rem);padding:1.25rem;display:flex;align-items:flex-start;gap:.85rem;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);box-shadow:var(--eco-shadow-xs);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .2s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#76c457,#2a7c13);opacity:0;transition:opacity .25s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--eco-shadow-md);border-color:#2a7c1347}.stat-card:hover:before{opacity:1}.stat-card--default{background:var(--surface-container-lowest);border:1px solid var(--outline-variant)}.stat-card--green{background:linear-gradient(135deg,#2A7C13 0%,var(--primary) 70%);color:#fff;border:1px solid rgba(255,255,255,.15)}.stat-card-icon{font-size:1.35rem!important;width:44px;height:44px;border-radius:14px;background:linear-gradient(140deg,#eef4e2,#eaf6dc);border:1px solid rgba(42,124,19,.14);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card--green .stat-card-icon{background:#ffffff24;border-color:#ffffff40;color:#fff}.stat-card-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--outline);margin:0 0 .25rem}.stat-card--green .stat-card-label{color:var(--eco-lime);opacity:.9}.stat-card-row{display:flex;align-items:baseline;gap:.5rem}.stat-card-value{font-family:var(--font-headline);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--on-surface)}.stat-card--green .stat-card-value{color:#fff}.stat-card-sub{font-size:.8rem;color:var(--outline)}.stat-card--green .stat-card-sub{color:#ffffffbf}.stat-delta{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;font-weight:800;padding:.15rem .55rem;border-radius:999px;margin-left:.5rem;vertical-align:middle}.stat-delta.up{background:#eaf6dc;color:#2a7c13;border:1px solid #76C457}.stat-delta.down{background:#fdecec;color:#ba1a1a;border:1px solid #fecaca}.stat-delta.flat{background:var(--surface-container);color:var(--outline);border:1px solid var(--outline-variant)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.log-spin{animation:spin 1s linear infinite}.log-error-banner{display:flex;align-items:center;gap:.5rem;background:#fff0f0;border:1px solid #ffcccc;color:var(--error, #b3261e);border-radius:12px;padding:.75rem 1rem;margin:0 1rem 1rem;font-size:.9rem}.vr-alert{display:flex;align-items:center;gap:.5rem;border-radius:12px;padding:.75rem 1rem;margin:0 0 1rem;font-size:.9rem}.vr-alert button{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;display:flex}.vr-alert.error{background:#fff0f0;border:1px solid #ffcccc;color:var(--error, #b3261e)}.vr-alert.success{background:#f0fff4;border:1px solid #a3d9b4;color:var(--primary, #2A7C13)}.vr-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;opacity:.6}.vr-empty-icon{font-size:2.5rem!important}.vr-loading{display:flex;align-items:center;gap:.5rem;padding:1rem;opacity:.6}.ed-rsvp-btn.rsvped{background:var(--primary-container);color:var(--on-primary-container)}.ed-rsvp-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f0fff4;border:1px solid #a3d9b4;border-radius:12px;color:var(--primary, #2A7C13);font-size:.875rem;margin-bottom:.75rem}.ed-rsvp-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fffbf0;border:1px solid #f0d0a0;border-radius:12px;color:#7a4f00;font-size:.875rem;margin-bottom:.75rem}.wh-load-more{display:block;width:100%;padding:.875rem;text-align:center;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:.75rem;transition:background .2s,transform .2s;color:var(--primary)}.wh-load-more:hover{background:#e7efe2;transform:translateY(-1px)}.wh-load-more:disabled{opacity:.6;cursor:not-allowed;transform:none}.wh-error{display:flex;align-items:center;gap:.5rem;background:#fff0f0;border:1px solid #ffcccc;color:var(--error, #b3261e);border-radius:12px;padding:.75rem 1rem;margin:.5rem 0;font-size:.875rem}.vr-badge-count{font-size:.8rem;background:var(--primary);color:var(--on-primary);border-radius:999px;padding:.15rem .6rem;font-weight:600}.vr-voucher-card.expired{opacity:.6;filter:grayscale(.5)}