body{margin:0;padding:0;min-height:100vh;background:#000;background:radial-gradient(circle at top,#1a2a6c,#b21f1f,#fdbb2d);) no-repeat;background-attachment:fixed;background-size:cover;color:#fff;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}#root{min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;padding:20px 20px 100px}h1{font-size:1.1rem;text-align:center;text-transform:uppercase;letter-spacing:2px;color:#f1e4c1;margin-top:10px}.spheres-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:25px auto;max-width:290px}.sphere-item{display:flex;flex-direction:column;align-items:center;width:75px}.sphere{width:65px;height:65px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:8px;box-shadow:0 4px 15px #0006}.sphere-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;opacity:.9}.main-action{width:210px;height:210px;border-radius:50%;margin:40px auto;border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 80%);font-weight:700}.metric-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:15px;border:1px solid rgba(255,255,255,.1);text-align:center}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:80px;background:#000000e6;display:flex;justify-content:space-around;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.1);z-index:9999}.nav-item{text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;font-size:.65rem;opacity:.6}.nav-item div{font-size:1.5rem;margin-bottom:4px}