@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}.page-wrapper{min-height:100vh;background:#f4f1e8;font-family:IBM Plex Mono,monospace;color:#1a1a1a;padding:22px}.container{max-width:1200px;margin:0 auto;padding:0 28px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #1a1a1a}.ticker-display{font-size:clamp(32px,6vw,44px);font-weight:600;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticker-form{display:flex;gap:8px}.ticker-input{background:transparent;border:2px solid #1a1a1a;padding:9px 12px;font-family:inherit;font-size:14px;text-transform:uppercase;width:90px;letter-spacing:2px}.ticker-input:focus{outline:none;background:#0000000d}.top-row{display:flex;gap:20px;margin-bottom:0;margin-top:20px}.top-row .price-section{flex:0 0 auto;width:340px}.top-row .chart-wrapper{flex:1;display:flex;flex-direction:column}.box{background:#faf9f5;border:1px solid #d0cdc4;margin-bottom:0;box-shadow:inset 0 0 0 1px #ffffff80,0 2px 8px #00000014}.price-section{padding:24px 28px}.price-main{display:flex;align-items:baseline;gap:12px;margin-bottom:4px;flex-wrap:wrap}.price-current{font-size:36px;font-weight:600;letter-spacing:-1px;padding:4px 8px;border-radius:4px}.price-current.flash-up{animation:tickerFlashUp .5s ease-out}.price-current.flash-down{animation:tickerFlashDown .5s ease-out}@keyframes tickerFlashUp{0%{background:linear-gradient(90deg,#13733340,#13733326,#13733340)}to{background:transparent}}@keyframes tickerFlashDown{0%{background:linear-gradient(90deg,#a50e0e40,#a50e0e26,#a50e0e40)}to{background:transparent}}.price-change{font-size:16px;font-weight:500;margin-top:8px}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.open{background:#2d5a3d;box-shadow:0 0 8px #2d5a3d99}.status-dot.closed{background:#8b3a3a;box-shadow:0 0 8px #8b3a3a99}.stats-grid{display:flex;flex-direction:column}.stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ebe8df}.stat-row:last-child{border-bottom:none}.stat-label{font-size:12px;color:#666}.stat-value{font-size:12px;font-weight:500}.chart-box{padding:24px 12px 16px;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.timeframe-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;position:absolute;top:4px;left:12px;right:12px;z-index:10}.timeframe-btn{background:transparent;border:none;padding:6px 12px;font-family:inherit;font-size:10px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s;font-weight:500;color:#888;border-radius:4px}.timeframe-btn:hover{background:#0000000a;color:#555}.timeframe-btn.active{background:#e0ddd4;color:#3a3a3a;font-weight:600}.timeframe-pipe{color:#c8c5bc;font-size:14px;-webkit-user-select:none;user-select:none;font-weight:300}.spreadsheet-scroll{overflow-x:auto}.spreadsheet-inner{display:flex;flex-direction:column;min-width:100%;width:max-content}.spreadsheet-header{display:grid;grid-template-columns:100px 80px 80px 80px 80px 70px 70px minmax(150px,1fr);background:#e8e5dc;border-bottom:1px solid #d0cdc4;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:600}.spreadsheet-header>div{padding:10px;border-right:1px solid #d0cdc4;cursor:pointer;display:flex;align-items:center;justify-content:center}.spreadsheet-header>div:last-child{border-right:none}.spreadsheet-header>div:hover{background:#ddd9d0}.spreadsheet-body{max-height:380px;overflow-y:auto}.spreadsheet-row{display:grid;grid-template-columns:100px 80px 80px 80px 80px 70px 70px minmax(150px,1fr);border-bottom:1px solid #e8e5dc}.header-input-cell{padding:6px 10px!important}.header-input{width:100%;background:transparent;border:none;border-bottom:1px solid #999;font-family:inherit;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:600;padding:4px 0;text-align:left}.header-input:focus{outline:none;border-bottom-color:#1a1a1a}.header-input::placeholder{color:#999}.sort-indicator{opacity:.5;font-size:10px;margin-left:4px}.spreadsheet-row:hover{background:#f0ede4}.spreadsheet-cell{padding:10px;border-right:1px solid #e8e5dc;font-size:13px;white-space:nowrap;text-align:center}.spreadsheet-cell:last-child{border-right:none}.value-cell{color:#2d5a3d;font-weight:500;text-align:left}.positive{color:#137333}.negative{color:#a50e0e}.live-price{background:#fff4cc;font-weight:600}.loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#f4f1e8e6;display:flex;align-items:center;justify-content:center;z-index:100}.loading-text{font-size:14px;letter-spacing:4px;text-transform:uppercase;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.timestamp{font-size:11px;color:#888;text-align:right;margin-top:14px;letter-spacing:1px}.extended-hours-bar{margin-top:16px;padding:10px 16px;background:#f5f3ed;border:1px solid #d0cdc4;border-radius:3px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 900px){.top-row{flex-direction:column}.top-row .price-section{width:100%}.price-current{font-size:44px}.price-change{font-size:18px}.price-section{padding:28px 32px}.stat-label,.stat-value{font-size:13px}.stat-row{padding:10px 0}.container{padding:0 8px}.page-wrapper{padding:12px}.timeframe-btn{padding:6px 8px}}@media (max-width: 700px){.spreadsheet-header>div:nth-child(2),.spreadsheet-header>div:nth-child(3),.spreadsheet-header>div:nth-child(4),.spreadsheet-header>div:nth-child(6),.spreadsheet-row>div:nth-child(2),.spreadsheet-row>div:nth-child(3),.spreadsheet-row>div:nth-child(4),.spreadsheet-row>div:nth-child(6){display:none}.spreadsheet-header,.spreadsheet-row{grid-template-columns:100px 80px 70px minmax(150px,1fr)}.spreadsheet-scroll{overflow:auto;-webkit-overflow-scrolling:touch;max-height:400px}.spreadsheet-inner{min-width:400px}.spreadsheet-body{overflow:visible;max-height:none}}