html,body{height:100%;overscroll-behavior-y:contain}body{font-family:Inter,sans-serif}:root{--irb-dark-teal: #1A5D7A;--student-blue: #3b82f6;--student-green: #22c55e;--student-yellow: #facc15;--student-red: #ef4444}.text-brand-teal{color:var(--irb-dark-teal)}.border-student-blue{border-color:var(--student-blue)}.border-student-green{border-color:var(--student-green)}.app-container{max-width:420px;height:100%;padding-top:env(safe-area-inset-top)}.app-container footer{padding-bottom:env(safe-area-inset-bottom)}@media (min-height: 800px){.app-container{max-height:800px;border-radius:1.5rem}}.nav-item.active{color:var(--irb-dark-teal)}.nav-item.active svg{stroke:var(--irb-dark-teal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}