:root{--color-green-dark: rgba(0, 179, 102, 1);--color-aqua: rgba(117, 255, 195, 1);--color-green-light: rgba(0, 255, 144, 1);--color-red-dark: rgba(219, 58, 66, 1);--color-red-light: rgba(255, 117, 93, 1);--color-gray-1: rgba(244, 244, 244, 1);--color-gray-2: rgba(232, 232, 232, 1);--color-gray-3: rgba(206, 206, 206, 1);--color-gray-4: rgba(168, 168, 168, 1);--color-gray-5: rgba(104, 104, 104, 1);--color-blue-1: rgba(114, 229, 242, 1);--color-blue-2: rgba(4, 138, 191, 1);--color-blue-3: rgba(14, 68, 115, 1);--color-blue-4: rgba(14, 58, 115, 1);--color-blue-5: rgba(17, 29, 43, 1);--color-blue-bright: rgba(181, 245, 253, 1);--color-green-dark-hex: #00B366;--color-aqua-hex: #75FFC3;--color-red-light-hex: #FF755D;--color-gray-4-hex: #A8A8A8;--color-gray-2-hex: #E8E8E8;--color-blue-5-hex: #111d2b;--color-blue-1-hex: #72E5F2;--color-blue-bright-hex: #b5f5fd;--bg-primary: rgba(117, 255, 195, .15);--bg-secondary: rgba(114, 229, 242, .12);--bg-tertiary: rgba(181, 245, 253, .08);--gradient-overlay-1: rgba(117, 255, 195, .04);--gradient-overlay-2: rgba(114, 229, 242, .03);--gradient-overlay-3: rgba(181, 245, 253, .04);--gradient-overlay-4: rgba(117, 255, 195, .03);--gradient-overlay-5: rgba(114, 229, 242, .04)}:root.trend-increasing{--bg-primary: rgba(255, 99, 132, .15);--bg-secondary: rgba(255, 159, 64, .12);--bg-tertiary: rgba(255, 205, 86, .08);--gradient-overlay-1: rgba(255, 99, 132, .04);--gradient-overlay-2: rgba(255, 159, 64, .03);--gradient-overlay-3: rgba(255, 205, 86, .04);--gradient-overlay-4: rgba(255, 99, 132, .03);--gradient-overlay-5: rgba(255, 159, 64, .04)}:root.trend-decreasing{--bg-primary: rgba(117, 255, 195, .15);--bg-secondary: rgba(114, 229, 242, .12);--bg-tertiary: rgba(181, 245, 253, .08);--gradient-overlay-1: rgba(117, 255, 195, .04);--gradient-overlay-2: rgba(114, 229, 242, .03);--gradient-overlay-3: rgba(181, 245, 253, .04);--gradient-overlay-4: rgba(117, 255, 195, .03);--gradient-overlay-5: rgba(114, 229, 242, .04)}html{height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#fff;background:linear-gradient(180deg,#fff,#f0f0f0);color:#2d3748;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;font-weight:400;line-height:1.6;min-height:95%;overflow-x:hidden;position:relative;transition:background 1.5s ease-in-out}body:before{animation:backgroundShift 45s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,var(--gradient-overlay-1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--gradient-overlay-2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--gradient-overlay-3) 0%,transparent 50%),radial-gradient(circle at 85% 75%,var(--gradient-overlay-4) 0%,transparent 50%),radial-gradient(circle at 15% 15%,var(--gradient-overlay-5) 0%,transparent 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:background 1.5s ease-in-out;width:100%;z-index:-1}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,var(--bg-primary, rgba(117, 255, 195, .15)) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--bg-secondary, rgba(114, 229, 242, .12)) 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--bg-tertiary, rgba(181, 245, 253, .08)) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite alternate;pointer-events:none;z-index:-1;will-change:transform;transition:background 1.5s ease-in-out}@keyframes backgroundShift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(15px,-15px,0) scale(1.08)}}.gradient-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--gradient-overlay-1, rgba(117, 255, 195, .04)) 0%,var(--gradient-overlay-2, rgba(114, 229, 242, .03)) 25%,var(--gradient-overlay-3, rgba(181, 245, 253, .04)) 50%,var(--gradient-overlay-4, rgba(117, 255, 195, .03)) 75%,var(--gradient-overlay-5, rgba(114, 229, 242, .04)) 100%);animation:gradientFlow 30s ease-in-out infinite;pointer-events:none;z-index:-1;will-change:background-position;transition:background 1.5s ease-in-out}a{color:var(--color-green-dark);font-weight:500;position:relative;text-decoration:none;transition:all .2s ease-in-out}a:hover{color:var(--color-aqua);text-decoration:none}a:hover:after{width:100%}a:after{background:linear-gradient(90deg,var(--color-green-dark),var(--color-aqua));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.inactive{display:none}canvas{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;box-shadow:1px 4px 9px #ccc;padding:25px}@media only screen and (max-width: 768px){body:before,.gradient-overlay{animation-duration:40s}}@media only screen and (max-width: 480px){body:before,.gradient-overlay{animation-duration:50s}}@media (prefers-reduced-motion: reduce){body:before,.gradient-overlay{animation:none!important;will-change:auto!important}}.container{display:flex;flex-wrap:wrap;margin:50px auto;max-width:90%}.container.header-container{justify-content:center}.container.canvas-container{margin:0 auto 50px;max-width:80%}@media only screen and (min-width: 1200px){.container.canvas-container{max-width:1050px}}@media only screen and (max-width: 768px){.container.canvas-container{margin:25px auto 50px;max-width:95%}.container.canvas-container canvas{padding:15px}}@media only screen and (max-width: 480px){.container.canvas-container{margin:20px auto 40px;max-width:98%}.container.canvas-container canvas{padding:10px}}.container.canvas-container #chart{padding:0}.container.search-bar-container{justify-content:space-between;max-width:700px}@media only screen and (max-width: 768px){.container.search-bar-container{max-width:90%}}h1,h4{flex-basis:100%;font-weight:600;letter-spacing:-.025em;line-height:1.2;text-align:center}h1{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-aqua),var(--color-blue-1));background-clip:text;display:none;font-size:2.5rem;margin-bottom:10px}h4{color:#4a5568;font-weight:400;letter-spacing:-.01em;line-height:1.5;margin-left:auto;margin-right:auto;margin-top:10px;max-width:600px;opacity:.8;text-align:center;text-transform:none}.site-description{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px}.st1{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;font-weight:600!important}.logo,.logo-dark-mode{flex-basis:100%;width:100%}.logo svg,.logo-dark-mode svg{display:block;margin:0 auto;width:30%}@media only screen and (max-width: 1100px){.logo svg,.logo-dark-mode svg{width:50%}}@media only screen and (max-width: 600px){.logo svg,.logo-dark-mode svg{width:80%}}.logo-dark-mode{display:none}input.company-search{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#2d3748;flex-basis:80%;font-size:1rem;font-weight:500;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}input.company-search::placeholder{color:#a0aec0;font-weight:400}input.company-search:focus{background:#fff;border:2px solid var(--color-aqua);box-shadow:0 0 0 3px #75ffc31a;outline:none;transform:translateY(-1px)}input.company-search.error-active{border:2px solid var(--color-red-light);box-shadow:0 0 0 3px #ff755d1a}.search-button{background:#ffffff1f;border:1.5px solid var(--color-aqua);border-radius:10px;box-shadow:0 2px 8px #50c8ff1a;color:var(--color-aqua);cursor:pointer;flex-basis:18%;font-size:1rem;font-weight:500;outline:none;overflow:hidden;position:relative;transition:background .2s,color .2s,box-shadow .2s,border .2s}.search-button:before{background:linear-gradient(90deg,transparent,rgba(80,200,255,.08),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.search-button:hover{background:#50c8ff21;border-color:var(--color-blue-1);box-shadow:0 4px 16px #50c8ff26;color:var(--color-blue-1);transform:translateY(-1px) scale(1.03)}.search-button:hover:before{left:100%}.search-button:active{box-shadow:0 1px 4px #50c8ff1a;color:var(--color-aqua);transform:translateY(0)}.error-box{color:var(--color-red-light);flex-basis:100%;font-size:.875rem;margin:12px 0 0;font-weight:500;padding:8px 12px;border-radius:8px;background:#ff755d1a;border:1px solid rgba(255,117,93,.2)}#chart{border-radius:15px;flex-basis:100%}.result{margin:0 auto}.company-name{text-align:center;font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:20px;padding:0 20px;display:none;letter-spacing:-.02em;line-height:1.3}.company-logo{display:flex;justify-content:center;align-items:center;padding:10px}.company-logo img{max-width:50px;max-height:50px;width:auto;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a;background:#ffffffe6;padding:8px;transition:all .3s ease-in-out;display:none}.company-logo img:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}@media only screen and (max-width: 768px){.company-name{font-size:1.25rem;margin-bottom:0;padding:0 15px}.company-logo img{max-width:60px;max-height:60px;padding:6px}}@media only screen and (max-width: 480px){.company-name{font-size:1.1rem;margin-bottom:10px;padding:0 10px}.company-logo img{max-width:50px;max-height:50px;padding:5px}}footer{font-size:.875rem;text-align:center;position:relative;font-weight:500}footer .footer-content{color:#718096;flex-basis:100%;margin-bottom:30px;opacity:.7}body.dark-mode{background:var(--color-blue-5-hex);color:var(--color-blue-bright);transition:background 1.5s ease-in-out}body.dark-mode:before{background:radial-gradient(circle at 20% 80%,var(--bg-primary, rgba(54, 255, 168, .12)) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--bg-secondary, rgba(114, 229, 242, .1)) 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--bg-tertiary, rgba(181, 245, 253, .06)) 0%,transparent 50%);transition:background 1.5s ease-in-out}body.dark-mode .gradient-overlay{background:linear-gradient(45deg,var(--gradient-overlay-1, rgba(54, 255, 168, .03)) 0%,var(--gradient-overlay-2, rgba(114, 229, 242, .02)) 25%,var(--gradient-overlay-3, rgba(181, 245, 253, .03)) 50%,var(--gradient-overlay-4, rgba(54, 255, 168, .02)) 75%,var(--gradient-overlay-5, rgba(114, 229, 242, .03)) 100%);transition:background 1.5s ease-in-out}body.dark-mode .shape{opacity:.04;transition:background 1.5s ease-in-out,opacity 1.5s ease-in-out}body.dark-mode a{color:#36ffa8}body.dark-mode a:hover{color:var(--color-blue-1)}body.dark-mode a:after{background:linear-gradient(90deg,rgb(54 255 168),var(--color-blue-1))}body.dark-mode .logo{display:none}body.dark-mode .logo-dark-mode{display:block}body.dark-mode h1,body.dark-mode h4{color:var(--color-blue-bright)}body.dark-mode h4{opacity:.9}body.dark-mode input.company-search:focus{outline:none;border:2px solid var(--color-blue-1-hex);box-shadow:none}body.dark-mode input.company-search.error-active{border:2px solid var(--color-red-light)}body.dark-mode input.company-search.success-active{border:2px solid rgb(54,255,168)}body.dark-mode .search-button{background:#1e283c2e;color:var(--color-aqua);border:1.5px solid var(--color-aqua);box-shadow:0 2px 8px #50c8ff1a}body.dark-mode .search-button:hover{background:#50c8ff21;color:var(--color-blue-1);border-color:var(--color-blue-1);box-shadow:0 4px 16px #50c8ff26}body.dark-mode canvas{background-color:#111d2b73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}body.dark-mode footer .footer-content{color:var(--color-blue-1)}body.dark-mode .company-name{color:var(--color-blue-bright)}body.dark-mode .company-logo img{background:#111d2be6;box-shadow:0 4px 12px #0000004d}body.dark-mode .company-logo img:hover{box-shadow:0 6px 20px #0006}.recent-changes-container{justify-content:center;margin:40px auto;max-width:1200px}.recent-changes-header{text-align:center;margin-bottom:30px}.recent-changes-header h2{font-size:2.2rem;color:var(--color-blue-5);margin-bottom:8px;font-weight:700}.changes-subtitle{font-size:1rem;color:var(--color-gray-5);margin:0}.changes-grid{display:flex;gap:30px;margin-top:30px;flex-basis:100%;justify-content:center}.changes-grid .section-title{text-align:center}.changes-section{background:#fffc;border-radius:16px;flex-basis:45%;padding:24px;box-shadow:0 4px 16px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.section-title{font-size:1.4rem;font-weight:600;margin-bottom:20px;align-items:center;gap:8px}.section-title.increases{color:var(--color-red-dark)}.section-title.decreases{color:var(--color-green-dark)}.trend-icon{font-size:1.2rem}.company-list{display:flex;flex-direction:column;gap:12px}.company-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff9;border-radius:8px;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.company-item:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;cursor:pointer}.company-info{display:flex;flex-direction:column;gap:2px}.company-name-item{font-weight:600;font-size:.95rem;color:var(--color-blue-5)}.company-symbol{font-size:.85rem;color:var(--color-gray-5);font-weight:500}.change-info{text-align:right;display:flex;flex-direction:column;gap:2px}.change-amount{font-weight:600;font-size:.9rem}.change-amount.increase{color:var(--color-red-dark)}.change-amount.decrease{color:var(--color-green-dark)}.change-percentage{font-size:.8rem;color:var(--color-gray-5)}.loading-state,.error-state{text-align:center;padding:40px 20px;color:var(--color-gray-5);font-style:italic}.error-state{color:var(--color-red-dark)}body.dark-mode .recent-changes-header h2{color:var(--color-blue-bright)}body.dark-mode .changes-subtitle{color:var(--color-blue-1)}body.dark-mode .changes-section{background:#111d2b99;border:1px solid rgba(114,229,242,.2);box-shadow:0 4px 16px #0000004d}body.dark-mode .company-item{background:#111d2b66;border:1px solid rgba(114,229,242,.1)}body.dark-mode .company-item:hover{background:#111d2bb3;box-shadow:0 2px 8px #72e5f21a}body.dark-mode .company-name-item{color:var(--color-blue-bright)}body.dark-mode .company-symbol,body.dark-mode .loading-state,body.dark-mode .error-state{color:var(--color-blue-1)}@media (max-width: 768px){.changes-grid{flex-wrap:wrap;gap:20px}.recent-changes-header h2{font-size:1.8rem}.changes-section{flex-basis:100%;padding:20px}.company-item{padding:10px 12px}.company-info,.change-info{gap:1px}}