*,:before,:after{box-sizing:border-box}@font-face{font-family:VCR OSD Mono;src:url(/assets/VCR_OSD_MONO.ttf)format("truetype");font-weight:400;font-style:normal}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.app{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e0e0e0;--text-primary:#000;--text-secondary:#404040;--text-tertiary:gray;--border-color:#000;--shadow:#000;--accent-yellow:#ff0;--accent-green:#0f0;--accent-red:red;--accent-blue:#00f}.app.dark-mode{--bg-primary:#0a0f1c;--bg-secondary:#111827;--bg-tertiary:#1f2937;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--border-color:#ffffff14;--shadow:#0006;--accent-yellow:#fbbf24;--accent-green:#10b981;--accent-red:#ef4444;--accent-blue:#3b82f6}.app{background-color:var(--bg-primary);flex-direction:column;width:100%;height:100dvh;transition:background-color .2s;display:flex;position:relative;overflow-x:hidden}.main-content{flex-direction:column;flex:1;width:100%;min-height:0;padding:0;display:flex;overflow:hidden}.chart-section{flex:0 0 clamp(300px,45vh,600px);grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(.75rem,2vw,1.5rem);width:100%;min-height:0;padding:clamp(.75rem,2vw,0rem) clamp(.75rem,2vw,0rem) clamp(.5rem,1vw,1rem);display:grid;overflow:hidden}.chart-container{background:linear-gradient(145deg, var(--bg-secondary), var(--bg-primary));border:1px solid var(--border-color);box-shadow:0 10px 30px -10px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;outline:none;flex-direction:column;min-width:0;height:100%;min-height:0;padding:0;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.chart-container:hover{box-shadow:0 20px 40px -10px var(--shadow);border-color:#10b9814d;transform:translateY(-2px)}.chart-container:active{transform:translateY(1px)}.chart-container:focus{outline:none}.chart-container-no-hover{transition:none!important}.chart-container-no-hover:hover,.chart-container-no-hover:active{box-shadow:none!important;transform:none!important}.chart-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow);background:#11182799;border-radius:8px;flex-direction:column;align-items:flex-start;gap:clamp(.15rem,.5vw,.25rem);padding:clamp(.35rem,1vw,.5rem) clamp(.5rem,1.5vw,.75rem);display:flex;position:absolute;top:clamp(.5rem,1.5vw,.75rem);left:clamp(.5rem,1.5vw,.75rem)}.chart-header h2{color:var(--text-primary);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(.7rem,1.75vw,.9rem);font-weight:900}.chart-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-family:VCR OSD Mono,Space Grotesk,sans-serif;font-size:clamp(.5rem,1vw,.6rem);font-weight:700}.chart-content{flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.chart-content svg{width:100%;max-width:100%;height:100%;max-height:100%}.ticker-section{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);flex-direction:column;flex:1;width:100%;min-height:0;padding:0 clamp(.5rem,1.5vw,1rem) clamp(.35rem,.75vw,.75rem);transition:background-color .2s,opacity .2s;display:flex;overflow:hidden}.ticker-section.loading{opacity:.5}.section-header{border-bottom:1px solid var(--border-color);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:0;padding:clamp(.25rem,.75vw,.5rem) 0 clamp(.25rem,.75vw,.35rem);display:flex;position:relative;overflow:visible}.section-header h2{color:var(--text-primary);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(.95rem,3vw,1.5rem);font-weight:900}.live-indicator{color:var(--accent-yellow);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#fbbf241a;border:1px solid #fbbf2480;border-radius:6px;flex-shrink:0;align-items:center;gap:.4rem;padding:clamp(.25rem,.75vw,.35rem) clamp(.5rem,1.5vw,.75rem);font-family:Inter,sans-serif;font-size:clamp(.6rem,1.2vw,.75rem);font-weight:800;display:flex}.dark-mode .live-indicator{color:#000}.pulse-dot{background:var(--accent-red);width:clamp(5px,1vw,8px);height:clamp(5px,1vw,8px);box-shadow:0 0 8px var(--accent-red);border-radius:50%;flex-shrink:0;animation:1.5s ease-in-out infinite neo-pulse}@keyframes neo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.ticker-list-transition{animation:.3s tickerFadeIn}@keyframes tickerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sort-loading-overlay{text-align:center;background:var(--bg-tertiary);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow);border-radius:8px;margin-bottom:clamp(.5rem,1vw,.75rem);padding:clamp(1.5rem,3vw,2rem);animation:.2s slideDown;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sort-loading-overlay .loading-spinner{vertical-align:middle;width:clamp(20px,5vw,30px);height:clamp(20px,5vw,30px);margin-right:.5rem;display:inline-block}.sort-loading-text{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;vertical-align:middle;font-family:VCR OSD Mono,monospace;font-size:clamp(.75rem,1.75vw,.9rem);font-weight:800;display:inline-block}.filter-count-badge{background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-secondary);box-shadow:2px 2px 0px var(--shadow);border-radius:4px;margin-bottom:clamp(.4rem,1vw,.5rem);padding:clamp(.4rem,1vw,.5rem) clamp(.75rem,1.5vw,1rem);font-family:Inter,sans-serif;font-size:clamp(.7rem,1.5vw,.85rem);animation:.2s slideDown}.sort-controls button,.market-cap-filter{transition:all .15s}.sort-controls button:active{transform:scale(.98)}.footer{background:var(--bg-secondary);border-top:4px solid var(--border-color);flex-shrink:0;padding:clamp(.4rem,1.25vw,.75rem) clamp(.75rem,2vw,1.25rem);transition:background-color .2s}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(.5rem,1.5vw,.85rem);max-width:1800px;margin:0 auto;display:flex}.footer-section{align-items:center;display:flex}.footer-text{color:var(--text-secondary);margin:0;font-family:Inter,sans-serif;font-size:clamp(.65rem,1.25vw,.8rem);font-weight:600;line-height:1.2}.footer-disclaimer{color:var(--text-primary);background:var(--accent-yellow);border:3px solid var(--border-color);box-shadow:3px 3px 0px var(--shadow);text-transform:uppercase;letter-spacing:.05em;padding:clamp(.2rem,.75vw,.3rem) clamp(.4rem,1.5vw,.65rem);font-family:VCR OSD Mono,Space Grotesk,sans-serif;font-size:clamp(.6rem,1.25vw,.75rem);font-weight:800;line-height:1.2}.dark-mode .footer-disclaimer{color:#000}.error{color:var(--text-primary);background:var(--accent-red);border:4px solid var(--border-color);box-shadow:8px 8px 0px var(--shadow);text-transform:uppercase;justify-content:center;align-items:center;gap:.75rem;margin:1.5rem;padding:2rem;font-family:VCR OSD Mono,Space Grotesk,sans-serif;font-size:clamp(.9rem,2vw,1.1rem);font-weight:800;display:flex}.error-icon{font-size:clamp(1.5rem,3vw,2rem)}.loading{color:var(--text-primary);text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2vw,1.3rem);font-weight:800;display:flex}.loading-spinner{border:4px solid var(--border-color);border-top-color:var(--accent-yellow);width:clamp(40px,10vw,60px);height:clamp(40px,10vw,60px);animation:1s linear infinite neo-spin}@keyframes neo-spin{to{transform:rotate(360deg)}}.fade-in{opacity:0;animation:.4s ease-out forwards neoFadeIn}@keyframes neoFadeIn{0%{opacity:0;transform:translate(4px,4px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.chart-section{grid-template-rows:1fr;grid-template-columns:1fr}.chart-container:nth-child(2){display:none!important}}@media (max-width:768px){body,#root,.app,.main-content{max-width:100vw!important;overflow-x:hidden!important}.chart-section{flex:none;grid-template-rows:1fr;gap:.5rem;max-height:25vh;padding:.5rem}.chart-container:nth-child(2){display:none!important}.chart-container{box-shadow:4px 4px 0px var(--shadow);border-width:2px;max-height:25vh}.chart-container:hover{box-shadow:4px 4px 0px var(--shadow);transform:none}.ticker-section{flex:auto;min-height:65vh;padding:0 .5rem .5rem;overflow-x:hidden!important}.section-header{z-index:100;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.4rem;padding:.5rem 0 .6rem;display:flex;position:relative;border-bottom:2px solid var(--border-color)!important;overflow:visible!important}.section-header>div:first-child{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.section-header>div:last-child{align-items:center;gap:.5rem;width:100%;display:flex}.live-indicator{display:none!important}.sort-controls{flex-shrink:0;box-shadow:2px 2px 0px var(--shadow)!important}.sort-controls button{padding:.3rem .6rem!important;font-size:.65rem!important}.market-cap-filter{flex:1;min-width:0;padding:.3rem .5rem!important;font-size:.65rem!important}.ticker-section ol{overflow-x:hidden!important}.ticker-section ol li{justify-content:space-between;align-items:center;display:flex;gap:0!important;padding:.45rem .4rem!important;overflow:hidden!important}.ticker-content-wrapper>div:first-child{display:none!important}.ticker-content-wrapper>div:nth-child(2){flex-shrink:0!important;width:2rem!important;min-width:2rem!important;height:2rem!important;margin-right:.4rem!important}.ticker-content-wrapper>div:nth-child(2) img,.ticker-content-wrapper>div:nth-child(2)>div{width:2rem!important;height:2rem!important;font-size:.8rem!important}.ticker-content-wrapper>div:nth-child(3){flex-direction:column;align-items:flex-start;gap:.1rem;display:flex;flex:1!important;min-width:0!important;margin-right:.5rem!important}.ticker-content-wrapper>div:nth-child(3)>div:first-child{font-size:.9rem!important;font-weight:800!important;line-height:1!important}.ticker-content-wrapper>div:nth-child(3)>div:last-child{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:.6rem!important;line-height:1.1!important;display:block!important;overflow:hidden!important}.ticker-content-wrapper>div:nth-child(4){flex-direction:column;align-items:flex-end;gap:.1rem;flex-shrink:0!important;width:50px!important;margin-right:.4rem!important;display:flex!important}.ticker-content-wrapper>div:nth-child(4)>div:first-child{flex-direction:column;align-items:flex-end;width:100%;display:flex!important}.ticker-content-wrapper>div:nth-child(4)>div:first-child span{font-size:.6rem!important;line-height:1.1!important}.ticker-content-wrapper>div:nth-child(4)>div:nth-child(2){display:none!important}.ticker-content-wrapper>div:nth-child(5){white-space:nowrap!important;flex-shrink:0!important;min-width:auto!important;margin-right:.4rem!important;padding:.3rem .5rem!important;font-size:.65rem!important}.ticker-content-wrapper>button{flex-shrink:0!important;width:1.75rem!important;min-width:1.75rem!important;height:1.75rem!important;font-size:.95rem!important}.footer{padding:.5rem}.footer-content{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width:480px){.chart-section{max-height:20vh;padding:.35rem}.ticker-section{min-height:70vh;padding:.35rem}.ticker-section ol li{padding:.4rem .3rem!important}.ticker-content-wrapper>div:nth-child(2){width:1.75rem!important;min-width:1.75rem!important;height:1.75rem!important;margin-right:.3rem!important}.ticker-content-wrapper>div:nth-child(3){margin-right:.4rem!important}.ticker-content-wrapper>div:nth-child(3)>div:first-child{font-size:.85rem!important}.ticker-content-wrapper>div:nth-child(3)>div:last-child{font-size:.55rem!important}.ticker-content-wrapper>div:nth-child(4){width:45px!important;margin-right:.3rem!important}.ticker-content-wrapper>div:nth-child(5){margin-right:.3rem!important;padding:.25rem .4rem!important;font-size:.6rem!important}.ticker-section ol li>button{width:1.6rem!important;height:1.6rem!important;font-size:.85rem!important}.section-header h2{font-size:.85rem!important}}.time-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark-mode .time-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (hover:none) and (pointer:coarse){.chart-container{min-height:200px}.ticker-section ol li>button{min-width:2rem;min-height:2rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.chart-container,.ticker-section,.footer{border-width:3px}}.skeleton-glass{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;width:100%;height:100%;min-height:200px;animation:1.5s ease-in-out infinite pulse-glass}.app:not(.dark-mode) .skeleton-glass{background:#0000000d;border:1px solid #0000001a}@keyframes pulse-glass{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.skeleton-ticker-row{border-bottom:2px solid var(--border-color);align-items:center;gap:clamp(.5rem,1.5vw,.75rem);padding:clamp(.3rem,.75vw,.5rem) clamp(.5rem,1.5vw,.75rem);display:flex}.skeleton-block{background:#ffffff0d;border:1px solid #ffffff14;border-radius:2px;flex-shrink:0;animation:1.5s ease-in-out infinite pulse-glass}.app:not(.dark-mode) .skeleton-block{background:#0000000f;border:1px solid #00000014}@media (max-width:768px){.skeleton-ticker-row>div:first-child,.skeleton-ticker-row>div:nth-child(4){display:none!important}}