html,body{margin:0;padding:0;background:#09070a}.custom-bottom-nav{position:fixed;z-index:1000;left:0;right:0;bottom:0;height:76px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(6,1fr);align-items:center;background:rgba(9,7,10,.92);border-top:1px solid rgba(255,60,166,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -12px 35px rgba(0,0,0,.28)}.custom-bottom-nav .nav-link{height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#8e7484;text-decoration:none;transition:.2s ease;position:relative}.custom-bottom-nav .nav-link i{font-size:1.25rem}.custom-bottom-nav .nav-link span{font-size:.58rem;font-weight:700;letter-spacing:.08em}.custom-bottom-nav .nav-link.active{color:#ff3ca6;transform:translateY(-2px)}.custom-bottom-nav .nav-link.active:before{content:"";position:absolute;top:0;width:24px;height:2px;background:#ff3ca6;box-shadow:0 0 10px #ff3ca6}@media(max-width:480px){.custom-bottom-nav{height:70px}.custom-bottom-nav .nav-link{height:54px}}
@media(max-width:480px){.custom-bottom-nav .nav-link span{font-size:.5rem;letter-spacing:.04em}.custom-bottom-nav .nav-link i{font-size:1.12rem}}