:root{color:#f5f8ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app{background:radial-gradient(circle at 0 0,#18384c5c,#0000 36rem),#05070b;min-height:100vh;padding:22px}.chart-card{background:#090e15;border:1px solid #1d3245;border-radius:8px;min-height:calc(100vh - 44px);overflow:hidden;box-shadow:0 22px 60px #0000006b}.title-card{background:#0f1722;border-bottom:1px solid #1d2d3d;justify-content:space-between;align-items:center;gap:24px;padding:22px 22px 18px;display:flex}.market-copy{min-width:0}.market-label{color:#71819a;margin-bottom:6px;font-size:.86rem;font-weight:700;display:block}h1{color:#fff;margin:0;font-size:clamp(1.15rem,3vw,1.9rem);line-height:1.15}.quote-row{color:#17c8ae;flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:12px;font-weight:800;display:flex}.quote-row strong{color:#fff;letter-spacing:0;font-size:clamp(2.6rem,8vw,6.6rem);line-height:.95}.quote-row span{font-size:clamp(1.35rem,3.8vw,3rem);line-height:1}.quote-percent{background:#17c8ae24;border-radius:6px;padding:8px 12px}.timeframes{background:#080d14;border:1px solid #223245;border-radius:8px;flex:none;gap:6px;padding:5px;display:flex}.timeframes button{color:#9db0ce;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:64px;min-height:48px;font-size:1.3rem}.timeframes .active{color:#111827;background:#ffb72f;font-weight:900;box-shadow:inset 0 0 0 2px #ffd063}.chart-shell{background:#070b10;height:min(66vh,650px);min-height:430px;position:relative}.chart{width:100%;height:100%;display:block}.up{color:#04b99e}.down{color:#ff3d52}.up line,.down line,.up rect,.down rect{stroke:currentColor;fill:currentColor;stroke-width:2px}.price-line{stroke:#16c9b4;stroke-dasharray:2 7;stroke-width:2px}.cursor-line{stroke:#d4d8df;stroke-dasharray:10 12;stroke-width:1.5px;opacity:.9}.axis,.time{fill:#c7c9cf;font-size:23px;font-weight:800}.price-badge{color:#fff;background:#139f8e;border-radius:4px;padding:8px 14px;font-size:clamp(1.45rem,3vw,2.35rem);font-weight:900;line-height:1;position:absolute;top:150px;right:12px}@media (width<=760px){.app{padding:12px}.chart-card{min-height:calc(100vh - 24px)}.title-card{flex-direction:column;align-items:flex-start}.timeframes{width:100%}.timeframes button{flex:1;min-width:0}.quote-row strong{width:100%}}
