.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;background-color:var(--bg);color:var(--text);padding-bottom:160px}.sticky-header-group{position:-webkit-sticky;position:sticky;top:0;z-index:1000;width:100%}.main-header{height:60px;display:flex;align-items:center;padding:0 16px;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}.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}.logo-text span{color:var(--primary);transition:color .3s ease}.theme-toggle{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);padding:8px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.content-area{flex:1 1;width:100%;max-width:1200px;margin:0 auto;padding:20px 16px}.view-container h2{font-size:1.8rem;margin-bottom:24px;font-weight:800}.placeholder-content{display:flex;flex-direction:column;gap:16px}.env-switcher-footer{position:fixed;bottom:80px;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:30px;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:4px;padding:12px 0;border:none;background:transparent;color:var(--text-primary);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);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:10px 14px;border-radius:14px;font-size:.85rem}}.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:#06b6d4}.notch-2{color:#2563eb}.notch-3{color:#8b5cf6}@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: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}.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:4px;min-width:72px;background:transparent;border:none;cursor:pointer;padding:8px 0;transition:all .2s ease;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:.7rem;font-weight:500;color:var(--text-muted)}.nav-btn.active .label{color:var(--primary);font-weight:700}.badge{position:absolute;top:-4px;right:-8px;background:#ef4444;color:white;font-size:.6rem;font-weight:700;padding:2px 5px;border-radius:10px;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}}