:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1e3a5f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}h1{font-size:2.5rem;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#051020;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(max-width:768px){h1{font-size:1.75rem}}@media(max-width:480px){h1{font-size:1.5rem}}.app{display:flex;flex-direction:column;min-height:100vh;width:100%;overflow-x:hidden}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;width:100%}.page-placeholder{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#888;padding:4rem;text-align:center}@media(max-width:768px){.main-content{padding:1.5rem}}@media(max-width:480px){.main-content{padding:1rem}}.header{display:flex;flex-direction:column;background-color:#051020;border-bottom:2px solid #0a1628;width:100%;box-sizing:border-box}.header-top{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;width:100%}.header-brand{display:flex;align-items:center;gap:1rem}.brand-logo{height:60px;width:auto}.brand-name{font-size:1.5rem;font-weight:700;color:#fff;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:1rem}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0}.hamburger-line{width:100%;height:3px;background-color:#fff;border-radius:2px;transition:all .3s ease}.hamburger.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.header-nav{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding:0 2rem .75rem}.nav-item{background:transparent;border:none;color:#fff;padding:.5rem 1rem;font-size:.95rem;cursor:pointer;border-radius:4px;transition:background-color .2s,color .2s}.nav-item:hover{background-color:#0a1628;border-color:transparent}.nav-item.active{background-color:#e94560;color:#fff}@media(max-width:1024px){.header-top{padding:.75rem 1.5rem}.header-nav{padding:0 1.5rem .75rem}.brand-name{font-size:1.25rem}.nav-item{font-size:.85rem;padding:.4rem .75rem}}@media(max-width:768px){.header-top{padding:.75rem 1rem}.brand-logo{height:45px}.brand-name{font-size:1rem}.hamburger{display:flex}.header-nav{display:none;flex-direction:column;width:100%;padding:0;background-color:#0a1628;max-height:0;overflow:hidden;transition:max-height .3s ease}.header-nav.open{display:flex;max-height:500px;padding:1rem}.nav-item{width:100%;text-align:left;padding:.75rem 1rem;font-size:1rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1)}.nav-item:last-child{border-bottom:none}.nav-item:hover{background-color:#e9456033}}@media(max-width:480px){.header-top{padding:.5rem .75rem}.brand-logo{height:40px}.brand-name{font-size:.9rem}.header-brand{gap:.5rem}}.language-switcher{display:flex;gap:.5rem;align-items:center;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.2)}.lang-btn{background:transparent;border:2px solid transparent;border-radius:4px;padding:.25rem .5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.lang-btn:hover{background:#ffffff1a}.lang-btn.active{border-color:gold;background:#ffd7001a}.lang-flag{width:28px;height:20px;border-radius:2px;display:block}@media(max-width:768px){.language-switcher{margin-left:0;padding-left:0;border-left:none}.lang-flag{width:24px;height:17px}}@media(max-width:480px){.lang-btn{padding:.2rem .4rem}.lang-flag{width:22px;height:15px}}.footer{background-color:#1a1a2e;color:#fff;padding:2rem 1rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.social-links{display:flex;gap:1.5rem;justify-content:center}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:#ffffff1a;color:#fff;transition:background-color .3s ease,transform .3s ease}.social-link:hover{background-color:#e63946;transform:scale(1.1)}.social-icon{width:22px;height:22px}.footer-text{margin:0;font-size:.875rem;color:#ffffffb3}@media(max-width:480px){.footer{padding:1.5rem 1rem}.social-links{gap:1rem}.social-link{width:40px;height:40px}.social-icon{width:20px;height:20px}}.home-page{display:flex;flex-direction:column;align-items:center;padding:2rem;width:100%;box-sizing:border-box}.home-content{max-width:900px;width:100%}.community-section{margin-top:2rem;text-align:center}.community-title{color:#fff;font-size:1.75rem;margin-bottom:1.5rem}.community-photo-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #e945604d;border:3px solid #e94560}.community-photo{width:100%;height:auto;display:block;transition:transform .3s ease}.community-photo-container:hover .community-photo{transform:scale(1.02)}.community-caption{color:#b0b0b0;font-size:.95rem;margin-top:1rem;font-style:italic}.gallery-section{margin-top:3rem}.gallery-toggle{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;background:transparent;border:2px solid #e94560;border-radius:8px;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease}.gallery-toggle:hover{background:#e945601a}.gallery-title{color:#fff;font-size:1.75rem;margin:0}.gallery-arrow{color:#e94560;font-size:1.25rem;transition:transform .3s ease}.gallery-arrow.expanded{transform:rotate(180deg)}.gallery-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out,opacity .3s ease-out;opacity:0}.gallery-content.expanded{max-height:2000px;opacity:1;transition:max-height .5s ease-in,opacity .3s ease-in}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding-top:1.5rem}.gallery-item{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #e945604d;border:3px solid #e94560}.gallery-image{width:100%;height:220px;object-fit:cover;display:block;transition:transform .3s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}@media(max-width:768px){.home-page{padding:1rem}.community-section{margin-top:1.5rem}.community-title{font-size:1.5rem}.community-photo-container{border-radius:8px}.community-caption{font-size:.85rem}.gallery-section{margin-top:2rem}.gallery-toggle{padding:.75rem 1rem}.gallery-title{font-size:1.25rem}.gallery-grid{grid-template-columns:1fr;gap:1rem}.gallery-image{height:200px}}@media(max-width:480px){.home-page{padding:.5rem}.community-title{font-size:1.25rem;margin-bottom:1rem}.community-photo-container{border-width:2px}.community-caption{font-size:.8rem;margin-top:.75rem}.gallery-title{font-size:1.1rem}.gallery-arrow{font-size:1rem}.gallery-item{border-width:2px}.gallery-image{height:180px}}.external-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:calc(100vh - 120px);padding:2rem;box-sizing:border-box}.external-content{text-align:center;max-width:600px}.external-content h1{color:#fff;margin-bottom:1rem}.external-content p{color:#ffffffb3;margin-bottom:2rem;font-size:1.1rem}.external-link-btn{display:inline-block;padding:1rem 2rem;background-color:#e94560;color:#fff;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:background-color .2s}.external-link-btn:hover{background-color:#d63851;color:#fff}.external-iframe{flex:1;width:100%;border:none}.external-fallback{padding:.5rem;text-align:center;background-color:#0a1628}.external-fallback a{color:#e94560;font-size:.9rem}@media(max-width:768px){.external-page{padding:1.5rem;min-height:calc(100vh - 150px)}.external-content h1{font-size:1.5rem}.external-content p{font-size:1rem;margin-bottom:1.5rem}.external-link-btn{padding:.85rem 1.5rem;font-size:1rem}}@media(max-width:480px){.external-page{padding:1rem;min-height:calc(100vh - 120px)}.external-content{padding:0 .5rem}.external-content h1{font-size:1.25rem}.external-content p{font-size:.9rem;margin-bottom:1.25rem}.external-link-btn{padding:.75rem 1.25rem;font-size:.95rem;display:block;width:100%;text-align:center}}.contact-page{max-width:600px;width:100%;padding:2rem}.contact-page h1{margin-bottom:.5rem;color:#e94560}.contact-description{color:#888;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#fff}.form-group input,.form-group textarea{padding:.75rem 1rem;border:1px solid #333;border-radius:8px;background-color:#051020;color:#fff;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#e94560}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group textarea{resize:vertical;min-height:120px}.status-message{padding:1rem;border-radius:8px;text-align:center}.status-message.success{background-color:#2ecc7133;color:#2ecc71;border:1px solid #2ecc71}.status-message.error{background-color:#e74c3c33;color:#e74c3c;border:1px solid #e74c3c}.submit-btn{padding:1rem 2rem;background-color:#e94560;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.submit-btn:hover:not(:disabled){background-color:#d63851}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.contact-page{padding:1.5rem}.contact-page h1{font-size:1.75rem}.contact-description{font-size:.95rem;margin-bottom:1.5rem}.contact-form{gap:1.25rem}.form-group input,.form-group textarea{padding:.65rem .85rem;font-size:.95rem}.submit-btn{padding:.85rem 1.5rem;font-size:.95rem}}@media(max-width:480px){.contact-page{padding:1rem}.contact-page h1{font-size:1.5rem}.contact-description{font-size:.9rem}.contact-form{gap:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{padding:.6rem .75rem;font-size:.9rem}.form-group textarea{min-height:100px}.status-message{padding:.75rem;font-size:.9rem}.submit-btn{padding:.75rem 1.25rem;font-size:.9rem}}.members-page{display:flex;flex-direction:column;align-items:center;padding:2rem;width:100%;box-sizing:border-box}.members-heading{color:#fff;font-size:2rem;margin-bottom:3rem;text-align:center}.org-chart{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1000px}.org-level{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.president-level,.second-level{margin-bottom:0}.third-level{margin-top:0}.member-wrapper{display:flex;flex-direction:column;align-items:center}.member-card{display:flex;flex-direction:column;align-items:center;padding:1rem;min-width:140px;text-decoration:none;transition:transform .2s;cursor:pointer}.member-card:hover{transform:scale(1.05)}.member-card:hover .member-avatar{border-color:#fff}.member-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#1e3a5f,#0a1628);border:3px solid #e94560;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;overflow:hidden}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-initials{font-size:1.75rem;font-weight:700;color:#fff}.member-info{text-align:center}.member-name{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.member-title{color:#e94560;font-size:.85rem;margin:0;font-weight:500}.connector-vertical{width:2px;height:30px;background-color:#e94560}.connector-horizontal{height:2px;background-color:#e94560}.second-row-connector{width:60%;max-width:600px}.third-row-connector{width:40%;max-width:400px}.connector-vertical-up{width:2px;height:30px;background-color:#e94560}@media(max-width:768px){.org-level{gap:1rem}.member-card{min-width:100px;padding:.5rem}.member-avatar{width:70px;height:70px}.member-initials{font-size:1.25rem}.member-name{font-size:.85rem}.member-title{font-size:.75rem}.second-row-connector{width:80%}.third-row-connector{width:60%}}@media(max-width:480px){.members-heading{font-size:1.5rem}.org-level{flex-direction:column;align-items:center}.connector-horizontal,.connector-vertical-up{display:none}.second-level,.third-level{gap:.5rem}}.history-page{display:flex;flex-direction:column;align-items:center;padding:2rem;width:100%;box-sizing:border-box}.history-heading{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}.history-content{max-width:800px;width:100%}.history-intro{color:#b0b0b0;font-size:1.1rem;line-height:1.8;margin-bottom:2.5rem;text-align:center}.history-section{margin-bottom:2.5rem}.section-title{color:#e94560;font-size:1.5rem;margin-bottom:1rem}.section-text{color:#b0b0b0;font-size:1rem;line-height:1.8}@media(max-width:768px){.history-page{padding:1.5rem}.history-heading{font-size:1.5rem;margin-bottom:1.5rem}.history-intro{font-size:1rem;line-height:1.7;margin-bottom:2rem}.history-section{margin-bottom:2rem}.section-title{font-size:1.25rem}.section-text{font-size:.95rem;line-height:1.7}}@media(max-width:480px){.history-page{padding:1rem}.history-heading{font-size:1.35rem;margin-bottom:1.25rem}.history-intro{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.history-section{margin-bottom:1.5rem}.section-title{font-size:1.15rem;margin-bottom:.75rem}.section-text{font-size:.9rem;line-height:1.6}}.timer-page{display:flex;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box}.timer-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.scramble-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background-color:#e945601a;border:2px solid #e94560;border-radius:8px;margin-bottom:2rem;max-width:100%}.scramble-label{color:#e94560;font-weight:600;font-size:1rem}.scramble-text{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:500;letter-spacing:.5px;word-break:break-word;text-align:center}.new-scramble-btn{background-color:#e94560;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.new-scramble-btn:hover{background-color:#d63851}.timer-display{font-size:8rem;font-weight:700;font-family:Courier New,monospace;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3);-webkit-user-select:none;user-select:none;transition:color .2s,transform .1s;cursor:pointer;padding:2rem 3rem;border-radius:16px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.timer-display.running{color:#2ecc71;text-shadow:0 0 30px rgba(46,204,113,.5)}.timer-display.ready{color:#f39c12;transform:scale(.98);text-shadow:0 0 30px rgba(243,156,18,.5)}.timer-instructions{color:#fff9;font-size:1rem;margin-top:2rem;text-align:center}.timer-instructions kbd{background-color:#051020;border:1px solid #333;border-radius:4px;padding:.25rem .5rem;font-family:inherit;font-size:.9rem;color:#e94560}.mobile-hint{display:none;font-size:.85rem;margin-top:.5rem;opacity:.8}.timer-sidebar{width:320px;display:flex;flex-direction:column;gap:1.5rem}.time-log{background-color:#051020cc;border:2px solid #0a1628;border-radius:8px;padding:1rem}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #0a1628}.log-header h3{margin:0;color:#e94560;font-size:1.1rem}.clear-btn{background:transparent;border:1px solid #e94560;color:#e94560;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.clear-btn:hover{background-color:#e94560;color:#fff}.times-list{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.times-list::-webkit-scrollbar{width:6px}.times-list::-webkit-scrollbar-track{background:#0a1628;border-radius:3px}.times-list::-webkit-scrollbar-thumb{background:#e94560;border-radius:3px}.no-times{color:#fff6;text-align:center;font-style:italic;margin:1rem 0}.time-entry{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background-color:#ffffff0d;border-radius:4px;transition:background-color .2s}.time-entry:hover{background-color:#ffffff1a}.time-number{color:#ffffff80;font-size:.85rem;min-width:30px}.time-value{flex:1;color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:500}.delete-time-btn{background:transparent;border:none;color:#ffffff4d;font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .2s}.delete-time-btn:hover{color:#e74c3c}.statistics{background-color:#051020cc;border:2px solid #0a1628;border-radius:8px;padding:1rem}.statistics h3{margin:0 0 1rem;color:#e94560;font-size:1.1rem;padding-bottom:.75rem;border-bottom:1px solid #0a1628}.stats-grid{display:flex;flex-direction:column;gap:.75rem}.stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#ffffff08;border-radius:4px}.stat-label{color:#ffffffb3;font-size:.9rem;min-width:90px}.stat-value{color:#fff;font-family:Courier New,monospace;font-weight:600;font-size:1rem}.stat-count{color:#fff6;font-size:.8rem;margin-left:auto}@media(max-width:1024px){.timer-page{flex-direction:column;padding:1rem}.timer-main{min-height:40vh}.timer-display{font-size:5rem}.timer-sidebar{width:100%;flex-direction:row}.time-log,.statistics{flex:1}}@media(max-width:768px){.timer-page{padding:.5rem;gap:1rem}.timer-main{min-height:35vh}.scramble-section{padding:.75rem 1rem;margin-bottom:1rem}.scramble-label{font-size:.9rem}.scramble-text{font-size:.95rem}.timer-display{font-size:4rem;padding:1.5rem 2rem;background-color:#05102080;border:2px solid rgba(233,69,96,.3)}.timer-display:active{background-color:#e945601a}.timer-instructions{font-size:.9rem;margin-top:1rem}.mobile-hint{display:inline}.timer-sidebar{flex-direction:column}.time-log,.statistics{width:100%}.times-list{max-height:200px}}@media(max-width:480px){.timer-display{font-size:2.5rem;padding:1.25rem 1.5rem}.scramble-section{flex-direction:column;gap:.5rem}.scramble-text{font-size:.85rem}.stat-label{min-width:70px;font-size:.85rem}.stat-value{font-size:.9rem}.times-list{max-height:150px}.mobile-hint{font-size:.8rem}}