.app{min-height:100vh;width:100%;position:relative;overflow-x:hidden}.app-container{position:relative;width:100%;min-height:100vh;padding:0;z-index:1;display:flex;flex-direction:column}.main-content{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;max-width:1800px;margin:0 auto;padding:0 2rem 3rem;width:100%;align-items:start}.left-panel,.right-panel{display:flex;flex-direction:column;gap:1.5rem}.center-panel{display:flex;align-items:center;justify-content:center;padding:2rem 0}.bottom-section{max-width:1800px;margin:0 auto;padding:0 2rem 3rem;width:100%;display:flex;flex-direction:column;gap:2rem}@media (max-width: 1400px){.main-content{grid-template-columns:1fr 1.8fr 1fr;gap:1.5rem}}@media (max-width: 1200px){.main-content{grid-template-columns:1fr;gap:2rem}.center-panel{order:1;padding:1rem 0}.left-panel{order:2}.right-panel{order:3}.left-panel,.right-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 968px){.main-content,.bottom-section{padding:0 1.5rem 2rem}.left-panel,.right-panel{grid-template-columns:1fr}}@media (max-width: 640px){.main-content,.bottom-section{padding:0 1rem 1.5rem;gap:1.5rem}}.space-background{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);z-index:0;overflow:hidden}.stars,.stars2,.stars3{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.stars{background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 60px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50px 50px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 130px 80px,#eee,transparent),radial-gradient(1px 1px at 160px 30px,rgba(255,255,255,.8),transparent);background-repeat:repeat;background-size:200px 100px;animation:sparkle 20s linear infinite;opacity:.8}.stars2{background-image:radial-gradient(1px 1px at 40px 60px,#fff,transparent),radial-gradient(1px 1px at 100px 20px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 150px 90px,#eee,transparent),radial-gradient(1px 1px at 80px 50px,rgba(255,255,255,.7),transparent);background-repeat:repeat;background-size:250px 150px;animation:sparkle 15s linear infinite reverse;opacity:.6}.stars3{background-image:radial-gradient(1px 1px at 30px 40px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 110px 70px,#eee,transparent),radial-gradient(1px 1px at 70px 10px,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:300px 200px;animation:sparkle 25s linear infinite;opacity:.5}@keyframes sparkle{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.space-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(120,219,255,.1) 0%,transparent 50%);animation:nebula-drift 30s ease-in-out infinite}@keyframes nebula-drift{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(50px,-30px) scale(1.1);opacity:.4}}.app-header{width:100%;padding:2rem 0;margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;max-width:1600px;margin:0 auto;padding:0 2rem}.header-title h1{font-size:3rem;font-weight:200;color:#fffffff2;margin:0;letter-spacing:-2px;line-height:1.1;background:linear-gradient(135deg,#fffffff2,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{font-size:.875rem;color:#fff6;margin-top:.5rem;font-weight:400;letter-spacing:1px}.header-update{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#fff6;font-weight:400;padding:1rem 1.5rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.update-icon{font-size:.85rem;opacity:.5;animation:rotate 4s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-error{text-align:center;padding:2rem;color:#ef4444;font-size:1rem}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-text{font-size:1.25rem;color:#ffffffb3;font-weight:300}@media (max-width: 1200px){.header-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-title h1{font-size:2.5rem}.status-badge{width:100%;min-width:auto}}@media (max-width: 640px){.header-content{padding:0 1rem}.header-title h1{font-size:2rem}.status-badge{padding:1rem 1.5rem}}.kp-card{padding:2.5rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff1a;display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden}.kp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.kp-card-header{display:flex;justify-content:space-between;align-items:baseline}.kp-card-label{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:3px;font-weight:400}.kp-card-value{font-size:4.5rem;font-weight:200;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-3px;text-shadow:0 0 40px currentColor}.kp-card-gauge{display:flex;flex-direction:column;gap:.75rem}.kp-card-track{width:100%;height:10px;background:#ffffff0d;border-radius:5px;overflow:hidden;position:relative}.kp-card-fill{height:100%;border-radius:5px;transition:width .8s cubic-bezier(.4,0,.2,1),background-color .8s ease;box-shadow:0 0 20px currentColor;position:relative}.kp-card-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.kp-card-scale{display:flex;justify-content:space-between;font-size:.7rem;color:#ffffff4d;font-weight:400;padding:0 .25rem}.kp-card-status{font-size:1.25rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;text-align:center;padding:.75rem 0}.kp-card-location{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffff80;font-weight:400;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.location-icon{font-size:1rem;opacity:.6}@media (max-width: 640px){.kp-card{padding:2rem}.kp-card-value{font-size:3.5rem}}.character-container{display:flex;justify-content:center;align-items:center;padding:1rem}.character-wrapper{position:relative;width:100%;max-width:650px;min-width:500px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 30px #ffd7004d,0 8px 32px #00000080,inset 0 0 20px #ffffff1a;overflow:hidden;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%)}.character-image{width:85%;height:85%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 1200px){.character-wrapper{max-width:550px;min-width:450px}}@media (max-width: 640px){.character-container{padding:.5rem}.character-wrapper{max-width:400px;min-width:350px}.character-image{width:85%;height:85%}}.particles-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:radial-gradient(circle,rgba(255,215,0,.8) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:orbit var(--duration) linear infinite;animation-delay:var(--delay);opacity:calc(.3 + var(--intensity) * .7);box-shadow:0 0 10px #ffd70099}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0) translate(var(--distance)) rotate(0);opacity:calc(.3 + var(--intensity) * .7)}50%{opacity:calc(.6 + var(--intensity) * .4)}to{transform:translate(-50%,-50%) rotate(360deg) translate(var(--distance)) rotate(-360deg);opacity:calc(.3 + var(--intensity) * .7)}}@media (max-width: 640px){.particle{width:3px;height:3px}}.forecast-section{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.forecast-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.forecast-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.75rem}.forecast-day{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.forecast-day:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-3px);box-shadow:0 4px 12px #0003}.forecast-date{display:flex;flex-direction:column;align-items:center;gap:.25rem}.forecast-day-name{font-size:.65rem;color:#fff6;font-weight:400}.forecast-day-number{font-size:.7rem;color:#fff9;font-weight:400}.forecast-kp{font-size:1.5rem;font-weight:300;line-height:1;font-variant-numeric:tabular-nums}.forecast-bar{width:100%;height:5px;background:#ffffff0d;border-radius:3px;overflow:hidden}.forecast-bar-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease;box-shadow:0 0 8px currentColor}@media (max-width: 1200px){.forecast-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 968px){.forecast-section{padding:2rem}.forecast-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.forecast-section{padding:1.5rem}.forecast-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.forecast-day{padding:.75rem .25rem}.forecast-kp{font-size:1.25rem}}.history-section{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.history-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.history-calendar{display:flex;flex-direction:column;gap:.75rem}.history-week{display:grid;grid-template-columns:repeat(7,1fr);gap:.75rem}.history-day{aspect-ratio:1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;cursor:pointer;transition:all .3s ease;border:2px solid;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.history-day:hover{transform:scale(1.1);z-index:10;box-shadow:0 8px 24px #0006;border-width:3px}.history-day-number{font-size:.875rem;color:#fffffff2;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.history-day-kp{font-size:.75rem;color:#ffffffe6;font-weight:500;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.3)}@media (max-width: 640px){.history-section{padding:2rem}.history-week{gap:.5rem}.history-day{padding:.5rem;border-radius:10px}.history-day-number{font-size:.75rem}.history-day-kp{font-size:.65rem}}.statistics-section{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.statistics-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.statistics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.stat-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.stat-label{font-size:.65rem;color:#fff6;text-transform:uppercase;letter-spacing:2px;font-weight:400}.stat-value{font-size:2rem;font-weight:300;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-1px}.trend-indicator{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.trend-indicator:hover{background:#ffffff0d;border-color:#ffffff1a}.trend-label{font-size:.65rem;color:#fff6;text-transform:uppercase;letter-spacing:2px;font-weight:400}.trend-value{font-size:1.75rem;font-weight:300;display:flex;align-items:center;gap:.5rem;font-variant-numeric:tabular-nums}.trend-up{color:#fb923c}.trend-down{color:#4ade80}.trend-stable{color:#fff9}.trend-amount{font-size:1rem;opacity:.8}@media (max-width: 640px){.statistics-section{padding:2rem}.statistics-grid{grid-template-columns:1fr}.stat-value{font-size:1.75rem}}.health-section{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.health-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.health-card{padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;transition:all .3s ease}.health-card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-2px)}.health-low{border-left:4px solid #4ade80}.health-moderate{border-left:4px solid #a3e635}.health-high{border-left:4px solid #fbbf24}.health-very-high{border-left:4px solid #ef4444}.health-title{font-size:1.375rem;font-weight:400;color:#fffffff2;margin-bottom:1rem;letter-spacing:-.5px}.health-description{font-size:.9375rem;color:#ffffffb3;line-height:1.7;margin-bottom:1.5rem}.health-recommendations{display:flex;flex-direction:column;gap:1rem}.recommendations-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:2px;font-weight:400}.recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.recommendations-list li{font-size:.875rem;color:#ffffffbf;line-height:1.7;padding-left:1.5rem;position:relative}.recommendations-list li:before{content:"•";position:absolute;left:0;color:#ffffff80;font-size:1.5rem;line-height:1;top:0}@media (max-width: 640px){.health-section{padding:2rem}.health-card{padding:1.5rem}.health-title{font-size:1.25rem}.health-description{font-size:.875rem}}.aurora-section{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.aurora-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.aurora-card{display:flex;flex-direction:column;gap:1.25rem}.aurora-header{display:flex;justify-content:space-between;align-items:center}.aurora-icon{font-size:2rem;filter:drop-shadow(0 0 15px rgba(96,165,250,.6));animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.aurora-probability{font-size:2rem;font-weight:300;color:#ffffffe6;font-variant-numeric:tabular-nums;letter-spacing:-1.5px}.aurora-status{font-size:.875rem;color:#fff9;line-height:1.5}.aurora-bar{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.aurora-bar-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:4px;transition:width .8s ease;box-shadow:0 0 15px #60a5fa99}@media (max-width: 640px){.aurora-section{padding:1.75rem}.aurora-probability,.aurora-icon{font-size:1.75rem}}.aurora-gallery-section{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.aurora-gallery-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.section-label{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:3px;font-weight:400}.aurora-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.aurora-image-item{cursor:pointer;transition:transform .3s ease}.aurora-image-item:hover{transform:scale(1.05)}.aurora-image-wrapper{position:relative;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0003}.aurora-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.aurora-image-item:hover .aurora-image{transform:scale(1.1)}.aurora-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:1rem;opacity:0;transition:opacity .3s ease}.aurora-image-item:hover .aurora-image-overlay{opacity:1}.aurora-image-time{font-size:.75rem;color:#ffffffe6;font-weight:400}.aurora-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.aurora-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:1rem}.aurora-modal-close{position:absolute;top:-3rem;right:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;width:3rem;height:3rem;border-radius:50%;font-size:1.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.aurora-modal-close:hover{background:#fff3;transform:scale(1.1)}.aurora-modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:16px;box-shadow:0 20px 60px #00000080}.aurora-modal-time{font-size:.9375rem;color:#ffffffb3;text-align:center}@media (max-width: 968px){.aurora-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.aurora-gallery-section{padding:2rem}.aurora-gallery{grid-template-columns:1fr;gap:.75rem}.aurora-modal{padding:1rem}.aurora-modal-close{top:-2.5rem;width:2.5rem;height:2.5rem;font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;overflow-x:hidden}#root{min-height:100vh;width:100%}