.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;background-color:var(--bg);background-image:linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,var(--primary) 4%) 0,var(--bg) 40%,var(--bg) 100%);color:var(--text);padding-bottom:calc(160px + var(--sticky-player-offset, 0px));overflow-x:hidden}.sticky-header-group{position:fixed;top:0;z-index:1000;width:100%;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s ease}.sticky-header-group.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.main-header{height:60px;display:flex;align-items:center;padding:0 var(--sp-4);overflow:hidden;opacity:1;transform:translateY(0);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;will-change:transform,opacity;pointer-events:auto;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--highlight-top);box-shadow:var(--shadow-sm),inset 0 -1px 0 rgba(0,0,0,.04)}.main-header.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.header-content{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}@media (max-width:600px){.logo-text{font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}}.logo-text span{color:var(--primary);transition:color .3s ease}.theme-toggle{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--highlight-top);color:var(--text);padding:var(--sp-2);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 var(--highlight-top-strong);transition:all var(--duration-150) var(--ease-out)}.theme-toggle:hover{background:rgba(255,255,255,.14);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--highlight-top-strong)}.content-area{flex:1 1;width:100%;max-width:1200px;margin:0 auto;padding:var(--sp-5) var(--sp-4)}.view-container h2{font-size:var(--text-3xl);margin-bottom:var(--sp-6);font-weight:var(--font-extrabold)}.placeholder-content{display:flex;flex-direction:column;gap:16px}.env-switcher-footer{position:fixed;bottom:calc(80px + var(--sticky-player-offset, 0px));left:0;right:0;z-index:90;height:60px;display:flex;align-items:center;justify-content:center;transform:translateY(0);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;will-change:transform,opacity;pointer-events:auto}.env-switcher-footer.nav-hidden{transform:translateY(160px);opacity:0;pointer-events:none}.switcher-wrapper{background:var(--bg-soft);border-radius:var(--radius-full);display:flex;border:1px solid var(--border);width:95%;max-width:450px;overflow:hidden;position:relative}.switcher-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg-soft));pointer-events:none;border-radius:0 30px 30px 0;z-index:2}.switcher-scroll{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0;gap:0;-webkit-overflow-scrolling:touch;cursor:-webkit-grab;cursor:grab}.switcher-scroll:active{cursor:-webkit-grabbing;cursor:grabbing}.switcher-scroll::-webkit-scrollbar{display:none}.sw-btn{width:33.3333%;min-width:33.3333%;max-width:33.3333%;flex:0 0 33.3333%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-3) 0;border:none;background:transparent;color:var(--text-primary);font-weight:var(--font-bold);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-300) var(--ease-in-out);scroll-snap-align:center;scroll-snap-stop:always;white-space:nowrap;opacity:.4;transform:scale(.9);box-sizing:border-box}.sw-btn.spacer{pointer-events:none;opacity:0}.sw-btn svg{margin-bottom:2px;transition:transform .3s ease}.sw-btn.active{opacity:1;transform:scale(1.05);color:var(--active-color,var(--primary))}.sw-btn.active.discover{--active-color:#06b6d4}.sw-btn.active.social{--active-color:#3b82f6}.sw-btn.active.market{--active-color:#10b981}.sw-btn.active.eats{--active-color:#f97316}.sw-btn.active.rides{--active-color:#facc15}.sw-btn.active.services{--active-color:#334155}.sw-btn.active.events{--active-color:#facc15}.sw-btn.active.wallet{--active-color:#06b6d4}.sw-btn.active.care{--active-color:#ef4444}.sw-btn.active.homes{--active-color:#14b8a6}.sw-btn.active.auto{--active-color:#94a3b8}.sw-btn.active.travel{--active-color:#84cc16}.sw-btn.active.jobs{--active-color:#172554}.sw-btn.active.faith{--active-color:#8b5cf6}.sw-btn.active.news{--active-color:#1e40af}.sw-btn.active.vendor{--active-color:#7000f4}.sw-btn.active.admin{--active-color:#8b5cf6}.sw-btn.active svg{transform:translateY(-2px)}.desktop-scroll-btn{display:none;background:transparent;border:none;color:var(--text);opacity:.6;cursor:pointer;padding:0 8px;height:100%;transition:opacity .2s,background .2s;z-index:10}.desktop-scroll-btn:hover{opacity:1;background:rgba(255,255,255,.05)}.desktop-scroll-btn.left{border-right:1px solid var(--border);border-top-left-radius:30px;border-bottom-left-radius:30px}.desktop-scroll-btn.right{border-left:1px solid var(--border);border-top-right-radius:30px;border-bottom-right-radius:30px}@media (min-width:768px){.desktop-scroll-btn{display:flex;align-items:center;justify-content:center}.switcher-wrapper{max-width:800px}.switcher-scroll{justify-content:flex-start}.sw-btn{width:auto;min-width:100px;max-width:none;flex:0 0 auto;padding:var(--sp-2-5,10px) var(--sp-3-5,14px);border-radius:var(--radius-lg);font-size:var(--text-sm)}}.top-switch-container{width:100%;display:flex;justify-content:center;padding:12px 0 8px;background:transparent;overflow:hidden;opacity:1;transform:translateY(0);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;will-change:transform,opacity;pointer-events:auto}.top-switch-container.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.two-notches{gap:16px}.notch,.two-notches{display:flex;align-items:center}.notch{width:36px;height:32px;justify-content:center;cursor:pointer;opacity:.3;position:relative}.notch,.notch:after{transition:all .2s ease}.notch:after{content:"";width:100%;height:4px;border-radius:2px;background-color:currentColor}.notch:hover{opacity:.7;transform:translateY(-1px)}.notch.active{opacity:1}.notch.active:after{height:6px;box-shadow:0 0 12px currentColor}.notch-0{color:#a855f7}.notch-1{color:#2563eb}.notch-2{color:#06b6d4}.notch-3{color:#14b8a6}.notch-4{color:#10b981}@keyframes notchPulse{0%{opacity:.3;transform:scale(1)}30%{opacity:.85;transform:scale(1.25);box-shadow:0 0 10px currentColor}60%{opacity:.3;transform:scale(1)}to{opacity:.3;transform:scale(1)}}.notch.pulse:after{animation:notchPulse 1.6s ease-in-out 3}.bottom-nav{position:fixed;bottom:var(--sticky-player-offset,0);left:0;right:0;z-index:90;height:80px;padding-bottom:var(--safe-area-bottom);display:flex;align-items:center;transform:translateY(0);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;will-change:transform,opacity;pointer-events:auto;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-top:1px solid var(--highlight-top);box-shadow:var(--shadow-xl),inset 0 1px 0 var(--highlight-top-strong)}.bottom-nav.nav-hidden{transform:translateY(80px);opacity:0;pointer-events:none}.nav-items-scroll{display:flex;align-items:center;gap:12px;width:100%;max-width:1200px;margin:0 auto;padding:0 16px;overflow-x:auto;justify-content:center;scrollbar-width:none;-ms-overflow-style:none}.nav-items-scroll::-webkit-scrollbar{display:none}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);min-width:72px;background:transparent;border:none;cursor:pointer;padding:var(--sp-2) 0;transition:all var(--duration-200) var(--ease-out);position:relative}.icon-wrapper{color:var(--text-muted);transition:color .2s ease,transform .2s ease;position:relative}.nav-btn.active .icon-wrapper{color:var(--primary);transform:translateY(-4px)}.nav-btn.active{color:var(--primary)}.nav-btn .label{font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--text-muted)}.nav-btn.active .label{color:var(--primary);font-weight:var(--font-bold)}.badge{position:absolute;top:-var(--sp-1);right:-var(--sp-2);background:#ef4444;color:white;font-size:var(--text-2xs);font-weight:var(--font-bold);padding:var(--sp-0-5) 5px;border-radius:var(--radius-md);border:2px solid var(--bg)}.nav-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--primary);border-radius:50%}@media (max-width:600px){.top-switch-container{padding:8px 0}.four-way-switch{width:240px}.nav-items-scroll{justify-content:flex-start}}.create-post-fab-classic{position:fixed;bottom:calc(160px + var(--sticky-player-offset, 0px));right:var(--sp-6);width:60px;height:60px;border-radius:var(--radius-full);background:var(--primary);border:none;color:white;box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9000;transition:transform var(--duration-200) var(--ease-out)}.create-post-fab-classic:hover{transform:scale(1.05)}@media (max-width:768px){.create-post-fab-classic{bottom:calc(150px + var(--sticky-player-offset, 0px));right:16px}}.create-post-fab-minimal{position:fixed;bottom:calc(24px + var(--sticky-player-offset, 0px));right:var(--sp-6);width:60px;height:60px;border-radius:var(--radius-full);background:var(--primary);border:none;color:white;box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9000;transition:transform var(--duration-200) var(--ease-out)}.create-post-fab-minimal:hover{transform:scale(1.05)}@media (max-width:768px){.create-post-fab-minimal{bottom:calc(24px + var(--sticky-player-offset, 0px));right:16px}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.logo-marquee-container{mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.elite-product-card{display:flex;flex-direction:column;background:var(--surface);border-radius:20px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:1px solid var(--border);box-shadow:0 4px 15px rgba(0,0,0,.05)}.elite-product-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.1);border-color:var(--primary-light)}.elite-image-container{width:100%;aspect-ratio:1/1;position:relative;overflow:hidden;background:var(--background)}.elite-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.elite-product-card:hover .elite-image-container img{transform:scale(1.08)}.elite-badges-top{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:2}.elite-badge{padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.elite-badge.sponsored{background:rgba(var(--primary-rgb),.85);color:white}.elite-badge.featured{background:rgba(var(--text-rgb),.85);color:var(--background)}.elite-badge.sameday{background:linear-gradient(135deg,var(--market-secondary) 0,#f59e0b 100%);color:#000;font-weight:800}.elite-actions-overlay{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:2;opacity:0;transform:translateX(10px);transition:all .3s ease}.elite-product-card:hover .elite-actions-overlay{opacity:1;transform:translateX(0)}.elite-action-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.9);border:none;display:flex;align-items:center;justify-content:center;color:#1a1a1a;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.elite-action-btn:hover{background:var(--primary);color:white;transform:scale(1.1)}.elite-product-info{padding:16px;display:flex;flex-direction:column;flex:1 1;gap:8px}.elite-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.elite-product-title{font-size:1rem;font-weight:700;color:var(--text);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.elite-product-price{font-size:1.1rem;font-weight:800;color:var(--primary)}.elite-store-link{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);transition:color .2s ease}.elite-store-link:hover{color:var(--primary)}.elite-rating{margin-left:auto;display:flex;align-items:center;gap:2px;color:#f59e0b;font-weight:600}.elite-footer-row{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center}.elite-stock-status{font-size:.75rem;font-weight:600}.stock-out{color:#ef4444}.stock-low{color:#f59e0b}.stock-ok{color:#10b981}.elite-quick-buy{background:var(--primary);color:white;border:none;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.elite-quick-buy:hover:not(.disabled){filter:brightness(1.1);transform:scale(1.05)}.elite-quick-buy.disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}[data-theme*=dark] .elite-action-btn{background:rgba(30,30,30,.8);color:white;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}