body,html{margin:0;padding:0;height:100%;overflow:auto}.app-container{display:flex;flex-direction:column;height:100vh;overflow:auto;position:relative}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;margin-bottom:70px}.image-container{max-width:80%;text-align:center}.therabot-image{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative;top:100px}.nav-footer{position:fixed;bottom:0;left:0;right:0;background-color:white;padding:.75rem 1rem;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:100}.nav-icon-link{text-decoration:none;color:#000000;transition:all .2s ease-in-out}.nav-icon-link:hover{color:#6dbacc;transform:translateY(-5px)}.nav-icon-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;border-radius:.5rem;background-color:white;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease-in-out;position:relative}.nav-icon-container:hover{background-color:#e5e7eb;box-shadow:0 4px 6px rgba(123,196,213,.1)}.active-icon .nav-icon-container{background-color:rgba(123,196,213,.2);color:#6dbacc;border:1px solid rgba(123,196,213,.5)}.nav-icon-container span{margin-top:.5rem;font-size:.75rem;font-weight:500}@media (min-width:640px){.nav-icon-container span{font-size:.875rem}}@media (max-height:700px){.nav-icon-container{padding:.25rem}.nav-icon-container span{font-size:.7rem}.nav-footer{padding:.5rem}}.icon-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:rgba(123,196,213,.9);color:white;padding:.5rem;border-radius:.5rem;font-size:.75rem;width:150px;text-align:center;margin-bottom:.5rem;z-index:10;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.notification-badge{position:absolute;top:-5px;right:-5px;background-color:#ef4444;color:white;border-radius:50%;width:20px;height:20px;font-size:.75rem;display:flex;justify-content:center;align-items:center;font-weight:700;z-index:5}.icon-clicked{animation:clickPulse .3s}@keyframes clickPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.icon-loading{position:absolute;top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;border:2px solid rgba(123,196,213,.2);border-top-color:rgba(123,196,213,1);border-radius:50%;animation:spin .8s linear infinite;z-index:5}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{color:#6dbacc;font-size:1.5rem;margin-bottom:1rem;text-align:center;animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.content-with-bottom-nav,main{padding-bottom:80px}