:root{font-size:15px}.app-container{position:relative;width:100vw;height:100vh;overflow:hidden}.top-ui{position:absolute;top:3.2rem;left:16.5em;z-index:10}.search-container{display:flex;align-items:center;background-color:#ffffff1f;gap:.6rem;border:.5px solid rgba(120,140,255,.4);border-radius:.8rem;padding:.5rem 1rem;width:17rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);transition:"background 0.2s, box-shadow 0.2s"}.search-container.focused{border:.5px solid rgba(120,140,255,.4)}.search-icon{width:1.2rem;height:1.2rem;opacity:.8}.search-input{background:none;border:none;outline:none;color:#fff;background:transparent;font-size:.9rem;width:100%}.textContent{display:flex;padding:2.7rem 0rem 0rem 2.5rem}#logo{width:3rem;height:3rem}#text{font-family:Goldman,sans-serif;font-weight:200;font-size:1.4rem;color:#fff;padding-top:.9rem}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}.app-container{position:relative;width:100vw;height:100vh;background:transparent;pointer-events:none;overflow:hidden;z-index:1}.app-container>*{pointer-events:auto}.bottom-nav{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:8px;background-color:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:.5px solid rgba(120,140,255,.25);border-radius:50px;padding:6px 8px;z-index:100}.nav-item{background:none;border:none;cursor:pointer;padding:10px 30px;border-radius:40px;color:#b4beff99;font-size:13px;font-weight:500;transition:all .2s ease}.nav-item:hover{color:#fff;background:#788cff26}.nav-item.active{background-color:#788cff26;color:#fff;border:.5px solid rgba(120,140,255,.4)}