:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color:#ffffffe6;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;overflow-x:hidden}.hero-carousel{width:100%;padding:24px 20px 16px;background:transparent}.hero-carousel-content{max-width:1400px;margin:0 auto}.hero-carousel-header{text-align:center;margin-bottom:24px}.hero-carousel-header .hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-carousel-header .hero-subtitle{font-size:clamp(.95rem,2vw,1.2rem);font-weight:500;color:#ffffffd9;margin:0;line-height:1.4}.hero-carousel-container{position:relative;background:transparent;padding:24px;margin-bottom:0}.carousel-nav-button{position:absolute;top:216px;transform:translateY(-50%);background:transparent;border:none;color:#ffffffb3;font-size:3rem;width:auto;height:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;-webkit-user-select:none;user-select:none;line-height:1;padding:8px}.carousel-nav-button:hover{color:#fff;transform:translateY(-50%) scale(1.15)}.carousel-nav-button:active{transform:translateY(-50%) scale(1)}.carousel-nav-prev{left:16px}.carousel-nav-next{right:16px}.carousel-slide{padding:0 60px}.carousel-stock-info{text-align:center;margin-bottom:20px}.stock-ticker{font-size:2rem;font-weight:700;color:#fffffff2;margin:0 0 12px;letter-spacing:-.02em}.stock-indicators{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;align-items:center}.stock-indicator{width:10px;height:10px;border-radius:50%;background:#ffffff40;border:1.5px solid rgba(255,255,255,.15);cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.stock-indicator:hover{background:#fff6;transform:scale(1.15)}.stock-indicator.active{background:#667eeae6;border-color:#667eea;width:12px;height:12px;transform:scale(1)}.pattern-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pattern-panel{background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05)}.pattern-label{font-size:.95rem;font-weight:600;color:#ffffffe6;margin:0 0 8px;text-align:center;letter-spacing:.01em}.chart-container{width:100%;height:280px;min-height:280px;overflow:visible}.loading-spinner,.hero-carousel-error{text-align:center;padding:60px 20px}.loading-spinner .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eeacc;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p,.hero-carousel-error p{color:#ffffffb3;font-size:1.1rem}@media(max-width:1024px){.pattern-comparison{grid-template-columns:1fr;gap:16px}.carousel-slide{padding:0 50px}.hero-carousel-header{margin-bottom:20px}.carousel-stock-info{margin-bottom:16px}}@media(max-width:768px){.hero-carousel{padding:20px 15px 12px}.hero-carousel-header{margin-bottom:16px}.hero-carousel-container{padding:16px}.carousel-nav-button{font-size:2.5rem;padding:6px;top:182px}.carousel-nav-prev{left:8px}.carousel-nav-next{right:8px}.carousel-slide{padding:0 50px}.carousel-stock-info{margin-bottom:12px}.stock-ticker{font-size:1.75rem;margin-bottom:10px}.pattern-panel{padding:12px}.pattern-label{margin-bottom:10px;font-size:.9rem}.chart-container{height:250px;min-height:250px}}@media(max-width:480px){.hero-carousel{padding:16px 12px 10px}.hero-carousel-header{margin-bottom:12px}.hero-carousel-header .hero-title{margin-bottom:8px}.hero-carousel-container{padding:12px}.carousel-nav-button{font-size:2rem;padding:4px;top:158px}.carousel-nav-prev{left:4px}.carousel-nav-next{right:4px}.carousel-slide{padding:0 40px}.carousel-stock-info{margin-bottom:10px}.stock-ticker{font-size:1.5rem;margin-bottom:8px}.pattern-panel{padding:10px}.pattern-label{margin-bottom:8px;font-size:.85rem}.chart-container{height:220px;min-height:220px}.stock-indicators{gap:6px}.stock-indicator{width:8px;height:8px}.stock-indicator.active{width:10px;height:10px}}.landing-page{width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);background-attachment:fixed;color:#ffffffe6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{padding:0;text-align:center;background:transparent;min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-content{max-width:900px;margin:0 auto}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;margin:0 0 20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;color:#fffffff2;margin:0 0 20px}.hero-description{font-size:clamp(1rem,2vw,1.2rem);color:#ffffffb3;line-height:1.7;max-width:700px;margin:0 auto 40px}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px;padding:0 20px}.cta-button{padding:14px 28px;font-size:1rem;font-weight:600;border-radius:10px;text-decoration:none;transition:all .2s ease;display:inline-block;border:2px solid transparent;letter-spacing:.01em;box-sizing:border-box;position:relative;vertical-align:middle}.cta-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d;border:none;outline:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.cta-primary:hover{transform:translateY(-2px) translateZ(0);-webkit-transform:translateY(-2px) translateZ(0);box-shadow:0 6px 20px #667eea66}.cta-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.cta-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-outline:hover{background:#ffffff1a;border-color:#ffffff80}section{padding:80px 20px}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;margin:0 0 50px;color:#fffffff2;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-section{background:#ffffff05}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.feature-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff12;border-color:#667eea4d;transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-title{font-size:1.3rem;font-weight:600;color:#fffffff2;margin:0 0 15px}.feature-description{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0}.apps-section{background:transparent}.app-showcase{margin-bottom:60px;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;transition:all .3s ease}.app-showcase:hover{background:#ffffff12;border-color:#667eea4d;box-shadow:0 12px 40px #0000004d}.app-showcase:last-child{margin-bottom:0}.app-content{max-width:900px;margin:0 auto}.app-icon{font-size:4rem;margin-bottom:20px}.app-title{font-size:2rem;font-weight:700;color:#fffffff2;margin:0 0 20px}.app-description{font-size:1.1rem;color:#fffc;line-height:1.7;margin:0 0 25px}.app-features{list-style:none;padding:0;margin:0 0 30px}.app-features li{font-size:1rem;color:#ffffffb3;padding:10px 0;line-height:1.6}.app-features li:before{content:"";margin-right:10px}.app-cta-button{display:inline-block;padding:14px 28px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.app-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.how-it-works-section{background:#ffffff05}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.step{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;text-align:center;position:relative;transition:all .3s ease}.step:hover{background:#ffffff12;transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 15px #667eea4d}.step-title{font-size:1.3rem;font-weight:600;color:#fffffff2;margin:0 0 15px}.step-description{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0}.technology-section{background:#ffffff05}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px}.tech-item{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s ease}.tech-item:hover{background:#ffffff12;border-color:#667eea4d;transform:translateY(-3px)}.tech-label{font-size:.85rem;color:#fff9;font-weight:400}.tech-value{font-size:1rem;color:#ffffffe6;font-weight:600}.cta-section{padding:100px 20px;background:transparent}.cta-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:60px 40px;text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:#fffffff2;margin:0 0 20px}.cta-text{font-size:1.2rem;color:#ffffffb3;margin:0 0 40px;line-height:1.6}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.hero-section{padding:60px 20px}.hero-cta{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}section{padding:60px 20px}.features-grid,.steps-container{grid-template-columns:1fr;gap:20px}.app-showcase{padding:30px 20px}.app-title{font-size:1.6rem}.app-description{font-size:1rem}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cta-card{padding:40px 20px}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .cta-button{width:100%;max-width:300px}}@media(max-width:480px){.hero-section{padding:40px 15px}section{padding:40px 15px}.feature-card,.step,.app-showcase{padding:20px}.tech-grid{grid-template-columns:1fr}}.pattern-matcher-container{width:100%;min-height:100vh;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);background-attachment:fixed;position:relative;overflow-x:hidden}.pattern-matcher-container *{max-width:100%}.pattern-matcher-container .glass-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000005e;transition:all .3s ease;max-width:none;margin:0}.pattern-matcher-container .glass-card:hover{background:#ffffff12;border-color:#ffffff26;box-shadow:0 12px 40px #00000080}.app-header{text-align:center;padding:30px 20px 20px;margin-bottom:0;background:transparent}.app-header h1{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin:10px 0 0;color:#ffffffb3;font-size:1rem;font-weight:400}.search-section{padding:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;overflow:visible}.search-form{max-width:700px;width:100%;position:relative;z-index:1;overflow:visible}.input-group{display:flex;gap:12px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;z-index:1;overflow:visible}.input-group:focus-within{background:#ffffff1f;border-color:#667eea80;box-shadow:0 0 20px #667eea33}.ticker-input-wrapper{flex:1;position:relative;z-index:2;overflow:visible}.ticker-input{width:100%;padding:12px 18px;font-size:1rem;border:none;border-radius:12px;outline:none;background:transparent;color:#ffffffe6}.ticker-input::placeholder{color:#fff6}.ticker-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000005e;max-height:300px;overflow-y:auto;z-index:10000;margin-top:4px}.ticker-suggestions::-webkit-scrollbar{width:8px}.ticker-suggestions::-webkit-scrollbar-track{background:#ffffff0d;border-radius:8px}.ticker-suggestions::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:8px}.ticker-suggestions::-webkit-scrollbar-thumb:hover{background:#ffffff59}.suggestion-item{padding:12px 18px;color:#ffffffe6;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.suggestion-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.suggestion-item:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.suggestion-item:hover,.suggestion-item.highlighted{background:#ffffff1a;color:#fff;border-color:#667eea4d}.candle-length-select{padding:12px 40px 12px 18px;font-size:1rem;border:none;border-radius:12px;outline:none;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffffe6;cursor:pointer;transition:all .3s ease;min-width:140px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;position:relative;z-index:2}.candle-length-select:hover:not(:disabled){background-color:#ffffff26;border-color:#667eea4d}.candle-length-select:focus{background-color:#ffffff26;border-color:#667eea80;box-shadow:0 0 10px #667eea4d}.candle-length-select:active:not(:disabled){background-color:#ffffff26}.candle-length-select:disabled{opacity:.5;cursor:not-allowed}.candle-length-select option{background:#1a1a2ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#ffffffe6;padding:10px;border:none}.candle-length-select option:hover{background:#ffffff1a}.candle-length-select option:checked{background:#667eea4d;color:#fff}.search-button{padding:12px 28px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;white-space:nowrap;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.search-button:disabled{background:#ffffff1a;cursor:not-allowed;box-shadow:none}.error-message{max-width:600px;margin:20px auto 0;padding:16px 20px;background:#ef535026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,83,80,.3);border-radius:12px;color:#ff6b6b}.error-hint{margin:10px 0 0;font-size:.9rem;color:#ffffffb3}.results-container{width:100%;height:calc(100vh - 200px);display:flex;gap:20px;padding:0 20px 20px;overflow:hidden}.query-section{flex:0 0 40%;display:flex;flex-direction:column;min-width:0;width:100%}.matches-section{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;width:100%}.query-section .glass-card,.matches-section .glass-card{height:100%;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:none;margin:0}.section-header{margin-bottom:20px;flex-shrink:0}.section-header h2{margin:0 0 8px;color:#fffffff2;font-size:1.4rem;font-weight:600}.last-updated{margin:0;color:#ffffff80;font-size:.85rem}.matches-description{color:#ffffffb3;margin:8px 0 0;line-height:1.5;font-size:.9rem}.highlight-blue{color:#60a5fa;font-weight:500}.highlight-orange{color:#fb923c;font-weight:500}.chart-container{flex:1;min-height:0;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.match-card .chart-container{flex:none;height:auto;min-height:300px}.chart-container>div{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible;display:flex;flex-direction:column}.legend-box{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#ffffffb3;font-weight:400}.legend-color{width:12px;height:12px;display:inline-block;border-radius:2px}.legend-line{width:20px;height:2px;display:inline-block;border-radius:2px}.matches-grid{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto;overflow-x:hidden;padding-right:12px;min-height:0;max-height:100%}.matches-grid::-webkit-scrollbar{width:10px}.matches-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.matches-grid::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:10px;border:2px solid rgba(255,255,255,.05)}.matches-grid::-webkit-scrollbar-thumb:hover{background:#ffffff59}.match-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;overflow:visible;transition:all .3s ease;flex-shrink:0;min-height:fit-content}.match-card:hover{background:#ffffff0f;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.match-number{font-weight:600;color:#ffffffe6;font-size:.9rem}.match-dates{font-size:.75rem;color:#ffffff80;font-weight:400}.empty-state{text-align:center;padding:100px 20px;color:#ffffffb3;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;margin:40px 20px;border:1px solid rgba(255,255,255,.1)}.empty-icon{width:80px;height:80px;margin:0 auto 25px;color:#ffffff4d}.empty-state h3{margin:0 0 12px;color:#ffffffe6;font-size:1.5rem;font-weight:600}.empty-state p{margin:0;color:#fff9;font-size:1.05rem}@media(max-width:1400px){.query-section{flex:0 0 35%}}@media(max-width:1024px){.results-container{flex-direction:column;height:auto;max-height:none;gap:20px}.query-section,.matches-section{flex:1;min-height:auto}.query-section .glass-card,.matches-section .glass-card{height:auto}.matches-grid{max-height:none;overflow-y:visible}.match-card .chart-container{height:auto;min-height:300px}.query-section .chart-container{height:auto}}@media(max-width:768px){.pattern-matcher-container{padding-bottom:20px}.app-header{padding:20px 15px 15px}.app-header h1{font-size:1.5rem}.subtitle{font-size:.85rem;margin-top:8px}.search-section{padding:15px;margin-bottom:15px}.search-form{max-width:100%}.input-group{flex-direction:column;border-radius:16px;padding:6px;gap:8px}.ticker-input-wrapper{width:100%}.ticker-input{border-radius:12px;padding:14px 16px;font-size:16px;width:100%}.ticker-suggestions{max-height:200px}.candle-length-select{width:100%;padding:14px 40px 14px 16px;font-size:16px}.search-button{width:100%;border-radius:12px;padding:14px 24px;font-size:16px;min-height:48px}.error-message{margin:15px auto 0;padding:12px 16px;font-size:.9rem}.error-hint{font-size:.85rem;margin-top:8px}.loading-spinner{padding:40px 20px}.loading-spinner p{font-size:.9rem}.results-container{flex-direction:column;padding:0 10px 10px;gap:15px;height:auto}.glass-card{padding:16px;border-radius:16px}.section-header{margin-bottom:15px}.section-header h2{font-size:1.2rem;margin-bottom:6px}.last-updated{font-size:.8rem}.matches-description{font-size:.85rem;line-height:1.4}.legend-box{padding:10px 12px;gap:12px;flex-wrap:wrap;margin-bottom:12px}.legend-item{font-size:.75rem;gap:6px}.match-card .chart-container{height:auto;min-height:300px}.query-section .chart-container{height:auto;min-height:400px}.matches-grid{flex-direction:column;overflow-y:visible;max-height:none;gap:15px;padding-right:0}.match-card{padding:12px;border-radius:12px}.match-header{margin-bottom:10px;padding-bottom:8px;flex-wrap:wrap;gap:8px}.match-number{font-size:.9rem}.match-dates{font-size:.75rem}.empty-state{padding:60px 20px;margin:20px 15px;border-radius:16px}.empty-icon{width:60px;height:60px;margin-bottom:20px}.empty-state h3{font-size:1.2rem;margin-bottom:10px}.empty-state p{font-size:.9rem}}@media(max-width:480px){.app-header{padding:15px 10px 10px}.app-header h1{font-size:1.3rem}.subtitle{font-size:.8rem}.search-section,.glass-card{padding:12px}.section-header h2{font-size:1.1rem}.match-card .chart-container{height:auto;min-height:280px}.query-section .chart-container{height:auto;min-height:350px}.legend-box{padding:8px 10px;gap:10px}.legend-item{font-size:.7rem}.match-card{padding:10px}.empty-state{padding:40px 15px;margin:15px 10px}}@media(hover:none)and (pointer:coarse){.search-button{min-height:48px;-webkit-tap-highlight-color:rgba(102,126,234,.3)}.nav-link{min-height:44px;display:flex;align-items:center;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.match-card{-webkit-tap-highlight-color:rgba(102,126,234,.2)}}.trading-game-container{width:100%;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);background-attachment:fixed}.trading-game-container .glass-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000005e;transition:all .3s ease;max-width:1200px;margin:0 auto}.trading-game-container .glass-card:hover{background:#ffffff12;border-color:#ffffff26}.game-header{text-align:center;padding:30px 20px 20px;margin-bottom:30px}.game-header h1{margin:0;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-subtitle{margin:10px 0 0;color:#ffffffb3;font-size:1.1rem}.game-start-screen{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px}.game-description{color:#fffc;line-height:1.6;margin:15px 0;font-size:1rem}.highlight-green{color:#26a69a;font-weight:600}.highlight-red{color:#ef5350;font-weight:600}.highlight-blue{color:#60a5fa;font-weight:600}.start-game-button{padding:16px 48px;font-size:1.2rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;margin-top:30px}.start-game-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.game-playing-screen{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.game-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:.85rem;color:#fff9;margin-bottom:5px}.stat-value{font-size:1.5rem;font-weight:600;color:#ffffffe6}.pattern-section{text-align:center;width:100%}.pattern-section h3{margin:0 0 10px;color:#fffffff2;font-size:1.5rem}.pattern-hint{color:#fff9;margin-bottom:20px;font-style:italic}.game-playing-screen .glass-card{width:100%;min-width:300px}.chart-container{width:100%;margin-top:20px;min-width:0;overflow:hidden}.game-result-screen .chart-container{width:100%;min-width:0}.prediction-section{margin-top:30px;text-align:center;width:100%;min-width:0}.prediction-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:nowrap;width:100%;min-width:0}.prediction-btn{padding:14px 28px;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;flex:0 1 auto;white-space:nowrap;min-width:0}@media(max-width:768px){.prediction-buttons{gap:8px}.prediction-btn{padding:10px 16px;font-size:.85rem;flex:1 1 0}}@media(max-width:480px){.prediction-buttons{gap:6px}.prediction-btn{padding:8px 12px;font-size:.75rem;flex:1 1 0}}.prediction-up{background:linear-gradient(135deg,#26a69a,#00bfa5);color:#fff}.prediction-up:hover{transform:translateY(-3px);box-shadow:0 6px 20px #26a69a66}.prediction-neutral{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.prediction-neutral:hover{transform:translateY(-3px);box-shadow:0 6px 20px #60a5fa66}.prediction-down{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.prediction-down:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ef535066}.game-result-screen{display:flex;justify-content:center;align-items:flex-start;padding:20px;width:100%}.game-result-screen .glass-card{width:100%;max-width:1200px;min-width:300px}.result-header{text-align:center;margin-bottom:20px}.result-header h2{font-size:2rem;margin:0 0 10px}.result-header h2.correct{color:#26a69a}.result-header h2.incorrect{color:#ef5350}.result-details{color:#fffc;line-height:1.8}.result-stats{text-align:center;margin-top:20px;padding:15px;background:#ffffff0d;border-radius:8px}.result-stats p{color:#ffffffe6;font-size:1.1rem;margin:0}.next-round-button{width:100%;padding:16px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;margin-top:20px}.next-round-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.game-finished-screen{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px}.final-score{margin:30px 0}.score-display{display:flex;flex-direction:column;align-items:center;gap:10px}.score-label{font-size:1rem;color:#fff9}.score-value{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-percentage{font-size:1.5rem;color:#fffc}.share-section{margin-top:40px;text-align:center}.share-section h3{color:#ffffffe6;margin-bottom:20px}.share-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.share-btn{padding:12px 24px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#fff}.share-twitter{background:#1da1f2}.share-twitter:hover{background:#1a8cd8;transform:translateY(-2px)}.share-facebook{background:#1877f2}.share-facebook:hover{background:#166fe5;transform:translateY(-2px)}.share-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.share-instagram:hover{transform:translateY(-2px);opacity:.9}.play-again-button{width:100%;padding:16px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;margin-top:30px}.play-again-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.loading-spinner{text-align:center;padding:60px 20px}.spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:#ffffffb3}.error-message{background:#ef535026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,83,80,.3);border-radius:12px;padding:16px 20px;color:#ff6b6b;margin-bottom:20px}.retry-button{margin-left:15px;padding:8px 16px;background:#ef535033;border:1px solid rgba(239,83,80,.3);border-radius:6px;color:#ff6b6b;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#ef53504d}@media(max-width:768px){.game-header h1{font-size:2rem}.game-subtitle{font-size:.9rem}.game-stats{gap:15px}.stat-item{padding:12px 20px}.stat-value{font-size:1.2rem}.score-value{font-size:3rem}.share-buttons{flex-direction:column}.share-btn{width:100%;max-width:250px}}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px}.blog-header{text-align:center;margin-bottom:60px}.blog-header h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-header p{font-size:1.2rem;color:#ffffffb3}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.post-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px;transition:all .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.post-card:hover{background:#ffffff0d;border-color:#667eea80;transform:translateY(-5px);box-shadow:0 10px 30px #667eea33}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.post-date{font-size:.9rem;color:#ffffff80}.post-tickers{display:flex;gap:6px;flex-wrap:wrap}.ticker-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.post-title{font-size:1.5rem;margin-bottom:15px;color:#fff;line-height:1.4}.post-description{color:#ffffffb3;line-height:1.6;margin-bottom:20px;flex-grow:1}.read-more{color:#667eea;font-weight:600;align-self:flex-start}.blog-post-container{max-width:1000px;margin:0 auto;padding:40px 20px;width:100%;overflow-x:hidden}.back-link{display:inline-flex;align-items:center;color:#ffffffb3;text-decoration:none;margin-bottom:30px;font-size:.95rem;transition:color .3s ease}.back-link:hover{color:#667eea}.blog-post{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:60px;max-width:100%;overflow-x:hidden}.post-header{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.post-header .post-meta{margin-bottom:20px}.post-header .post-title{font-size:2.5rem;line-height:1.3;margin:0}.post-content{color:#ffffffd9;line-height:1.8;font-size:1.1rem;max-width:100%}.post-content h2{font-size:1.8rem;margin-top:40px;margin-bottom:20px;color:#fff}.post-content h3{font-size:1.4rem;margin-top:30px;margin-bottom:15px;color:#fff}.post-content h4{font-size:1.2rem;margin-top:25px;margin-bottom:12px;color:#ffffffe6}.post-content p{margin-bottom:20px}.post-content ul,.post-content ol{margin-bottom:20px;padding-left:30px}.post-content li{margin-bottom:10px}.post-content code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.post-content pre{background:#0000004d;padding:20px;border-radius:8px;overflow-x:auto;margin-bottom:20px}.post-content pre code{background:none;padding:0}.post-content blockquote{border-left:4px solid #667eea;padding-left:20px;margin:20px 0;font-style:italic;color:#ffffffb3}.post-content a{color:#667eea;text-decoration:underline}.post-content a:hover{color:#764ba2}.post-content table{width:100%;border-collapse:collapse;margin:20px 0}.post-content th,.post-content td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.post-content th{background:#667eea33;font-weight:600}.post-footer{margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.disclaimer{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:20px;margin-bottom:30px}.disclaimer h4{color:#ffc107;margin-top:0;margin-bottom:10px;display:flex;align-items:center;gap:8px}.disclaimer p{color:#fffc;margin:0;font-size:.95rem;line-height:1.6}.cta-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:30px;text-align:center}.cta-box h3{color:#fff;margin-top:0;margin-bottom:10px}.cta-box p{color:#ffffffe6;margin-bottom:20px}.cta-button{display:inline-block;background:#fff;color:#667eea;padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.cta-button:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.loading-spinner,.error-message,.no-posts{text-align:center;padding:60px 20px;color:#ffffffb3}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;padding:40px}.pattern-chart{margin:30px 0;padding:20px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1);width:100%;overflow-x:auto}.pattern-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.pattern-chart-item{width:100%;min-width:0;overflow-x:auto}.pattern-chart-item>div{width:100%;min-width:0}.pattern-chart img{width:100%;height:auto;border-radius:4px}.pattern-chart-caption{text-align:center;margin-top:10px;font-size:.9rem;color:#fff9;font-style:italic}@media(max-width:768px){.blog-header h1{font-size:2rem}.posts-grid{grid-template-columns:1fr;gap:20px}.blog-post{padding:30px 20px}.post-header .post-title{font-size:1.8rem}.post-content{font-size:1rem;overflow-x:hidden}.post-content h2{font-size:1.5rem}.pattern-chart{padding:15px;margin:20px 0}.pattern-chart h4{font-size:1.1rem;margin-bottom:15px}.pattern-chart-grid{grid-template-columns:1fr;gap:30px}.pattern-chart-item{width:100%;overflow-x:visible}.pattern-chart-item h5{font-size:.95rem;margin-bottom:8px}.pattern-chart-caption{font-size:.85rem;margin-top:15px}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);background-attachment:fixed}.app{display:flex;flex-direction:column;min-height:100vh;width:100%}.nav-bar{background:#1a1a2ecc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:0;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px #0000004d}.nav-container{width:100%;max-width:1800px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.4rem;font-weight:600;color:#fff;text-decoration:none;letter-spacing:-.5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-brand:hover{opacity:.8}.nav-links{display:flex;gap:.5rem}.nav-link{color:#fffc;text-decoration:none;font-weight:400;padding:.6rem 1rem;border-radius:8px;font-size:.95rem;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;color:#fff}.main-content{flex:1;width:100%;padding:0}.footer{background:#1a1a2ecc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2rem;text-align:center;margin-top:0;border-top:1px solid rgba(255,255,255,.1)}.footer p{margin:0;color:#fff9;font-size:.85rem}@media(max-width:768px){.nav-container{flex-direction:column;gap:1rem;padding:1rem}.nav-links{gap:.5rem;width:100%;justify-content:center;flex-wrap:wrap}.nav-link{padding:.6rem 1rem;font-size:.9rem;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-brand{font-size:1.2rem;text-align:center}.footer{padding:1.5rem 1rem}.footer p{font-size:.8rem}}@media(max-width:480px){.nav-container{padding:.75rem;gap:.75rem}.nav-brand{font-size:1.1rem}.nav-link{padding:.5rem .75rem;font-size:.85rem;flex:1;min-width:0}.footer{padding:1rem}.footer p{font-size:.75rem;line-height:1.4}}