body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#0084ff;--secondary-color:#f1f0f0;--text-color:#333;--light-text-color:#666;--border-color:#eaeaea;--border-radius:8px;--shadow:0 2px 10px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-y:auto}.app,body{max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.app{box-sizing:border-box;display:flex;flex-direction:column;position:relative}.app-main{animation:fadeInUp .6s ease-out both;margin-right:0}.activity-section,.app-main{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-height:0;overflow-x:hidden;width:100%}.app-footer{animation:fadeIn .6s ease-out .4s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0a0abf;box-sizing:border-box;color:#fffc;font-size:.9rem;margin:10px 0 0;max-width:100%;padding:20px 10px;text-align:center;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.app{max-width:100vw;padding:5px}.activity-section,.app,.app-main{overflow-x:hidden}}@media (max-width:768px){body{background:linear-gradient(135deg,#667eea,#764ba2)}.app,body{max-width:100vw;overflow-x:hidden}.app{min-height:100vh;padding:5px;width:100%}.app-main{flex:1 1;min-height:0}.activity-section,.app-main{overflow-x:hidden;width:100%}.app-footer{border-radius:10px;margin-top:5px;padding:10px 5px}}@media (max-width:480px){.app{max-width:100vw;overflow-x:hidden;padding:2px}.activity-section,.app-main{overflow-x:hidden;width:100%}.app-footer{border-radius:8px;font-size:.8rem;margin-top:5px;padding:8px 2px}}@media (max-width:320px){.app{max-width:100vw;padding:0}.app,.app-main{overflow-x:hidden}.app-main{width:100%}}@media (max-height:600px) and (orientation:landscape){.app,body,html{max-width:100vw}.activity-section,.app,.app-main,body,html{overflow-x:hidden}.app-footer{font-size:.75rem;margin-top:8px;padding:8px}}@media (prefers-reduced-motion:reduce){.app,.app-footer,.app-main{animation:none;transition:none}}@media (prefers-color-scheme:dark){body{background:linear-gradient(135deg,#2c3e50,#34495e)}.app-footer{background:#ffffff0d;color:#ffffffb3}}@media (prefers-contrast:high){.app-footer{background:#fff;border:1px solid #000;color:#000}}.main-navigation{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #ffffff1a;box-shadow:0 2px 20px #0000001a;max-width:100vw;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:99999}.main-navigation,.nav-container{box-sizing:border-box;overflow-x:hidden}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{flex:1 1;gap:12px;min-width:0}.nav-logo{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0003;object-fit:cover;padding:3px;width:120px}.nav-brand-text{color:#fff;font-size:24px;font-weight:700;text-decoration:none;transition:opacity .3s ease}.nav-brand-text:hover{opacity:.9}.nav-menu{align-items:center;display:flex;gap:2px}.nav-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:16px;font-weight:500;margin-left:8px;padding:10px 18px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.nav-link.active{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 8px #0003}.nav-link.external-link{background:#ffffff26;border:1px solid #ffffff4d}.nav-link.external-link:hover{background:#ffffff40}.nav-mobile-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:none;font-size:24px;justify-content:center;min-height:44px;min-width:44px;padding:10px;transition:background-color .3s ease}.nav-mobile-toggle:hover{background:#fff3;border-color:#ffffff4d}@media (max-width:768px){body.nav-menu-open{overflow:hidden}.nav-container{height:60px;padding:0 16px;position:relative}.nav-logo{height:32px;width:32px}.nav-brand-text{font-size:20px}.nav-mobile-toggle{display:flex;position:relative;z-index:99998}.nav-menu:before{background:#0000001a;bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:-1}.nav-menu.mobile-open:before{opacity:1}.nav-menu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #ffffff1a;border-radius:0 0 12px 12px;border-top:1px solid #ffffff1a;box-shadow:0 8px 24px #0000004d;flex-direction:column;gap:0;isolation:isolate;left:0;opacity:0;padding:0;position:fixed;right:0;top:60px;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:99997}.nav-menu.mobile-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{background:#0000;border-bottom:1px solid #ffffff1a;border-radius:0;display:block;font-size:16px;margin-left:0;padding:16px 20px;text-align:left;transition:background-color .3s ease;width:100%}.nav-link:last-child{border-bottom:none}.nav-link:hover{background:#ffffff26;box-shadow:none;transform:none}.nav-link.active{background:#fff3}}@media (max-width:480px){.nav-container{height:56px;padding:0 12px}.nav-brand-text{font-size:18px}.nav-logo{height:28px;width:28px}.nav-link{font-size:15px;padding:14px 16px}.nav-mobile-toggle{font-size:20px;min-height:40px;min-width:40px;padding:8px}.nav-menu{top:56px}}@media (max-width:320px){.nav-container{height:52px;padding:0 10px}.nav-brand-text{font-size:16px}.nav-logo{height:24px;width:24px}.nav-link{font-size:14px;padding:12px 14px}.nav-mobile-toggle{flex-shrink:0;font-size:18px;min-height:36px;min-width:36px;padding:6px}.nav-menu{top:52px}}@media (max-width:1200px){.main-navigation,.nav-container,.nav-menu{box-sizing:border-box;max-width:100%;overflow-x:hidden}}@media (max-height:600px) and (orientation:landscape) and (max-width:768px){.nav-container{height:50px}.nav-mobile-toggle{font-size:16px;min-height:36px;min-width:36px;padding:6px}.nav-menu{max-height:calc(100vh - 50px);overflow-y:auto;top:50px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-navigation{animation:slideIn .3s ease-out}
/*# sourceMappingURL=main.26621a34.css.map*/