@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Fredoka:wght@400;600;700;900&family=Nunito:wght@400;600;700;800&family=VT323&display=swap";:root{--bg-primary:#f4f8f5;--bg-surface:#ffffffeb;--bg-surface-solid:#fff;--bg-surface-hover:#e8f2eaf2;--bg-tint:#007c200f;--brand-primary:#007c20;--brand-primary-dark:#005c18;--brand-primary-hover:#006a1c;--brand-primary-light:#2d9e45;--brand-primary-xlight:#5dba6f;--brand-primary-soft:#007c2014;--brand-primary-medium:#007c2026;--brand-coral:#ed755d;--brand-coral-dark:#da634b;--brand-coral-soft:#ed755d1f;--brand-sage:#007c20;--brand-sage-dark:#005c18;--brand-sage-hover:#006a1c;--brand-sage-light:#2d9e45;--brand-sage-soft:#007c2014;--accent-orange:#007c20;--accent-orange-hover:#006a1c;--accent-teal:#007c20;--accent-teal-soft:#007c2014;--accent-yellow:#ed755d;--accent-purple:#007c20;--accent-green:#007c20;--accent-pink:#ed755d;--accent-sky:#007c20;--text-primary:#0d1f12;--text-secondary:#3d5443;--text-muted:#7a9a82;--text-on-primary:#fff;--border-color:#0d1f1214;--border-highlight:#007c204d;--border-orange:#007c2038;--shadow-sm:0 2px 8px #001e0a0d;--shadow-md:0 6px 20px #001e0a17;--shadow-lg:0 12px 36px #001e0a24;--shadow-glow-orange:0 6px 20px #007c2038;--shadow-glow-teal:0 6px 20px #007c202e;--shadow-glow-coral:0 6px 20px #ed755d47;--shadow-glow-primary:0 8px 28px #007c204d;--font-title:"Outfit", sans-serif;--font-sans:"Plus Jakarta Sans", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--safe-area-bottom:env(safe-area-inset-bottom,0px);--bottom-nav-height:68px;--total-nav-height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));--grad-primary:linear-gradient(135deg, #007c20 0%, #2d9e45 100%);--grad-teal:linear-gradient(135deg, #005c18 0%, #007c20 100%);--grad-hero:linear-gradient(135deg, #005c18 0%, #007c20 55%, #2d9e45 100%);--grad-card:linear-gradient(145deg, #fff 0%, #f4f8f5 100%);--grad-warm:linear-gradient(135deg, #007c20 0%, #2d9e45 60%, #ed755d 100%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--text-primary);font-family:var(--font-sans);background-color:#e4ede6;background-image:radial-gradient(at 10% 20%,#007c201a 0,#0000 45%),radial-gradient(at 85% 80%,#ed755d12 0,#0000 45%);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.app-container{background-color:var(--bg-primary);width:100%;max-width:410px;height:100vh;max-height:860px;box-shadow:var(--shadow-lg), 0 0 0 1px #141c190d;contain:paint;clip-path:inset(0 round 30px);border:10px solid #fff;border-radius:40px;flex-direction:column;display:flex;position:relative;transform:translateZ(0);overflow:hidden!important}.phone-notch{z-index:100;background-color:#fff;border-bottom-right-radius:18px;border-bottom-left-radius:18px;justify-content:center;align-items:center;width:140px;height:25px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-notch:before{content:"";background-color:#d4dcd6;border-radius:2px;width:50px;height:4px}.app-viewport{flex-direction:column;flex:1;width:100%;padding-top:15px;display:flex;position:relative;overflow:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-teal)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.screen{background-color:var(--bg-primary);z-index:10;flex-direction:column;width:100%;height:100%;padding:15px;display:none;position:absolute;top:0;left:0;overflow-y:auto}.screen.active{animation:screenEnter var(--transition-normal);display:flex}.screen.main-screen{padding-bottom:calc(var(--total-nav-height) + 24px)}body.has-builder-bar .screen.main-screen{padding-bottom:calc(var(--total-nav-height) + 110px)}@keyframes screenEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4{font-family:var(--font-title);letter-spacing:-.02em;font-weight:700}.text-orange{color:var(--accent-orange)}.text-teal{color:var(--accent-teal)}.text-yellow{color:var(--accent-yellow)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.btn{font-family:var(--font-title);cursor:pointer;transition:var(--transition-fast);border:none;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-glow-orange);letter-spacing:.01em}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 10px #007c204d}.btn-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #141c191f}.btn-secondary:active{background:#141c190d;transform:scale(.97)}.btn-icon{border-radius:12px;width:44px;height:44px;padding:0}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #141c1914;border-radius:20px;box-shadow:0 4px 20px #141c190d}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-header h3{font-size:1rem}.see-all{color:var(--accent-teal);cursor:pointer;font-size:.8rem}.icon-btn{border:1px solid var(--border-color);cursor:pointer;background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.bottom-nav{height:var(--total-nav-height);-webkit-backdrop-filter:blur(24px);padding:0 4px var(--safe-area-bottom) 4px;z-index:500;background:#fffffff0;border-top:1px solid #141c190f;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{cursor:pointer;transition:var(--transition-fast);color:#47556973;font-size:.6rem;font-weight:700;font-family:var(--font-title);letter-spacing:.02em;border-radius:14px;flex-direction:column;align-items:center;gap:3px;min-width:50px;padding:8px 10px;display:flex;position:relative}.nav-item:active{transform:scale(.9)}.nav-item.active{color:var(--accent-teal);background:linear-gradient(#007c2014 0%,#007c2005 100%);border:1px solid #007c201f}.nav-item.active:before{content:"";background:var(--grad-teal);border-radius:0 0 6px 6px;width:32px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #007c2066}#screen-onboarding{background-image:linear-gradient(#f3f7fc1a 0%,#f3f7fc8c 35%,#f3f7fc 62%),url(https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=600&q=80);background-position:50%;background-size:cover;justify-content:flex-end;padding:0}.onboarding-content{z-index:2;background:linear-gradient(#f3f7fc00 0%,#f3f7fc 12%);border-top-left-radius:30px;border-top-right-radius:30px;flex-direction:column;gap:16px;margin-bottom:60px;padding:30px;display:flex}.onboarding-tag{color:var(--accent-orange);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#007c201a,#33cc6f0f);border:1px solid #007c2033;border-radius:20px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;display:flex;box-shadow:0 2px 12px #007c200f}.onboarding-content h1{color:var(--text-primary);font-size:2.1rem;line-height:1.15}.onboarding-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.onboarding-features{flex-wrap:wrap;gap:8px;display:flex}.ob-feat{color:var(--text-secondary);background:#141c190d;border:1px solid #141c1914;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;display:flex}.screen-header{justify-content:space-between;align-items:center;margin-top:8px;margin-bottom:12px;display:flex}.dashboard-search-bar{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #141c190f;border-radius:16px;justify-content:space-between;align-items:center;margin:0 0 14px;padding:12px 14px 12px 16px;transition:box-shadow .18s,transform .12s;display:flex;box-shadow:0 2px 16px #141c1914,0 1px 4px #141c190a}.dashboard-search-bar:hover{transform:translateY(-1px);box-shadow:0 4px 24px #141c191f,0 1px 6px #007c2014}.dashboard-search-bar:active{transform:scale(.985);box-shadow:0 1px 8px #141c1914}.dashboard-search-inner{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.dashboard-search-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.dashboard-search-placeholder{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.dashboard-search-qr{border-left:1px solid #141c1914;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:6px;padding-left:10px;transition:background .15s;display:flex}.dashboard-search-qr:hover{background:#007c200f}.user-profile{align-items:center;gap:10px;display:flex}.avatar{background:var(--accent-teal);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.greeting-text h4{color:var(--text-secondary);font-size:.8rem;font-weight:500}.greeting-text h2{color:var(--text-primary);font-size:1.05rem}.header-actions{align-items:center;gap:8px;display:flex}.notification-bell{border:1px solid var(--border-color);cursor:pointer;width:38px;height:38px;color:var(--text-primary);background:#141c190a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.notification-badge{background:var(--accent-orange);border:1px solid #fff;border-radius:50%;width:7px;height:7px;animation:2s infinite geoPulse;position:absolute;top:8px;right:8px}.chat-icon-btn{cursor:pointer;width:38px;height:38px;color:var(--accent-teal);background:#007c2014;border:1px solid #007c2033;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 10px #007c200f}.hero-slider-wrapper{margin-top:10px;margin-bottom:18px;position:relative}.hero-slider{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.hero-slider::-webkit-scrollbar{display:none}.hero-slider .hero-banner{scroll-snap-align:center;flex-shrink:0;min-width:100%;margin-bottom:0}.hero-slider-dots{justify-content:center;align-items:center;gap:7px;margin-top:6px;display:flex}.hero-slider-dots .dot{cursor:pointer;background:#141c192e;border-radius:50%;width:7px;height:7px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-slider-dots .dot:hover{background:#141c1959}.hero-slider-dots .dot.active{background:var(--accent-orange);border-radius:5px;width:22px;box-shadow:0 2px 6px #007c204d}.hero-slider-dots .dot.active:hover{background:var(--accent-orange-hover)}.hero-slider-wrapper:after{text-align:center;color:#141c1940;letter-spacing:.08em;pointer-events:none;margin-top:-2px;margin-bottom:2px;font-size:.6rem;font-weight:600;display:block}.hero-banner{border-radius:22px;align-items:flex-end;min-height:155px;margin-bottom:18px;padding:22px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #141c190d}.hero-banner-bg{background:linear-gradient(135deg,#007c201f 0%,#33cc6f0f 100%);border:1.5px solid #007c201f;border-radius:22px;position:absolute;top:0;bottom:0;left:0;right:0}.hero-banner-bg:before{content:"";background:radial-gradient(circle at 85% 15%,#007c201f,#0000 50%),radial-gradient(circle at 10% 80%,#33cc6f0f,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-banner-bg:after{content:"🌴";opacity:.35;font-size:2.2rem;animation:4s ease-in-out infinite floatAnim;position:absolute;top:10px;right:14px}.hero-banner-content{z-index:1;width:100%;position:relative}.hero-tag{letter-spacing:.05em;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;margin-bottom:10px;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.hero-banner-content h3{color:var(--text-primary);margin-bottom:14px;font-size:1.05rem;font-weight:700;line-height:1.35}.hero-stats{gap:18px;display:flex}.hstat{flex-direction:column;display:flex}.hstat span{font-size:1.15rem;font-weight:800;font-family:var(--font-title);color:var(--accent-orange)}.hstat small{color:var(--text-secondary);font-size:.62rem}.quick-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.quick-item{cursor:pointer;transition:var(--transition-fast);flex-direction:column;align-items:center;gap:7px;padding:10px 4px;display:flex}.quick-item:active{transform:scale(.9)}.quick-icon{width:52px;height:52px;transition:var(--transition-fast);border:1px solid #141c190a;border-radius:18px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #141c190f}.quick-item:hover .quick-icon{transform:translateY(-4px)scale(1.05);box-shadow:0 8px 20px #141c191f}.quick-item span{color:var(--text-secondary);font-size:.7rem;font-weight:700;font-family:var(--font-title);letter-spacing:.01em}.category-container{scrollbar-width:none;flex-shrink:0;gap:8px;margin-bottom:14px;padding-bottom:0;display:flex;overflow-x:auto}.category-container::-webkit-scrollbar{display:none}.chip{color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:var(--transition-fast);background:#fff;border:1px solid #141c1914;border-radius:20px;flex-shrink:0;padding:7px 15px;font-size:.8rem;font-weight:600}.chip:hover{color:var(--text-primary);background:#f8faf9}.chip.active{background:var(--grad-primary);color:#fff;border-color:#0000;box-shadow:0 4px 14px #007c2040}.destination-section{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.destination-card{cursor:pointer;height:auto;min-height:115px;transition:var(--transition-normal);background:#fff;border:1px solid #141c1914;border-radius:16px;display:flex;overflow:hidden}.destination-card:hover{border-color:#141c192e;transform:translateY(-2px);box-shadow:0 6px 18px #141c190d}.destination-card.selected{border-color:var(--accent-teal);background:linear-gradient(90deg,#007c200a 0%,#fff 100%);box-shadow:0 4px 20px #007c2014}.card-img-wrapper{background-color:#f8faf9;flex-shrink:0;align-self:stretch;width:120px;height:auto;min-height:115px;max-height:120px;position:relative}.card-img{object-fit:cover;width:100%;height:100%}.card-tag{color:#fff;background:#141c19bf;border:1px solid #ffffff26;border-radius:5px;padding:2px 6px;font-size:.6rem;font-weight:700;position:absolute;top:6px;left:6px}.card-body{flex-direction:column;flex:1;justify-content:space-between;gap:4px;padding:10px 12px;display:flex}.card-title-row{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.card-body h3{color:var(--text-primary);font-size:.88rem;line-height:1.2}.card-rating{color:var(--accent-yellow);align-items:center;gap:2px;font-size:.72rem;display:flex}.card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.3;display:-webkit-box;overflow:hidden}.card-footer{justify-content:space-between;align-items:center;display:flex}.card-price{color:#e76200;font-size:.82rem;font-weight:700}.selection-indicator{width:24px;height:24px;transition:var(--transition-fast);cursor:pointer;background:#007c20;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #007c2033}.selection-indicator svg{width:14px;height:14px;color:#fff!important}.selected .selection-indicator{background:#15803d;box-shadow:0 2px 6px #15803d4d}.selected .selection-indicator svg{width:14px;height:14px;color:#fff!important}.trip-builder-bar{background:linear-gradient(to top, var(--bg-primary) 70%, #f3f7fc00 100%);z-index:300;justify-content:space-between;align-items:center;width:100%;padding:30px 16px 16px;display:none;position:fixed;bottom:0;left:0}body.has-bottom-nav .trip-builder-bar{bottom:var(--total-nav-height)}.trip-builder-bar.active{display:flex}.trip-builder-panel{width:100%;box-shadow:var(--shadow-lg), 0 4px 24px #007c201f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #007c2040;border-radius:18px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.selected-count-info p{color:var(--text-secondary);font-size:.72rem}.selected-count-info h4{color:var(--text-primary);font-size:.92rem;font-weight:600}.back-header{align-items:center;gap:14px;margin-top:8px;margin-bottom:22px;display:flex}.back-header h2{color:var(--text-primary);font-size:1.2rem}.back-btn{cursor:pointer;width:38px;height:38px;color:var(--text-primary);transition:var(--transition-fast);background:#141c190d;border:1px solid #141c1914;border-radius:12px;justify-content:center;align-items:center;display:flex}.back-btn:hover{background:#141c191a}.form-group{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.form-group label{font-family:var(--font-title);color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.label-badge{background:var(--grad-primary);color:#fff;border-radius:6px;padding:2px 7px;font-size:.65rem;font-weight:700;box-shadow:0 2px 8px #007c202e}.nl-input-wrapper{flex-direction:column;gap:8px;display:flex}.nl-textarea{width:100%;min-height:75px;color:var(--text-primary);font-family:var(--font-sans);resize:none;background:#fff;border:1px solid #141c191f;border-radius:12px;outline:none;padding:12px;font-size:.82rem;line-height:1.4}.nl-textarea:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #007c201a}.nl-chips{flex-wrap:wrap;gap:6px;display:flex}.nl-chip{color:var(--accent-orange);cursor:pointer;transition:var(--transition-fast);background:#007c2014;border:1px solid #007c2033;border-radius:20px;padding:5px 10px;font-size:.72rem}.nl-chip:hover{background:#007c2026}.option-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.option-card{text-align:center;cursor:pointer;transition:var(--transition-fast);color:var(--text-primary);background:#fff;border:1px solid #141c1914;border-radius:13px;flex-direction:column;align-items:center;gap:5px;padding:11px 6px;display:flex}.option-card:hover{border-color:var(--accent-teal);background:#007c2005}.option-card.active{border-color:var(--accent-teal);color:var(--text-primary);background:linear-gradient(135deg,#007c2014,#005c180d);box-shadow:0 2px 12px #007c2014}.option-card svg{color:var(--text-secondary);transition:var(--transition-fast)}.option-card.active svg{color:var(--accent-teal)}.option-card span{font-size:.78rem;font-weight:600}.option-desc{color:var(--text-secondary);font-size:.62rem}.option-card.active .option-desc{color:var(--text-secondary)}#transport-options{grid-template-columns:repeat(2,1fr)}.travelers-counter{background:#fff;border:1px solid #141c1914;border-radius:14px;flex-direction:column;padding:4px 0;display:flex;overflow:hidden}.traveler-row{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.traveler-info{align-items:center;gap:10px;display:flex}.traveler-label{color:var(--text-primary);font-size:.85rem;font-weight:600;display:block}.traveler-sublabel{color:var(--text-muted);margin-top:1px;font-size:.65rem;display:block}.traveler-stepper{align-items:center;gap:12px;display:flex}.qty-display{text-align:center;min-width:28px;font-size:1rem;font-weight:700;font-family:var(--font-title);color:var(--text-primary)}.traveler-divider{background:#141c190f;height:1px;margin:0 16px}.traveler-total-row{color:var(--text-muted);background:#141c1905;border-top:1px solid #141c190f;align-items:center;gap:6px;padding:10px 16px;font-size:.78rem;display:flex}#screen-loading{text-align:center;background:radial-gradient(circle at 50% 40%,#007c200f 0%,#f3f7fc00 60%);justify-content:center;align-items:center;gap:20px}.loading-sphere-container{width:130px;height:130px;margin-bottom:10px;position:relative}.loading-sphere{background:radial-gradient(circle,#007c20d9 0%,#33cc6f66 50%,#0000 100%);border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite pulseGlow;position:absolute;box-shadow:0 0 50px #007c2033,0 0 100px #33cc6f14}.loading-scanner{background:linear-gradient(90deg, transparent, var(--accent-orange), transparent);width:100%;height:2px;box-shadow:0 0 12px var(--accent-orange), 0 0 24px #007c2066;animation:2s linear infinite scanner;position:absolute;top:50%;left:0}@keyframes pulseGlow{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes scanner{0%{top:10%}50%{top:90%}to{top:10%}}.loading-steps{color:var(--text-secondary);height:20px;margin-top:10px;font-size:.82rem;overflow:hidden}.tabs-container{background:#fff;border:1px solid #141c1914;border-radius:14px;margin-bottom:14px;padding:4px;display:flex}.tab{text-align:center;cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);border-radius:10px;flex:1;padding:9px;font-size:.82rem;font-weight:600}.tab.active{color:var(--accent-orange);background:linear-gradient(135deg,#007c201f,#33cc6f14);border:1px solid #007c2033;box-shadow:0 2px 10px #007c200f}.tab-pane{flex-direction:column;gap:14px;display:none}.tab-pane.active{display:flex}.timeline{border-left:2px solid #007c2033;margin-left:8px;padding-left:18px;position:relative}.timeline-item{padding-bottom:16px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--accent-teal);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:-23px;box-shadow:0 0 0 2px #007c2033}.timeline-item.travel-leg .timeline-dot{background:#94a3b8;box-shadow:0 0 0 2px #94a3b833}.timeline-time{color:var(--text-muted);margin-bottom:4px;font-size:.72rem;font-weight:700}.timeline-card{background:#fff;border:1px solid #0f172a14;border-radius:12px;padding:12px;box-shadow:0 2px 6px #0f172a05}.timeline-card h4{color:var(--text-primary);margin-bottom:3px;font-size:.88rem}.timeline-card p{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.travel-leg-content{color:var(--text-muted);align-items:center;gap:6px;padding:3px 0;font-size:.72rem;display:flex}.map-card{background:#fff;border:1px solid #007c2026;border-radius:18px;padding:10px;position:relative;overflow:hidden}.map-svg-container{background:radial-gradient(circle,#f8faf9 0%,#e2e8f0 100%);border-radius:10px;width:100%;height:190px;position:relative}.map-label{color:var(--text-secondary);background:#ffffffd9;border:1px solid #141c1914;border-radius:4px;padding:2px 6px;font-size:.62rem;position:absolute;top:7px;left:7px}.price-breakdown-section{flex-direction:column;gap:12px;display:flex}.chart-container{align-items:center;gap:18px;padding:14px;display:flex}.donut-chart-wrapper{flex-shrink:0;width:85px;height:85px;position:relative}.chart-center-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-center-text span{color:var(--text-muted);text-transform:uppercase;font-size:.52rem}.chart-center-text h4{color:var(--text-primary);font-size:.7rem;font-weight:700}.chart-legend{flex-direction:column;flex:1;gap:5px;display:flex}.legend-item{justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.legend-label-col{color:var(--text-secondary);align-items:center;gap:5px;display:flex}.legend-color-dot{border-radius:50%;width:7px;height:7px}.price-item-list{border-top:1px solid var(--border-color);flex-direction:column;gap:7px;padding:14px;display:flex}.price-row{color:var(--text-secondary);justify-content:space-between;font-size:.78rem;display:flex}.price-row.total{border-top:1px solid var(--border-color);color:var(--text-primary);padding-top:9px;font-size:.95rem;font-weight:700}.itinerary-footer{gap:10px;margin-top:8px;margin-bottom:16px;display:flex}#screen-success{text-align:center;background:radial-gradient(circle at 50% 30%,#007c200f 0%,#f3f7fc00 60%);justify-content:center;align-items:center;gap:18px;padding:30px}.success-icon-wrapper{border:2px solid var(--accent-teal);width:76px;height:76px;color:var(--accent-teal);background:linear-gradient(135deg,#007c2026,#007c2014);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;animation:.5s cubic-bezier(.175,.885,.32,1.275) scalePop;display:flex;box-shadow:0 0 30px #007c201f}@keyframes scalePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-ticket-card{background:#fff;border:1px dashed #141c1926;border-radius:14px;width:100%;margin:8px 0;padding:18px;position:relative}.success-ticket-card:before,.success-ticket-card:after{content:"";background-color:var(--bg-primary);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.success-ticket-card:before{border-right:1px dashed #141c1926;left:-10px}.success-ticket-card:after{border-left:1px dashed #141c1926;right:-10px}.ticket-row{justify-content:space-between;margin-bottom:9px;font-size:.78rem;display:flex}.ticket-row:last-child{margin-bottom:0}.ticket-label{color:var(--text-secondary)}.ticket-value{color:var(--text-primary);font-weight:600}.geo-banner{overflow:initial;background:linear-gradient(135deg,#007c2014,#005c180d);border:1px solid #007c2033;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex;position:relative}.geo-pulse{background:var(--accent-teal);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.5s ease-in-out infinite geoPulse;box-shadow:0 0 #007c2066}@keyframes geoPulse{0%,to{box-shadow:0 0 #007c2066}50%{box-shadow:0 0 0 8px #007c2000}}.geo-info{flex:1}.geo-status{background:var(--accent-teal);color:#fff;letter-spacing:.06em;border-radius:6px;padding:3px 8px;font-size:.65rem;font-weight:800;box-shadow:0 2px 8px #007c2026}.culinary-list{grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:80px;display:grid}.culinary-card{cursor:pointer;transition:var(--transition-normal);background:#fff;border:1px solid #141c1914;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.culinary-card:hover{border-color:#007c2033;transform:translateY(-4px);box-shadow:0 6px 20px #141c190f}.culinary-icon{object-fit:cover;border:none;border-bottom:1px solid #141c190f;border-radius:0;flex-shrink:0;width:100%;height:110px}.culinary-info{flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:10px 12px;display:flex}.culinary-info h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.82rem;font-weight:700;overflow:hidden}.culinary-info p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.68rem;line-height:1.3;display:-webkit-box;overflow:hidden}.culinary-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}.culinary-rating{-webkit-backdrop-filter:blur(4px);color:#fbbf24;z-index:2;background:#0f172aa6;border-radius:12px;align-items:center;gap:3px;padding:2px 7px;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0003}.culinary-price{color:#e76200;font-size:.72rem;font-weight:700}.culinary-distance{color:var(--text-muted);font-size:.65rem}.culinary-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.culinary-cat-badge{color:var(--accent-orange);background:#007c2014;border:1px solid #007c2026;border-radius:8px;padding:3px 8px;font-size:.62rem;font-weight:700}.flash-deal-card{cursor:pointer;transition:var(--transition-normal);background:#fff;border:1px solid #007c2033;border-radius:16px;align-items:center;gap:14px;margin-bottom:14px;padding:14px 16px;display:flex;box-shadow:0 4px 16px #0f172a0a}.flash-deal-card:hover{border-color:var(--accent-teal);transform:translateY(-1px);box-shadow:0 6px 20px #007c201a}.flash-icon{background:#007c2014;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;display:flex}.flash-info{flex:1;min-width:0}.flash-label{color:var(--accent-teal);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:.65rem;font-weight:800}.flash-info h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.88rem;font-weight:700;line-height:1.3;overflow:hidden}.flash-countdown{flex-shrink:0;align-items:center;gap:4px;display:flex}.countdown-block{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;align-items:center;min-width:28px;padding:4px 6px;display:flex}.countdown-block span{font-size:.85rem;font-weight:800;font-family:var(--font-title);color:var(--text-primary);line-height:1}.countdown-block small{color:var(--text-muted);font-size:.5rem;font-weight:600}.countdown-sep{color:var(--text-muted);margin-bottom:6px;font-size:.85rem;font-weight:700}.mini-calendar{background:#fff;border:1px solid #0f172a0f;border-radius:16px;margin-bottom:8px;padding:14px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-header span{font-family:var(--font-title);color:var(--text-primary);font-size:.88rem;font-weight:700}.cal-nav{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;justify-content:center;align-items:center;padding:5px;display:flex}.cal-nav:hover{color:var(--accent-teal);background:#007c2014}.calendar-days-header{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.calendar-days-header span{color:var(--text-muted);font-size:.65rem;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-day{aspect-ratio:1;cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:500;display:flex}.cal-day:hover{color:var(--text-primary);background:#0f172a0d}.cal-day.today{color:var(--accent-teal);background:#007c201a;border:1px solid #007c2040;font-weight:800}.cal-day.has-event{color:var(--text-primary);font-weight:700;position:relative}.cal-day.has-event:after{content:"";background:var(--accent-teal);border-radius:50%;width:4px;height:4px;display:block;position:absolute;bottom:3px}.cal-day.range-start{color:var(--accent-teal);background:#007c2024;border-radius:12px 0 0 12px;font-weight:800}.cal-day.range-mid{color:var(--accent-teal);background:#007c2014;border-radius:0;font-weight:700}.cal-day.range-end{color:var(--accent-teal);background:#007c2024;border-radius:0 12px 12px 0;font-weight:800}.cal-day.range-start.range-end{border-radius:50%}.cal-day.empty{cursor:default}.cal-day.selected-day{font-weight:800;box-shadow:0 3px 8px #007c204d;background:var(--accent-teal)!important;color:#fff!important;border-radius:50%!important}.cal-day.selected-day:after{background:#fff}.event-list{flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.event-card{cursor:pointer;transition:var(--transition-normal);background:#fff;border:1px solid #0f172a14;border-radius:16px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;box-shadow:0 2px 6px #0f172a05}.event-card:hover{border-color:#007c204d;transform:translateY(-2px);box-shadow:0 6px 16px #0f172a0f}.event-card-header{align-items:flex-start;gap:12px;display:flex}.event-date-badge{text-align:center;background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;flex-shrink:0;min-width:52px;padding:8px 10px}.event-date-badge .day{color:var(--text-primary);font-size:1.15rem;font-weight:800;line-height:1.1;font-family:var(--font-title)}.event-date-badge .month{color:var(--accent-teal);text-transform:uppercase;margin-top:2px;font-size:.62rem;font-weight:700}.event-info{flex:1;min-width:0}.event-info h4{color:var(--text-primary);margin-bottom:4px;font-size:.9rem;font-weight:700;line-height:1.3}.event-info p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.74rem;line-height:1.4;display:-webkit-box;overflow:hidden}.event-cat-badge{letter-spacing:.02em;color:var(--accent-teal);white-space:nowrap;background:#007c2014;border-radius:6px;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-block}.event-footer{border-top:1px solid #0f172a0a;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.event-meta{align-items:center;gap:10px;display:flex}.event-meta-item{color:var(--text-muted);align-items:center;gap:4px;font-size:.72rem;display:flex}.badge-live{color:var(--accent-teal);background:#007c2014;border:1px solid #007c2033;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:700}.journey-planner{margin-bottom:4px;padding:16px}.journey-inputs{flex-direction:column;gap:0;margin-bottom:12px;display:flex}.journey-input-row{align-items:center;gap:10px;padding:8px 0;display:flex}.journey-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.origin-dot{background:var(--accent-teal);box-shadow:0 0 0 4px #007c2033}.dest-dot{background:var(--accent-orange);box-shadow:0 0 0 4px #007c2033}.journey-line{background:#141c191f;width:2px;height:16px;margin-left:5px}.journey-input-field{flex-direction:column;flex:1;gap:2px;display:flex}.journey-input-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:700}.journey-select{color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background:#fff;border:1px solid #141c191f;border-radius:10px;outline:none;width:100%;padding:8px 10px;font-size:.8rem}.journey-select:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #007c201a}.place-search-wrap{position:relative}.place-search-input{box-sizing:border-box;width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#fff;border:1px solid #141c191f;border-radius:12px;outline:none;padding:11px 14px;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.place-search-input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #007c201f}.place-search-input::placeholder{color:var(--text-muted)}.place-search-suggestions{z-index:50;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #141c191a;border-radius:12px;max-height:300px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0f172a24}.place-suggestion-item{cursor:pointer;border-bottom:1px solid #141c190d;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.place-suggestion-item:last-child{border-bottom:none}.place-suggestion-item:hover,.place-suggestion-item:active{background:#0d948812}.place-suggestion-icon{background:#0d94881a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.place-suggestion-name{color:var(--text-primary);font-size:.82rem;font-weight:600;line-height:1.3}.place-suggestion-sub{color:var(--text-muted);margin-top:1px;font-size:.68rem}.place-suggestion-empty{color:var(--text-muted);text-align:center;padding:14px 12px;font-size:.78rem}.cara-angkot-card{background:var(--bg-surface);cursor:pointer;border:1px solid #0f172a0f;border-radius:14px;align-items:center;gap:12px;margin-top:10px;padding:12px;transition:transform .15s,box-shadow .15s;display:flex}.cara-angkot-card:hover,.cara-angkot-card:active{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a14}.cara-angkot-badge{color:#fff;width:42px;height:42px;box-shadow:var(--shadow-sm);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.cara-hub-card{background:var(--bg-surface);border:1px solid #0f172a0f;border-radius:14px;align-items:center;gap:12px;margin-top:10px;padding:12px;display:flex}.cara-section-title{color:var(--text-dark);align-items:center;gap:6px;margin-top:16px;font-size:.8rem;font-weight:800;display:flex}.cara-empty{color:var(--text-muted);text-align:center;background:#0f172a08;border:1px dashed #0f172a1f;border-radius:12px;margin-top:10px;padding:14px;font-size:.78rem}.cara-place-badge{color:var(--accent-teal);background:#0d948814;border-radius:20px;align-items:center;gap:6px;margin-top:12px;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.cara-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.65rem;font-weight:700;display:block}.cara-gps-btn{width:44px;height:44px;color:var(--accent-teal);cursor:pointer;background:#0d948814;border:1px solid #0d94884d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .1s;display:flex}.cara-gps-btn:hover,.cara-gps-btn:active{background:#0d948829;transform:scale(.98)}.cara-gps-btn:disabled{opacity:.6;cursor:not-allowed}.cara-journey{margin-top:4px}.cara-journey-step{align-items:flex-start;gap:12px;display:flex}.cara-journey-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;box-shadow:0 2px 6px #0f172a14}.cara-journey-body{flex:1;min-width:0;padding-top:1px}.cara-journey-mode{color:var(--text-primary);font-size:.82rem;font-weight:700}.cara-journey-desc{color:var(--text-secondary);margin-top:2px;font-size:.74rem;line-height:1.5}.cara-journey-connector{background:#0f172a1f;border-radius:2px;width:2px;height:14px;margin-left:17px}.journey-date-row{gap:10px;margin-bottom:12px;display:flex}.train-list{flex-direction:column;gap:10px;display:flex}.train-card{transition:var(--transition-normal);color:var(--text-primary);background:#fff;border:1px solid #141c1914;border-radius:16px;padding:14px}.train-card:hover{border-color:#007c2033;box-shadow:0 4px 16px #007c200d}.train-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.train-name{font-family:var(--font-title);font-size:.88rem;font-weight:700}.train-class{color:var(--text-secondary);background:#141c190a;border:1px solid #141c1914;border-radius:6px;padding:2px 7px;font-size:.68rem}.train-route{align-items:center;gap:6px;margin-bottom:10px;display:flex}.train-time{font-family:var(--font-title);font-size:1rem;font-weight:800}.train-station{color:var(--text-muted);font-size:.68rem}.train-arrow{flex:1;align-items:center;gap:4px;display:flex}.train-line{background:#007c2026;flex:1;height:1px}.train-duration{color:var(--accent-teal);white-space:nowrap;font-size:.68rem;font-weight:600}.train-footer{justify-content:space-between;align-items:center;display:flex}.train-price{color:var(--accent-teal);font-size:.88rem;font-weight:800}.train-avail{color:var(--accent-green);font-size:.68rem;font-weight:600}.train-book-btn{color:var(--accent-teal);cursor:pointer;transition:var(--transition-fast);background:linear-gradient(135deg,#007c2014,#005c180a);border:1px solid #007c2059;border-radius:10px;padding:7px 14px;font-size:.78rem;font-weight:700;box-shadow:0 2px 8px #007c200a}.train-book-btn:hover{background:#007c201f;box-shadow:0 4px 12px #007c2014}.lastmile-list{flex-direction:column;gap:8px;padding-bottom:16px;display:flex}.lastmile-card{transition:var(--transition-fast);background:#fff;border:1px solid #141c1914;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.lastmile-card:hover{border-color:#007c2033}.lastmile-icon{background:#007c200f;border:1px solid #007c201f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.lastmile-info{flex:1}.lastmile-info h4{color:var(--text-primary);margin-bottom:2px;font-size:.85rem}.lastmile-info p{color:var(--text-secondary);font-size:.72rem}.lastmile-price{color:var(--accent-teal);font-size:.82rem;font-weight:700}.vt-cards-scroll{scrollbar-width:none;flex-shrink:0;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.vt-cards-scroll::-webkit-scrollbar{display:none}.cctv-cards-scroll{scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;gap:16px;padding:6px 4px 16px;display:flex;overflow-x:auto}.cctv-cards-scroll::-webkit-scrollbar{display:none}.vt-card{cursor:pointer;min-width:200px;height:130px;transition:var(--transition-normal);border-radius:18px;flex-shrink:0;position:relative;overflow:hidden}.vt-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.vt-card-bg{position:absolute;top:0;bottom:0;left:0;right:0}.vt-card-overlay{background:linear-gradient(#0000001a,#000000b3);flex-direction:column;justify-content:space-between;padding:12px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.vt-360-badge{color:#fff;background:#00000080;border:1px solid #fff3;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:.62rem;font-weight:700}.vt-info h4{color:#fff;margin-bottom:1px;font-size:.85rem}.vt-info p{color:#ffffffb3;font-size:.68rem}.vt-play-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:var(--transition-fast);background:#ffffff26;border:1px solid #fff3;border-radius:20px;align-self:flex-start;align-items:center;gap:5px;padding:5px 12px;font-size:.72rem;font-weight:600;display:flex}.vt-play-btn:hover{background:#ffffff40}.ar-badge{color:var(--accent-teal);background:#007c2014;border:1px solid #007c2033;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.68rem;font-weight:700;display:flex}.culture-items-grid{flex-direction:column;gap:8px;display:flex}.culture-item{cursor:pointer;transition:var(--transition-normal);background:#fff;border:1px solid #141c1914;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.culture-item:hover{border-color:#007c204d;transform:translate(4px);box-shadow:0 4px 16px #007c200d}.culture-item-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.4rem;display:flex}.culture-item-info{flex:1}.culture-item-info h4{color:var(--text-primary);margin-bottom:2px;font-size:.85rem}.culture-item-info p{color:var(--text-secondary);font-size:.72rem}.ar-scan-btn{width:32px;height:32px;color:var(--accent-teal);background:#007c200f;border:1px solid #007c2026;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.social-icons-row{align-items:center;gap:8px;display:flex}.social-feed-list{flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.social-post{border:1px solid var(--border-color);background:#fff;border-radius:16px;padding:14px}.social-post-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.social-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.social-user{flex:1}.social-user h5{color:var(--text-primary);font-size:.82rem}.social-user p{color:var(--text-muted);font-size:.68rem}.social-platform{color:var(--text-muted);font-size:.65rem}.social-post-img{object-fit:cover;border-radius:10px;width:100%;height:130px;margin-bottom:8px}.social-post-img-placeholder{border-radius:10px;justify-content:center;align-items:center;width:100%;height:90px;margin-bottom:8px;font-size:2rem;display:flex}.social-post p{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.social-post-meta{gap:12px;margin-top:8px;display:flex}.social-stat{color:var(--text-muted);align-items:center;gap:4px;font-size:.7rem;display:flex}.accom-filter-row{scrollbar-width:none;flex-shrink:0;gap:8px;margin-bottom:14px;padding-bottom:8px;display:flex;overflow-x:auto}.accom-filter-row::-webkit-scrollbar{display:none}.accommodation-list{flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.accom-card{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-normal);background:#fff;border-radius:18px;overflow:hidden}.accom-card:hover{border-color:#d9770640;transform:translateY(-2px)}.accom-card-hero{align-items:flex-end;height:110px;padding:0;display:flex;position:relative}.accom-card-hero-bg{position:absolute;top:0;bottom:0;left:0;right:0}.accom-type-badge{color:#fff;background:#141c19cc;border-radius:8px;padding:3px 8px;font-size:.65rem;font-weight:700;position:absolute;top:10px;right:10px}.accom-card-body{padding:12px 14px}.accom-card-body h4{color:var(--text-primary);margin-bottom:3px;font-size:.92rem}.accom-card-body p{color:var(--text-secondary);margin-bottom:8px;font-size:.75rem;line-height:1.3}.accom-card-footer{justify-content:space-between;align-items:center;display:flex}.accom-price{color:var(--accent-orange);font-size:.9rem;font-weight:700}.accom-price small{color:var(--text-muted);font-size:.65rem;font-weight:400}.accom-rating{color:var(--accent-yellow);align-items:center;gap:4px;font-size:.75rem;display:flex}.resto-rating-badge{-webkit-backdrop-filter:blur(4px);color:#fbbf24;z-index:2;background:#0f172aa6;border-radius:12px;align-items:center;gap:3px;padding:2px 7px;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 6px #0003}.accom-nearby{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.accom-near-tag{color:var(--accent-teal);background:#007c200f;border:1px solid #007c201f;border-radius:6px;padding:2px 7px;font-size:.62rem}.umkm-filter-row{scrollbar-width:none;flex-shrink:0;gap:8px;margin-bottom:14px;padding-bottom:8px;display:flex;overflow-x:auto}.umkm-card{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-normal);background:#fff;border-radius:16px;padding:14px}.umkm-card:hover{border-color:#007c2033}.umkm-card-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.umkm-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.umkm-header-info{flex:1}.umkm-header-info h4{color:var(--text-primary);margin-bottom:2px;font-size:.9rem}.umkm-header-info p{color:var(--text-secondary);font-size:.72rem}.umkm-cat-badge{border-radius:8px;padding:3px 8px;font-size:.62rem;font-weight:600}.umkm-desc{color:var(--text-secondary);margin-bottom:10px;font-size:.78rem;line-height:1.4}.umkm-footer{justify-content:space-between;align-items:center;display:flex}.umkm-rating{color:var(--accent-yellow);align-items:center;gap:4px;font-size:.75rem;display:flex}.umkm-voucher-btn{color:var(--accent-orange);cursor:pointer;transition:var(--transition-fast);background:linear-gradient(135deg,#007c2014,#33cc6f0a);border:1px solid #007c2033;border-radius:10px;padding:6px 12px;font-size:.72rem;font-weight:600}.umkm-voucher-btn:hover{background:#007c201f}.vt-fullscreen{background:#000;padding:0}.vt-header{z-index:10;color:var(--text-primary);background:linear-gradient(#ffffffe6,#0000);align-items:center;gap:10px;padding:20px 16px 12px;display:flex;position:absolute;top:0;left:0;right:0}.vt-title-area{flex:1}.vt-title-area h4{font-size:.9rem}.vt-gyro-icon{width:32px;height:32px;transition:var(--transition-fast);background:#00d2b426;border-radius:50%;justify-content:center;align-items:center;display:flex}.vt-gyro-icon:active{transform:scale(.9)}.vt-panorama-container{cursor:grab;background:#0a1a1a;width:100%;height:100%;position:relative;overflow:hidden}.vt-panorama-container:active{cursor:grabbing}.vt-panorama-inner{will-change:transform;width:300%;height:100%;transition:transform 50ms linear;display:flex}.vt-panorama-layer{flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden}.vt-drag-hint{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);background:#ffffffb3;border:1px solid #141c191a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.78rem;animation:2s ease-in-out infinite hintPulse;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes hintPulse{0%,to{opacity:.8}50%{opacity:1}}.vt-compass{width:44px;height:44px;position:absolute;top:16px;right:16px}.compass-ring{border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.compass-needle{background:linear-gradient(to bottom, var(--accent-orange) 50%, #ffffff4d 50%);transform-origin:bottom;border-radius:2px;width:3px;height:16px;position:absolute;top:6px}.compass-label{color:#ffffff80;font-size:.5rem;position:absolute;top:2px}.vt-info-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:45%;color:var(--text-primary);background:#ffffffeb;border-radius:20px 20px 0 0;padding:16px;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #141c1914}.vt-info-panel h4{margin-bottom:6px;font-size:1rem}.vt-hotspot-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.vt-hotspot{border:1px solid var(--border-highlight);color:var(--accent-teal);cursor:pointer;background:#00d2b41a;border-radius:8px;padding:5px 10px;font-size:.72rem}.ar-screen{background:#020808;padding:0;overflow:hidden}.ar-header{z-index:20;background:linear-gradient(#ffffffe6,#0000);justify-content:space-between;align-items:center;padding:20px 16px 10px;display:flex;position:absolute;top:0;left:0;right:0}.ar-header-center{flex:1;justify-content:center;display:flex}.ar-scanning-badge{border:1px solid var(--border-highlight);color:var(--accent-teal);letter-spacing:.06em;background:#00d2b426;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.7rem;font-weight:700;display:flex}.ar-dot{background:var(--accent-teal);border-radius:50%;width:6px;height:6px;animation:1s infinite geoPulse}.ar-mode-btn{width:32px;height:32px;color:var(--text-primary);cursor:pointer;background:#141c190f;border-radius:8px;justify-content:center;align-items:center;display:flex}.ar-viewport{background:radial-gradient(circle,#0a1f1f 0%,#020808 100%);width:100%;height:58%;position:relative;overflow:hidden}.ar-scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00d2b408 2px 4px);animation:10s linear infinite scanlineScroll;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes scanlineScroll{0%{background-position:0 0}to{background-position:0 40px}}.ar-target-frame{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ar-corner{border-color:var(--accent-teal);border-style:solid;width:24px;height:24px;position:absolute}.ar-corner.tl{border-width:2px 0 0 2px;border-radius:4px 0 0;top:0;left:0}.ar-corner.tr{border-width:2px 2px 0 0;border-radius:0 4px 0 0;top:0;right:0}.ar-corner.bl{border-width:0 0 2px 2px;border-radius:0 0 0 4px;bottom:0;left:0}.ar-corner.br{border-width:0 2px 2px 0;border-radius:0 0 4px;bottom:0;right:0}#ar-artifact-display{font-size:4rem;animation:3s ease-in-out infinite floatAnim}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ar-overlay-info{color:var(--text-primary);background:linear-gradient(#0000,#ffffffe6,#fff 60%);padding:20px 20px 14px;position:absolute;bottom:0;left:0;right:0}.ar-info-tag{background:var(--accent-teal-soft);border:1px solid var(--border-highlight);color:var(--accent-teal);border-radius:6px;margin-bottom:5px;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-block}.ar-overlay-info h4{font-size:1.1rem}.ar-story-panel{height:44%;color:var(--text-primary);background:#fff;border-radius:20px 20px 0 0;padding:14px 16px;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.ar-story-tabs{gap:4px;margin-bottom:0;display:flex}.ar-stab{text-align:center;cursor:pointer;color:var(--text-muted);transition:var(--transition-fast);border-radius:8px;flex:1;padding:7px 8px;font-size:.78rem;font-weight:600}.ar-stab.active{color:var(--text-primary);background:#141c190f}.ar-media-row{scrollbar-width:none;gap:8px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:clip}.ar-media-row::-webkit-scrollbar{display:none}.ar-media-chip{border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:#141c190a;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.7rem;display:flex}.geo-popup{z-index:600;flex-direction:column;gap:8px;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideUp;display:none;position:absolute;bottom:16px;left:16px;right:16px}body.has-bottom-nav .geo-popup{bottom:calc(var(--total-nav-height) + 12px)}body.has-builder-bar .geo-popup{bottom:calc(var(--total-nav-height) + 84px)}.geo-popup.active{display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.geo-popup-inner{color:#f8fafc;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:12px;padding:16px;display:flex;position:relative;box-shadow:0 16px 36px #00000059;background:#0f172a!important}.geo-popup-content{flex:1}.geo-popup-label{color:#007c20;letter-spacing:.08em;margin-bottom:2px;font-size:.65rem;font-weight:800}.geo-popup-content h4{color:#fff;margin:0 0 4px;font-size:.88rem;font-weight:700;line-height:1.3}.geo-popup-content p{margin:0;color:#94a3b8!important;font-size:.78rem!important;line-height:1.35!important}.geo-popup-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;transition:color .2s;display:flex}.geo-popup-close:hover{color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:700;background:#0000008c;justify-content:center;align-items:flex-end;padding:0;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay.active{display:flex}#modal-auth{z-index:750}#full-screen-image-viewer{justify-content:center;align-items:center}.modal-card{width:100%;max-height:100%;box-shadow:var(--shadow-lg);color:var(--text-primary);background:#fff;border:0;border-radius:24px 24px 0 0;flex-direction:column;animation:.35s cubic-bezier(.175,.885,.32,1.275) modalSlide;display:flex;overflow:hidden}@keyframes modalSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #141c190f;justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.modal-header h3{color:var(--text-primary);font-size:1rem}.modal-body{background-color:#f8fafc;flex:1;padding:16px 20px;overflow-y:auto}.modal-footer{background:#fff;border-top:1px solid #141c190f;gap:8px;padding:12px 20px 16px;display:flex}[class*=modal-footer] .btn,[class*=modal-footer] a.btn,#modal-destinasi-detail>div:last-child .btn,#modal-restaurant-detail>div:last-child .btn,#modal-umkm-detail .btn{border-radius:10px;gap:5px;padding:8px 14px;font-size:.78rem}[class*=modal-footer] .btn i,[class*=modal-footer] a.btn i,#modal-destinasi-detail>div:last-child .btn i,#modal-restaurant-detail>div:last-child .btn i{width:13px!important;height:13px!important}.swipe-next{text-align:center;color:var(--text-muted);opacity:.6;flex-direction:column;align-items:center;gap:4px;padding:20px 0 12px;display:flex}.swipe-next span:first-child{font-size:1rem;animation:1.8s ease-in-out infinite swipeBounce}@keyframes swipeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.modal-input-group{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.modal-input-group label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.modal-input{color:var(--text-primary);font-family:var(--font-sans);background:#fff;border:1px solid #141c191f;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:.82rem}.modal-input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #007c201a}textarea.modal-input{resize:none}select.modal-input{cursor:pointer}.rsvp-event-summary{background:#fff;border:1px solid #141c1914;border-radius:12px;margin-bottom:14px;padding:12px 14px}.rsvp-event-summary h4{color:var(--text-primary);margin-bottom:4px;font-size:.92rem}.rsvp-event-summary p{color:var(--text-secondary);font-size:.78rem}.qty-row{align-items:center;gap:16px;display:flex}.qty-btn{width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #141c191f;border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.qty-btn:active{background:#141c190d}.rsvp-total-row{color:var(--text-secondary);border-top:1px solid #141c190f;justify-content:space-between;align-items:center;padding:12px 0;font-size:.88rem;display:flex}.chatbot-bubble{background:var(--grad-primary);width:48px;height:48px;box-shadow:var(--shadow-glow-orange);cursor:pointer;z-index:400;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;bottom:16px;right:20px}body.has-bottom-nav .chatbot-bubble{bottom:calc(var(--total-nav-height) + 12px)}body.has-builder-bar .chatbot-bubble{bottom:calc(var(--total-nav-height) + 90px)}.chatbot-bubble:hover{filter:brightness(1.1);transform:scale(1.05)}.chatbot-bubble:active{transform:scale(.9)}.chatbot-bubble.hidden{display:none}.chatbot-panel{z-index:450;width:calc(100% - 32px);height:400px;box-shadow:var(--shadow-lg), 0 4px 30px #141c1914;background:#fff;border:1px solid #141c1914;border-radius:20px;flex-direction:column;animation:.3s cubic-bezier(.175,.885,.32,1.275) chatEnter;display:none;position:absolute;bottom:14px;right:16px;overflow:hidden}body.has-bottom-nav .chatbot-panel{bottom:calc(var(--total-nav-height) + 10px)}body.has-builder-bar .chatbot-panel{bottom:calc(var(--total-nav-height) + 88px)}.chatbot-panel.active{display:flex}@keyframes chatEnter{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.chatbot-header{color:var(--text-primary);background:#007c200d;border-bottom:1px solid #141c190f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chatbot-info{align-items:center;gap:8px;display:flex}.chatbot-status-dot{background:var(--accent-green);width:6px;height:6px;box-shadow:0 0 5px var(--accent-green);border-radius:50%;animation:1.5s infinite geoPulse}.chatbot-body{background-color:#f8fafc;flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.chat-msg{border-radius:14px;max-width:82%;padding:9px 12px;font-size:.78rem;line-height:1.4}.chat-msg.agent{color:var(--text-primary);background:#fff;border:1px solid #141c190f;border-bottom-left-radius:4px;align-self:flex-start}.chat-msg.user{background:var(--grad-primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 2px 8px #007c2026}.chatbot-footer{background:#fff;border-top:1px solid #141c1914;gap:7px;padding:8px 10px;display:flex}.chatbot-input{color:var(--text-primary);font-family:var(--font-sans);background:#f8faf9;border:1px solid #141c1914;border-radius:9px;outline:none;flex:1;padding:7px 11px;font-size:.78rem}.chatbot-input:focus{border-color:var(--accent-teal)}.chatbot-send{background:var(--grad-teal);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:flex}.close-chat-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;animation:.7s linear infinite spin;display:inline-block}.animate-spin{animation:1.2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@media (max-width:450px){body{background-color:var(--bg-primary);height:100vh;height:100dvh;min-height:100vh;background-image:none;min-height:100dvh;overflow:hidden}.app-container{max-width:100%;height:100vh;height:100dvh;max-height:100vh;clip-path:none;border:none;border-radius:0;max-height:100dvh}.phone-notch{display:none}.app-viewport{padding-top:0}.bottom-nav{border-bottom-right-radius:0;border-bottom-left-radius:0}}.gps-status-banner{border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;margin:10px 16px 0;padding:9px 14px;font-size:.78rem;font-weight:500;transition:background .3s,border-color .3s;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideUp;display:flex}.gps-status-banner span:first-child{flex-shrink:0;font-size:1rem}.gps-loading{color:var(--text-secondary);background:#ffffff0d;border-color:#ffffff1a}.gps-in-garut{color:var(--accent-teal);background:#00d2b41f;border-color:#00d2b459}.gps-out-garut{color:#a5b4fc;background:#6366f11f;border-color:#6366f159}.gps-error{color:#fca5a5;background:#ef444414;border-color:#ef444440}.gps-loading span:first-child{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.notification-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:700;line-height:1;animation:.35s cubic-bezier(.175,.885,.32,1.5) badgePop;display:none;position:absolute;top:-4px;right:-4px}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.notification-bell{position:relative}.geo-popup-icon{flex-shrink:0;font-size:1.6rem}.notif-item{cursor:pointer;background:#fff;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:14px;padding:14px 20px;transition:background .15s;display:flex}.notif-item:hover{background:#f8fafc}.notif-item:active{background:#f1f5f9}.notif-item:last-child{border-bottom:none}.notif-item-icon{color:#007c20;background:#007c2014;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;line-height:1;display:flex}.notif-item-content{flex:1;min-width:0}.notif-item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:3px;display:flex}.notif-item-title{color:#0f172a;word-break:break-word;margin:0;font-size:.85rem;font-weight:700;line-height:1.3}.notif-item-desc{color:#64748b;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item-time{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:500}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#cbd5e1;border-radius:24px;transition:all .25s;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background:var(--accent-teal)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}#screen-game{--accent-orange:#ff5a1e;--accent-teal:#00a389;--accent-yellow:#d97706;--text-muted:#64748b;--text-secondary:#475569;--text-primary:#1e293b;--cc-bg-cream:#fff6ea;--cc-bg-parchment:#f5edd6;--cc-bg-pale:#faf3e0;--cc-blob-peach:#f8d9b8;--cc-ink:#1a1a1a;--cc-ink-medium:#3d2816;--cc-brown-shadow:#7a4f2a;--cc-orange:#f56714;--cc-divider-warm:#e8d5b8;min-height:100vh;position:relative;background:radial-gradient(circle at 1px 1px, #1a1a1a14 1px, transparent 0) 0 0/22px 22px, var(--cc-bg-cream)!important;color:var(--cc-ink)!important;font-family:Nunito,sans-serif!important}#screen-game h1,#screen-game h2,#screen-game h3,#screen-game h4,#screen-game h5,#screen-game h6,#screen-game .sticker-name,#screen-game .quest-sticker-name{color:var(--cc-ink)!important;font-family:Fredoka,sans-serif!important;font-weight:700!important}.game-tab-content{animation:.4s cubic-bezier(.16,1,.3,1) cc-reveal;display:none}.game-tab-content.active{display:block}@keyframes cc-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.collector-points-badge{letter-spacing:.05em;align-items:center;gap:6px;display:flex;background:var(--cc-bg-pale)!important;color:var(--cc-ink)!important;border:2px solid var(--cc-ink)!important;box-shadow:3px 3px 0 0 var(--cc-ink)!important;border-radius:8px!important;padding:6px 14px!important;font-family:VT323,monospace!important;font-size:1.15rem!important;font-weight:900!important}#screen-game .category-container .chip{cursor:pointer;align-items:center;gap:6px;display:inline-flex;background:var(--cc-bg-cream)!important;color:var(--cc-ink)!important;border:2px solid var(--cc-ink)!important;box-shadow:3px 3px 0 0 var(--cc-ink)!important;border-radius:8px!important;padding:8px 16px!important;font-family:Fredoka,sans-serif!important;font-weight:900!important;transition:transform .1s,box-shadow .1s!important}#screen-game .category-container .chip:active,#screen-game .category-container .chip.active{background:var(--cc-orange)!important;color:var(--cc-bg-cream)!important;box-shadow:1px 1px 0 0 var(--cc-ink)!important;transform:translate(2px,2px)!important}.map-card-wrapper{overflow:hidden;border:2px solid var(--cc-ink)!important;box-shadow:8px 8px 0 0 var(--cc-ink)!important;background:var(--cc-bg-pale)!important;border-radius:12px!important}.active-quest-card,.game-instruction-card{border:2px solid var(--cc-ink)!important;box-shadow:6px 6px 0 0 var(--cc-ink)!important;background:var(--cc-bg-pale)!important;border-radius:12px!important}.game-instruction-card{box-shadow:4px 4px 0 0 var(--cc-ink)!important;border-style:dashed!important}#screen-game div[style*="background:var(--white)"]{background:var(--cc-bg-pale)!important;border:2px solid var(--cc-ink)!important;box-shadow:6px 6px 0 0 var(--cc-ink)!important;border-radius:12px!important}#screen-game #collection-progress-bar{border-right:2px solid var(--cc-ink);background:var(--cc-orange)!important}#screen-game div[style*="background:#f0f0f0"]{background:var(--cc-bg-parchment)!important;border:2px solid var(--cc-ink)!important;border-radius:6px!important;height:12px!important}#screen-game .btn-primary,#screen-game #btn-start-scan,#screen-game #btn-trigger-craft,#screen-game #detail-claim-voucher-btn{background:var(--cc-orange)!important;color:var(--cc-bg-cream)!important;border:2px solid var(--cc-ink)!important;box-shadow:4px 4px 0 0 var(--cc-ink)!important;cursor:pointer!important;border-radius:8px!important;font-family:Fredoka,sans-serif!important;font-weight:900!important;transition:transform .12s,box-shadow .12s!important}#screen-game .btn-primary:hover:not(:disabled),#screen-game #btn-start-scan:hover:not(:disabled),#screen-game #btn-trigger-craft:hover:not(:disabled),#screen-game #detail-claim-voucher-btn:hover:not(:disabled){box-shadow:2px 2px 0 0 var(--cc-ink)!important;transform:translate(2px,2px)!important}#screen-game .btn-primary:disabled,#screen-game #btn-trigger-craft:disabled,#screen-game #btn-start-scan:disabled{opacity:.6;background:var(--cc-bg-parchment)!important;color:var(--cc-brown-shadow)!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}.sticker-card{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative;background:var(--cc-bg-pale)!important;border:2px solid var(--cc-ink)!important;box-shadow:4px 4px 0 0 var(--cc-ink)!important;border-radius:12px!important;padding:12px!important;transition:transform .15s,box-shadow .15s!important}.sticker-card:hover:not(.locked){box-shadow:6px 6px 0 0 var(--cc-ink)!important;transform:translate(-2px,-2px)!important}.sticker-card.locked{opacity:.65;background:var(--cc-bg-parchment)!important}.sticker-emoji{transition:transform .2s;margin-bottom:6px!important;font-size:3rem!important}.sticker-card:hover .sticker-emoji{transform:scale(1.1)}.sticker-card.locked .sticker-emoji{filter:grayscale()brightness(.4)!important;opacity:.25!important}.sticker-card.locked:after{content:"🔒";font-size:.75rem;position:absolute;top:6px;right:6px}.sticker-name{-webkit-line-clamp:2;text-align:center;word-break:break-word;-webkit-box-orient:vertical;height:32px;margin-top:4px;display:-webkit-box;overflow:hidden;color:var(--cc-ink)!important;font-family:Fredoka,sans-serif!important;font-size:.78rem!important;font-weight:700!important;line-height:1.25!important}.rarity-badge,.cc-rarity-pill{letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;border:2px solid var(--cc-ink)!important;box-shadow:2px 2px 0 0 var(--cc-ink)!important;white-space:nowrap!important;border-radius:6px!important;padding:2px 6px!important;font-family:VT323,monospace!important;font-size:.8rem!important;font-weight:900!important;display:inline-flex!important}@media (max-width:380px){.sticker-card{padding:8px 4px!important}.sticker-name{height:28px!important;font-size:.72rem!important;line-height:1.15!important}.rarity-badge{padding:1px 4px!important;font-size:.72rem!important}}.rarity-common{color:var(--cc-ink)!important;background:#e2e8f0!important}.rarity-rare{color:#fff!important;background:#3b82f6!important}.rarity-epic{color:#fff!important;background:#8b5cf6!important}.rarity-legendary{background:var(--cc-orange)!important;color:#fff!important;animation:1.5s infinite alternate goldPulse!important}@keyframes goldPulse{0%{box-shadow:2px 2px 0 0 var(--cc-ink)!important}to{box-shadow:2px 2px 8px var(--cc-orange)!important}}.sticker-card.badge-common{background:#fff6ea!important}.sticker-card.badge-rare{background:#dbeafe!important}.sticker-card.badge-epic{background:#ede9fe!important}.sticker-card.badge-legendary{border:2px solid var(--cc-ink)!important;background:#ffedd5!important;animation:2s infinite alternate legendaryCardGlow!important}@keyframes legendaryCardGlow{0%{transform:scale(1)}to{transform:scale(1.02);box-shadow:6px 6px 12px #f5671466!important}}.game-leaflet-marker{background:0 0;border:none;justify-content:center;align-items:center;display:flex}.game-marker-pin-inner{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.15rem;display:flex;position:relative;border:2px solid var(--cc-ink)!important;box-shadow:3px 3px 0 0 var(--cc-ink)!important;background:var(--cc-bg-pale)!important}.game-marker-pin-inner.locked{background:var(--cc-bg-parchment)!important;filter:grayscale()brightness(.7)!important}.game-marker-pin-inner:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-top:6px solid var(--cc-ink)!important}.game-user-marker-inner{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.35rem;animation:1.5s infinite alternate bounceMarker;display:flex;border:2px solid var(--cc-ink)!important;box-shadow:4px 4px 0 0 var(--cc-ink)!important;background:var(--cc-orange)!important}@keyframes bounceMarker{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.game-leaflet-popup .leaflet-popup-content-wrapper{background:var(--cc-bg-cream)!important;border:2px solid var(--cc-ink)!important;box-shadow:4px 4px 0 0 var(--cc-ink)!important;color:var(--cc-ink)!important;border-radius:8px!important;padding:2px!important}.game-leaflet-popup .leaflet-popup-content{margin:8px 10px!important}.game-leaflet-popup .leaflet-popup-tip{background:var(--cc-bg-cream)!important;border-left:2px solid var(--cc-ink)!important;border-top:2px solid var(--cc-ink)!important;box-shadow:none!important}.craft-ring{border:2px dashed #1a1a1a40;border-radius:50%;animation:8s linear infinite rotateRing;position:absolute}.ring-1{width:100%;height:100%;animation-duration:12s}.ring-2{width:80%;height:80%;animation-duration:9s;animation-direction:reverse}.ring-3{width:60%;height:60%;animation-duration:6s;border-color:var(--cc-orange)!important}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.crafting-active{animation:.15s infinite alternate shakePot!important}@keyframes shakePot{0%{transform:translate(-2px,-2px)rotate(-2deg)}to{transform:translate(2px,2px)rotate(2deg)}}.craft-ring.crafting-active-rings{border-style:dotted!important;border-color:var(--cc-orange)!important;animation-duration:1.5s!important}.craft-ingredient-slot{cursor:pointer;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;transition:all .2s;display:flex;border:2px dashed var(--cc-ink)!important;background:var(--cc-bg-cream)!important;box-shadow:3px 3px 0 0 var(--cc-ink)!important;border-radius:8px!important}.craft-ingredient-slot.selected{animation:1s infinite alternate selectPulse;background:var(--cc-bg-pale)!important;border-style:solid!important;border-color:var(--cc-ink)!important}@keyframes selectPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.recipe-card{align-items:center;gap:12px;padding:12px;display:flex;border:2px solid var(--cc-ink)!important;box-shadow:4px 4px 0 0 var(--cc-ink)!important;background:var(--cc-bg-pale)!important;border-radius:8px!important}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10200;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0;overflow-y:auto;background:#2c1a0ebf!important}.modal-backdrop.active{display:block}.modal-content{width:100%;max-width:320px;padding:24px;animation:.35s cubic-bezier(.175,.885,.32,1.275) zoomIn;position:relative;background:var(--cc-bg-cream)!important;border:2px solid var(--cc-ink)!important;box-shadow:8px 8px 0 0 var(--cc-ink)!important;color:var(--cc-ink)!important;border-radius:12px!important}@keyframes zoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sticker-detail-card-wrapper{text-align:center;margin-bottom:12px;padding:16px;background:var(--cc-bg-pale)!important;border:2px solid var(--cc-ink)!important;border-radius:8px!important}#game-leaderboard-list{flex-direction:column;gap:10px;display:flex}#game-leaderboard-list>div{align-items:center;gap:12px;padding:12px;display:flex;border:2px solid var(--cc-ink)!important;box-shadow:4px 4px 0 0 var(--cc-ink)!important;background:var(--cc-bg-pale)!important;border-radius:8px!important}#game-leaderboard-list>div[style*="background: rgba(0, 163, 137, 0.05)"],#game-leaderboard-list>div[style*="rgba(0,163,137,0.05)"]{border-color:var(--cc-orange)!important;background:#ffecd6!important}.camera-overlay-screen{z-index:10000;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden;background:#2c1a0e!important}.fallback-upload-box{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;top:20px;bottom:20px;left:20px;right:20px;background:var(--cc-bg-parchment)!important;border:2px dashed var(--cc-ink)!important;color:var(--cc-ink)!important;box-shadow:4px 4px 0 0 var(--cc-ink)!important;border-radius:12px!important}.shutter-outer{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .1s;display:flex;border:2px solid var(--cc-ink)!important;background:var(--cc-orange)!important;box-shadow:4px 4px 0 0 var(--cc-ink)!important}.shutter-outer:active{transform:scale(.92)}.shutter-inner{border-radius:50%;width:54px;height:54px;background:var(--cc-bg-cream)!important}.ai-processing-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10100;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:fixed;top:0;left:0;background:#2c1a0ee6!important}.processing-card{width:100%;max-width:320px;padding:24px;background:var(--cc-bg-cream)!important;border:2px solid var(--cc-ink)!important;box-shadow:6px 6px 0 0 var(--cc-ink)!important;color:var(--cc-ink)!important;border-radius:12px!important}.processing-viewfinder{background:#000;border-radius:8px;width:100%;height:180px;margin-bottom:20px;position:relative;overflow:hidden;border:2px solid var(--cc-ink)!important}.processing-viewfinder img{object-fit:cover;width:100%;height:100%}.scanning-laser-line{width:100%;height:4px;animation:2s linear infinite laserScan;position:absolute;top:0;left:0;background:linear-gradient(to bottom, transparent, var(--cc-orange), transparent)!important;box-shadow:0 0 10px var(--cc-orange), 0 0 20px var(--cc-orange)!important}@keyframes laserScan{0%{top:0%}50%{top:100%}to{top:0%}}.processing-steps{text-align:left;flex-direction:column;gap:10px;display:flex}.step-line{opacity:.4;align-items:center;gap:10px;transition:opacity .3s;display:flex}.step-line.active{opacity:1}.step-line.completed .step-bullet{background:var(--cc-orange)!important}.step-line.completed{opacity:.8}.step-bullet{border-radius:50%;width:8px;height:8px;transition:background .3s;background:var(--cc-bg-parchment)!important;border:1px solid var(--cc-ink)!important}.step-bullet.spin-step{border-radius:50%;width:10px;height:10px;animation:.8s linear infinite bulletSpin;border:2px solid var(--cc-orange)!important;background:0 0!important;border-top-color:#0000!important}@keyframes bulletSpin{to{transform:rotate(360deg)}}.step-text{font-size:.8rem;color:var(--cc-ink)!important;font-weight:700!important}.sticker-reveal-frame{border-radius:12px;animation:1.5s infinite pulseRing;overflow:hidden}@keyframes pulseRing{0%{box-shadow:0 0 #f5671466}70%{box-shadow:0 0 0 15px #f5671400}to{box-shadow:0 0 #f5671400}}.viewfinder-container{position:relative;overflow:hidden}.scanner-live-badge{color:#fff;z-index:100;letter-spacing:.05em;background:#0009;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:16px;left:16px}.scanner-live-badge .live-dot{background:#f97316;border-radius:50%;width:8px;height:8px;animation:1.2s infinite livePulse}@keyframes livePulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 8px #f97316}to{opacity:.5;transform:scale(.8)}}.scanner-dashed-target{pointer-events:none;z-index:50;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scanner-dashed-target .dashed-circle{opacity:.95;border:3px dashed #fff;border-radius:50%;width:100%;height:100%;animation:24s linear infinite rotateDashed,2s ease-in-out infinite pulseDashed;box-shadow:inset 0 0 15px #ffffff1a,0 0 10px #ffffff1a}@keyframes rotateDashed{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseDashed{0%{opacity:.8;transform:scale(.97)}50%{opacity:1;border-color:#f97316;transform:scale(1.03);box-shadow:inset 0 0 25px #f9731633,0 0 15px #f973164d}to{opacity:.8;transform:scale(.97)}}.scanner-particles{pointer-events:none;z-index:45;position:absolute;top:0;bottom:0;left:0;right:0}.scanner-star{color:#fbbf24;text-shadow:0 0 8px #fbbf24cc;opacity:.9;font-size:1.25rem;animation:3s ease-in-out infinite starFloat;position:absolute}.star-1{animation-delay:0s;top:38%;left:30%}.star-2{animation-delay:.8s;top:30%;right:32%}.star-3{animation-delay:1.5s;bottom:35%;left:33%}.star-4{animation-delay:2.2s;bottom:38%;right:28%}@keyframes starFloat{0%{opacity:.4;transform:translateY(0)scale(.8)rotate(0)}50%{opacity:1;transform:translateY(-12px)scale(1.1)rotate(15deg)}to{opacity:.4;transform:translateY(0)scale(.8)rotate(0)}}.scanner-ticks{opacity:.8;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tick-ray{transform-origin:50% -128px;background:#f97316;border-radius:2px;width:2px;height:12px;animation:1.8s ease-in-out infinite rayPulse;position:absolute;top:50%;left:50%}.ray-1{animation-delay:0s;transform:translate(-50%,-50%)rotate(0)translateY(134px)}.ray-2{animation-delay:.22s;transform:translate(-50%,-50%)rotate(45deg)translateY(134px)}.ray-3{animation-delay:.44s;transform:translate(-50%,-50%)rotate(90deg)translateY(134px)}.ray-4{animation-delay:.66s;transform:translate(-50%,-50%)rotate(135deg)translateY(134px)}.ray-5{animation-delay:.88s;transform:translate(-50%,-50%)rotate(180deg)translateY(134px)}.ray-6{animation-delay:1.1s;transform:translate(-50%,-50%)rotate(225deg)translateY(134px)}.ray-7{animation-delay:1.32s;transform:translate(-50%,-50%)rotate(270deg)translateY(134px)}.ray-8{animation-delay:1.54s;transform:translate(-50%,-50%)rotate(315deg)translateY(134px)}@keyframes rayPulse{0%{opacity:.4;background:#fbbf24;height:10px}50%{opacity:1;background:#f97316;height:16px}to{opacity:.4;background:#fbbf24;height:10px}}#camera-flash-overlay{opacity:0;pointer-events:none;z-index:200;background:#fff;transition:opacity .1s ease-out;position:absolute;top:0;bottom:0;left:0;right:0}#camera-flash-overlay.flash-active{opacity:1;transition:none}.scanner-target-badge{border:2px solid var(--cc-ink);box-shadow:3px 3px 0 0 var(--cc-ink);color:var(--cc-ink);z-index:100;background:#fed7aa;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:700;animation:2s ease-in-out infinite badgeFloat;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@keyframes badgeFloat{0%{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}to{transform:translate(-50%)}}.scanner-target-badge img{object-fit:contain;width:20px;height:20px}#modal-auth{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:20px;background:#0f172a99!important}#modal-auth .modal-card{background:#fffffffa;border:1px solid #fffc;border-radius:28px;max-width:360px;padding:0;animation:.4s cubic-bezier(.34,1.56,.64,1) authModalEnter;position:relative;overflow:hidden;box-shadow:0 20px 45px #0f172a2e}@keyframes authModalEnter{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-input-container{width:100%;position:relative}.auth-input-container i{color:var(--text-muted);pointer-events:none;width:18px;height:18px;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input{width:100%;color:var(--text-dark);box-sizing:border-box;background:#f8fafc;border:1.5px solid #0f172a14;border-radius:14px;outline:none;padding:13px 14px 13px 44px;font-size:.92rem;transition:all .2s ease-in-out}.auth-label{color:var(--text-dark);letter-spacing:.3px;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.auth-input:focus{border-color:var(--accent-orange);background:#fff;box-shadow:0 0 0 4px #007c201f}.auth-input:focus+i{color:var(--accent-orange)}.auth-submit-btn{background:linear-gradient(135deg, var(--accent-orange) 0%, #2d9e45 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 6px 20px #007c2040}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #007c2059}.auth-submit-btn:active{transform:translateY(0)}.auth-divider{text-align:center;color:var(--text-muted);align-items:center;margin:18px 0;font-size:.8rem;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #141c1914;flex:1}.auth-divider:not(:empty):before{margin-right:.75em}.auth-divider:not(:empty):after{margin-left:.75em}.angkot-list{flex-direction:column;gap:12px;padding-bottom:24px;display:flex}.angkot-card{transition:all var(--transition-fast)!important;background:var(--bg-surface)!important;border:1px solid #141c190f!important;border-radius:16px!important;padding:14px 16px!important}.angkot-card:hover{transform:translateY(-2px);border-color:var(--accent-teal)!important;box-shadow:var(--shadow-md)!important;background:var(--bg-surface-solid)!important}.angkot-timeline{border-left:2px dashed #007c2040;flex-direction:column;gap:10px;margin-top:10px;margin-left:10px;padding-bottom:30px;padding-left:22px;display:flex;position:relative}.angkot-timeline-item{cursor:pointer;position:relative}.angkot-timeline-dot{border:2px solid var(--bg-primary);z-index:2;border-radius:50%;width:10px;height:10px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:-28px;transform:translateY(-50%)}.angkot-timeline-item:hover .angkot-timeline-dot{transform:translateY(-50%)scale(1.35)}.angkot-timeline-card{transition:all var(--transition-fast) ease-in-out;background:#fff;border:1px solid #0f172a0f;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.angkot-timeline-item:hover .angkot-timeline-card{border-color:var(--border-highlight);background:var(--bg-surface-solid);box-shadow:var(--shadow-sm);transform:translate(4px)}.angkot-tab-container{background:#0f172a0d;border:1px solid #0f172a0a;border-radius:12px;margin-bottom:16px;padding:4px;display:flex}.angkot-tab-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.angkot-tab-btn.active{color:var(--accent-teal);box-shadow:var(--shadow-sm);background:#fff;font-weight:700}@keyframes cctvPulse{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}#screen-chat{padding:0;overflow:hidden}.chat-app-shell{flex:1;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chat-sidebar{border-right:1px solid var(--border-color);background:#fff;flex-direction:column;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}@media (min-width:640px){.chat-sidebar{flex-shrink:0;width:280px}.chat-window{flex:1}}.chat-window{background:var(--bg-primary);flex-direction:column;flex:1;display:none;overflow:hidden}@media (min-width:640px){.chat-window{display:flex!important}}.chat-window.mobile-active{display:flex}.chat-sidebar.mobile-hidden{display:none}.chat-sidebar-header{border-bottom:1px solid var(--border-color);background:#fff;padding:16px 14px 10px}.chat-sidebar-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chat-sidebar-title{font-family:var(--font-title);color:var(--text-primary);background:#313131;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.2rem;font-weight:800}.chat-sidebar-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.72rem}.chat-header-actions{gap:4px;display:flex}.chat-icon-btn{background:var(--accent-teal-soft);width:34px;height:34px;color:var(--accent-teal);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-icon-btn:hover{background:var(--accent-teal);color:#fff;transform:scale(1.05)}.chat-search-bar{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-search-input{color:var(--text-primary);font-size:.85rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.chat-search-input::placeholder{color:var(--text-muted)}.chat-auth-prompt{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px 24px;display:flex}.chat-auth-icon{margin-bottom:4px;font-size:3rem}.chat-auth-prompt h3{font-family:var(--font-title);color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.chat-auth-prompt p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.chat-auth-btn{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.chat-auth-btn:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.chat-rooms-list{overscroll-behavior:contain;flex:1;overflow-y:auto}.chat-rooms-loading{flex-direction:column;gap:8px;padding:12px;display:flex}.chat-room-skeleton{background:linear-gradient(90deg,#f0f4f2 25%,#e6ede9 50%,#f0f4f2 75%) 0 0/200% 100%;border-radius:14px;height:64px;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-room-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:12px 14px;transition:background .15s;display:flex;position:relative}.chat-room-item:hover{background:var(--bg-surface-hover)}.chat-room-item.active{border-left:3px solid var(--accent-teal);background:#007c2012}.chat-room-avatar{background:var(--grad-primary);color:#fff;width:44px;height:44px;font-size:1rem;font-weight:700;font-family:var(--font-title);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.chat-room-avatar img{object-fit:cover;width:100%;height:100%}.chat-room-meta{flex:1;min-width:0}.chat-room-meta-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.chat-room-name{color:var(--text-primary);font-size:.88rem;font-weight:700;font-family:var(--font-title);white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.chat-room-time{color:var(--text-muted);flex-shrink:0;font-size:.68rem}.chat-room-last-msg{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.78rem;overflow:hidden}.chat-unread-badge{background:var(--accent-teal);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:700;display:flex;position:absolute;bottom:14px;right:14px}.chat-empty-state{text-align:center;background:var(--bg-primary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px 24px;display:flex}.chat-empty-icon{background:var(--accent-teal-soft);border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;display:flex}.chat-empty-state h3{font-family:var(--font-title);color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.chat-empty-state p{color:var(--text-muted);max-width:240px;margin:0;font-size:.82rem;line-height:1.5}.chat-start-btn{background:var(--grad-primary);color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-glow-teal);border:none;border-radius:12px;align-items:center;gap:6px;margin-top:8px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.chat-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #007c204d}.chat-active-area{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.chat-window-header{border-bottom:1px solid var(--border-color);background:#fff;flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 2px 8px #0000000a}.chat-back-btn{background:var(--bg-primary);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-back-btn:hover{background:var(--accent-teal-soft);color:var(--accent-teal)}@media (min-width:640px){.chat-back-btn{display:none}}.chat-window-avatar{background:var(--grad-primary);color:#fff;width:38px;height:38px;font-size:.95rem;font-weight:700;font-family:var(--font-title);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.chat-window-avatar img{object-fit:cover;width:100%;height:100%}.chat-window-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-window-name{font-family:var(--font-title);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.chat-window-status{color:var(--text-muted);align-items:center;gap:5px;font-size:.72rem;display:flex}.chat-online-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse}.chat-messages-area{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;padding:16px 14px 8px;display:flex;overflow-y:auto}.chat-messages-inner{flex-direction:column;gap:4px;display:flex}.chat-msg-row{align-items:flex-end;gap:6px;margin-bottom:2px;display:flex}.chat-msg-row.outgoing{flex-direction:row-reverse}.chat-msg-avatar-sm{background:var(--grad-primary);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;display:flex;overflow:hidden}.chat-msg-avatar-sm img{object-fit:cover;width:100%;height:100%}.chat-bubble{max-width:72%;font-size:.87rem;line-height:1.5;font-family:var(--font-sans);word-break:break-word;border-radius:18px;padding:9px 13px;position:relative}.chat-bubble.incoming{color:var(--text-primary);background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 4px #0000000f}.chat-bubble.outgoing{background:var(--grad-primary);color:#fff;border-bottom-right-radius:4px}.chat-bubble.outgoing a{color:#ffffffd9}.chat-msg-time{opacity:.65;text-align:right;margin-top:4px;font-size:.65rem}.chat-bubble.incoming .chat-msg-time{text-align:left}.chat-msg-sender{color:var(--accent-teal);margin-bottom:3px;font-size:.68rem;font-weight:700}.chat-bubble-img{cursor:pointer;border-radius:14px;max-width:200px;overflow:hidden}.chat-bubble-img img{width:100%;display:block}.chat-location-pill{color:var(--accent-teal);cursor:pointer;background:#007c201a;border-radius:20px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.chat-location-pill:hover{background:#007c202e}.chat-system-msg{text-align:center;color:var(--text-muted);margin:8px 0;padding:4px 12px;font-size:.72rem}.chat-date-sep{color:var(--text-muted);align-items:center;gap:10px;margin:12px 0;font-size:.7rem;font-weight:600;display:flex}.chat-date-sep:before,.chat-date-sep:after{content:"";background:var(--border-color);flex:1;height:1px}.chat-typing-indicator{color:var(--text-muted);align-items:center;gap:6px;padding:4px 6px;font-size:.75rem;font-style:italic;display:flex}.chat-typing-dots{gap:3px;display:inline-flex}.chat-typing-dots span{background:var(--text-muted);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typingBounce}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-input-bar{border-top:1px solid var(--border-color);background:#fff;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-attach-btn{background:var(--bg-primary);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-attach-btn:hover{background:var(--accent-teal-soft);color:var(--accent-teal)}.chat-msg-input{border:1px solid var(--border-color);font-size:.87rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);border-radius:12px;outline:none;flex:1;min-width:0;padding:9px 14px;transition:border-color .2s}.chat-msg-input:focus{border-color:var(--accent-teal);background:#fff}.chat-msg-input::placeholder{color:var(--text-muted)}.chat-send-btn{background:var(--grad-primary);color:#fff;cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-glow-teal);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-send-btn:hover{transform:scale(1.08);box-shadow:0 6px 18px #007c2059}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-modal-overlay{z-index:600;background:#141c198c;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-modal{width:100%;max-height:75vh;padding-bottom:calc(var(--bottom-nav-height,68px) + var(--safe-area-bottom,0px));background:#fff;border-radius:24px 24px 0 0;flex-direction:column;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;overflow:hidden}.chat-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.chat-modal-header h3{font-family:var(--font-title);color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.chat-modal-body{flex:1;padding:14px;overflow-y:auto}.chat-user-search-results{flex-direction:column;gap:6px;display:flex}.chat-user-item{cursor:pointer;border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.chat-user-item:hover{background:var(--accent-teal-soft);border-color:var(--accent-teal)}.chat-user-avatar{background:var(--grad-teal);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex;overflow:hidden}.chat-user-avatar img{object-fit:cover;width:100%;height:100%}.chat-user-name{color:var(--text-primary);font-size:.88rem;font-weight:700}.chat-user-email{color:var(--text-muted);font-size:.74rem}#nav-chat .chat-nav-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:700;display:none;position:absolute;top:2px;right:18px}#nav-chat{position:relative}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}#nav-chat .chat-nav-badge.visible{display:flex}@keyframes sk-shimmer{0%{background-position:400% 0}to{background-position:-400% 0}}.sk-shimmer{background:linear-gradient(90deg,#eaeff2 25%,#d8e2e7 50%,#eaeff2 75%) 0 0/400% 100%;border-radius:8px;animation:1.5s ease-in-out infinite sk-shimmer}.sk-card{border:1px solid var(--border-color);background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.sk-hero{width:100%}.sk-hero.h-80{height:80px}.sk-hero.h-110{height:110px}.sk-hero.h-130{height:130px}.sk-hero.h-160{height:160px}.sk-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.sk-line{border-radius:6px;width:100%;height:10px}.sk-line.w-90{width:90%}.sk-line.w-80{width:80%}.sk-line.w-70{width:70%}.sk-line.w-60{width:60%}.sk-line.w-45{width:45%}.sk-line.w-30{width:30%}.sk-line.h-14{height:14px}.sk-line.h-12{height:12px}.sk-line.mt-4{margin-top:4px}.sk-row-card{border:1px solid var(--border-color);background:#fff;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 12px;display:flex}.sk-row-icon{border-radius:12px;flex-shrink:0;width:44px;height:44px}.sk-row-body{flex-direction:column;flex:1;gap:8px;display:flex}.sk-dest-card{border:1px solid var(--border-color);background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.sk-card:nth-child(2) .sk-shimmer,.sk-dest-card:nth-child(2) .sk-shimmer,.sk-row-card:nth-child(2) .sk-shimmer{animation-delay:80ms}.sk-card:nth-child(3) .sk-shimmer,.sk-dest-card:nth-child(3) .sk-shimmer,.sk-row-card:nth-child(3) .sk-shimmer{animation-delay:.16s}.sk-card:nth-child(4) .sk-shimmer,.sk-dest-card:nth-child(4) .sk-shimmer,.sk-row-card:nth-child(4) .sk-shimmer{animation-delay:.24s}.sk-card:nth-child(5) .sk-shimmer,.sk-dest-card:nth-child(5) .sk-shimmer,.sk-row-card:nth-child(5) .sk-shimmer{animation-delay:.32s}.sk-card:nth-child(6) .sk-shimmer,.sk-dest-card:nth-child(6) .sk-shimmer,.sk-row-card:nth-child(6) .sk-shimmer{animation-delay:.4s}.sk-cctv-card{border:1px solid var(--border-color);background:#fff;border-radius:18px;flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.sk-cctv-hero{background:linear-gradient(90deg,#c8d5da 25%,#b5c5cc 50%,#c8d5da 75%) 0 0/400% 100%;width:100%;height:135px;animation:1.5s ease-in-out infinite sk-shimmer}.sk-cctv-body{background:#f8fafc;align-items:center;gap:10px;padding:10px 12px;display:flex}.sk-cctv-text{flex-direction:column;flex:1;gap:6px;display:flex}.sk-cctv-btn{border-radius:50%;flex-shrink:0;width:28px;height:28px}.sk-cctv-card:nth-child(2) .sk-shimmer{animation-delay:.1s}.sk-cctv-card:nth-child(3) .sk-shimmer{animation-delay:.2s}.sk-cctv-card:nth-child(4) .sk-shimmer{animation-delay:.3s}.sk-cctv-card:nth-child(5) .sk-shimmer{animation-delay:.4s}.quick-grid-skeleton{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sk-quick-item{flex-direction:column;align-items:center;gap:7px;padding:10px 4px;display:flex}.sk-quick-icon{border-radius:18px;width:52px;height:52px}.sk-quick-label{border-radius:6px;width:48px;height:9px}.sk-quick-item:first-child .sk-shimmer{animation-delay:0s}.sk-quick-item:nth-child(2) .sk-shimmer{animation-delay:70ms}.sk-quick-item:nth-child(3) .sk-shimmer{animation-delay:.14s}.sk-quick-item:nth-child(4) .sk-shimmer{animation-delay:.21s}.sk-quick-item:nth-child(5) .sk-shimmer{animation-delay:.28s}.sk-quick-item:nth-child(6) .sk-shimmer{animation-delay:.35s}.sk-quick-item:nth-child(7) .sk-shimmer{animation-delay:.42s}.sk-quick-item:nth-child(8) .sk-shimmer{animation-delay:.49s}@keyframes sk-fadeout{0%{opacity:1;pointer-events:all}80%{opacity:0;pointer-events:none}to{opacity:0;pointer-events:none;display:none}}.quick-grid-skeleton.sk-done{animation:.35s forwards sk-fadeout}.sk-search-row{align-items:center;gap:12px;padding:10px 16px;display:flex}.sk-search-icon{border-radius:10px;flex-shrink:0;width:38px;height:38px}.sk-search-body{flex-direction:column;flex:1;gap:6px;display:flex}.sk-search-badge{border-radius:8px;flex-shrink:0;width:60px;height:16px}.sk-search-row:nth-child(2) .sk-shimmer{animation-delay:50ms}.sk-search-row:nth-child(3) .sk-shimmer{animation-delay:.1s}.sk-search-row:nth-child(4) .sk-shimmer{animation-delay:.15s}.sk-search-row:nth-child(5) .sk-shimmer{animation-delay:.2s}.sk-search-row:nth-child(6) .sk-shimmer{animation-delay:.25s}#member-skeleton{animation:.25s forwards sk-fadein}#member-skeleton .sk-stat-skeleton{box-shadow:0 4px 16px #00000005}@keyframes sk-fadein{0%{opacity:0}to{opacity:1}}#member-skeleton>.sk-card:first-child .sk-shimmer{animation-delay:0s}#member-skeleton .sk-stat-skeleton:first-child .sk-shimmer{animation-delay:50ms}#member-skeleton .sk-stat-skeleton:nth-child(2) .sk-shimmer{animation-delay:.1s}#member-skeleton .sk-stat-skeleton:nth-child(3) .sk-shimmer{animation-delay:.15s}#member-skeleton>.sk-card:nth-child(3) .sk-shimmer{animation-delay:.2s}#member-skeleton .member-tabs-container .sk-shimmer{animation-delay:.25s}.sk-member-card:first-child .sk-shimmer{animation-delay:.3s}.sk-member-card:nth-child(2) .sk-shimmer{animation-delay:.38s}.sk-member-card:nth-child(3) .sk-shimmer{animation-delay:.46s}@keyframes mapPulse{0%{opacity:.85;transform:scale(.95);box-shadow:0 0 #fff6}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 0 12px #fff0}to{opacity:.85;transform:scale(.95);box-shadow:0 0 #fff0}}.rental-filter-row{z-index:10;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;width:100%;margin-top:4px;margin-bottom:12px;padding:6px 4px 12px;display:flex;position:relative;overflow:auto hidden}.rental-filter-row::-webkit-scrollbar{display:none}.rental-chip{cursor:pointer;color:#475569;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #94a3b833;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-size:.74rem;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 1px 4px #0000000a}.rental-chip.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 3px 10px #0f172a2e}.rental-chip:active{transform:scale(.95)}.rental-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0e6;border-radius:18px;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000000d}.rental-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a14}.rental-card:active{transform:scale(.985)}.rental-card-hero{background:#1e293b;flex-shrink:0;height:175px;position:relative;overflow:hidden}.rental-card-hero img,.rental-card-hero video{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.rental-card:hover .rental-card-hero img{transform:scale(1.04)}.rental-badge-cat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:2;white-space:nowrap;text-overflow:ellipsis;background:#0f172ad9;border-radius:20px;align-items:center;gap:4px;max-width:55%;padding:4px 10px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px;overflow:hidden}.rental-badge-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:2;white-space:nowrap;background:#0d9488eb;border-radius:20px;align-items:center;gap:3px;padding:4px 9px;font-size:.66rem;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.rental-card-body{flex-direction:column;gap:10px;padding:14px 15px;display:flex}.rental-spec-tag{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.rental-included-pill{color:var(--accent-teal);white-space:nowrap;background:#0d948814;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:600}.rental-footer-row{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding-top:10px;display:flex}.rental-price-wrap{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.rental-action-grid{grid-template-columns:1fr 1.6fr;gap:8px;display:grid}