*{box-sizing:border-box;margin:0;padding:0}:root{--gapviz-red:#d60000;--gapviz-black:#000;--gapviz-dark-1:#111;--gapviz-dark-2:#181818;--gapviz-grey:#ccc;--gapviz-white:#fff;--font-main:Arial, sans-serif}body{background-color:var(--gapviz-black);color:var(--gapviz-white);font-family:var(--font-main);overflow-x:hidden}html{scroll-behavior:smooth}button,a,div{transition:all .2s}:focus{outline:none}.hidden{display:none!important}.center{justify-content:center;align-items:center;display:flex}.fullscreen{width:100vw;height:100vh}.text-center{text-align:center}body{color:#fff;background-color:#000;margin:0;padding:0;font-family:Arial,sans-serif}#top-avatar{color:#fff;z-index:1000;cursor:pointer;background-color:#d60000;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:20px;font-weight:700;display:flex;position:fixed;top:20px;left:20px}#home-screen{flex-direction:column;align-items:center;width:100%;min-height:calc(100vh - 100px);padding-top:120px;padding-bottom:120px;display:flex}#home-logo{width:160px;height:auto;margin-bottom:20px}#welcome-text{text-align:center;margin:10px 0 0;font-size:32px;font-weight:600}.sub-welcome{color:#ccc;text-align:center;margin-top:5px;font-size:18px}.home-boxes{flex-direction:column;gap:20px;width:90%;margin-top:40px;display:flex}.home-box{cursor:pointer;background-color:#111;border:1px solid #333;border-radius:12px;padding:20px;transition:all .2s}.home-box:hover{background-color:#181818}.home-box h2{color:#d60000;margin:0 0 10px;font-size:18px}.home-box p{color:#ccc;margin:0;font-size:16px}#bottom-nav{z-index:1000;background-color:#111;border-top:1px solid #333;justify-content:space-around;align-items:center;width:100%;height:90px;display:flex;position:fixed;bottom:0}.nav-item{color:#d60000;cursor:pointer;flex-direction:column;align-items:center;font-size:14px;display:flex}.nav-item img{width:28px;height:28px;margin-bottom:5px}.nav-item.active{color:#fff}.nav-item.active img{filter:brightness(200%)}.nav-underline{opacity:0;background-color:#d60000;width:30px;height:3px;margin-top:4px}.nav-item.active .nav-underline{opacity:1}.profile-screen{box-sizing:border-box;color:#fff;background-color:#000;min-height:100vh;padding:24px;font-family:Arial,sans-serif}.profile-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.profile-back-button{color:#d60000;cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:16px}.profile-title{margin:0;font-size:28px;font-weight:600}.profile-main{flex-direction:column;gap:24px;display:flex}.profile-section{background-color:#111;border:1px solid #333;border-radius:12px;padding:20px}.profile-label{color:#ccc;flex-direction:column;margin-bottom:16px;font-size:14px;display:flex}.profile-input{color:#fff;background-color:#181818;border:1px solid #333;border-radius:8px;margin-top:6px;padding:10px 12px;font-size:15px}.profile-input:focus{border-color:#d60000}.profile-select{color:#fff;background-color:#181818;border:1px solid #333;border-radius:8px;margin-top:6px;padding:10px 12px;font-size:15px}.profile-select:focus{border-color:#d60000}.profile-play-button{color:#fff;cursor:pointer;background-color:#d60000;border:none;border-radius:999px;margin-top:8px;padding:10px 14px;font-size:14px}.profile-play-button:hover{background-color:#ff1a1a}