@media (min-width:768px){.bottom-nav{display:none!important}}@media (max-width:767px){.bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0;right:0;z-index:9999!important;flex-direction:column!important;justify-content:flex-start!important;height:auto!important;max-height:110px!important;width:100%!important;background:var(--header-bg)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:0 -4px 20px rgba(0,0,0,.05)!important;border-radius:30px 30px 0 0!important;border-top:1px solid rgba(255,255,255,.1)!important;border-left:none!important;border-right:none!important;border-bottom:none!important;padding-top:15px!important;padding-bottom:calc(30px + env(safe-area-inset-bottom))!important;overflow:hidden!important;transition:max-height .5s cubic-bezier(.4, 0, .2, 1),background-color .3s ease!important}[data-theme=dark] .bottom-nav{background:var(--header-bg)!important;box-shadow:0 -4px 20px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)!important;border-top:1px solid rgba(255,255,255,.05)!important}.bottom-nav.expanded{max-height:80vh!important;overflow-y:auto!important;padding-bottom:env(safe-area-inset-bottom)!important;border-radius:30px 30px 0 0!important;bottom:0!important}.menu-toggle-handle{position:absolute!important;top:0!important;width:100%!important;height:20px!important;padding:4px 0!important;z-index:10!important;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:0 0}.handle-bar{width:40px;height:4px;background:var(--text-main);border-radius:2px;margin-bottom:4px;opacity:.5}.handle-icon{font-size:24px;color:var(--text-muted);transition:transform .3s ease}.bottom-nav.expanded .handle-icon{transform:rotate(180deg)}.nav-bar{width:100%!important;display:flex!important;justify-content:space-around!important;align-items:center!important;padding-top:10px!important;box-sizing:border-box!important;flex-shrink:0}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;min-height:60px;cursor:pointer;transition:all .2s ease;background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;color:var(--text-muted)!important}.nav-item.active{color:var(--primary-color,#3b82f6)!important}.nav-item.active .material-symbols-rounded{animation:navIconPop .4s cubic-bezier(.175,.885,.32,1.275) forwards;font-variation-settings:'FILL' 1}@keyframes navIconPop{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1.15)}}.nav-item:hover:not(.active){color:var(--text-main)}.nav-item .material-symbols-rounded{font-size:24px;transition:transform .3s ease}.nav-item span:last-child{font-size:.75rem;font-weight:500}.nav-item *,.nav-item:active,.nav-item:focus,.nav-item:visited{background:0 0!important;background-color:transparent!important;box-shadow:none!important;border:none!important}.expanded-menu{width:100%;display:flex;flex-direction:column;gap:4px;padding:0 16px;opacity:0;transform:translateY(50px);transition:all .4s cubic-bezier(.4, 0, .2, 1);transition-delay:0s;background:0 0!important}.bottom-nav.expanded .expanded-menu{opacity:1;transform:translateY(0);transition-delay:0.1s}.menu-item-row{display:flex;align-items:center;width:100%;padding:6px 8px;background:0 0}.profile-row{justify-content:space-between}.profile-info-mobile{display:flex;flex-direction:column}.logout-btn-mobile{color:#ff4d4d;border:none;padding:8px 16px;display:flex;align-items:center;font-weight:600}.mobile-roomboy-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:8px 12px;background:rgba(0,0,0,.03);border-radius:8px;margin-bottom:4px}[data-theme=dark] .mobile-roomboy-item{background:rgba(255,255,255,.05)}.roomboy-header{display:flex;justify-content:space-between;width:100%;align-items:center}.mobile-roomboy-name{font-weight:500;font-size:.9rem;color:var(--text-main)}.mobile-roomboy-count{color:var(--text-muted);font-size:.75rem;padding:0}.roomboy-progress-container{width:100%;margin-top:4px}.roomboy-progress-track{width:100%;height:6px;background:rgba(0,0,0,.05);border-radius:3px;overflow:hidden}[data-theme=dark] .roomboy-progress-track{background:rgba(255,255,255,.1)}.roomboy-progress-fill{height:100%;background:var(--primary-color);border-radius:3px;transition:width .5s ease}.mobile-search-pill{display:flex;align-items:center;background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50px;padding:8px 16px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.3);width:calc(100% - 32px);margin:0 16px 12px 16px;z-index:103;position:relative;transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark] .mobile-search-pill{background:rgba(30,30,30,.7);box-shadow:0 4px 12px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08)}.search-wrapper-pill{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.search-input-pill{border:none;background:0 0;font-size:1rem;color:var(--text-main);width:100%;outline:0;min-width:0}.pill-divider{width:1px;height:24px;background:var(--border-color);margin:0 12px}.mobile-search-pill .theme-toggle-wrapper{transform:scale(.9);padding-left:8px;margin-right:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}#bottom-expanded-menu{bottom:calc(65px + env(safe-area-inset-bottom))!important}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)!important;height:auto!important;bottom:0!important}}.mobile-floating-header{display:none}@media (max-width:767px){.mobile-floating-header{display:block;position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:0 0;pointer-events:none}.mobile-floating-header .mobile-search-pill{width:100%;margin:0;pointer-events:auto;box-shadow:0 2px 12px rgba(0,0,0,.15)}[data-theme=dark] .mobile-floating-header .mobile-search-pill{box-shadow:0 2px 12px rgba(0,0,0,.4)}}@media (min-width:768px){.bottom-nav{display:none!important}}