:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background-color:var(--clr-dark-a0)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{color:var(--clr-light-a0)}body{background:linear-gradient(90deg,#000 0%,#2f0050 40% 60%,#000 100%);justify-content:center;align-items:flex-start;min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center;width:100%;margin:0 auto;padding:2rem}.app-container{width:100%;height:100%}.basic-container{max-width:85vw;-webkit-filter:drop-shadow(0 .5rem .3rem var(--clr-surface-a0));border:2px solid var(--clr-surface-a40);color:var(--clr-primary-a50);background-color:var(--clr-surface-a0);border-radius:8px;flex-direction:column;gap:1em;margin:.5rem auto;padding-left:22px;padding-right:22px;display:flex}.basic-card{color:var(--clr-light-a0);background-color:var(--clr-surface-a10);border:1px solid var(--clr-surface-a50);border-radius:8px;padding:.6em 1em}@media screen and (max-width:1250px){.basic-container{max-width:93vw;padding-left:16px;padding-right:16px}}@media screen and (max-width:600px){.basic-container{max-width:98vw;padding-left:8px;padding-right:8px}#root{padding:.4rem}}button{background-color:var(--clr-surface-a10);border:1px solid var(--clr-surface-a50);cursor:pointer;border-radius:8px;padding:.6em 1em;font-size:1em}.spacer{border:1px solid var(--clr-primary-a50);border-radius:16px;width:100%;height:.0001rem}.app{flex-direction:column;place-items:center;gap:1.1em;display:flex}.notification-indicator{min-height:2.5rem}.loading-indicator{border-bottom:2px solid var(--clr-primary-a20)}.error-indicator{border-bottom:2px solid var(--clr-danger-a0);color:var(--clr-danger-a20);margin-bottom:.4rem}.project-intro{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:1200px;margin:1rem auto 0;padding:0 1.5rem;display:flex}.project-intro .intro-header{text-align:center;max-width:80ch}.project-intro h1{color:var(--clr-primary-a20);margin-bottom:1.5rem;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem)}.project-intro .intro-kicker{opacity:.85;margin:0 auto 1.25rem;font-size:1rem;line-height:1.5}.intro-kicker strong{color:#a855f7;background:linear-gradient(120deg,#a855f733 0% 100%) 0 0/0% 100% no-repeat;border-radius:.25rem;padding:.15rem .4rem;font-weight:600;animation:1.5s ease-in-out .5s forwards highlightSlide;display:inline-block}.intro-kicker strong:nth-of-type(2){animation-delay:.8s}@keyframes highlightSlide{0%{background-size:0% 100%}to{background-size:100% 100%}}.intro-grid{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;width:100%;max-width:1400px;display:flex}.intro-card{text-align:center;z-index:1;opacity:0;background:#ffffff08;border-radius:.8rem;flex-direction:column;flex:1;align-items:center;max-width:420px;padding:1.5rem;transition:transform .3s,box-shadow .3s,background .3s;animation:.8s forwards fadeInUp;display:flex;position:relative;box-shadow:0 4px 18px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-card:before{content:"";opacity:0;z-index:-1;filter:blur(20px);background:linear-gradient(135deg,#9333ea66,#3b82f666);border-radius:.8rem;transition:opacity .3s;position:absolute;inset:-2px}.intro-card:hover:before{opacity:1}.intro-card:hover{background:#ffffff0d;transform:translateY(-8px)scale(1.03);box-shadow:0 8px 32px #9333ea4d,0 12px 48px #00000080}.intro-card:first-child{margin-top:0;animation-delay:.1s}.intro-card:nth-child(2){margin-top:3rem;animation-delay:.3s}.intro-card:nth-child(3){margin-top:1.5rem;animation-delay:.5s}.card-content{flex-direction:column;width:100%;display:flex}.card-title{color:#fff;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.card-media{border-radius:.5rem;width:100%;max-width:350px;margin-bottom:1.2rem;box-shadow:0 4px 18px #00000059}.card-text{opacity:.9;font-size:.95rem;line-height:1.6}.card-text p{margin-bottom:.8rem}.card-text p:last-child{margin-bottom:0}.intro-chart-wrapper{width:100%;margin:1.5rem auto}@media (max-width:1000px){.intro-grid{flex-direction:column;align-items:center}.intro-card:first-child,.intro-card:nth-child(2),.intro-card:nth-child(3){margin-top:0}.project-intro{padding:0 .6rem}}@media (max-width:700px){.intro-grid{gap:2rem}.intro-card{max-width:350px}}.chart-container{border:#0000;width:100%;height:100%;padding-top:.1rem}.chart-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.chart-title{text-align:left;margin:0;font-size:1.1rem;font-weight:600}.chart{flex:1;width:auto;margin:0}@media screen and (max-width:600px){.chart-header{flex-direction:column;align-items:flex-start;gap:.75rem}.chart{margin:0}}.chart-status{text-align:center;opacity:.85;padding:1rem}.chart-status.error{color:#ff8a8a}.chart-range-controls{background:#0b0b12;border:1px solid #a855f759;border-radius:12px;align-items:center;gap:.75rem;margin:0;padding:.5rem .85rem;font-size:.9rem;display:flex;box-shadow:0 0 20px #a855f70d}.chart-range-controls label{color:#fafaffe6;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.chart-range-controls label span{opacity:.85}.chart-range-controls select{color:#e5e7eb;cursor:pointer;background-color:#12121c;border:1px solid #a855f799;border-radius:10px;padding:.35rem 1.1rem;font-size:.95rem;transition:border-color .18s,background-color .18s}.chart-range-controls select:hover{border-color:#c084fc}.chart-range-controls select:focus-visible{outline-offset:2px;outline:2px solid #a855f7}@media (max-width:640px){.chart-range-controls{border-radius:.75rem;width:100%;padding:.5rem .75rem}.chart-range-controls label{justify-content:center;width:100%}.chart-title{align-self:center}}.chart.basic-card{height:clamp(320px,52vh,560px);position:relative}@media (max-width:700px){.chart.basic-card{height:360px}}.chart-canvas{display:block;width:100%!important;height:100%!important}