:root{--mob-accent:#a855f7;--mob-text:#ffffff;--mob-chrome:rgba(18,18,20,0.85);--mob-hairline:rgba(255,255,255,0.12);--mob-inactive:#8e8e93}.theme-light{--mob-text:#0a0a0a;--mob-chrome:rgba(249,249,249,0.88);--mob-hairline:rgba(0,0,0,0.12)}@media (prefers-color-scheme:light){:root:not(.theme-dark){--mob-text:#0a0a0a;--mob-chrome:rgba(249,249,249,0.88);--mob-hairline:rgba(0,0,0,0.12)}}@media screen and (max-width:768px){.bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:calc(50px + env(safe-area-inset-bottom,0px))!important;padding:0!important;padding-bottom:env(safe-area-inset-bottom,0)!important;border-radius:0!important;background:var(--mob-chrome,rgba(18,18,20,.85))!important;backdrop-filter:blur(16px) saturate(160%)!important;-webkit-backdrop-filter:blur(16px) saturate(160%)!important;border:none!important;border-top:.5px solid var(--mob-hairline,rgba(255,255,255,.12))!important;box-shadow:none!important;display:flex!important;align-items:stretch!important;justify-content:space-around!important;z-index:900!important}body{padding-bottom:calc(50px + 12px + env(safe-area-inset-bottom,0px))!important}.bottom-nav .bottom-nav-item,.bottom-nav .nav-item,.bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;flex:1!important;min-height:44px!important;margin:0!important;padding:5px 4px 3px!important;text-decoration:none!important;background:0 0!important;border-radius:0!important;color:var(--mob-inactive,#8e8e93)!important;font-size:10px!important;font-weight:500!important;letter-spacing:0!important;line-height:1!important;transition:color .15s,opacity .12s!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important;position:relative!important;overflow:visible!important}.bottom-nav .bottom-nav-item.active::after,.bottom-nav .bottom-nav-item.active::before,.bottom-nav .nav-item.active::after,.bottom-nav .nav-item.active::before,.bottom-nav a.active::after,.bottom-nav a.active::before{content:none!important;display:none!important}.bottom-nav .bottom-nav-item svg,.bottom-nav .nav-item svg,.bottom-nav a svg{width:25px!important;height:25px!important;stroke-width:1.8!important;fill:none!important;transition:stroke .15s!important;transform:none!important;filter:none!important;margin-bottom:0!important}.bottom-nav .bottom-nav-item.active,.bottom-nav .nav-item.active,.bottom-nav a.active{color:var(--mob-accent,#a855f7)!important;background:padding-box initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:currentColor!important}.bottom-nav .bottom-nav-item.active svg,.bottom-nav .nav-item.active svg,.bottom-nav a.active svg{stroke:var(--mob-accent,#a855f7)!important;color:var(--mob-accent,#a855f7)!important;transform:none!important;filter:none!important}.bottom-nav .bottom-nav-item:active,.bottom-nav .nav-item:active,.bottom-nav a:active{opacity:.45!important;transform:none!important}.bottom-nav .bottom-nav-item:hover:not(.active),.bottom-nav .nav-item:hover:not(.active),.bottom-nav a:hover:not(.active){color:var(--mob-text,#fff)!important}.bottom-nav .bottom-nav-item:hover:not(.active) svg,.bottom-nav .nav-item:hover:not(.active) svg,.bottom-nav a:hover:not(.active) svg{stroke:var(--mob-text,#fff)!important;transform:none!important}}@media screen and (min-width:769px){.bottom-nav{display:none!important}}.mobile-app-header.compact{display:none}@media screen and (max-width:768px){.mobile-app-header.compact{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0) 16px 0;background:var(--mob-chrome,rgba(18,18,20,.85));backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:.5px solid var(--mob-hairline,rgba(255,255,255,.12))}.mobile-app-header.compact~.site-header{display:none!important}.mobile-app-header.compact .mobile-page-title{flex:1;min-width:0;font-size:clamp(24px, 8vw, 34px);font-weight:800;letter-spacing:-.025em;line-height:1.05;color:var(--mob-text,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-app-header.compact .mobile-avatar-btn{width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#a855f7,#ec4899);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#fff;flex-shrink:0;text-decoration:none;-webkit-tap-highlight-color:transparent}.mobile-app-header.compact .mobile-avatar-btn img{width:100%;height:100%;object-fit:cover}.mobile-app-header.compact .mobile-avatar-btn:active{opacity:.7}.mobile-app-header.compact .mobile-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-app-header.compact .mobile-notif-btn{position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--mob-text,#fff);background:var(--mob-surface-2,rgba(255,255,255,.06));border:.5px solid var(--mob-hairline,rgba(255,255,255,.12));text-decoration:none;flex-shrink:0;-webkit-tap-highlight-color:transparent}.mobile-app-header.compact .mobile-notif-btn svg{width:20px;height:20px}.mobile-app-header.compact .mobile-notif-btn:active{opacity:.7}.mobile-app-header.compact .mobile-notif-btn .mobile-notif-badge{position:absolute;top:-2px;right:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;display:none;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--mob-chrome,rgba(18,18,20,.85))}}