:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#f4f7f8;background:#0c1217;color-scheme:dark;--lime:#a3e635}
*{box-sizing:border-box}body{margin:0}.app{min-height:100dvh;padding-top:calc(76px + env(safe-area-inset-top));padding-bottom:calc(88px + env(safe-area-inset-bottom))}
.topbar,.bottombar{position:fixed;left:0;right:0;background:#111820;z-index:10}
.topbar{top:0;padding-top:env(safe-area-inset-top);border-bottom:1px solid #2b393b}
.bottombar{bottom:0;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #2b393b}
#top-navigation{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
#bottom-navigation{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;height:80px;align-items:center}
.nav-link{color:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;min-width:0;min-height:60px;border-radius:6px}
#bottom-navigation .nav-link{width:100%;height:70px}.nav-icon{display:block;width:32px;height:32px;flex:none}
.nav-icon--coach{transform:scale(.80);transform-origin:center}
.nav-label{font-size:clamp(8px,2.15vw,11px);line-height:1.2;white-space:nowrap;color:#f4f7f8}
.nav-link[aria-current=page] {background:#273320}.nav-link:focus-visible{outline:2px solid white;outline-offset:-2px}
main{padding:30px 20px;max-width:760px;margin:auto}h1{font-size:1.5rem}p{color:#b6c5c8;line-height:1.5}
@media(max-width:375px){#bottom-navigation .nav-link{gap:2px}.nav-icon{width:29px;height:29px}}