@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-gradient:linear-gradient(135deg,#7367f0,#00cfe8);--accent-blue:#00cfe8;--accent-purple:#7367f0;--background-white:#fff;--light-gray-bg:#f8f9fa;--text-gray:#495057;--subdued-gray:#6c757d;--dark-text:#212529;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:50px;--shadow-soft:0 4px 20px #0000000d;--shadow-medium:0 8px 25px #0000001a;--shadow-strong:0 12px 40px #00000026}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background-white);color:#495057;color:var(--text-gray);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.grid-container{grid-gap:0;background:#fff;background:var(--background-white);display:grid;gap:0;grid-template-columns:66.67% 33.33%;height:100vh}.grid-item{padding:0;text-align:left}.item1{background-color:#fff;background-color:var(--background-white);height:100vh;overflow-y:hidden}.item1,.item2{position:relative}.item2{background:#f8f9fa;background:var(--light-gray-bg);overflow-y:auto}.headline{color:#212529;color:var(--dark-text);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px;margin-bottom:var(--spacing-md)}.subheadline{color:#6c757d;color:var(--subdued-gray);font-size:1.25rem;font-weight:400;line-height:1.5;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.body-text{color:#495057;color:var(--text-gray);font-size:1rem;line-height:1.6;margin-bottom:16px;margin-bottom:var(--spacing-md)}.btn-primary{background:linear-gradient(135deg,#7367f0,#00cfe8);background:var(--primary-gradient);border:none;border-radius:50px;border-radius:var(--radius-pill);box-shadow:0 4px 20px #0000000d;box-shadow:var(--shadow-soft);color:#fff;color:var(--background-white);cursor:pointer;font-size:.875rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #0000001a;box-shadow:var(--shadow-medium)}.btn-secondary{background:#fff;background:var(--background-white);border:2px solid #7367f0;border:2px solid var(--accent-purple);border-radius:50px;border-radius:var(--radius-pill);color:#7367f0;color:var(--accent-purple);cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 22px;transition:all .3s ease}.btn-secondary:hover{background:#7367f0;background:var(--accent-purple);color:#fff;color:var(--background-white)}.btn-secondary:hover,.card{box-shadow:0 4px 20px #0000000d;box-shadow:var(--shadow-soft)}.card{background:#fff;background:var(--background-white);border:4px solid #fff;border:4px solid var(--background-white);border-radius:16px;border-radius:var(--radius-md);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md);transition:all .3s ease}.card-active,.card:hover{box-shadow:0 8px 25px #0000001a;box-shadow:var(--shadow-medium)}.card-active{background:#fff;background:var(--background-white);border:4px solid #00cfe8;border:4px solid var(--accent-blue);border-radius:16px;border-radius:var(--radius-md);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md);transition:all .3s ease}.section-header{color:#212529;color:var(--dark-text);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px;margin-bottom:var(--spacing-md)}.gradient-bg{background:linear-gradient(135deg,#7367f0,#00cfe8);background:var(--primary-gradient)}.gradient-wave{background:linear-gradient(135deg,#7367f008,#00cfe808)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--light-gray-bg);border-radius:4px}::-webkit-scrollbar-thumb{background:#7367f066;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7367f099}button:focus,input:focus,textarea:focus{outline:2px solid #00cfe8;outline:2px solid var(--accent-blue);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.chart-container{background:#f8f9fa;background:var(--light-gray-bg);border:1px solid #7367f01a;border-radius:8px;border-radius:var(--radius-sm);padding:8px;padding:var(--spacing-sm)}.chart-title{color:#212529;color:var(--dark-text);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center}.chart-canvas{background:#fff;background:var(--background-white);border:1px solid #7367f033;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000d;display:block}@media (max-width:768px){.headline,.section-header{font-size:2rem}.card{padding:16px;padding:var(--spacing-md)}.btn-primary,.btn-secondary{font-size:.8rem;padding:10px 16px}.chart-title{font-size:1rem}}@media (max-width:480px){.headline,.section-header{font-size:1.75rem}.card{margin-bottom:16px;margin-bottom:var(--spacing-md);padding:8px;padding:var(--spacing-sm)}.chart-title{font-size:.875rem}}.App{background:var(--background-white);font-family:var(--font-family);min-height:100vh;text-align:left}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background:var(--primary-gradient);color:var(--background-white);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--accent-blue);font-weight:600;text-decoration:none;transition:all .3s ease}.App-link:hover{color:var(--background-white);text-decoration:underline}.app-footer{background:var(--light-gray-bg);border-top:1px solid #7367f01a;bottom:0;color:var(--subdued-gray);font-size:12px;left:0;line-height:1.4;position:fixed;right:0;z-index:100}.app-footer .footer-accent{background:var(--primary-gradient);height:2px}.app-footer .footer-content{grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;padding:var(--spacing-sm) var(--spacing-md)}.app-footer .footer-left{align-items:center;display:flex;flex-wrap:wrap;font-weight:500;gap:.3em}.app-footer .footer-right{align-items:center;display:flex;font-size:11px;gap:0;justify-content:flex-end;text-align:right}.app-footer .footer-left,.app-footer .footer-right{min-width:0}.app-footer .footer-left a{color:var(--accent-purple);font-weight:600;text-decoration:none;transition:all .3s ease;white-space:nowrap}.app-footer .footer-left a:focus,.app-footer .footer-left a:hover{color:var(--accent-blue);text-decoration:underline}@media (max-width:640px){.app-footer .footer-right{flex-basis:100%;justify-content:flex-end;margin-left:0}}.app-footer a{color:var(--accent-purple);font-weight:600;text-decoration:none;transition:all .3s ease}.app-footer a:focus,.app-footer a:hover{color:var(--accent-blue);text-decoration:underline}@keyframes pop-in{0%{height:1px;left:-.5px;opacity:0;top:-.5px;transform:translate(-.5,-.5);width:1px}50%{height:50px;left:-25px;opacity:.5;top:-25px;transform:translate(-25,-25);width:50px}to{height:10px;left:-5px;opacity:1;top:-5px;transform:translate(-2.5,-2.5);width:10px}}.single-point{animation:pop-in 5s ease-out;left:-5px;top:-5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.single-point-annotation{animation-duration:2s;animation-fill-mode:forwards;animation-name:fadeIn;opacity:0}path{stroke-linejoin:round!important}@media (max-width:768px) and (orientation:portrait){.App.mobile-portrait{flex-direction:column}.App.mobile-portrait .app-footer{margin-top:auto;position:relative}.App.mobile-portrait .app-footer .footer-content{gap:var(--spacing-xs);grid-template-columns:1fr;text-align:center}.App.mobile-portrait .app-footer .footer-right{font-size:10px;justify-content:center}}@media (max-width:1024px) and (orientation:landscape){.App.mobile-landscape .app-footer{margin-top:auto;position:relative}.App.mobile-landscape .app-footer .footer-content{gap:var(--spacing-xs);grid-template-columns:1fr;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.App.mobile-landscape .app-footer .footer-right{font-size:10px;justify-content:center}}@media (hover:none) and (pointer:coarse){.clickable,[role=button],button{min-height:44px;min-width:44px}}
/*# sourceMappingURL=main.be5c4979.css.map*/