.chart-btn{background:#00000080;border:1px solid rgba(255,255,255,.25);color:#fff;padding:5px 12px;border-radius:5px;cursor:pointer;font-size:1em;transition:all .2s ease}.chart-btn:hover{background:#000000b3;border-color:#fff6}.fullscreen-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #60A5FA;color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:1.1em;font-weight:700;box-shadow:0 2px 8px #3b82f666;transition:all .2s ease}.fullscreen-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px #3b82f699;transform:scale(1.05)}.chart-type-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ccc;padding:3px 6px;border-radius:4px;outline:none;font-size:.8em;cursor:pointer}.chart-type-select option{background:#1f1f1f;color:#fff}.scale-select{background:#0006;border:1px solid rgba(255,255,255,.15);color:#ccc;padding:3px 6px;border-radius:4px;cursor:pointer;font-size:.75em;outline:none}.scale-select option{background:#1f1f1f;color:#fff}.algo-explain-btn{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid rgba(59,130,246,.4);color:#60a5fa;padding:10px 20px;border-radius:25px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin:15px auto 25px}.algo-explain-btn:hover{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-color:#3b82f699;transform:scale(1.05)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ddd;border-top:none;z-index:10000;border-radius:0 0 8px 8px;box-shadow:0 10px 25px #00000080;max-height:300px;overflow-y:auto;display:none;width:100%;box-sizing:border-box}.dark-mode .autocomplete-dropdown{background-color:#1a1a1a;border-color:#444;color:#fff}.autocomplete-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;color:#333}.dark-mode .autocomplete-item{border-bottom-color:#444;color:#fff}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.active{background-color:#f5f5f5}.dark-mode .autocomplete-item:hover{background-color:#3a3a3a}.item-symbol{font-weight:700;color:#000}.dark-mode .item-symbol{color:#fff}.item-name{color:#666;font-size:.9em;margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;text-align:right}.dark-mode .item-name{color:#aaa}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:8px;margin:0;transition:background-color .3s,color .3s}.container{width:100%;margin:0 auto;padding:15px;box-sizing:border-box;border:none}body.dark-mode{background-color:#1f1f1f;color:#fff}.container.dark-mode{background-color:transparent;border:none}.hero-section{text-align:center;width:100%;max-width:900px;margin:100px auto 60px;position:relative;z-index:50}.header-title{font-size:2.2em;font-weight:800;margin:0;letter-spacing:.5px}.theme-toggle{background:none;border:1px solid #555;color:#ddd;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s}.theme-toggle.light{background:#f0f0f0;color:#333;border-color:#ccc}.input-group{display:flex;gap:12px;margin:20px 0;padding:15px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);align-items:center}#symbolInput{padding:14px 16px;font-size:16px;border:1px solid #ccc;border-radius:8px;outline:none;transition:all .3s ease}.dark-mode #symbolInput{background-color:#2a2a2a;border-color:#555;color:#fff}.dark-mode #symbolInput::placeholder{color:#666}.action-btn{background:linear-gradient(135deg,#00c805,#007a03);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00c8054d}.action-btn:disabled{background:#444;cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.chart-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:15px}#chartContainer{margin-top:30px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#1f1f1ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#chartContainer.dark-mode{border-color:#ffffff14;background-color:#1f1f1ff2}#chartContainer:not(.dark-mode){background:#fffffff2;border-color:#0000001a}#chartContainer:not(.dark-mode) .chart-toggles{background:#0000000d;border-color:#0000001a}#chartContainer:not(.dark-mode) .chart-toggles span,#chartContainer:not(.dark-mode) .chart-toggles label{color:#333!important}#chartContainer:not(.dark-mode) .time-filters,#chartContainer:not(.dark-mode) .interval-filters{background:#e8e8e8!important;border-radius:6px;padding:4px!important}#chartContainer:not(.dark-mode) .time-filters button,#chartContainer:not(.dark-mode) .interval-filters button{background:transparent!important;border:none!important;color:#555!important;font-weight:500!important;padding:5px 10px!important;border-radius:4px!important}#chartContainer:not(.dark-mode) .time-filters button:hover,#chartContainer:not(.dark-mode) .interval-filters button:hover{background:#0000001a!important;color:#222!important}#chartContainer:not(.dark-mode) .time-filters button.active,#chartContainer:not(.dark-mode) .interval-filters button.active{background:#fff!important;color:#000!important;box-shadow:0 1px 3px #00000026!important;font-weight:600!important}#chartContainer:not(.dark-mode) .time-filters span,#chartContainer:not(.dark-mode) .interval-filters span{color:#666!important;font-weight:600!important}#chartContainer:not(.dark-mode) .chart-controls select{background:#fff!important;border:1px solid #ccc!important;color:#333!important;font-weight:500!important}#chartContainer:not(.dark-mode) .chart-controls>div:last-child button,#chartContainer:not(.dark-mode) .chart-controls>div:last-child select{background:#fff!important;border:1px solid #ccc!important;color:#444!important;box-shadow:0 1px 2px #00000014!important}#chartContainer:not(.dark-mode) .chart-controls>div:last-child button:hover{background:#f0f0f0!important;border-color:#999!important;color:#000!important}#chartContainer:not(.dark-mode) .floating-legend{background:transparent!important}#chartContainer:not(.dark-mode) .floating-legend .legend-item{background:#fffffff2!important;border:1px solid #999!important;color:#111!important;padding:4px 10px!important;border-radius:6px!important;box-shadow:0 1px 3px #00000026!important;font-weight:700!important}#chartContainer:not(.dark-mode) .floating-legend .legend-item:hover{background:#fff!important;border-color:#666!important;box-shadow:0 2px 5px #0003!important}#chartContainer:not(.dark-mode) .floating-legend .legend-item.hidden{opacity:.5!important;background:#c8c8c8cc!important;text-decoration:line-through!important;color:#555!important}#chartContainer:not(.dark-mode) .floating-legend .legend-item span{border-radius:50%;display:inline-block}#chartContainer:not(.dark-mode) .custom-legend,#chartContainer:not(.dark-mode) [class*=legend]{color:#111!important}#chartContainer:not(.dark-mode) .custom-legend span,#chartContainer:not(.dark-mode) .custom-legend div{color:#111!important}#chartContainer:not(.dark-mode) .chart-toggles{background:#e8e8e8!important;border:1px solid #ccc!important}#chartContainer:not(.dark-mode) .chart-toggles label{color:#444!important;font-weight:500!important}#chartContainer:not(.dark-mode) .chart-toggles label:hover{color:#000!important}#chartContainer:not(.dark-mode) .chart-toggles input[type=checkbox]{background:#ccc!important;border:1px solid #aaa!important}#chartContainer:not(.dark-mode) .chart-toggles input[type=checkbox]:checked{background:#10b981!important;border-color:#059669!important}#chartContainer:not(.dark-mode) .chart-toggles input[type=checkbox]:after{background:#fff!important;box-shadow:0 1px 3px #0000004d!important}#chartContainer:not(.dark-mode) .sub-chart-container{border-top-color:#ddd!important}#chartContainer:not(.dark-mode) canvas{background:transparent!important}#chartContainer.dark-mode:fullscreen,#chartContainer.dark-mode:-webkit-full-screen{background:#1f1f1f!important;padding:20px!important;overflow:auto!important;width:100vw!important;height:100vh!important}#chartContainer:not(.dark-mode):fullscreen,#chartContainer:not(.dark-mode):-webkit-full-screen{background:#f5f5f5!important;padding:20px!important;overflow:auto!important;width:100vw!important;height:100vh!important}#chartContainer:fullscreen #chartWrapper,#chartContainer:-webkit-full-screen #chartWrapper{height:calc(100vh - 280px)!important}.sub-chart-container{position:relative;margin-top:15px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.dark-mode .sub-chart-container{border-top-color:#ffffff1a}.chart-separator{display:none}.floating-legend{position:absolute;top:10px;left:60px;display:flex;flex-wrap:wrap;gap:15px;pointer-events:none;z-index:10}.floating-legend .legend-item{font-size:.8em;font-weight:700;cursor:pointer;pointer-events:auto;background:#0000004d;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .2s}.floating-legend .legend-item:hover{background:#ffffff1a}.floating-legend .legend-item.hidden{opacity:.4;text-decoration:line-through}.chart-toggles label{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-weight:600;font-size:.7em;color:#ccc;-webkit-user-select:none;user-select:none;transition:color .2s}.chart-toggles label:hover{color:#fff}.chart-toggles input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:16px;background:#ffffff1a;border-radius:20px;position:relative;cursor:pointer;transition:background .2s;vertical-align:middle;border:1px solid rgba(255,255,255,.2)}.chart-toggles input[type=checkbox]:checked{background:#10b981;border-color:#10b981}.chart-toggles input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.chart-toggles input[type=checkbox]:checked:after{transform:translate(12px)}.time-filters,.interval-filters{display:inline-flex;align-items:center;background:#0000004d;border-radius:5px;padding:3px;border:1px solid rgba(255,255,255,.1)}.time-filters button,.interval-filters button{margin:0;border:none;border-radius:4px;background:transparent;color:#ccc;font-size:.82em;padding:5px 10px;font-weight:600;transition:color .2s}.time-filters button:hover,.interval-filters button:hover{color:#fff}.time-filters button.active,.interval-filters button.active{background:#ffffff1a;color:#fff!important;box-shadow:0 1px 2px #0003;border:1px solid rgba(255,255,255,.1);font-weight:700}.dark-mode .time-filters button.active,.dark-mode .interval-filters button.active{background:#10b98133;color:#10b981!important;border:1px solid #10B981}.loading-spinner{border:4px solid rgba(255,255,255,.1);border-left-color:#00c805;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}.card-spinner{border:2px solid rgba(255,255,255,.1);border-left-color:#00c805;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.indicators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:15px 0}.indicator-title{font-size:.9em;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.indicator-value{font-size:1.4em;font-weight:700;margin-bottom:5px}.indicator-signal{font-size:.9em;font-weight:600;padding:4px 8px;border-radius:4px;display:inline-block}.warning{color:#ff8c00;font-weight:700}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal-content{background-color:#fefefe;margin:5% auto;padding:25px;border:1px solid #888;width:fit-content;min-width:300px;max-width:min(800px,90vw);border-radius:12px;box-shadow:0 4px 20px #00000080;position:relative}.dark-mode .modal-content{background-color:#1f1f1f;color:#fff;border-color:#444}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.dark-mode .close:hover{color:#fff}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:15px}.dashboard-col{display:flex;flex-direction:column}.section-title{color:#888;font-size:.85em;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase;border-bottom:1px solid #444;padding-bottom:4px}.glass-header-panel{background:#1f1f1ff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:12px 20px;margin-bottom:15px;box-shadow:0 8px 32px #0000004d}.dark-mode .glass-header-panel{background:#1f1f1ff2;border:1px solid rgba(255,255,255,.08)}.indicator-card{position:relative;background:#1f1f1ff2;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px;margin-bottom:12px;transition:transform .2s,border-color .2s;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.indicator-card:hover{transform:translateY(-2px);border-color:#ffffff4d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title{font-weight:700;font-size:1em;color:#fff}.info-icon{color:#888;font-size:1.1em;background:#ffffff1a;width:20px;height:20px;text-align:center;line-height:20px;border-radius:4px;font-family:serif;font-style:italic;font-weight:700}.data-row{display:flex;justify-content:space-between;font-size:.9em;margin-bottom:4px;align-items:center}.data-label{color:#888;font-size:.9em}.data-value{font-weight:700;color:#fff;font-size:.95em}.border-blue{border:1px solid #007bff;box-shadow:0 0 5px #007bff33}.border-green{border:1px solid #39FF14;box-shadow:0 0 5px #0f03}.bullish-text{color:#39ff14}.bearish-text{color:#f33}.price-container{text-align:center;margin-bottom:15px}.price-label{color:#888;font-size:.9em;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:5px}.price-huge{font-size:2em;font-weight:800;letter-spacing:-1px;line-height:1;text-shadow:0 0 30px rgba(0,0,0,.5)}.changes-row{display:flex;justify-content:center;margin:20px 0;flex-wrap:wrap;align-items:center}.stat-group{display:flex;padding:0;background:transparent;border-radius:0;align-items:center}.stat-divider{width:1px;height:50px;background:#ffffff1a;margin:0 60px}.sparkline{overflow:visible}.change-item{display:flex;align-items:baseline;gap:5px}.change-lbl{color:#666;font-size:.8em;font-weight:700;text-transform:uppercase}.change-val{font-size:1.1em;font-weight:700}.score-container{margin-top:15px;position:relative;padding:0 10px}.score-bar-bg{height:8px;background:#333;border-radius:4px;position:relative;overflow:hidden}.score-bar-gradient{width:100%;height:100%;background:linear-gradient(90deg,#f33,#ff8c00,#39ff14);opacity:.8}.score-marker{position:absolute;top:-4px;width:4px;height:16px;background:#fff;border:1px solid #000;border-radius:2px;box-shadow:0 0 5px #00000080;transition:left 1s ease-out}.score-labels{display:flex;justify-content:space-between;margin-top:5px;font-size:.7em;color:#666;font-weight:700}.data-label{font-size:.9em;color:#aaa;letter-spacing:.5px;font-weight:500}.data-value{font-size:1em;font-weight:700;font-family:Roboto Mono,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.dashboard-grid{animation:fadeIn .6s ease-out}.header-container{display:flex;justify-content:space-between;align-items:center;padding:15px 0;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.header-title{font-size:2.5em;font-weight:800;margin:0;display:flex;align-items:center;gap:15px;color:#fff;letter-spacing:-1px}.header-subtitle{font-size:.45em;color:gold;font-weight:600;margin-left:10px;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,215,0,.3);vertical-align:middle}.input-wrapper{background:#2e2e2e;border-radius:16px;padding:0;display:flex;align-items:stretch;gap:0;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;box-shadow:0 10px 30px #00000080;height:56px;position:relative;max-width:940px;margin:0 auto}.search-icon{display:flex;align-items:center;padding-left:20px;color:#888;font-size:1.2em}.dark-mode .search-icon{color:#aaa}.input-box{flex-grow:1;display:flex;align-items:center;background:transparent;border:none}#symbolInput{width:100%;height:100%;background:transparent;border:none;padding:0 15px;font-size:1.1em;font-weight:700;color:#fff;outline:none;text-transform:uppercase;letter-spacing:1px}#symbolInput::placeholder{color:#4a4a4a;text-transform:none;font-weight:400;font-size:.9em;letter-spacing:0}.action-btn{background:#00c805;color:#000;border:none;border-radius:12px;padding:0 30px;height:48px;font-size:1em;font-weight:800;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn:hover{background:#00ff06;transform:scale(1.02);box-shadow:0 0 30px #00ff0680}.action-btn:disabled{background:#444;color:#888;cursor:not-allowed;transform:none;box-shadow:none}.input-wrapper.valid{border-color:#00c805}.input-wrapper.invalid{border-color:#f33;animation:shake .3s}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.momentum-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.35em;font-weight:800;vertical-align:middle;margin-left:15px;text-shadow:none;box-shadow:0 4px 10px #0000004d;transform:translateY(-12px);letter-spacing:.5px;text-transform:uppercase;border:1px solid rgba(255,255,255,.2)}.bg-green{background:linear-gradient(135deg,#00c805,#007a03);color:#fff}.bg-red{background:linear-gradient(135deg,#f33,#c00);color:#fff}.bg-orange{background:linear-gradient(135deg,#ff8c00,#cc7000);color:#fff}.indicator-card{position:relative}.info-icon{position:relative;cursor:help}.info-icon:hover:after{content:attr(data-tooltip);position:absolute;bottom:120%;right:-10px;width:220px;background:#1e1e1ef2;color:#fff;padding:12px;border-radius:8px;font-size:.75em;font-weight:400;font-family:Segoe UI,sans-serif;font-style:normal;z-index:1000;pointer-events:none;box-shadow:0 4px 15px #00000080;border:1px solid #444;white-space:normal;text-align:left;line-height:1.4}.info-icon:hover:before{content:"";position:absolute;bottom:90%;right:4px;border-width:6px;border-style:solid;border-color:rgba(30,30,30,.95) transparent transparent transparent;z-index:1000}.input-wrapper{display:flex;align-items:stretch;background:#fff;border-radius:16px;border:1px solid #ccc;box-shadow:0 5px 15px #0000001a;padding:0;overflow:visible;transition:all .3s ease;position:relative;z-index:20}.dark-mode .input-wrapper{background:#2e2e2e;border-color:#ffffff1a;box-shadow:0 10px 30px #00000080}.input-wrapper:focus-within{border-color:#00c805;box-shadow:0 0 20px #00c80540;transform:translateY(-2px)}.input-wrapper.invalid{border-color:#f33!important}.input-wrapper.invalid:focus-within{border-color:#f33!important;box-shadow:0 0 30px #f446!important}.input-box{flex-grow:1;display:flex;align-items:center;background:transparent;border:none;box-shadow:none;border-radius:0}#symbolInput{width:100%;height:100%;box-sizing:border-box;background:transparent;border:none;padding:12px 16px;font-size:1em;font-weight:700;color:#333;outline:none;text-transform:uppercase;letter-spacing:1px}.dark-mode #symbolInput{color:#fff}.interval-selector{display:flex;background:transparent;margin:0 10px;border-radius:10px;padding:4px;gap:2px;align-self:center}.dark-mode .interval-selector{background:transparent}.interval-btn{border:none;background:transparent;color:#888;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85em;transition:all .2s}.dark-mode .interval-btn{color:#aaa}.interval-btn:hover{background:#0000000d;color:#333}.dark-mode .interval-btn:hover{background:#ffffff1a;color:#fff}.interval-btn.active{background:#00c805;color:#fff!important;box-shadow:0 2px 8px #00c8054d}.interval-selector,.interval-btn{position:relative}.interval-tooltip{position:fixed;visibility:hidden;opacity:0;width:260px;background:linear-gradient(145deg,#1e1e1e,#2a2a2a);color:#fff;padding:16px 18px;border-radius:12px;font-size:13px;font-weight:400;font-style:normal;text-align:left;line-height:1.5;z-index:999999;pointer-events:none;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff14,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);transition:opacity .15s ease,visibility .15s ease,transform .15s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(5px)}.interval-tooltip.visible{visibility:visible;opacity:1;transform:translateY(0)}.interval-tooltip:before{content:"";position:absolute;top:-8px;left:var(--arrow-left, 50%);transform:translate(-50%);border-width:0 8px 8px 8px;border-style:solid;border-color:transparent transparent #1e1e1e transparent;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.1))}.interval-tooltip-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.interval-tooltip-title .tooltip-emoji{font-size:16px}.interval-tooltip-desc{font-size:12px;font-weight:400;color:#ffffffb3;line-height:1.6;letter-spacing:.2px}body:not(.dark-mode) .interval-tooltip{background:linear-gradient(145deg,#fff,#f8f8f8);color:#333;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 50px #00000026,0 0 0 1px #00000008,inset 0 1px #fffc}body:not(.dark-mode) .interval-tooltip:before{border-color:transparent transparent #ffffff transparent}body:not(.dark-mode) .interval-tooltip-title{color:#1a1a1a}body:not(.dark-mode) .interval-tooltip-desc{color:#0009}.action-btn{margin:0;border-radius:0;height:auto;padding:0 30px}#symbolInput::placeholder{color:#888;font-size:1.1em}.dark-mode #symbolInput::placeholder{color:#666;font-size:1.1em}.action-btn{background:#00c805;color:#000;border:none;border-radius:0;padding:0 40px;font-size:1.1em;font-weight:800;cursor:pointer;transition:background .2s;white-space:nowrap;box-shadow:none;height:auto}.action-btn:hover{background:#00ff06}.header-title{color:#222}.dark-mode .header-title{color:#fff}.header-subtitle{text-shadow:none;color:#d4af37}.dark-mode .header-subtitle{color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.theme-toggle{background:transparent;border:1px solid rgba(0,0,0,.1);color:#444;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;margin-left:15px;flex-shrink:0}.theme-toggle:hover{background:#0000000d;transform:rotate(15deg) scale(1.1)}.dark-mode .theme-toggle{color:gold;border-color:#ffffff26}.dark-mode .theme-toggle:hover{background:#ffffff1a;box-shadow:0 0 15px #ffd70066}.error-message{color:#d32f2f!important;font-weight:700;display:flex;align-items:center;gap:8px;justify-content:center}.dark-mode .error-message{color:#f33!important}#symbolError{color:#d32f2f!important;font-weight:700}.dark-mode #symbolError{color:#f33!important}.border-red{border:1px solid #FF3333;box-shadow:0 0 5px #f443}.sparkline{width:80px;height:30px;fill:none;stroke-width:2;overflow:visible}.stat-group{display:flex;gap:20px;padding:0 20px}.stat-divider{width:1px;background:#ffffff1a;margin:0 10px}.interactive-stat{cursor:pointer;transition:transform .2s,background-color .2s;border-radius:8px;padding:5px 10px}.interactive-stat:hover{background-color:#ffffff0d;transform:scale(1.05);box-shadow:0 2px 8px #0003}.company-header{font-size:1.8em;font-weight:800;margin-bottom:5px;color:#222;letter-spacing:.5px}.dark-mode .company-header{color:#fff}.company-symbol{font-size:.8em;color:#666;font-weight:600}.dark-mode .company-symbol{color:#aaa}.trend-badge-container{display:flex;justify-content:center;margin-top:10px;margin-bottom:25px}.trend-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 24px;border-radius:50px;border:2px solid;font-weight:800;font-size:1.3em;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 5px 20px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.conclusion-card{border-width:2px;box-shadow:0 0 15px #0000004d;background:#ffffff14}.conclusion-card:hover{transform:scale(1.02);box-shadow:0 0 25px #00000080;z-index:10}.signal-badge{padding:4px 10px;border-radius:6px;font-weight:800;font-size:.9em;text-transform:uppercase;display:block;letter-spacing:.5px;text-align:center;margin-bottom:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-green{background:#28a74526;border:1px solid rgba(40,167,69,.6);color:#28a745;box-shadow:0 0 10px #28a74533;font-weight:800}.badge-red{background:#dc354526;border:1px solid rgba(220,53,69,.6);color:#dc3545;box-shadow:0 0 10px #dc354533;font-weight:800}.badge-orange{background:#ff8c001a;border:1px solid rgba(255,140,0,.5);color:gold;box-shadow:0 0 10px #ffd70026;font-weight:800}.badge-blue{background:#17a2b81a;border:1px solid rgba(23,162,184,.5);color:#4dd0e1;box-shadow:0 0 10px #4dd0e126;font-weight:800}.badge-gray{background:#6c757d1a;border:1px solid rgba(108,117,125,.5);color:#e0e0e0;box-shadow:0 0 10px #e0e0e01a;font-weight:800}.hero-section{text-align:center;width:100%;max-width:940px;margin:60px auto 40px;position:relative;z-index:2}.hero-title{font-size:2.2em;font-weight:900;background:linear-gradient(to right,#fff 20%,#888 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;letter-spacing:-1px;line-height:1.1}.light .hero-title{background:linear-gradient(to right,#111 20%,#555 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.1em;color:#888;margin-bottom:25px;font-weight:400}body.dark-mode{background:radial-gradient(circle at 10% 10%,#00321426,#1f1f1f00 40%),radial-gradient(circle at 90% 90%,#00143226,#1f1f1f00 40%),#1f1f1f;background-attachment:fixed}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:-1}.trending-container{display:flex;justify-content:space-between;gap:15px;margin-top:25px;flex-wrap:nowrap;overflow-x:visible;padding-bottom:10px;width:100%;max-width:900px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.trending-container::-webkit-scrollbar{height:6px}.trending-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.trending-card{background:#1e1e1e99;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 16px;flex:1;min-width:0;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;text-align:center;position:relative;box-shadow:0 4px 20px #0000004d;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.trending-card:hover{transform:translateY(-5px) scale(1.05);background:#ffffff1a;border-color:#fff6;box-shadow:0 12px 30px #00000080;z-index:50}.trending-symbol{font-weight:800;font-size:1em;color:#fff;display:block}.trending-price{font-size:.9em;color:#ccc;margin-top:4px;display:block;font-weight:600}.trending-change{font-size:.8em;font-weight:700;margin-top:2px;display:block}.change-up{color:#39ff14}.change-down{color:#f33}.recent-searches{display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.recent-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ddd;padding:8px 18px;border-radius:20px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s}.recent-chip:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}body:not(.dark-mode) .trending-card{background:#fff;border-color:#ddd;box-shadow:0 2px 5px #0000000d}body:not(.dark-mode) .trending-symbol{color:#333}body:not(.dark-mode) .trending-price{color:#666}body:not(.dark-mode) .recent-chip{background:#f0f0f0;border-color:#ddd;color:#555}body:not(.dark-mode) .recent-chip:hover{background:#e0e0e0;color:#333}body:not(.dark-mode) button[onclick="showAlgorithmExplanation()"]{background:linear-gradient(135deg,#3b82f626,#8b5cf626)!important;border-color:#3b82f680!important;color:#3b82f6!important}body:not(.dark-mode) button[onclick="showAlgorithmExplanation()"]:hover{background:linear-gradient(135deg,#3b82f640,#8b5cf640)!important;border-color:#3b82f6b3!important}
