:root{color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle,#1e3a5f 0%,#0a1a2f 100%) 50%/cover fixed;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5}@media (width>=2560px){:root{font-size:21.33px}}@media (width>=3840px){:root{font-size:32px}}body{-webkit-user-select:none;user-select:none;min-width:320px;min-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}#root{width:100vw;height:100vh;position:relative}h1,h2,h3,p{margin:0}.video-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.video-modal-content{aspect-ratio:16/9;background:#0a1a2f;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;width:80%;max-width:62.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.close-video-btn{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.2rem;display:flex;position:absolute;top:1rem;right:1rem}.close-video-btn:hover{background:#fff3}.placement-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.placement-modal-content{flex-direction:row;justify-content:space-around;align-items:center;gap:2rem;width:90%;height:90%;display:flex;position:relative}.placement-ad{object-fit:contain;border-radius:1rem;max-width:45%;max-height:100%;transition:transform .3s;box-shadow:0 10px 30px #00000080}.placement-ad:hover{transform:scale(1.02)}.close-placement-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;transition:background .3s;display:flex;position:absolute;top:-2rem;right:-2rem}.close-placement-btn:hover{background:#fff6}@media (width<=768px){.placement-modal-content{flex-direction:column}.placement-ad{max-width:100%;max-height:45%}.close-placement-btn{top:-1rem;right:1rem}}@media (width<=1024px){:root{font-size:14px}.stats-panel-container{right:5%}}@media (width<=768px){:root{font-size:12px}.logo-container{top:3%;left:4%}.top-menu-container{gap:.5rem;top:3%;right:4%}.menu-button{padding:.5rem 1rem;font-size:.9rem}.navigation-container{top:12%;left:4%;transform:none}.region-menu-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;width:92%;max-width:92%;padding:.6rem 1rem;bottom:2%;overflow-x:auto}.region-menu-container::-webkit-scrollbar{display:none}.stats-panel-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1a2fd9;border:1px solid #38bdf833;border-radius:1.5rem;gap:1.5rem;width:90%;max-height:55vh;padding:1.5rem;animation:.4s ease-out mobileFadeIn;inset:auto auto 12% 50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 -10px 40px #00000080}@keyframes mobileFadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.stats-header{text-align:center;margin-bottom:0}.stats-title{font-size:2.5rem}.stat-row{padding:.2rem 0;font-size:1.1rem}.gender-pct{font-size:1.2rem}}@media (width<=480px){:root{font-size:10px}.stats-panel-container{gap:1.2rem;padding:1.2rem;bottom:10%}.region-menu-container{padding:.5rem .8rem;bottom:1%}}.stats-panel-container{color:#fff;z-index:10;flex-direction:column;gap:2rem;width:21.875rem;animation:.5s ease-out fadeIn;display:flex;position:absolute;top:50%;right:10%;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-45%)}to{opacity:1;transform:translateY(-50%)}}.stats-header{margin-bottom:.5rem}.stats-title{letter-spacing:-.5px;font-size:3rem;font-weight:700;line-height:1.1}.stats-subtitle{color:#38bdf8;margin-top:.25rem;font-size:1.1rem;font-weight:500}.stats-section{flex-direction:column;gap:.5rem;display:flex}.stat-row{color:#ffffffe6;justify-content:space-between;align-items:center;font-size:1rem;font-weight:400;display:flex}.stat-value{font-weight:500}.gender-container{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1rem;display:flex}.gender-info{flex-direction:column;gap:.2rem;display:flex}.gender-info.left{align-items:flex-start}.gender-info.right{align-items:flex-end}.gender-label{color:#ffffffb3;font-size:.85rem;font-weight:500}.gender-pct{color:#fff;font-size:1rem;font-weight:600}.gender-bar-wrapper{background-color:#ffffff1a;border-radius:.25rem;flex-grow:1;height:.5rem;display:flex;overflow:hidden}.gender-bar-male{background-color:#38bdf8;height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.gender-bar-female{background-color:#e879f9;height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.navigation-container{z-index:20;animation:.3s ease-out fadeIn;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.back-button{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:1rem;transition:transform .2s,opacity .2s;display:flex}.back-button:hover{opacity:.8;transform:translate(-.3125rem)}.back-button:active{transform:translate(-.125rem)}.logo-container{z-index:30;justify-content:center;align-items:center;display:flex;position:absolute;top:5%;left:5%}.logo-svg{border-radius:.25rem;width:1.5rem;height:auto}.top-menu-container{z-index:30;gap:1rem;display:flex;position:absolute;top:5%;right:5%}.menu-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;display:flex}.menu-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-.125rem)}.menu-button:active{transform:translateY(0)}.region-menu-container{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1a2f99;border:1px solid #ffffff1a;border-radius:2rem;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:90vw;padding:.75rem 1.5rem;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.region-menu-button{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:2rem;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.region-menu-button:hover{color:#fff;background:#ffffff1a}.region-menu-button.active{color:#38bdf8;background:#38bdf826}.dashboard-container{color:#fff;z-index:9999;background-color:#050a15;width:100vw;height:100vh;padding:3rem;font-family:Inter,system-ui,sans-serif;position:absolute;top:0;left:0;overflow-y:auto}.dashboard-loading{color:#38bdf8;z-index:9999;background-color:#050a15;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:1.5rem;display:flex;position:absolute}.dashboard-header{margin-bottom:3rem}.dashboard-header h1{color:#f1f5f9;margin-bottom:.5rem;font-size:2.5rem}.dashboard-meta{color:#94a3b8;font-size:1.1rem}.stats-cards{gap:2rem;margin-bottom:3rem;display:flex}.stat-card{background:#0a1a2f99;border:1px solid #38bdf833;border-radius:12px;flex:1;padding:2rem}.dashboard-stat-label{color:#94a3b8;margin-bottom:.5rem;font-size:1.1rem}.dashboard-stat-value{color:#38bdf8;font-size:3.5rem;font-weight:700}.charts-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.chart-box{background:#0a1a2f66;border:1px solid #ffffff0d;border-radius:12px;padding:2rem}.chart-box h3{color:#e2e8f0;margin-bottom:2rem;font-size:1.2rem}