:root{--primary: #005440;--primary-container: #0F6E56;--on-primary: #ffffff;--primary-fixed-dim: #84d6b9;--secondary: #c9a84c;--secondary-container: #fed88a;--on-secondary: #3a2e00;--surface: #F5F0E8;--surface-container-lowest: #ffffff;--surface-container-low: #f2ede5;--surface-container: #ece7df;--surface-container-high: #e6e1d9;--surface-container-highest: #dfd9d1;--on-surface: #1d1c17;--on-surface-variant: #4a4740;--surface-tint: rgba(15, 110, 86, .08);--outline-variant: rgba(74, 71, 64, .15);--success: #2e7d5b;--info-blue: #3478c1;--rose: #c45c6a;--amber: #c49a2c;--font-display: "Manrope", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--round-sm: .5rem;--round-md: .75rem;--round-lg: 1rem;--round-xl: 1.5rem;--round-full: 9999px;--shadow-sm: 0 2px 12px rgba(29, 28, 23, .04);--shadow-md: 0 4px 24px rgba(29, 28, 23, .06);--shadow-lg: 0 8px 32px rgba(29, 28, 23, .06);--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .2s var(--ease-out);--transition-med: .35s var(--ease-out);--transition-slow: .5s var(--ease-out)}body.dark-mode{--primary: #6dd4b1;--primary-container: #1a8a6a;--on-primary: #00382a;--primary-fixed-dim: #3a9e82;--secondary: #e6c276;--secondary-container: #5b4300;--on-secondary: #ffe0a0;--surface: #121a17;--surface-container-lowest: #0d1412;--surface-container-low: #171f1c;--surface-container: #1c2520;--surface-container-high: #232d28;--surface-container-highest: #2d3832;--on-surface: #e2e3de;--on-surface-variant: #bec9c3;--surface-tint: rgba(109, 212, 177, .08);--outline-variant: rgba(190, 201, 195, .15);--success: #6dd4b1;--info-blue: #7ab8e8;--rose: #f0a0ac;--amber: #e6c276;--shadow-sm: 0 2px 12px rgba(0, 0, 0, .2);--shadow-md: 0 4px 24px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3)}body.dark-mode .page-header,body.dark-mode .sub-header{background:#121a17e0}body.dark-mode .bottom-nav{background:#121a17f2;border-color:var(--surface-container-high);box-shadow:0 -8px 32px #0003}body.dark-mode .points-banner,body.dark-mode .points-card{background:linear-gradient(135deg,#0d3d2e,#1a6b52)}body.dark-mode .points-card:hover{box-shadow:0 12px 40px #6dd4b11f}body.dark-mode .opportunity-card,body.dark-mode .activity-item{background:var(--surface-container-low)}body.dark-mode .chip{background:var(--surface-container);color:var(--on-surface);border-color:var(--surface-container-high)}body.dark-mode .chip.active{background:var(--primary-container);color:var(--on-primary);border-color:var(--primary-container)}body.dark-mode .reward-card,body.dark-mode .event-info-card{background:var(--surface-container-low)}body.dark-mode .reward-callout{background:var(--secondary-container)}body.dark-mode .reward-label,body.dark-mode .reward-value,body.dark-mode .reward-star{color:var(--on-secondary)}body.dark-mode #page-checkin-success{background:#000c}body.dark-mode .success-modal,body.dark-mode .stat-card,body.dark-mode .history-card{background:var(--surface-container-low)}body.dark-mode .btn-primary{background:var(--primary-container);color:#fff}body.dark-mode .btn-primary:hover{background:var(--primary);color:var(--on-primary)}body.dark-mode .discover-pill{background:var(--surface-container);border-color:var(--surface-container-high);color:var(--on-surface-variant)}body.dark-mode .discover-pill.active{background:var(--primary-container);color:#fff;border-color:var(--primary-container)}body.dark-mode .discover-explore-btn{background:var(--surface-container-low);border-color:var(--surface-container-high)}body.dark-mode .discover-hero-btn{background:var(--primary-container)}body.dark-mode .volmap-chip{background:#1c2520eb;color:var(--on-surface)}body.dark-mode .volmap-chip.active{background:var(--primary-container);color:#fff}body.dark-mode .volmap-card-sheet{background:#121a17f2}body.dark-mode .volmap-event-card{background:var(--surface-container-low)}body.dark-mode .volmap-count-badge,body.dark-mode .map-spots-badge{background:#1c2520eb}body.dark-mode .mini-map,body.dark-mode .reward-price-badge{background:var(--surface-container)}body.dark-mode .profile-hero{background:linear-gradient(135deg,#0d3d2e,#1a6b52)}body.dark-mode .header-logo{filter:brightness(0) invert(1) brightness(.9)}body.dark-mode,body.dark-mode *{transition-property:background-color,color,border-color,box-shadow;transition-duration:.3s;transition-timing-function:var(--ease-out)}.dark-mode-toggle{display:none!important;width:40px;height:40px;border:none;border-radius:var(--round-full);background:transparent;align-items:center;justify-content:center;cursor:pointer;color:var(--on-surface);transition:background var(--transition-fast),transform var(--transition-fast)}.dark-mode-toggle:hover{background:var(--surface-tint)}.dark-mode-toggle:active{transform:scale(.9)}.dark-mode-toggle .material-icons-round{font-size:22px;transition:transform .4s var(--ease-out)}body.dark-mode .dark-mode-toggle .material-icons-round{transform:rotate(180deg)}.lang-toggle{width:36px;height:36px;border:2px solid var(--primary);border-radius:var(--round-full);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.lang-toggle:hover{background:var(--surface-tint)}.lang-toggle:active{transform:scale(.9)}.lang-toggle-label{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--primary);line-height:1}body.dark-mode .lang-toggle{border-color:var(--primary)}body.dark-mode .lang-toggle-label{color:var(--primary)}body.rtl{font-family:IBM Plex Sans Arabic,Noto Sans Arabic,Segoe UI,sans-serif;text-align:right;letter-spacing:0;word-spacing:.02em}body.rtl h1,body.rtl h2,body.rtl h3,body.rtl .landing-headline,body.rtl .onboarding-title,body.rtl .notif-title,body.rtl .auth-title,body.rtl .section-title,body.rtl .profile-name,body.rtl .sub-header-title,body.rtl .reward-detail-title,body.rtl .reward-main-title{font-family:Noto Sans Arabic,IBM Plex Sans Arabic,sans-serif;font-weight:700;letter-spacing:0;line-height:1.4}body.rtl p,body.rtl span:not(.material-icons-round):not(.material-symbols-outlined),body.rtl label,body.rtl button,body.rtl input{font-family:IBM Plex Sans Arabic,Noto Sans Arabic,sans-serif;line-height:1.7}body.rtl .material-icons-round,body.rtl .material-symbols-outlined{font-family:Material Icons Round!important;direction:ltr}body.rtl .notif-benefit-card{flex-direction:row-reverse;text-align:right}body.rtl .notif-benefit-info{text-align:right}body.rtl .landing-headline{font-size:2.5rem;line-height:1.3}body.rtl .landing-subtitle{font-family:IBM Plex Sans Arabic,sans-serif;line-height:1.8}body.rtl .landing-cta,body.rtl .landing-signin{font-family:IBM Plex Sans Arabic,sans-serif;font-size:1rem}body.rtl .auth-title{font-size:1.75rem}body.rtl .nav-label{font-family:IBM Plex Sans Arabic,sans-serif;font-size:.6875rem}body.rtl .settings-label,body.rtl .stat-card-label,body.rtl .stat-card-value{font-family:IBM Plex Sans Arabic,sans-serif}body.rtl .settings-label,body.rtl .stat-card,body.rtl .section-title{text-align:right}body.rtl .notif-title{font-size:1.75rem;line-height:1.3}body.rtl .notif-benefit-info h3{font-family:Noto Sans Arabic,sans-serif;font-weight:700}body.rtl .notif-benefit-info p{line-height:1.7}body.rtl .interest-chip{font-family:IBM Plex Sans Arabic,sans-serif}body.rtl .reward-desc-text,body.rtl .bento-value{font-family:IBM Plex Sans Arabic,sans-serif;line-height:1.7}body.rtl .btn-primary,body.rtl .btn-onboarding-next,body.rtl .btn-skip,body.rtl .notif-allow-btn,body.rtl .notif-later-btn,body.rtl .chip{font-family:IBM Plex Sans Arabic,sans-serif;letter-spacing:0}body.rtl .header-right,body.rtl .opp-org,body.rtl .activity-item,body.rtl .event-org-row,body.rtl .event-detail-item,body.rtl .reward-callout-inner,body.rtl .success-stat,body.rtl .history-card,body.rtl .history-stats,body.rtl .discover-explore-btn,body.rtl .impact-meta,body.rtl .section-header{flex-direction:row-reverse}body.rtl .carousel,body.rtl .category-chips,body.rtl .discover-pills{direction:rtl}body.rtl .points-card-inner{flex-direction:row-reverse}body.rtl .points-arrow .material-icons-round,body.rtl .back-btn .material-icons-round,body.rtl .notif-back-btn .material-icons-round,body.rtl .auth-back-btn .material-icons-round,body.rtl .explore-arrow{transform:scaleX(-1)}body.rtl .bottom-nav{direction:rtl}body.rtl .sub-header{flex-direction:row-reverse}body.rtl .activity-points{margin-left:0;margin-right:auto}body.rtl .volmap-cards-scroll{direction:rtl}body.rtl .discover-hero-badge{left:auto;right:var(--sp-4)}body.rtl .volmap-header{flex-direction:row-reverse}body.rtl *{transition-property:text-align;transition-duration:.3s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--surface);color:var(--on-surface);min-height:100dvh;overflow:hidden;display:flex;justify-content:center}.app-shell{position:relative;width:100%;max-width:540px;height:100dvh;overflow:hidden;background:var(--surface)}.page{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;padding-bottom:100px;opacity:0;pointer-events:none;transform:translate(30px);transition:opacity var(--transition-med),transform var(--transition-med);-webkit-overflow-scrolling:touch;scrollbar-width:none}.page::-webkit-scrollbar{display:none}#page-landing{padding-bottom:0;overflow:hidden;background:#0d2420}.landing-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://images.unsplash.com/photo-1593113630400-ea4288922497?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;filter:grayscale(20%);z-index:0}.landing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d242099;z-index:1}.landing-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0D2420,transparent 60%,rgba(0,0,0,.3));z-index:2}.landing-content{position:relative;z-index:3;display:flex;flex-direction:column;height:100%;padding:0 2rem 3rem}.landing-hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:20rem;margin:0 auto}.landing-headline{font-family:Literata,serif;font-size:3rem;font-weight:700;line-height:1.1;letter-spacing:-.025em;color:#fff;margin-bottom:1.5rem;animation:landingFadeUp .8s var(--ease-out) both}.landing-subtitle{font-family:DM Sans,Manrope,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.625;color:#ffffffe6;animation:landingFadeUp .8s var(--ease-out) .15s both}.landing-actions{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:24rem;margin:0 auto;animation:landingFadeUp .8s var(--ease-out) .3s both}.landing-cta{width:100%;background:var(--primary-container);color:#0d2420;font-family:DM Sans,Manrope,sans-serif;font-weight:700;font-size:1.125rem;padding:1rem 1.5rem;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:filter .2s,transform .2s}.landing-cta:hover{filter:brightness(1.1)}.landing-cta:active{transform:scale(.98)}.landing-signin{background:none;border:none;border-bottom:1px solid rgba(255,255,255,.2);color:#fffc;font-family:DM Sans,Manrope,sans-serif;font-weight:500;font-size:1rem;padding:.5rem 0;cursor:pointer;transition:color .2s,border-color .2s}.landing-signin:hover{color:#fff;border-color:#fff}.landing-signin span{font-weight:700}.landing-explore{background:none;border:none;color:#ffffffa6;font-size:.875rem;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;margin-top:2px;transition:color .2s}.landing-explore:hover{color:#ffffffe6}#page-notif-permission{position:relative;overflow:hidden;display:flex;flex-direction:column;padding-bottom:0;background:#0d2420}.np-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.np-bg .landing-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:grayscale(20%)}.np-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,transparent 35%,rgba(245,242,236,.9) 65%,#F5F2EC 80%)}.np-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 0}.np-back-btn{width:40px;height:40px;border-radius:50%;background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.np-back-btn:hover{background:#ffffff4d}.np-header-spacer{width:40px}.np-avatar-row{position:relative;z-index:10;display:flex;justify-content:center;padding:16px 0 0}.notif-perm-avatar-wrap{position:relative;border-radius:50%;overflow:visible;cursor:pointer;flex-shrink:0;width:100px;height:100px}.notif-perm-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 24px #00000040;display:block;background:#fff}.notif-perm-avatar-edit{position:absolute;bottom:2px;right:2px;width:32px;height:32px;border-radius:50%;background:#1e5c3a;border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #0003}.notif-perm-avatar-edit .material-icons-round{font-size:16px}.np-body{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 24px 36px;gap:20px}.np-title-section{text-align:center;max-width:380px;margin:0 auto}.np-headline{font-family:var(--font-display);font-size:2.125rem;font-weight:800;color:#1e5c3a;line-height:1.15;margin-bottom:12px}.np-subtitle-text{font-size:1rem;font-weight:500;color:var(--on-surface);line-height:1.6}.np-panel{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:2.5rem;padding:32px 28px 28px;box-shadow:0 8px 40px #0000001f;border:1px solid rgba(255,255,255,.5);min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.np-story{display:none;flex-direction:column;align-items:center;text-align:center;gap:12px;width:100%}.np-story.active{display:flex}.np-story-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.np-story-icon .material-icons-round{font-size:28px}.np-icon-green{background:#e8f5ee;color:#1e5c3a}.np-icon-amber{background:#fef3e2;color:#b45309}.np-icon-blue{background:#ebf4fd;color:#1e6fa8}.np-story-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#1e5c3a;line-height:1.2}.np-story-quote{font-size:.9375rem;color:var(--on-surface-variant);line-height:1.65;font-style:italic}.np-dots{display:flex;gap:6px;align-items:center;margin-top:16px}.np-dot{height:6px;width:8px;border-radius:9999px;background:#1e5c3a33;transition:width .3s var(--ease-out),background .3s}.np-dot.active{width:32px;background:#1e5c3a}.np-actions{display:flex;flex-direction:column;gap:12px}.np-btn-next{width:100%;height:64px;background:#1e5c3a;color:#fff;font-family:var(--font-body);font-weight:700;font-size:1.125rem;border:none;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.02em;box-shadow:0 4px 20px #1e5c3a59;transition:transform .15s,box-shadow .15s}.np-btn-next:active{transform:scale(.98)}.np-btn-next .material-icons-round{font-size:20px}.np-final-actions{display:none;flex-direction:column;gap:12px}.np-btn-hero{width:100%;height:64px;background:#1e5c3a;color:#fff;font-family:var(--font-body);font-weight:700;font-size:1.125rem;border:none;border-radius:9999px;cursor:pointer;box-shadow:0 4px 20px #1e5c3a59;transition:transform .15s}.np-btn-hero:active{transform:scale(.98)}.np-btn-skip{width:100%;height:56px;background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#1e5c3a;font-family:var(--font-body);font-weight:600;font-size:.9375rem;border:1px solid rgba(30,92,58,.1);border-radius:9999px;cursor:pointer;transition:transform .15s}.np-btn-skip:active{transform:scale(.98)}.notif-perm-photo-sheet-inner{background:#fff;border-radius:24px 24px 0 0;padding:12px 20px 40px;display:flex;flex-direction:column;gap:4px;width:100%}.notif-perm-sheet-title{text-align:center;font-weight:600;font-size:.875rem;color:#888;padding:8px 0 12px}.notif-perm-sheet-btn{display:flex;align-items:center;gap:14px;width:100%;padding:16px 8px;background:none;border:none;border-bottom:1px solid #F0F0F0;font-size:1rem;color:#222;cursor:pointer;text-align:left}.notif-perm-sheet-btn:last-child{border-bottom:none}.notif-perm-sheet-btn .material-icons-round{font-size:22px;color:#2d5a3d}.notif-perm-sheet-btn-danger .material-icons-round,.notif-perm-sheet-btn-danger{color:#c0392b}.notif-perm-sheet-btn-cancel{color:#888;justify-content:center;font-weight:500;border-bottom:none!important;margin-top:4px}#page-edit-profile{background:#f5f2ec}.ep-page-content{padding-bottom:40px}.ep-avatar-section{display:flex;flex-direction:column;align-items:center;padding:28px 0 20px;gap:8px}.ep-avatar-hint{font-size:.8125rem;color:#888}.ep-form{display:flex;flex-direction:column;gap:16px;padding:0 20px 20px}.ep-field{display:flex;flex-direction:column;gap:6px}.ep-field-label{font-size:.8125rem;font-weight:600;color:#555}.ep-field-input{width:100%;height:52px;border:1.5px solid #DDD;border-radius:12px;padding:0 16px;font-size:1rem;color:#222;background:#fff;box-sizing:border-box;font-family:inherit;outline:none;transition:border-color .2s}.ep-field-input:focus{border-color:#2d5a3d}.ep-field-input[readonly]{background:#f5f5f5;color:#999;cursor:not-allowed}.ep-field-textarea{height:auto;padding:14px 16px;resize:vertical;min-height:88px}.ep-save-btn{width:100%;height:56px;background:#2d5a3d;color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:50px;cursor:pointer;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.ep-save-btn:disabled{opacity:.6;cursor:not-allowed}.ep-profile-edit-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 20px;background:#2d5a3d14;color:#2d5a3d;border:1.5px solid rgba(45,90,61,.18);border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit}.ep-profile-edit-btn .material-icons-round{font-size:16px}.landing-lang-toggle{display:inline-flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:9999px;padding:.375rem .5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.8125rem;color:#fff;margin-top:1rem;gap:0}.landing-lang-option{background:none;border:none;color:#ffffff73;font-family:inherit;font-size:.8125rem;font-weight:500;padding:.35rem .75rem;border-radius:9999px;cursor:pointer;transition:all .2s}.landing-lang-option.active{color:#fff;font-weight:700;background:#ffffff26}.landing-lang-divider{width:1px;height:.75rem;background:#fff3;flex-shrink:0}.landing-logo-wrap{display:flex;justify-content:center;margin-top:2rem;animation:landingFadeUp .8s var(--ease-out) .5s both}.landing-logo{width:100px;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.page.active{opacity:1;pointer-events:auto;transform:translate(0);z-index:2;animation:pageSlideIn .4s var(--ease-out, cubic-bezier(.22,1,.36,1))}.page.exiting{opacity:0;transform:translate(-30px);z-index:1}body[data-direction=back] .page.active{animation:pageSlideInBack .4s var(--ease-out, cubic-bezier(.22,1,.36,1))}body[data-direction=back] .page.exiting{transform:translate(30px);opacity:0}@keyframes pageSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pageSlideInBack{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .page.exiting{transform:translate(30px)}[dir=rtl] .page.active{animation-name:pageSlideInRtl}body[data-direction=back][dir=rtl] .page.exiting{transform:translate(-30px)}body[data-direction=back][dir=rtl] .page.active{animation-name:pageSlideInBackRtl}@keyframes pageSlideInRtl{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pageSlideInBackRtl{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);position:sticky;top:0;z-index:10;background:#f5f0e8d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-logo{height:36px;width:auto;object-fit:contain}.header-right{display:flex;align-items:center;gap:var(--sp-3)}.greeting{font-family:var(--font-body);font-weight:600;font-size:.875rem;color:var(--on-surface-variant)}.avatar{width:40px;height:40px;border-radius:var(--round-full);background:var(--primary-fixed-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast)}.avatar:hover{transform:scale(1.08)}.avatar .material-icons-round{font-size:22px;color:var(--primary)}.small-avatar{width:34px;height:34px}.small-avatar .material-icons-round{font-size:18px}.sub-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);position:sticky;top:0;z-index:10;background:#f5f0e8d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.back-btn,.icon-btn{width:40px;height:40px;border:none;border-radius:var(--round-full);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--on-surface);transition:background var(--transition-fast)}.back-btn:hover,.icon-btn:hover{background:var(--surface-tint)}.sub-header-title{font-family:var(--font-body);font-size:1.0625rem;font-weight:700;color:var(--on-surface)}.page-content{padding:var(--sp-2) var(--sp-5) var(--sp-8)}.home-welcome{margin-bottom:var(--sp-6)}.home-welcome-name{font-family:var(--font-display);font-size:1.875rem;font-weight:800;color:var(--primary);letter-spacing:-.02em;line-height:1.2}.home-welcome-sub{font-size:.9375rem;font-weight:500;color:var(--on-surface-variant);margin-top:.25rem}.points-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);border-radius:2rem;padding:var(--sp-8);margin-bottom:var(--sp-5);box-shadow:0 8px 32px #00544038;position:relative;overflow:hidden}.points-banner:after{content:"";position:absolute;bottom:-48px;right:-48px;width:192px;height:192px;background:#ffffff0d;border-radius:50%;filter:blur(24px);pointer-events:none}.points-banner-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-6)}.points-banner-label{font-size:.6875rem;font-weight:700;color:var(--primary-fixed-dim);text-transform:uppercase;letter-spacing:.1em}.points-banner-value{font-family:var(--font-display);font-size:2.75rem;font-weight:800;color:#fff;line-height:1.1;margin-top:.375rem}.points-banner-unit{font-size:1.25rem;font-weight:700;opacity:.8}.tier-badge{display:flex;align-items:center;gap:.25rem;background:var(--secondary-container);color:var(--on-secondary);padding:.25rem .875rem;border-radius:var(--round-full);font-size:.8125rem;font-weight:700;white-space:nowrap;flex-shrink:0}.points-banner-progress{display:flex;flex-direction:column;gap:var(--sp-2)}.progress-labels{display:flex;justify-content:space-between;font-size:.8125rem;font-weight:500;color:#ffffffe6}.progress-remaining{color:var(--primary-fixed-dim)}.progress-track{height:10px;background:#ffffff1f;border-radius:var(--round-full);overflow:hidden}.progress-fill{height:100%;background:var(--secondary-container);border-radius:var(--round-full)}.impact-stats-card{background:var(--surface-container-high);border-radius:1.5rem;padding:var(--sp-5);margin-bottom:var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.impact-stats-left{display:flex;align-items:center;gap:var(--sp-4);flex:1;min-width:0}.impact-stats-icon{width:56px;height:56px;border-radius:var(--round-full);background:var(--primary-fixed-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0}.impact-stats-icon .material-icons-round{font-size:28px;color:var(--primary)}.impact-stats-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--on-surface);line-height:1.3}.impact-stats-sub{font-size:.8125rem;font-weight:500;color:var(--on-surface-variant);margin-top:2px}.impact-stats-right{text-align:right;flex-shrink:0}.impact-hours-num{display:block;font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--primary);line-height:1}.impact-hours-label{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;color:var(--on-surface-variant);letter-spacing:.05em;margin-top:2px}.no-pad-top{padding-top:0}.points-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);border-radius:var(--round-xl);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-8);box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.points-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0054402e}.points-card-inner{display:flex;align-items:center;gap:var(--sp-4)}.points-icon{width:48px;height:48px;border-radius:var(--round-full);background:#ffffff2e;display:flex;align-items:center;justify-content:center}.points-icon .material-icons-round{font-size:26px;color:var(--secondary-container)}.points-info{flex:1;display:flex;flex-direction:column}.points-label{font-size:.8125rem;font-weight:500;color:#ffffffb3;letter-spacing:.02em}.points-value{font-family:var(--font-display);font-size:2rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);line-height:1.15}.points-arrow .material-icons-round{font-size:18px;color:#ffffff80}.section{margin-bottom:var(--sp-8)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--on-surface)}.see-all{font-size:.8125rem;font-weight:600;color:var(--primary-container);text-decoration:none;transition:color var(--transition-fast)}.see-all:hover{color:var(--primary)}.carousel{display:flex;gap:var(--sp-4);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;cursor:grab;padding-bottom:var(--sp-2);margin-left:calc(var(--sp-5) * -1);margin-right:calc(var(--sp-5) * -1);padding-left:var(--sp-5);padding-right:var(--sp-5);scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.opportunity-card{min-width:280px;max-width:300px;background:var(--surface-container-lowest);border-radius:1.5rem;overflow:hidden;scroll-snap-align:start;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.opportunity-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.opp-image{height:176px;position:relative;overflow:hidden}.opp-image-1{background:linear-gradient(135deg,#1a7a5c,#3cb896 40%,#68d4a8)}.opp-image-1:after{content:"🌱";font-size:48px;position:absolute;bottom:10px;right:16px;opacity:.8}.opp-image-2{background:var(--surface-variant)}.opp-image-2:after{content:"🏖️";font-size:48px;position:absolute;bottom:10px;right:16px;opacity:.8}.opp-image-3{background:linear-gradient(135deg,#9c5a6e,#d48ea0,#f0c0cc)}.opp-image-3:after{content:"🤝";font-size:48px;position:absolute;bottom:10px;right:16px;opacity:.8}.fallback-illustration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;opacity:0;transform:scale(1.02);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);z-index:1}.fallback-illustration.fallback-visible{opacity:1;transform:scale(1)}.fallback-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}.fallback-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.fallback-badge{position:absolute;bottom:var(--sp-3);right:var(--sp-3);z-index:2;width:42px;height:42px;border-radius:var(--round-full);background:#ffffff2e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000001a;animation:fallback-badge-pulse 2.5s ease-in-out infinite}.fallback-badge .material-icons-round{font-size:22px;color:var(--accent, #ffffff);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}@keyframes fallback-badge-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}.opp-image,.impact-image-wrap,.event-hero-image,.discover-hero-image,.reward-image-wrap{position:relative}body.dark-mode .fallback-gradient{filter:brightness(.8)}body.dark-mode .fallback-badge{background:#ffffff1f}body.rtl .fallback-badge{right:auto;left:var(--sp-3)}.opp-badge{position:absolute;top:var(--sp-3);right:var(--sp-3);background:var(--secondary-container);color:var(--on-secondary);font-family:var(--font-display);font-size:.75rem;font-weight:800;padding:4px 12px;border-radius:var(--round-full);box-shadow:0 4px 6px -1px #0000001f;z-index:5}body.rtl .opp-badge{right:auto;left:var(--sp-3)}.opp-content{padding:var(--sp-4)}.opp-org{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.opp-org-icon{width:28px;height:28px;border-radius:var(--round-full);display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--surface-container)}.red-crescent-icon{background:#fce4e4}.beach-icon{background:#daf0f7}.elderly-icon{background:#fce8ee}.opp-org-name{font-size:.6875rem;font-weight:600;color:var(--on-surface-variant);letter-spacing:.01em}.opp-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--on-surface);margin-bottom:var(--sp-3);line-height:1.3}.opp-meta-row{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.opp-meta{display:flex;align-items:center;gap:var(--sp-1);font-size:.75rem;color:var(--on-surface-variant)}.opp-meta .material-icons-round{font-size:14px;color:var(--primary-container)}.activity-list{display:flex;flex-direction:column;gap:var(--sp-3)}.activity-item{display:flex;align-items:center;gap:var(--sp-4);background:var(--surface-container-lowest);border-radius:var(--round-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.activity-item:hover{transform:translate(4px)}.activity-icon{width:48px;height:48px;border-radius:var(--round-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon .material-icons-round{font-size:20px;color:#fff}.activity-icon-green{background:var(--primary-container)}.activity-icon-blue{background:var(--info-blue)}.activity-icon-rose{background:var(--rose)}.activity-icon-amber{background:var(--amber)}.activity-icon-teal{background:#2a8f7a}.activity-info{flex:1;min-width:0}.activity-name{font-size:.875rem;font-weight:600;color:var(--on-surface);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-date{font-size:.75rem;color:var(--on-surface-variant);display:block;margin-top:2px}.activity-points{font-family:var(--font-display);font-size:.9375rem;font-weight:800;color:var(--secondary);white-space:nowrap}.event-hero{width:calc(100% + var(--sp-5) * 2);margin-left:calc(var(--sp-5) * -1);height:240px;position:relative}.event-hero-image{width:100%;height:100%;background:linear-gradient(145deg,#146b50,#1f9e75,#49c297 60%,#8fe8c4);position:relative}.event-hero-image:after{content:"🌿";font-size:80px;position:absolute;bottom:20px;right:24px;opacity:.6}.hero-gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,var(--surface))}.event-info-card{background:var(--surface-container-lowest);border-radius:var(--round-xl);padding:var(--sp-6);margin:calc(var(--sp-6) * -1) var(--sp-5) var(--sp-5);margin-left:0;margin-right:0;box-shadow:var(--shadow-lg);position:relative;z-index:3;margin-top:-40px}.event-org-row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.event-org-logo{width:44px;height:44px;border-radius:var(--round-lg);background:#fce4e4;display:flex;align-items:center;justify-content:center;font-size:22px}.event-org-name{font-size:.9375rem;font-weight:700;color:var(--on-surface);display:block}.event-org-type{font-size:.75rem;color:var(--on-surface-variant);display:block}.event-title{font-family:var(--font-display);font-size:1.375rem;font-weight:800;color:var(--on-surface);line-height:1.25;margin-bottom:var(--sp-3)}.event-desc{font-size:.875rem;line-height:1.6;color:var(--on-surface-variant);margin-bottom:var(--sp-5)}.event-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-5)}.event-detail-item{display:flex;align-items:flex-start;gap:var(--sp-3)}.event-detail-item .material-icons-round{font-size:20px;color:var(--primary-container);margin-top:2px}.detail-label{font-size:.6875rem;font-weight:500;color:var(--on-surface-variant);display:block;text-transform:uppercase;letter-spacing:.04em}.detail-value{font-size:.8125rem;font-weight:600;color:var(--on-surface);display:block}.mini-map{height:100px;border-radius:var(--round-lg);background:var(--surface-container);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);position:relative;overflow:hidden}.mini-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(15,110,86,.06) 0%,transparent 50%),radial-gradient(circle at 70% 40%,rgba(15,110,86,.04) 0%,transparent 40%)}.map-pin .material-icons-round{font-size:28px;color:var(--primary-container)}.map-label{font-size:.75rem;font-weight:600;color:var(--on-surface-variant)}.reward-callout{background:var(--secondary-container);border-radius:var(--round-xl);padding:var(--sp-5);margin:var(--sp-5) 0}.reward-callout-inner{display:flex;align-items:center;gap:var(--sp-4)}.reward-star{font-size:32px;color:var(--on-secondary)}.reward-text{display:flex;flex-direction:column}.reward-label{font-size:.75rem;font-weight:500;color:var(--on-secondary);opacity:.7}.reward-value{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--on-secondary)}.action-footer{padding:var(--sp-4) 0}.btn-primary{width:100%;padding:var(--sp-4) var(--sp-6);background:var(--primary);color:var(--on-primary);font-family:var(--font-body);font-size:1rem;font-weight:700;border:none;border-radius:var(--round-full);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-tint);opacity:0;transition:opacity var(--transition-fast)}.btn-primary:hover{background:var(--primary-container);transform:translateY(-1px);box-shadow:0 6px 24px #00544040}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0)}#page-checkin-success{background:#000000a6;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);padding-bottom:var(--sp-6)}.scanner-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#1a5e47,#237a5e,#37a37d 60%,#6ec9a9);filter:blur(6px);opacity:.4}.scanner-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:220px;height:220px;border:3px solid rgba(255,255,255,.25);border-radius:var(--round-lg);overflow:hidden}.scanner-line{position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-fixed-dim);animation:scanLine 2s ease-in-out infinite;box-shadow:0 0 12px var(--primary-fixed-dim)}@keyframes scanLine{0%,to{top:0}50%{top:calc(100% - 3px)}}.success-modal{background:var(--surface-container-lowest);border-radius:var(--round-xl);padding:var(--sp-8) var(--sp-6);text-align:center;position:relative;z-index:5;box-shadow:0 20px 60px #0003;width:100%;max-width:360px;animation:modalSlideUp .5s var(--ease-out)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.success-icon-wrap{margin-bottom:var(--sp-5)}.success-icon{width:72px;height:72px;border-radius:var(--round-full);background:var(--primary);display:inline-flex;align-items:center;justify-content:center;animation:successPop .6s var(--ease-out) .2s both}@keyframes successPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.success-icon .material-icons-round{font-size:36px;color:#fff}.success-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--on-surface);margin-bottom:var(--sp-2)}.success-event-name{font-size:.875rem;color:var(--on-surface-variant);margin-bottom:var(--sp-6)}.success-stats{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-6);background:var(--surface-container-low);border-radius:var(--round-lg);padding:var(--sp-5)}.success-stat{display:flex;align-items:center;gap:var(--sp-3);text-align:left}.success-stat .material-icons-round{font-size:22px;color:var(--primary-container)}.stat-label{font-size:.75rem;color:var(--on-surface-variant);display:block}.stat-value{font-family:var(--font-display);font-size:1.125rem;font-weight:800;color:var(--on-surface);display:block}.points-gold{color:var(--secondary)!important}.category-chips{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-4);margin-bottom:var(--sp-4);scrollbar-width:none}.category-chips::-webkit-scrollbar{display:none}.chip{padding:var(--sp-2) var(--sp-4);border-radius:var(--round-full);border:none;font-family:var(--font-body);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--surface-container-lowest);color:var(--on-surface-variant);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.chip:hover{background:var(--surface-container-high)}.chip.active{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 16px #00544033}.rewards-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.reward-card{position:relative;background:var(--surface-container-lowest);border-radius:var(--round-xl);overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column;height:220px}.reward-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.reward-card.hidden{display:none}.reward-image-wrap{height:144px;position:relative;overflow:hidden;flex-shrink:0;background:var(--surface-container)}.reward-photo{width:100%;height:100%;object-fit:cover;display:block}.reward-brand-logo{position:absolute;top:var(--sp-3);left:var(--sp-3);width:48px;height:48px;background:var(--surface-container-lowest);border-radius:var(--round-xl);padding:4px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.reward-brand-logo img{width:100%;height:100%;object-fit:contain}.brand-logo-icon{flex-direction:column;gap:2px;padding:6px}.brand-logo-icon .material-icons-round{font-size:18px;color:var(--primary-container)}.brand-label{font-size:.5rem;font-weight:600;color:var(--primary-container);line-height:1}.reward-card-body{padding:var(--sp-3);padding-right:64px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.reward-card-title{font-size:.8125rem;font-weight:600;color:var(--on-surface);line-height:1.3}.reward-price-badge{position:absolute;bottom:0;right:0;background:var(--secondary);color:#fff;border-top-left-radius:var(--round-xl);border-bottom-right-radius:var(--round-xl);padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px}.price-coin{width:22px;height:22px;border-radius:var(--round-full);background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:2px;border:1px solid rgba(255,255,255,.3)}.price-coin .material-icons-round{font-size:14px}.price-amount{font-family:var(--font-display);font-size:1.125rem;font-weight:800;line-height:1}.price-unit{font-size:.5625rem;font-weight:600;text-transform:capitalize;line-height:1.2}.profile-hero{text-align:center;padding:var(--sp-4) 0 var(--sp-6)}.profile-avatar-large{width:88px;height:88px;border-radius:var(--round-full);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-container) 100%);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--sp-3);box-shadow:0 6px 24px #00544033}.profile-avatar-large .material-icons-round{font-size:42px;color:#ffffffd9}.profile-name{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--on-surface);margin-bottom:var(--sp-1)}.profile-title{font-size:.8125rem;color:var(--on-surface-variant)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-8)}.stat-card{background:var(--surface-container-lowest);border-radius:var(--round-xl);padding:var(--sp-5);text-align:center;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.stat-card-icon{width:44px;height:44px;border-radius:var(--round-full);background:var(--primary-fixed-dim);display:flex;align-items:center;justify-content:center}.stat-card-icon .material-icons-round{font-size:22px;color:var(--primary)}.icon-gold{background:var(--secondary-container)!important}.icon-gold .material-icons-round{color:var(--on-secondary)!important}.stat-card-label{font-size:.6875rem;font-weight:500;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.03em}.stat-card-value{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--on-surface)}.history-list{display:flex;flex-direction:column;gap:var(--sp-3)}.history-card{display:flex;align-items:flex-start;gap:var(--sp-4);background:var(--surface-container-lowest);border-radius:var(--round-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.history-card:hover{transform:translate(4px)}.history-icon{width:42px;height:42px;border-radius:var(--round-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-icon .material-icons-round{font-size:20px;color:#fff}.history-icon-green{background:var(--primary-container)}.history-icon-blue{background:var(--info-blue)}.history-icon-rose{background:var(--rose)}.history-icon-amber{background:var(--amber)}.history-icon-teal{background:#2a8f7a}.history-info{flex:1;min-width:0}.history-name{font-size:.875rem;font-weight:600;color:var(--on-surface);margin-bottom:2px}.history-date{font-size:.75rem;color:var(--on-surface-variant);display:block;margin-bottom:var(--sp-2)}.history-stats{display:flex;gap:var(--sp-4)}.history-hours,.history-pts{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600}.history-hours{color:var(--on-surface-variant)}.history-pts{color:var(--secondary)}.history-hours .material-icons-round,.history-pts .material-icons-round{font-size:14px}.bottom-nav{position:absolute;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-around;padding:var(--sp-3) var(--sp-4);padding-bottom:max(var(--sp-4),env(safe-area-inset-bottom));background:#f5f0e8d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -4px 20px #1d1c170f;transition:transform var(--transition-med)}.bottom-nav.hidden{transform:translateY(100%)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-2) var(--sp-3);border:none;background:none;cursor:pointer;color:var(--on-surface-variant);transition:color var(--transition-fast),transform var(--transition-fast);border-radius:var(--round-lg);position:relative}.nav-item:hover{color:var(--primary-container)}.nav-item.active{color:var(--on-primary);background:var(--primary-container);border-radius:var(--round-xl)}.nav-item.active:after{display:none}.nav-item .material-icons-round{font-size:24px}.nav-label{font-size:.625rem;font-weight:600;letter-spacing:.01em}.nav-scanner{width:52px;height:52px;border-radius:var(--round-full);background:var(--primary);color:#fff!important;box-shadow:0 4px 16px #0054404d;padding:0;display:flex;align-items:center;justify-content:center;margin-top:-20px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.nav-scanner:hover{transform:scale(1.1);box-shadow:0 6px 24px #00544066}.nav-scanner .material-icons-round{font-size:26px}.nav-scanner:after{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page.active .points-card,.page.active .section,.page.active .event-info-card,.page.active .reward-callout,.page.active .profile-hero,.page.active .stats-grid,.page.active .category-chips,.page.active .rewards-grid{animation:fadeInUp .5s var(--ease-out) both}.page.active .section:nth-child(2){animation-delay:.08s}.page.active .section:nth-child(3){animation-delay:.16s}.page.active .points-card{animation-delay:.04s}.page.active .stats-grid{animation-delay:.12s}.btn-primary:active,.chip:active{transform:scale(.97)}.discover-hero{margin-bottom:var(--sp-6);cursor:pointer}.discover-hero-image{position:relative;border-radius:2rem;overflow:hidden;aspect-ratio:4 / 5;box-shadow:0 12px 40px #00000026}.discover-hero-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}.discover-hero:hover .discover-hero-image img{transform:scale(1.04)}.discover-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 40%,transparent 60%)}.discover-hero-badge{position:absolute;top:var(--sp-5);left:var(--sp-5);background:var(--secondary);color:#fff;font-size:.625rem;font-weight:700;padding:6px 14px;border-radius:var(--round-full);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:6px;box-shadow:0 4px 16px #00000040}.badge-dot{width:6px;height:6px;background:#fff;border-radius:var(--round-full);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.discover-hero-content{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-8) var(--sp-6)}.discover-hero-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:var(--sp-3);letter-spacing:-.02em}.discover-hero-desc{font-size:.875rem;font-weight:500;color:#ffffffd9;line-height:1.5;margin-bottom:var(--sp-5);max-width:300px}.discover-hero-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);background:var(--primary-container);color:#fff;font-family:var(--font-body);font-size:.9375rem;font-weight:700;border:none;border-radius:var(--round-xl);cursor:pointer;box-shadow:0 6px 20px #00544059;transition:background var(--transition-fast),transform var(--transition-fast)}.discover-hero-btn:hover{background:var(--primary)}.discover-hero-btn:active{transform:scale(.97)}.discover-hero-btn .material-icons-round{font-size:16px}.discover-pills{display:flex;gap:var(--sp-2);overflow-x:auto;margin-bottom:var(--sp-8);margin-left:calc(var(--sp-5) * -1);margin-right:calc(var(--sp-5) * -1);padding-left:var(--sp-5);padding-right:var(--sp-5);scrollbar-width:none}.discover-pills::-webkit-scrollbar{display:none}.discover-pill{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--round-full);font-family:var(--font-body);font-size:.8125rem;font-weight:600;border:1px solid var(--surface-container-high);background:#fff9;color:var(--on-surface-variant);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.discover-pill:hover{background:#fff}.discover-pill.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary);box-shadow:0 4px 12px #00544033}.discover-pill .material-icons-round{font-size:16px}.discover-section{margin-bottom:var(--sp-10)}.discover-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5)}.discover-section-title{font-family:var(--font-display);font-size:1.375rem;font-weight:800;color:var(--primary);margin-bottom:var(--sp-4)}.discover-section-header .discover-section-title{margin-bottom:0}.discover-map-card{position:relative;border-radius:1.5rem;overflow:hidden;aspect-ratio:16 / 9;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--transition-fast)}.discover-map-card:hover{transform:translateY(-3px)}.discover-map-img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) brightness(1.05) contrast(.95)}.discover-map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.35) 0%,transparent 50%)}.map-pin-marker{position:absolute;background:var(--primary);color:#fff;width:28px;height:28px;border-radius:var(--round-full);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00544059;border:2px solid rgba(255,255,255,.5);animation:pinBounce 2s ease-in-out infinite}.map-pin-marker:nth-child(2){animation-delay:.3s}.map-pin-marker:nth-child(3){animation-delay:.6s}@keyframes pinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.map-pin-marker .material-icons-round{font-size:14px}.discover-map-footer{position:absolute;bottom:var(--sp-4);left:var(--sp-4);right:var(--sp-4);display:flex;justify-content:space-between;align-items:flex-end}.map-spots-badge{background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 16px;border-radius:var(--round-lg);font-size:.6875rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.06em;box-shadow:0 4px 16px #0000001a}.map-view-btn{background:var(--primary);color:#fff;padding:10px 20px;border-radius:var(--round-full);font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 6px 20px #00544059;transition:transform var(--transition-fast)}.discover-map-card:hover .map-view-btn{transform:scale(1.05)}.discover-impact-list{display:flex;flex-direction:column;gap:var(--sp-8)}.discover-impact-card{cursor:pointer;transition:transform var(--transition-fast)}.discover-impact-card:active{transform:scale(.98)}.impact-image-wrap{position:relative;height:320px;border-radius:2rem;overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:var(--sp-4)}.impact-photo{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.discover-impact-card:hover .impact-photo{transform:scale(1.03)}.impact-image-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 50%)}.impact-avatars{position:absolute;bottom:var(--sp-5);left:var(--sp-5);display:flex}.impact-avatar{width:36px;height:36px;border-radius:var(--round-full);border:2px solid white;overflow:hidden;margin-left:-10px}.impact-avatar:first-child{margin-left:0}.impact-avatar img{width:100%;height:100%;object-fit:cover}.impact-avatar-count{background:var(--primary);color:#fff;font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center}.impact-info{padding:0 var(--sp-2)}.impact-meta{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.impact-category{font-size:.6875rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.08em}.impact-dot{width:4px;height:4px;border-radius:var(--round-full);background:var(--surface-container-high)}.impact-location{font-size:.75rem;font-weight:500;color:var(--on-surface-variant)}.impact-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--on-surface);margin-bottom:var(--sp-2);line-height:1.25}.impact-desc{font-size:.875rem;font-weight:500;color:var(--on-surface-variant);line-height:1.55}.discover-explore-btn{display:flex;align-items:center;gap:var(--sp-4);background:var(--surface-container-lowest);border:2px solid var(--surface-container-high);border-radius:var(--round-xl);padding:var(--sp-5);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:var(--sp-10)}.discover-explore-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.discover-explore-btn:active{transform:scale(.98)}.explore-icon-wrap{width:52px;height:52px;background:var(--primary-fixed-dim);border-radius:var(--round-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.discover-explore-btn:hover .explore-icon-wrap{transform:scale(1.1)}.explore-icon-wrap .material-icons-round{font-size:26px;color:var(--primary)}.explore-text{flex:1}.explore-title{font-size:1rem;font-weight:700;color:var(--on-surface)}.explore-subtitle{font-size:.8125rem;color:var(--on-surface-variant);margin-top:2px}.explore-arrow{color:var(--on-surface-variant);transition:transform var(--transition-fast)}.discover-explore-btn:hover .explore-arrow{transform:translate(4px)}.page.active .discover-hero,.page.active .discover-pills,.page.active .discover-section,.page.active .discover-explore-btn{animation:fadeInUp .5s var(--ease-out) both}.page.active .discover-pills{animation-delay:.06s}.page.active .discover-section:nth-of-type(1){animation-delay:.1s}.page.active .discover-section:nth-of-type(2){animation-delay:.16s}.page.active .discover-explore-btn{animation-delay:.22s}#page-volunteer-map{padding-bottom:0}.volmap-container{position:relative;height:calc(100dvh - 56px);overflow:hidden}.volmap-map-area{position:absolute;top:0;right:0;bottom:0;left:0}.volmap-bg{width:100%;height:100%;object-fit:cover;filter:brightness(1.02) contrast(.96) saturate(1.1)}.volmap-pin{position:absolute;z-index:5;cursor:pointer;transition:transform var(--transition-fast)}.volmap-pin:hover,.volmap-pin.active{transform:scale(1.25);z-index:10}.volmap-pin-icon{width:40px;height:40px;border-radius:var(--round-full);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00544066;border:3px solid white;position:relative;z-index:2;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.volmap-pin.active .volmap-pin-icon{background:var(--secondary);box-shadow:0 4px 20px #c9a84c80}.volmap-pin-icon .material-icons-round{font-size:18px}.volmap-pin-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:var(--round-full);background:#00544033;animation:mapPulse 2.5s ease-out infinite;z-index:1}.volmap-pin.active .volmap-pin-pulse{background:#c9a84c40}@keyframes mapPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.volmap-chips{position:absolute;top:12px;left:0;right:0;z-index:15;display:flex;gap:8px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.volmap-chips::-webkit-scrollbar{display:none}.volmap-chip{display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--round-full);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--on-surface);cursor:pointer;white-space:nowrap;box-shadow:0 2px 12px #0000001a;transition:all var(--transition-fast)}.volmap-chip.active{background:var(--primary);color:#fff;box-shadow:0 4px 16px #0054404d}.volmap-chip .material-icons-round{font-size:14px}.volmap-card-sheet{position:absolute;bottom:0;left:0;right:0;z-index:20;background:#f5f0e8f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--round-xl) var(--round-xl) 0 0;padding:12px 0 24px;box-shadow:0 -8px 32px #0000001a}.volmap-sheet-handle{width:36px;height:4px;background:var(--surface-container-high);border-radius:var(--round-full);margin:0 auto 12px}.volmap-cards-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.volmap-cards-scroll::-webkit-scrollbar{display:none}.volmap-event-card{min-width:280px;max-width:300px;background:var(--surface-container-lowest);border-radius:var(--round-lg);overflow:hidden;display:flex;scroll-snap-align:start;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);border:2px solid transparent;flex-shrink:0}.volmap-event-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.volmap-event-card.selected{border-color:var(--primary);box-shadow:0 4px 20px #00544033}.volmap-card-color{width:6px;flex-shrink:0}.volmap-color-green{background:var(--primary-container)}.volmap-color-blue{background:var(--info-blue)}.volmap-color-rose{background:var(--rose)}.volmap-color-amber{background:var(--amber)}.volmap-color-teal{background:#2a8f7a}.volmap-card-body{padding:14px 16px;flex:1;min-width:0}.volmap-card-org{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.volmap-card-badge{background:var(--secondary-container);color:var(--on-secondary);font-family:var(--font-display);font-size:.6875rem;font-weight:700;padding:3px 10px;border-radius:var(--round-full)}.volmap-card-distance{font-size:.6875rem;font-weight:500;color:var(--on-surface-variant)}.volmap-card-title{font-family:var(--font-body);font-size:.875rem;font-weight:700;color:var(--on-surface);margin-bottom:8px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.volmap-card-meta{display:flex;align-items:center;gap:4px;font-size:.6875rem;color:var(--on-surface-variant)}.volmap-card-meta .material-icons-round{font-size:13px;color:var(--primary-container)}.volmap-card-spots{margin-left:auto;font-weight:600;color:var(--primary)}.volmap-count-badge{position:absolute;top:60px;right:16px;z-index:15;display:flex;align-items:center;gap:6px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 14px;border-radius:var(--round-full);font-size:.6875rem;font-weight:700;color:var(--primary);box-shadow:0 4px 16px #0000001a}.volmap-count-badge .material-icons-round{font-size:16px;color:var(--primary-container)}@media(min-width:768px){.app-shell{border-left:1px solid var(--outline-variant);border-right:1px solid var(--outline-variant);box-shadow:0 0 60px #00000014}}.weave-hero-stats{display:flex;align-items:center;gap:var(--sp-2);color:#ffffffb3;font-size:.8125rem;font-weight:600;margin-top:var(--sp-2)}.weave-hero-btn{background-color:#c8a84b;color:#1a1a1a;font-weight:700;padding:var(--sp-4) var(--sp-6);border-radius:9999px;text-align:center;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-8);font-family:inherit;border:none;cursor:pointer;width:100%}.discover-mosaic-btn{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);background-color:var(--surface-container-lowest);border-radius:1.5rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #0000000d;min-width:100px;cursor:pointer;transition:background-color .2s;font-family:inherit}.mosaic-icon{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.mosaic-icon .material-icons-round{font-size:32px}.env-icon{background-color:#10b98126;color:#10b981}.elderly-icon{background-color:#f59e0b26;color:#f59e0b}.edu-icon{background-color:#3b82f626;color:#3b82f6}.health-icon{background-color:#ef444426;color:#ef4444}.community-icon{background-color:#a855f726;color:#a855f7}.mosaic-label{font-size:11px;font-weight:800;color:var(--on-surface)}.dynamic-event-badge{position:absolute;top:var(--sp-3);right:var(--sp-3);font-family:inherit;font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:var(--round-full);z-index:10;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.rtl .dynamic-event-badge{right:auto;left:var(--sp-3)}.badge-amber{background-color:#fbbf24e6;color:#78350f;border:1px solid rgba(251,191,36,1)}.badge-red{background-color:#ef4444e6;color:#fff;border:1px solid rgba(239,68,68,1)}.badge-green{background-color:#10b981e6;color:#fff;border:1px solid rgba(16,185,129,1)}@keyframes badge-pulse-once{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}.pulse-anim-once{animation:badge-pulse-once 1s ease-out 1}.switch-container{position:relative;display:inline-block;width:3.5em;height:2em}.switch-checkbox{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;border-radius:30px;transition:.5s;background-color:#e5e7eb}body.dark-mode .switch-slider{background-color:#0a1a44}.switch-slider:before{content:"";position:absolute;height:1.4em;width:1.4em;border-radius:50%;left:10%;bottom:15%;background-color:#e5e7eb;box-shadow:inset 8px -4px #fff000;transition:.5s}body.dark-mode .switch-slider:before{background-color:#0a1a44}.switch-checkbox:checked+.switch-slider{background-color:#9ca3af}body.dark-mode .switch-checkbox:checked+.switch-slider{background-color:#102b6a}.switch-checkbox:checked+.switch-slider:before{transform:translate(100%);box-shadow:inset 15px -4px 0 15px #fff000}body.rtl .switch-container{direction:ltr}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .2s cubic-bezier(0,0,.2,1) forwards}.lang-selector-container{position:relative;display:inline-block;z-index:1000;margin-right:8px}.lang-trigger{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#1a1a1a;font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .2s ease}body.dark-mode .lang-trigger{background:#1e1e1ee6;border-color:#ffffff1a;color:#f5f5f5}.lang-trigger:hover{background:#fafafa}.lang-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:150px;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 15px -3px #0000001a;overflow:hidden;display:none;z-index:1001}body.rtl .lang-dropdown-menu{right:auto;left:0}body.dark-mode .lang-dropdown-menu{background:#171717;border-color:#ffffff1a}.lang-dropdown-menu.show{display:flex;flex-direction:column}.lang-option{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;border:none;background:transparent;color:#404040;font-size:.8125rem;font-weight:600;text-align:left;cursor:pointer;transition:all .15s}body.rtl .lang-option{text-align:right;flex-direction:row-reverse}body.dark-mode .lang-option{color:#a3a3a3}.lang-option:hover{background:#f5f5f5;color:#171717}.lang-option.active{color:#2563eb;background:#2563eb0d}.lang-option .check-icon{margin-left:auto;font-size:16px;opacity:0;color:#2563eb}body.rtl .lang-option .check-icon{margin-left:0;margin-right:auto}.lang-option.active .check-icon{opacity:1}.lang-trigger-chevron{font-size:16px;color:#737373;transition:transform .2s}.lang-dropdown-menu.show~.lang-trigger .lang-trigger-chevron{transform:rotate(180deg)}.settings-list{background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(0,0,0,.05);overflow:hidden;margin-top:12px}body.dark-mode .settings-list{background:#1e1e1e66;border-color:#ffffff0d}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(0,0,0,.05)}body.dark-mode .settings-item{border-bottom-color:#ffffff0d}.settings-item:last-child{border-bottom:none}.settings-info{display:flex;align-items:center;gap:12px}.settings-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#666}body.dark-mode .settings-icon{background:#2a2a2a;color:#aaa}.settings-label{font-size:.9375rem;font-weight:600;color:#1a1a1a}body.dark-mode .settings-label{color:#f5f5f5}.settings-item .lang-trigger{box-shadow:none;background:#00000008}#page-reward-details{background-color:var(--surface);color:var(--on-surface)}.reward-detail-header{position:fixed;top:0;width:100%;z-index:50;background:#f5f0e8d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 32px #1d1c170f;display:flex;align-items:center;padding:0 var(--sp-6);height:4rem}body.dark-mode .reward-detail-header{background:#1d1c17d9}.reward-detail-header .back-btn{margin-right:var(--sp-4);color:var(--primary-container);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.reward-detail-header .back-btn:active{transform:scale(.95)}body.dark-mode .reward-detail-header .back-btn,body.dark-mode .reward-detail-title{color:var(--primary-fixed-dim)}.reward-detail-title{font-family:var(--font-headline);font-weight:700;font-size:1.125rem;letter-spacing:-.025em;color:var(--primary-container)}.reward-detail-main{padding-top:4rem;max-width:28rem;margin:0 auto;padding-bottom:7rem}.reward-hero{position:relative;height:20rem;width:100%;overflow:hidden}.reward-hero-img{width:100%;height:100%;object-fit:cover}.reward-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(29,28,23,.6),transparent)}.reward-hero-logo-box{position:absolute;bottom:-1.5rem;left:2rem;background:var(--surface-container-lowest);padding:.75rem;border-radius:.75rem;box-shadow:var(--shadow-md)}.reward-brand-logo-inner{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden}.reward-brand-logo-inner img{width:100%;height:100%;object-fit:contain}.reward-info-section{padding:2.5rem 2rem 1.5rem}.reward-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp-4)}.reward-category-label{font-size:.875rem;font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-1);display:block}.reward-main-title{font-size:1.875rem;font-weight:800;color:var(--primary);line-height:1.25}.reward-price-pill{background-color:var(--secondary-container);color:var(--on-secondary-container);padding:.5rem 1rem;border-radius:9999px;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;gap:.375rem;transition:transform .2s}.reward-price-pill:active{transform:scale(.95)}.reward-price-pill .material-icons-round{font-size:1.125rem}.reward-points{font-weight:700;font-size:.875rem}.reward-brand-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-8);color:var(--on-surface-variant)}.reward-brand-name{font-weight:500}.reward-brand-row .material-icons-round{color:var(--primary)}.reward-desc-box{background-color:var(--surface-container-low);padding:1.5rem;border-radius:.75rem;margin-bottom:var(--sp-8)}.reward-desc-title{color:var(--primary);font-weight:700;font-size:1.125rem;margin-bottom:var(--sp-3)}.reward-desc-text{color:var(--on-surface-variant);line-height:1.625;font-size:.875rem}.reward-bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4);margin-bottom:var(--sp-8)}.bento-box{background-color:var(--surface-container-highest);padding:1rem;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bento-icon{color:var(--primary);margin-bottom:var(--sp-2)}.bento-label{font-size:10px;text-transform:uppercase;font-weight:700;color:var(--on-surface-variant);opacity:.6}.bento-value{font-size:.875rem;font-weight:700;color:var(--primary)}.reward-terms{border-top:1px solid var(--outline-variant);padding-top:1.5rem}.terms-header{display:flex;align-items:center;justify-content:space-between;width:100%}.terms-title{font-weight:700;color:var(--on-surface)}.terms-header .material-icons-round{color:var(--on-surface-variant)}.terms-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;list-style-type:none;padding:0}.terms-list li{display:flex;gap:.75rem;font-size:.75rem;color:var(--on-surface-variant);line-height:1.625}.terms-list li .bullet{color:var(--primary);font-weight:700}.rd-missing-spot-wrap{margin-top:1.75rem;padding-top:.25rem}.rd-missing-spot-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 1.25rem;border:2px dashed rgba(15,110,86,.28);border-radius:1rem;background:#0f6e560f;cursor:pointer;font-family:var(--font-headline, "Manrope", sans-serif);font-weight:800;font-size:1rem;color:var(--primary, #005440);text-align:center;transition:background .2s,border-color .2s,transform .15s}.rd-missing-spot-btn:hover{background:#0f6e561a;border-color:#0f6e5666}.rd-missing-spot-btn:active{transform:scale(.99)}.rd-missing-spot-btn:focus-visible{outline:3px solid #f4b942;outline-offset:3px}.rd-missing-spot-icon{flex-shrink:0;width:3rem;height:3rem;border-radius:9999px;background:var(--surface-container-lowest, #fff);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #1d1c1714}.rd-missing-spot-icon .material-icons-round{font-size:1.35rem;color:var(--primary, #005440)}.rd-missing-spot-label{line-height:1.3}body.dark-mode .rd-missing-spot-btn{background:#84d6b914;border-color:#84d6b959;color:var(--primary-fixed, #a0f3d4)}body.dark-mode .rd-missing-spot-icon{background:var(--surface-container-high, #2a4a40)}body.dark-mode .rd-missing-spot-icon .material-icons-round{color:var(--primary-fixed, #a0f3d4)}.reward-fixed-action{position:fixed;bottom:0;left:0;width:100%;background:#f5f0e8d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem 1.5rem 2.5rem;display:flex;flex-direction:column;gap:1rem;z-index:50}body.dark-mode .reward-fixed-action{background:#1d1c17d9}.reward-redeem-btn{width:100%;background-color:var(--primary-container);color:#fff;padding:1rem;border-radius:9999px;font-weight:700;font-size:1.125rem;border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s}.reward-redeem-btn:active{transform:scale(.95)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:0 var(--sp-4);animation:fadeInOverlay .25s var(--ease-out)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.confirm-modal-card{background:var(--surface-container-lowest);border-radius:1.5rem 1.5rem 0 0;padding:2rem 1.5rem 2.5rem;width:100%;max-width:430px;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:slideUpModal .3s var(--ease-out)}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay.modal-exiting{animation:fadeOutOverlay .25s ease forwards}.modal-overlay.modal-exiting .confirm-modal-card{animation:slideDownModal .25s var(--ease-out) forwards}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}@keyframes slideDownModal{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(40px) scale(.95)}}.confirm-icon-ring{width:4rem;height:4rem;border-radius:50%;background:var(--secondary-container);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.confirm-icon-ring .material-icons-round{font-size:2rem;color:var(--secondary)}.confirm-title{font-size:1.5rem;font-weight:800;color:var(--primary);text-align:center}.confirm-subtitle{font-size:.875rem;color:var(--on-surface-variant);text-align:center;max-width:22rem}.confirm-reward-card{background:var(--surface-container-low);border-radius:.75rem;padding:1rem;width:100%}.confirm-reward-left{display:flex;align-items:center;gap:.75rem}.confirm-brand-logo{width:3rem;height:3rem;border-radius:.5rem;overflow:hidden;flex-shrink:0}.confirm-brand-logo img,.confirm-brand-logo div{width:100%;height:100%;object-fit:contain}.confirm-exclusive-badge{font-size:9px;font-weight:700;letter-spacing:.08em;background:var(--secondary-container);color:var(--secondary);padding:2px 6px;border-radius:999px;display:inline-block;margin-bottom:.25rem}.confirm-reward-title{font-weight:700;font-size:.9375rem;color:var(--primary)}.confirm-reward-sub{font-size:.75rem;color:var(--on-surface-variant);margin-top:2px}.confirm-points-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);width:100%}.confirm-points-box{background:var(--surface-container-high);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;align-items:center;text-align:center}.confirm-points-label{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--on-surface-variant);text-transform:uppercase;margin-bottom:.25rem}.confirm-points-value{font-size:1rem;font-weight:800;color:var(--primary)}.confirm-notice{display:flex;align-items:flex-start;gap:.5rem;background:var(--surface-container);border-left:3px solid var(--primary);border-radius:.5rem;padding:.75rem;width:100%}.confirm-notice-icon{color:var(--primary);font-size:16px;flex-shrink:0;margin-top:2px}.confirm-notice-text{font-size:.75rem;color:var(--on-surface-variant);line-height:1.5}.confirm-btn-primary{width:100%;background:var(--primary);color:var(--on-primary);border:none;border-radius:9999px;padding:.9rem;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,opacity .2s}.confirm-btn-primary:active{transform:scale(.97)}.confirm-btn-cancel{background:transparent;border:none;color:var(--on-surface-variant);font-size:.9375rem;font-weight:500;cursor:pointer;padding:.5rem;transition:color .2s}.confirm-btn-cancel:hover{color:var(--on-surface)}.confirm-secure-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:var(--on-surface-variant);opacity:.5;text-transform:uppercase}.redeemed-success-section{padding:2rem 1.5rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center}.redeemed-icon-ring{position:relative;width:5rem;height:5rem;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 0 0 .5rem #6dd4b126;animation:popIn .5s var(--ease-out)}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.redeemed-icon-ring .material-icons-round{font-size:2.5rem;color:var(--on-primary)}.redeemed-sparkle{position:absolute;top:-4px;right:-4px;width:1rem;height:1rem;border-radius:50%;background:var(--secondary);border:2px solid var(--surface-container-lowest)}.redeemed-title{font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:.25rem}.redeemed-subtitle{font-size:.875rem;color:var(--on-surface-variant);max-width:22rem}.redeemed-reward-badge{margin:0 1.5rem 1.25rem;display:flex;align-items:center;gap:.75rem;background:var(--surface-container-low);border-radius:.75rem;padding:.875rem 1rem}.redeemed-badge-logo{width:2.5rem;height:2.5rem;border-radius:.5rem;overflow:hidden;flex-shrink:0}.redeemed-badge-logo img,.redeemed-badge-logo div{width:100%;height:100%;object-fit:contain}.redeemed-badge-tag{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--secondary);background:var(--secondary-container);padding:2px 6px;border-radius:999px;display:inline-block;margin-bottom:.2rem}.redeemed-badge-title{font-weight:700;color:var(--primary);font-size:.9375rem}.redeemed-qr-section{margin:0 1.5rem 1.25rem;background:var(--surface-container-low);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.redeemed-qr-code{width:140px;height:140px;display:flex;align-items:center;justify-content:center}.redeemed-qr-code canvas{border-radius:.5rem}.redeemed-code-box{width:100%;background:var(--surface-container-highest);border-radius:.5rem;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.redeemed-copy-btn{position:absolute;top:50%;right:.625rem;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--primary);padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.redeemed-copy-btn:hover{background:var(--surface-variant)}.redeemed-copy-btn .material-icons-round{font-size:1.1rem}.redeemed-code-label{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--on-surface-variant);text-transform:uppercase;margin-bottom:.25rem}.redeemed-code-value{font-family:Courier New,monospace;font-size:1.25rem;font-weight:800;letter-spacing:.1em;color:var(--primary)}.redeemed-countdown-card{margin:0 1.5rem .75rem;background:linear-gradient(135deg,var(--secondary-container),var(--secondary-container));border:1px solid var(--secondary);border-radius:.75rem;padding:1rem 1.25rem}.countdown-timer-row{display:flex;align-items:center;gap:.875rem}.countdown-icon-wrap{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.countdown-icon-wrap .material-icons-round{font-size:1.5rem;color:#fff}.countdown-text-wrap{display:flex;flex-direction:column}.countdown-main{font-weight:800;font-size:1.0625rem;color:var(--on-surface)}.countdown-expires{font-size:.8125rem;color:var(--on-surface-variant);margin-top:2px}.redeemed-validity-list{margin:0 1.5rem 1rem;list-style:none;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);padding:1rem 0}.redeemed-validity-list li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--on-surface-variant)}.validity-icon{font-size:1.125rem;color:var(--on-surface-variant)}.validity-icon.valid{color:var(--primary)}.redeemed-howto-box{margin:0 1.5rem;display:flex;align-items:flex-start;gap:.75rem;background:var(--secondary-container);border-radius:.75rem;padding:1rem}.redeemed-howto-icon{color:var(--secondary);flex-shrink:0;font-size:1.25rem}.redeemed-howto-title{font-weight:700;font-size:.9375rem;color:var(--on-surface);margin-bottom:.25rem}.redeemed-howto-text{font-size:.8125rem;color:var(--on-surface-variant);line-height:1.5}#page-auth{padding-bottom:0;overflow:hidden;background:#0d2420}.auth-content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;height:100%;padding:2rem 2rem 3rem}.auth-header{text-align:center;margin-bottom:2.5rem;position:relative}.auth-back-btn{position:absolute;left:0;top:0;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.auth-title{font-family:Literata,serif;font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.auth-subtitle{font-family:DM Sans,Manrope,sans-serif;font-size:1rem;color:#ffffffbf;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1.25rem;max-width:24rem;width:100%;margin:0 auto}.auth-field label{display:block;font-family:DM Sans,Manrope,sans-serif;font-size:.875rem;font-weight:600;color:#fffc;margin-bottom:.5rem}.auth-input-wrap{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:0 1rem;transition:border-color .2s,background .2s}.auth-input-wrap:focus-within{border-color:var(--primary-fixed-dim);background:#ffffff26}.auth-input-wrap .material-icons-round{color:#ffffff80;font-size:20px}.auth-input-wrap input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:DM Sans,Manrope,sans-serif;font-size:1rem;padding:.875rem 0}.auth-input-wrap input::placeholder{color:#fff6}.auth-error{display:flex;align-items:center;gap:.5rem;background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:10px;padding:.75rem 1rem;color:#fca5a5;font-size:.875rem;font-family:DM Sans,Manrope,sans-serif}.auth-error .material-icons-round{font-size:18px;color:#fca5a5}.auth-submit{margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-spinner{display:inline-flex;align-items:center}.spinning{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-toggle{text-align:center;margin-top:1.5rem;font-family:DM Sans,Manrope,sans-serif;font-size:.9rem;color:#fff9}.auth-toggle-btn{background:none;border:none;color:var(--primary-fixed-dim);font-weight:700;font-size:.9rem;cursor:pointer;padding:0;margin-left:.25rem;font-family:inherit}.auth-toggle-btn:hover{text-decoration:underline}.sign-out-btn{cursor:pointer;border:none;background:var(--surface-container-low);border-radius:var(--round-xl);width:100%;transition:background .2s}.sign-out-btn:hover{background:var(--surface-container)}.sign-out-icon{background:#dc26261a!important}.sign-out-icon .material-icons-round{color:#dc2626!important}.sign-out-btn>.material-icons-round{color:var(--on-surface-variant);font-size:20px}#page-interests{background:var(--surface);overflow-y:auto;padding-top:1rem}.onboarding-header-wrap{padding:var(--sp-6) var(--sp-6) var(--sp-4);text-align:left}.onboarding-title{font-family:var(--font-display);font-size:2.25rem;font-weight:800;line-height:1.1;color:var(--primary);letter-spacing:-.02em;margin-bottom:var(--sp-4)}.onboarding-subtitle{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--on-surface-variant);max-width:90%}.interests-grid{display:flex;flex-wrap:wrap;gap:var(--sp-3);padding:0 var(--sp-6) var(--sp-8);margin-top:var(--sp-6)}.interest-chip{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1.125rem;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--round-full);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.interest-chip .material-icons-round{font-size:1.25rem;color:var(--primary);transition:color var(--transition-fast)}.interest-chip span:not(.material-icons-round){font-family:var(--font-display);font-weight:600;font-size:.875rem;color:var(--on-surface-variant)}.interest-chip .check-icon{display:none;font-size:1.125rem;color:var(--secondary)}.interest-chip.active{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-sm);transform:scale(.98)}.interest-chip.active .material-icons-round,.interest-chip.active span{color:#fff}.interest-chip.active .check-icon{display:block}.interests-info-card{margin:0 var(--sp-6) var(--sp-12);padding:var(--sp-5);background:var(--surface-container-low);border-radius:var(--round-xl);display:flex;gap:var(--sp-4);border:1px solid var(--outline-variant)}.info-card-icon-wrap{width:3rem;height:3rem;background:var(--primary-container);border-radius:var(--round-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card-icon-wrap .material-icons-round{color:#fff;font-size:1.5rem}.info-card-content h4{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--primary);margin-bottom:.25rem}.info-card-content p{font-size:.875rem;color:var(--on-surface-variant);line-height:1.5}.info-card-content .highlight{color:var(--secondary);font-weight:700}.onboarding-footer{position:fixed;bottom:0;left:0;right:0;background:#f5f0e8e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--sp-6) var(--sp-8) calc(var(--sp-8) + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;z-index:100;border-top:1px solid var(--outline-variant);border-radius:1.75rem 1.75rem 0 0;box-shadow:0 -10px 30px #1d1c170d}.btn-skip{display:flex;align-items:center;gap:var(--sp-2);background:none;border:none;color:var(--on-surface-variant);font-family:var(--font-body);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;padding:var(--sp-2) var(--sp-4);cursor:pointer;transition:color .2s}.btn-skip:hover{color:var(--primary)}.btn-onboarding-next{display:flex;align-items:center;gap:var(--sp-3);background:var(--secondary);color:#fff;padding:.875rem 2.5rem;border-radius:var(--round-full);border:none;font-family:var(--font-body);font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em;box-shadow:0 4px 12px #c9a84c33;cursor:pointer;transition:all .2s}.btn-onboarding-next:hover{filter:brightness(1.05);box-shadow:0 6px 16px #c9a84c4d}.btn-onboarding-next:active{transform:scale(.98)}.onboarding-bg-pattern{position:fixed;top:0;right:0;width:60%;height:50%;opacity:.04;z-index:-1;pointer-events:none;color:var(--primary)}body.dark-mode #page-interests{background:var(--surface)}body.dark-mode .onboarding-footer{background:#121a17e6;border-color:var(--surface-container-highest)}body.dark-mode .interest-chip{background:var(--surface-container-low);border-color:var(--surface-container-highest)}body.dark-mode .interest-chip.active{background:var(--primary-container);border-color:var(--primary-container)}body.dark-mode .interests-info-card{background:var(--surface-container-low);border-color:var(--surface-container-highest)}#page-notifications{background:var(--surface);overflow-y:auto;display:flex;flex-direction:column;padding-bottom:0}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);height:4rem;position:sticky;top:0;z-index:100;background:var(--surface)}.notif-back-btn{color:var(--primary-container);background:none;border:none;padding:var(--sp-2);cursor:pointer;border-radius:var(--round-full);transition:background .2s}.notif-back-btn:active{background:var(--surface-tint);transform:scale(.9)}.notif-logo{height:2.25rem;width:auto;object-fit:contain}.notif-content{padding:0 var(--sp-6) 14rem;flex:1}.notif-hero-wrap{position:relative;margin:var(--sp-8) auto var(--sp-12);width:100%;max-width:280px;display:flex;justify-content:center}.notif-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary-fixed-dim);opacity:.15;filter:blur(48px);border-radius:50%;transform:scale(.8)}.notif-mascot-circle{position:relative;z-index:2;width:100%;aspect-ratio:1/1;background:var(--surface-container);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--outline-variant)}.notif-mascot-img{width:100%;height:100%;object-fit:cover;border-radius:var(--round-full)}.notif-text-center{text-align:center;margin-bottom:var(--sp-10)}.notif-title{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--primary-container);line-height:1.1;margin-bottom:var(--sp-3);letter-spacing:-.01em}.notif-subtitle{font-size:1rem;line-height:1.6;color:var(--on-surface-variant)}.notif-benefits{display:flex;flex-direction:column;gap:var(--sp-4)}.notif-benefit-card{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-5);background:var(--surface-container-lowest);border-radius:var(--round-xl);border:none;transition:transform .2s,background .2s}.notif-benefit-card:hover{background:var(--surface-container-low)}.notif-benefit-card:active{transform:scale(.98)}.notif-benefit-icon-wrap{width:2.75rem;height:2.75rem;background:#84d6b933;color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-benefit-icon-wrap.secondary{background:#fed88a4d;color:var(--secondary)}.notif-footer{position:fixed;bottom:0;left:0;right:0;background:#f5f0e8d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--sp-6) var(--sp-6) var(--sp-8);display:flex;flex-direction:column;gap:.75rem;z-index:100}.notif-allow-btn{width:100%;background:var(--primary);color:var(--on-primary);font-family:var(--font-body);font-weight:700;font-size:1.125rem;padding:1rem;border-radius:var(--round-full);border:none;cursor:pointer;box-shadow:0 10px 15px -3px #0054401a;transition:opacity .2s,transform .2s}.notif-allow-btn:hover{opacity:.9}.notif-allow-btn:active{transform:scale(.98)}.notif-later-btn{width:100%;background:none;border:none;color:var(--on-surface-variant);font-family:var(--font-body);font-weight:600;font-size:1rem;padding:.75rem;border-radius:var(--round-full);cursor:pointer;transition:background .2s,transform .2s}.notif-later-btn:hover{background:var(--surface-container)}.notif-later-btn:active{transform:scale(.98)}body.dark-mode .notif-footer{background:#121a17d9}body.dark-mode .notif-allow-btn{background:var(--primary-container);color:#fff}.notif-benefit-info h3{font-family:var(--font-display);font-weight:800;font-size:.9375rem;color:var(--on-surface);margin-bottom:.125rem}.notif-benefit-info p{font-size:.8125rem;color:var(--on-surface-variant);line-height:1.5}body.dark-mode #page-notifications{background:var(--surface)}body.dark-mode .np-panel{background:#1e2420f5}body.dark-mode .np-story-title{color:#7dc99a}body.dark-mode .np-story-quote{color:#aaa}body.dark-mode .notif-perm-sheet-btn{color:#eee;border-bottom-color:#333}body.dark-mode .notif-perm-photo-sheet-inner{background:#1e2420}body.dark-mode #page-edit-profile{background:#1a1f1c}body.dark-mode .ep-field-input{background:#252b27;border-color:#3a4040;color:#eee}body.dark-mode .ep-field-input[readonly]{background:#1e2420;color:#666}body.dark-mode .ep-field-label{color:#aaa}body.dark-mode .ep-avatar-hint{color:#666}body.dark-mode .ep-profile-edit-btn{background:#7dc99a1a;color:#7dc99a;border-color:#7dc99a33}body.dark-mode #modal-auth-prompt .modal-sheet{background:var(--surface-container)}body.dark-mode .notif-header{background:var(--surface)}body.dark-mode .notif-mascot-circle{background:var(--surface-container-low);border-color:var(--surface-container-highest)}body.dark-mode .notif-benefit-card{background:var(--surface-container-low)}body.dark-mode .notif-benefit-icon-wrap{background:#84d6b91a}.editable-avatar{cursor:pointer;position:relative;overflow:hidden}.avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;border-radius:inherit;z-index:10}.editable-avatar:hover .avatar-edit-overlay{opacity:1}.avatar-custom-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:5}.nav-custom-avatar,.header-custom-avatar{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-edit-badge{position:absolute;bottom:0;right:0;width:28px;height:28px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;border:2px solid #ffffff;z-index:15;color:var(--primary);transition:transform .2s}.editable-avatar:hover .avatar-edit-badge{transform:scale(1.15)}.avatar-edit-badge .material-icons-round{font-size:16px}.profile-avatar-large.editable-avatar,.notif-mascot-circle.editable-avatar{background:#f5f0e8}.notif-center-content{padding:1.5rem 1.25rem 8rem;max-width:42rem;margin:0 auto}.notif-group{margin-bottom:2.5rem}.notif-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding:0 .25rem}.notif-group-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--primary);letter-spacing:-.01em}.notif-group-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);opacity:.6}.notif-list{display:flex;flex-direction:column;gap:1rem}.notif-card{background:var(--surface-container-low);border-radius:1rem;padding:1.25rem;display:flex;gap:1.25rem;border:1px solid rgba(0,0,0,.02);box-shadow:0 4px 20px #00000005;transition:transform .2s,background .2s;cursor:pointer}.notif-card:active{transform:scale(.98);background:var(--surface-container-high)}.notif-card-icon-wrap{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-card-icon-wrap.urgent{background:var(--error-container);color:var(--error)}.notif-card-icon-wrap.reward{background:var(--secondary-container);color:var(--secondary)}.notif-card-icon-wrap.discovery{background:var(--tertiary-fixed-dim);color:var(--on-tertiary-fixed-variant)}.notif-card-icon-wrap.system{background:var(--surface-container-highest);color:var(--on-surface-variant)}.notif-card-main{flex:1}.notif-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.notif-card-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.notif-card-label.urgent{color:var(--error)}.notif-card-label.reward{color:var(--secondary)}.notif-card-label.discovery{color:var(--tertiary)}.notif-card-label.system{color:var(--on-surface-variant);opacity:.7}.notif-card-time{font-size:10px;color:var(--on-surface-variant);opacity:.6}.notif-card-text{font-size:.875rem;font-weight:500;color:var(--on-surface-variant);line-height:1.5}.notif-card-text strong{color:var(--on-surface);font-weight:700}.notif-card-btn{margin-top:1rem;background:var(--primary);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:999px;font-size:.8125rem;font-weight:700;box-shadow:0 4px 12px #00544033;cursor:pointer;transition:transform .2s}.notif-card-btn:active{transform:scale(.95)}.notif-card-media{margin-top:.75rem;border-radius:.75rem;overflow:hidden;height:7rem;position:relative}.notif-card-media img{width:100%;height:100%;object-fit:cover}.notif-card-media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}.notif-group.earlier{opacity:.9}body.dark-mode .notif-card{background:var(--surface-container-low);border-color:var(--surface-container-highest)}body.dark-mode .notif-group-title{color:var(--on-surface)}.profile-tier-section{padding:0 1rem .5rem;display:flex;flex-direction:column;gap:.5rem}.tier-badge-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.02em;width:fit-content}.tier-badge-pill .material-icons-round{font-size:1rem}.tier-progress-wrap{display:flex;flex-direction:column;gap:.3rem}.tier-progress-track{height:6px;border-radius:999px;background:var(--surface-container-highest, #e2e8ea);overflow:hidden}.tier-progress-fill{height:100%;border-radius:999px;background:var(--primary, #0A7C8C);transition:width .6s ease}.tier-progress-label,.tier-max-label{font-size:.75rem;color:var(--on-surface-variant, #7a8a8e)}.points-activity-list{display:flex;flex-direction:column;gap:.1rem}.points-activity-row{display:flex;align-items:center;gap:.85rem;padding:.7rem 0;border-bottom:1px solid var(--surface-container-highest, #eef1f2)}.points-activity-row:last-child{border-bottom:none}.activity-icon-wrap{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon-earn{background:#e6f4f1;color:#0a7c8c}.activity-icon-spend{background:#fdecea;color:#c0392b}.activity-icon-wrap .material-icons-round{font-size:1.15rem}.activity-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.activity-type-label{font-size:.85rem;font-weight:600;color:var(--on-surface, #1d1c17)}.activity-date-label{font-size:.72rem;color:var(--on-surface-variant, #7a8a8e)}.activity-amount-label{font-size:.9rem;font-weight:700;flex-shrink:0}.amount-earn{color:#0a7c8c}.amount-spend{color:#c0392b}.toast{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 80px);left:50%;transform:translate(-50%);padding:.7rem 1.2rem;border-radius:12px;font-size:.875rem;font-weight:500;z-index:9999;pointer-events:none;animation:toast-in .25s ease;max-width:88vw;text-align:center}.toast-error{background:#c0392b;color:#fff}.toast-success{background:#0a7c8c;color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}body.dark-mode .tier-progress-track{background:var(--surface-container-highest)}body.dark-mode .points-activity-row{border-color:var(--surface-container-highest)}body.dark-mode .activity-type-label{color:var(--on-surface)}body.dark-mode .activity-icon-earn{background:#0d3d44}body.dark-mode .activity-icon-spend{background:#4a1a17}.skeleton{background:linear-gradient(-90deg,#f2ede5 25%,#f8f3eb,#f2ede5 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:.25rem;color:transparent!important;pointer-events:none}.skeleton *{visibility:hidden}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-bento-large{width:100%;height:220px;border-radius:20px}.skeleton-bento-small{width:100%;height:160px;border-radius:16px}.skeleton-card{width:280px;height:310px;border-radius:20px;flex-shrink:0}.skeleton-reward{width:100%;padding-bottom:120%;border-radius:16px}.toast{display:flex;align-items:center;gap:.5rem}.toast-icon{font-size:1.125rem;flex-shrink:0}.toast-exit{animation:toast-out .25s ease forwards}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(12px)}}.skeleton{background:var(--surface-container-high, #e8e0d8);border-radius:var(--round-md, .75rem);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--surface-container-lowest, #fff) 50%,transparent 100%);animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}body.dark-mode .skeleton{background:var(--surface-container, #1a2e28)}body.dark-mode .skeleton:after{background:linear-gradient(90deg,transparent 0%,var(--surface-container-high, #2a4a40) 50%,transparent 100%)}.skeleton-text{height:.875rem;width:60%;border-radius:var(--round-sm, .5rem);margin-bottom:.5rem}.skeleton-text.short{width:35%}.skeleton-text.long{width:80%}.skeleton-card{height:180px;min-width:260px;border-radius:var(--round-lg, 1rem);flex-shrink:0}.skeleton-bento-large{height:220px;border-radius:var(--round-lg, 1rem);grid-column:1 / -1}.skeleton-bento-small{height:120px;border-radius:var(--round-lg, 1rem)}.skeleton-reward{height:200px;border-radius:var(--round-lg, 1rem)}.skeleton-banner{height:100px;border-radius:var(--round-lg, 1rem);width:100%}.skeleton-stat{height:72px;border-radius:var(--round-md, .75rem)}.skeleton-history{height:64px;border-radius:var(--round-md, .75rem);margin-bottom:.5rem}.empty-state{text-align:center;padding:2.5rem 1.5rem;color:var(--on-surface-variant, #7a8a8e);display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-state-icon{width:56px;height:56px;border-radius:50%;background:var(--surface-container-high, #e8e0d8);display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant, #7a8a8e);font-size:1.5rem;margin-bottom:.25rem}.empty-state-title{font-size:1rem;font-weight:600;color:var(--on-surface, #1a1c1a)}.empty-state-text{font-size:.8125rem;line-height:1.5;max-width:260px}.empty-state-cta{margin-top:.5rem;padding:.5rem 1.25rem;border-radius:var(--round-full, 9999px);background:var(--primary, #005440);color:#fff;font-size:.8125rem;font-weight:600;border:none;cursor:pointer;transition:opacity .2s}.empty-state-cta:hover{opacity:.85}.empty-state-cta:active{transform:scale(.97)}body.dark-mode .empty-state-icon{background:var(--surface-container, #1a2e28)}body.dark-mode .empty-state-title{color:var(--on-surface)}body.dark-mode .empty-state-text{color:var(--on-surface-variant)}.error-state{text-align:center;padding:2rem 1rem;color:var(--on-surface-variant, #7a8a8e);display:flex;flex-direction:column;align-items:center;gap:.5rem}.error-state-icon{font-size:2rem;color:var(--rose, #c45c6a)}.error-state-text{font-size:.8125rem}.error-state-retry{margin-top:.25rem;padding:.375rem 1rem;border-radius:var(--round-full, 9999px);background:transparent;color:var(--primary, #005440);font-size:.8125rem;font-weight:600;border:1.5px solid var(--primary, #005440);cursor:pointer;transition:background .2s}.error-state-retry:hover{background:var(--surface-container-low, #f5f0eb)}:focus-visible{outline:2px solid var(--primary, #005440);outline-offset:2px;border-radius:var(--round-sm, .5rem)}:focus:not(:focus-visible){outline:none}.onboarding-progress{display:flex;gap:.375rem;padding:.75rem 1.5rem .25rem;z-index:10;position:relative}.onboarding-step{flex:1;height:4px;border-radius:2px;background:var(--surface-container-high, #e8e0d8);transition:background .3s ease}.onboarding-step.active{background:var(--primary, #005440)}body.dark-mode .onboarding-step{background:var(--surface-container-highest, #3a5a50)}body.dark-mode .onboarding-step.active{background:var(--primary-fixed-dim, #6dd4b1)}.field-error{display:block;color:var(--rose, #c45c6a);font-size:.75rem;min-height:1rem;padding-top:.25rem;padding-left:.25rem}.auth-input-wrap.invalid{border-color:var(--rose, #c45c6a)!important}.auth-input-wrap.valid{border-color:var(--primary, #005440)!important}.password-strength{display:flex;gap:4px;margin-top:.375rem}.strength-bar{flex:1;height:4px;border-radius:2px;background:var(--surface-container-high, #e8e0d8);transition:background .25s ease}.strength-bar.weak{background:var(--rose, #c45c6a)}.strength-bar.medium{background:var(--amber, #c49a2c)}.strength-bar.strong{background:var(--primary, #005440)}.discover-redesign-content{padding-top:var(--sp-4);padding-bottom:calc(var(--bottom-nav-height) + var(--sp-6));display:flex;flex-direction:column;gap:var(--sp-6)}.discover-weave-hero{position:relative;overflow:hidden;border-radius:2rem;background-color:#1d4a3e;box-shadow:var(--shadow-xl);cursor:pointer;min-height:380px;display:flex;flex-direction:column}.weave-hero-bg{position:absolute;top:0;left:0;width:100%;height:50%;opacity:.4}.weave-hero-img{width:100%;height:100%;object-fit:cover}.weave-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,#1d4a3e)}.weave-hero-content{position:relative;z-index:10;padding:var(--sp-6) var(--sp-5);padding-top:var(--sp-20);flex-grow:1;display:flex;flex-direction:column}.weave-hero-text{margin-bottom:auto}.weave-hero-title{font-family:var(--font-headline);font-weight:800;font-size:2.25rem;color:#fff;line-height:1.1;margin-bottom:var(--sp-3);letter-spacing:-.025em}.weave-hero-desc{color:var(--primary-fixed-dim);font-weight:500;font-size:1.125rem;opacity:.9;max-width:280px}.weave-hero-btn{background-color:var(--secondary-container);color:var(--on-secondary-container);font-weight:700;padding:var(--sp-4) var(--sp-6);border-radius:9999px;text-align:center;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-8);font-family:inherit;border:none;cursor:pointer;width:100%}.weave-hero-btn:hover{opacity:.9}.weave-hero-btn:active{transform:scale(.98)}.discover-mosaic-section,.discover-bento-section{display:flex;flex-direction:column;gap:var(--sp-4)}.discover-section-header{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--sp-1)}.discover-section-title{font-family:var(--font-headline);font-weight:700;font-size:1.125rem;color:var(--on-surface);letter-spacing:-.025em}.see-all{color:var(--primary);font-weight:700;font-size:.875rem;background:transparent;border:none;cursor:pointer}.see-all:hover{text-decoration:underline}.discover-mosaic-scroll{display:flex;overflow-x:auto;margin-inline:calc(var(--sp-4) * -1);padding-inline:var(--sp-4);padding-bottom:var(--sp-4);gap:var(--sp-3);scroll-behavior:smooth}.discover-mosaic-scroll.no-scrollbar::-webkit-scrollbar{display:none}.discover-mosaic-scroll.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.discover-mosaic-btn{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);background-color:var(--surface-container);border-radius:1.5rem;border:1px solid rgba(var(--outline-variant-rgb),.1);min-width:100px;cursor:pointer;transition:background-color .2s;font-family:inherit}.discover-mosaic-btn:hover{background-color:#84d6b933}.mosaic-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.env-icon{background-color:#0054401a;color:var(--primary)}.elderly-icon{background-color:#fed88a4d;color:var(--secondary)}.edu-icon{background-color:#42685f33;color:var(--tertiary)}.health-icon{background-color:#ffdad64d;color:var(--error)}.community-icon{background-color:#84d6b94d;color:var(--primary-container)}.mosaic-label{font-size:13px;font-weight:700;color:var(--on-surface-variant)}.pulse-anim{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.high-priority-badge{display:flex;align-items:center;gap:4px;background-color:var(--error-container);color:var(--error);padding:4px 12px;border-radius:9999px}.high-priority-badge .dot{width:8px;height:8px;border-radius:50%;background-color:var(--error)}.high-priority-badge .badge-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.discover-bento-grid{display:flex;flex-direction:column;gap:var(--sp-4)}.bento-card-large{background-color:var(--surface-container-low);border-radius:1.5rem;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);border:1px solid rgba(190,201,195,.2);box-shadow:var(--shadow-sm);cursor:pointer}.bento-card-large:hover .bento-img{transform:scale(1.05)}.bento-large-header{display:flex;justify-content:space-between;align-items:flex-start}.bento-org-info{display:flex;align-items:center;gap:var(--sp-3)}.bento-org-logo{width:3rem;height:3rem;border-radius:.75rem;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.bento-org-logo img{width:2.5rem;height:2.5rem;object-fit:contain}.bento-title{font-weight:700;color:var(--on-surface);line-height:1.25}.bento-subtitle{font-size:.875rem;color:var(--on-surface-variant)}.bento-date-badge{background-color:#0054401a;color:var(--primary);font-size:10px;font-weight:700;padding:4px 8px;border-radius:.375rem;text-transform:uppercase;letter-spacing:.05em}.bento-image-wrap{position:relative;height:12rem;border-radius:.75rem;overflow:hidden}.bento-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.bento-tags{position:absolute;bottom:.75rem;left:.75rem;display:flex;gap:var(--sp-2)}.bento-tag{background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 12px;border-radius:9999px;font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px}.bento-tag .material-icons-round{font-size:14px}.bento-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.bento-card-small{background-color:var(--surface-container-high);border-radius:1.5rem;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);cursor:pointer;border:1px solid transparent;transition:border-color .2s}.bento-card-small:hover{border-color:rgba(var(--outline-variant-rgb),.2)}.bento-small-meta{display:flex;align-items:center;gap:var(--sp-2)}.bento-small-meta .material-icons-round{font-size:20px}.text-secondary{color:var(--secondary)}.text-tertiary{color:var(--tertiary)}.text-primary{color:var(--primary)}.bento-small-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.bento-small-title{font-weight:700;font-size:.875rem;color:var(--on-surface)}.bento-small-footer{margin-top:auto;padding-top:var(--sp-2);border-top:1px solid rgba(190,201,195,.1);display:flex;align-items:center;justify-content:space-between}.bento-small-time{font-size:11px;font-weight:500;color:var(--on-surface-variant)}.bento-small-footer .material-icons-round{font-size:18px}.discover-impact-highlight{background-color:var(--primary);color:var(--on-primary);border-radius:2rem;padding:var(--sp-6);display:flex;align-items:center;gap:var(--sp-4);cursor:pointer}.impact-hl-text{flex:1}.impact-hl-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-fixed-dim);margin-bottom:4px}.impact-hl-title{font-family:var(--font-headline);font-weight:700;font-size:1.125rem;margin-bottom:4px}.impact-hl-bar-bg{width:100%;height:6px;background-color:var(--primary-container);border-radius:9999px;overflow:hidden;margin-top:var(--sp-3)}.impact-hl-bar-fill{height:100%;background-color:var(--primary-fixed-dim);border-radius:9999px;transition:width 1s ease-out}.impact-hl-stats{text-align:center;background-color:#0f6e564d;padding:12px;border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.impact-hl-number{font-size:1.5rem;font-weight:900;line-height:1.25}.impact-hl-unit{font-size:10px;text-transform:uppercase;font-weight:700;color:var(--primary-fixed-dim)}body.rtl .weave-hero-text,body.rtl .weave-hero-btn{text-align:right}body.rtl .weave-hero-btn .material-icons-round{transform:rotate(180deg)}body.rtl .bento-tags{left:auto;right:.75rem}body.rtl .bento-small-footer .material-icons-round{transform:rotate(180deg)}.profile-impact-hero{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#005440,#0f6e56,#84d6b9);padding:32px;color:#fff;box-shadow:0 20px 60px #00544047;margin-bottom:24px}.profile-impact-hero-blobs{position:absolute;pointer-events:none}.profile-impact-hero-blob-1{bottom:-32px;left:-32px;width:140px;height:140px;background:#fed88a2e;border-radius:9999px;filter:blur(32px)}.profile-impact-hero-blob-2{top:-32px;right:-32px;width:160px;height:160px;background:#84d6b926;border-radius:9999px;filter:blur(40px)}.profile-impact-card{background:#0000001f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1)}.profile-stats-row{display:flex;gap:16px;margin-bottom:40px}.profile-stats-box{flex:1;padding:18px 16px;border-radius:20px;text-align:center}.profile-stats-box.primary{background:#f8f3eb;border:1px solid rgba(190,201,195,.2)}.profile-stats-box.secondary{background:#fed88a2e;border:1px solid rgba(254,216,138,.3)}.journey-timeline{position:relative;display:flex;flex-direction:column;gap:28px;padding-bottom:40px}.journey-timeline:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:1px;background:#bec9c3;opacity:.5;z-index:0}.journey-reveal{position:relative;z-index:1;display:flex;gap:0}.journey-dot-wrap{flex:none;width:48px;display:flex;flex-direction:column;align-items:center;padding-top:32px}.journey-dot{width:10px;height:10px;border-radius:9999px;border:2px solid #fef9f1;z-index:2}.journey-card{flex:1;border-radius:18px;overflow:hidden}.journey-card.light{background:#fff;box-shadow:0 4px 20px #1d1c1712;border:1px solid rgba(190,201,195,.2)}.journey-card.amber{background:#f8f3eb;box-shadow:0 2px 12px #1d1c170d;border:1px solid rgba(254,216,138,.35)}.journey-card-img-wrap{position:relative;width:100%;aspect-ratio:21/9;overflow:hidden}.journey-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.journey-card-img:hover{transform:scale(1.04)}.journey-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,white 0%,transparent 50%);opacity:.5}.journey-card-content{padding:18px 20px 20px;margin-top:-12px;position:relative;z-index:1}.journey-points-pill{padding:2px 8px;border-radius:6px;font-weight:700}#toast-host{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);left:12px;right:12px;max-width:420px;margin:0 auto;z-index:10002;display:flex;flex-direction:column;gap:8px;align-items:stretch;pointer-events:none}#toast-host .toast{position:relative;left:auto;transform:none;width:100%;max-width:100%;pointer-events:auto;justify-content:flex-start;text-align:start;box-shadow:0 10px 36px #0003;animation:toast-in-host .28s ease;border:1px solid rgba(255,255,255,.12)}#toast-host .toast-exit{animation:toast-out-host .25s ease forwards}@keyframes toast-in-host{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out-host{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.toast-success{background:#047857;color:#fff}.toast-error{background:#b91c1c;color:#fff}.toast-info{background:#1d1c17;color:#fff}.toast-dismiss{margin-inline-start:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:9999px;background:#ffffff1f;color:inherit;cursor:pointer}.toast-dismiss:hover{background:#fff3}.destructive-confirm-overlay{z-index:10001;align-items:center;justify-content:center;padding:16px}.destructive-confirm-card{max-width:360px;width:100%;padding:22px 20px 18px;border-radius:18px;background:var(--surface, #fef9f1);box-shadow:0 20px 60px #00000038}.destructive-confirm-title{margin:0 0 8px;font-size:1.125rem;font-weight:800;color:var(--on-surface, #1d1c17)}.destructive-confirm-message{margin:0 0 18px;font-size:.9rem;line-height:1.45;color:var(--on-surface-variant, #3f4944)}.destructive-confirm-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.destructive-confirm-actions .btn-primary,.destructive-confirm-actions .btn-danger,.destructive-confirm-actions .btn-secondary{width:auto;min-width:108px;padding:10px 16px;font-size:.9rem}.btn-secondary{padding:10px 16px;border-radius:9999px;border:1.5px solid var(--outline, #6f7a74);background:transparent;color:var(--on-surface, #1d1c17);font-weight:700;font-family:var(--font-body, "Plus Jakarta Sans", sans-serif);cursor:pointer}.btn-secondary:hover{background:var(--surface-container-low, #f8f3eb)}.btn-danger{padding:10px 16px;border-radius:9999px;border:none;background:#b91c1c;color:#fff;font-weight:700;font-family:var(--font-body, "Plus Jakarta Sans", sans-serif);cursor:pointer}.btn-danger:hover{background:#991b1b}.global-error-fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200000;display:none;align-items:center;justify-content:center;padding:20px 16px;background:#0d2420e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.global-error-fallback-card{max-width:400px;width:100%;background:var(--surface, #fef9f1);border-radius:20px;padding:24px 20px 20px;text-align:center;box-shadow:0 24px 80px #00000059}.gef-icon{font-size:48px;color:var(--primary, #005440);display:block;margin-bottom:8px}.gef-title{margin:0 0 10px;font-size:1.25rem;font-weight:800;color:var(--on-surface, #1d1c17)}.gef-body{margin:0 0 12px;font-size:.9rem;line-height:1.5;color:var(--on-surface-variant, #3f4944)}.gef-tech{text-align:start;font-size:.72rem;color:#6f7a74;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow:auto;margin:0 0 16px;padding:10px;border-radius:10px;background:var(--surface-container-low, #f8f3eb);border:1px solid var(--outline-variant, #bec9c3)}.gef-actions{display:flex;flex-direction:column;gap:10px}.gef-reload{width:100%}.gef-dismiss{width:100%;padding:10px;border:none;background:transparent;color:var(--primary, #005440);font-weight:700;cursor:pointer;border-radius:12px}.rewards-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:375px){.app-shell{max-width:100%}.page-header{padding:var(--sp-3) var(--sp-4)}.points-banner{margin-left:var(--sp-3);margin-right:var(--sp-3)}.section{padding-left:var(--sp-3);padding-right:var(--sp-3)}.carousel{gap:10px}.bottom-nav{padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px))}.rewards-brand-grid{grid-template-columns:1fr}.sub-header{padding-left:10px;padding-right:10px}.volmap-container{padding:8px}}button:focus-visible,a:focus-visible,.icon-btn:focus-visible,.nav-item:focus-visible,.avatar:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.toast-dismiss:focus-visible{outline:3px solid #f4b942;outline-offset:2px}body.dark-mode button:focus-visible,body.dark-mode a:focus-visible,body.dark-mode .icon-btn:focus-visible,body.dark-mode .nav-item:focus-visible,body.dark-mode .avatar:focus-visible,body.dark-mode input:focus-visible,body.dark-mode textarea:focus-visible,body.dark-mode select:focus-visible,body.dark-mode .toast-dismiss:focus-visible{outline-color:#ffd36a}.points-banner .tier-badge{background:#fffffff0;color:#0a3d2e}body.dark-mode .points-banner .tier-badge{background:#1e2e2af2;color:#e8f5f0}@keyframes realtime-flash{0%{background-color:transparent}25%{background-color:#00664f2e;border-radius:8px}75%{background-color:#00664f1a}to{background-color:transparent}}.realtime-pulse{animation:realtime-flash 1.2s ease-out forwards}