*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,body[data-theme=dark]{--bg: #060d1a;--bg2: #0a1426;--panel: #0b1727;--panel2: #0e1c30;--border: #1c3452;--border2: #2a4e78;--border-color: #1c3452;--text-color: #8db8d8;--text-bright: #daeeff;--text-dim: #3a587a;--link-color: #00e5ff;--link-bg-hover: #0e1c30;--active-bg: #00e5ff;--active-text: #060d1a;--accent: #00e5ff;--accent-dim: rgba(0,229,255,.1);--accent-glow: rgba(0,229,255,.35);--ask-color: #00e5ff;--bid-color: #ffa040;--pos-color: #00dd77;--neg-color: #ff4466;--chart-bg: rgba(0,0,0,0);--promo: #ff5ce1;--promo-dim: rgba(255,92,225,.12);--promo-glow: rgba(255,92,225,.45)}body[data-theme=light]{--bg: #eef4fc;--bg2: #f5f8ff;--panel: #ffffff;--panel2: #f0f5ff;--border: #c0d2ea;--border2: #8090b8;--border-color: #c0d2ea;--text-color: #2c3e5a;--text-bright: #0a1530;--text-dim: #8090b0;--link-color: #0055cc;--link-bg-hover: #e8f0ff;--active-bg: #0055cc;--active-text: #ffffff;--accent: #0055cc;--accent-dim: rgba(0,85,204,.09);--accent-glow: rgba(0,85,204,.3);--ask-color: #0055cc;--bid-color: #c06800;--pos-color: #007744;--neg-color: #cc2244;--chart-bg: rgba(0,0,0,0);--promo: #c026d3;--promo-dim: rgba(192,38,211,.1);--promo-glow: rgba(192,38,211,.35)}html{font-size:15px}body{font-family:Roboto,sans-serif;background:var(--bg);color:var(--text-color);min-height:100vh;transition:background .25s,color .25s;line-height:1.5}#scanlines{position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.035) 3px,rgba(0,0,0,.035) 4px);pointer-events:none;z-index:9999;transition:opacity .25s}body[data-theme=light] #scanlines{opacity:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}#wrap{max-width:1440px;margin:0 auto;padding:0 18px 40px;animation:fadeUp .35s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.side-panel{position:fixed;left:0;top:0;height:100vh;z-index:500;display:flex;align-items:center}.side-panel-tab{writing-mode:vertical-rl;transform:rotate(180deg);padding:1rem .4rem;border:1px solid var(--promo);border-left:none;border-radius:0 3px 3px 0;background:var(--promo-dim);color:var(--promo);cursor:pointer;font-family:Roboto,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:all .15s}.side-panel-tab:hover,.side-panel.open .side-panel-tab{background:var(--promo);color:var(--bg)}.side-panel-tab:focus-visible{outline:1px solid var(--promo);outline-offset:2px}.side-panel-drawer{width:280px;max-width:80vw;max-height:90vh;overflow-y:auto;margin-left:-280px;visibility:hidden;display:flex;flex-direction:column;gap:.5rem;padding:1rem .9rem;background:var(--panel);border:1px solid var(--promo);border-left:none;border-radius:0 3px 3px 0;transition:margin-left .25s ease,visibility 0s linear .25s}.side-panel.open .side-panel-drawer{margin-left:0;visibility:visible;box-shadow:0 0 24px var(--promo-glow);transition:margin-left .25s ease,visibility 0s}.side-panel-heading{color:var(--promo);font-weight:700;letter-spacing:.18em;font-size:.68rem;text-transform:uppercase;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.project-card{display:flex;align-items:center;gap:.7rem;padding:.5rem .55rem;border:1px solid var(--border);border-radius:3px;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s}.project-card:hover,.project-card:focus-visible{border-color:var(--promo);background:var(--promo-dim);outline:none}.project-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--border);border-radius:3px;background:var(--panel2);color:var(--promo);font-size:1rem}.project-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.project-title{color:var(--text-bright);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.project-desc{color:var(--text-dim);font-size:.68rem;line-height:1.4}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 .9rem;border-bottom:1px solid var(--border);margin-bottom:1.4rem}.header-left{display:flex;align-items:baseline;gap:1.5rem;flex-wrap:wrap}.site-title{font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-bright);letter-spacing:.1em;line-height:1}.site-title .prefix{color:var(--accent)}#lastDataInfo{font-size:.72rem;letter-spacing:.06em}.sync-live{color:var(--pos-color)}.sync-recent{color:var(--bid-color)}.sync-stale{color:var(--neg-color)}.header-right{display:flex;align-items:center;gap:1rem}.theme-switcher{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-switcher input{display:none}.theme-label{font-size:.65rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.toggle-track{position:relative;width:38px;height:19px;background:var(--border);border:1px solid var(--border2);border-radius:10px;transition:border-color .2s,background .2s}.toggle-track:before{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;background:var(--text-dim);border-radius:50%;transition:transform .2s,background .2s}.theme-switcher input:checked+.toggle-track{border-color:var(--accent);background:var(--accent-dim)}.theme-switcher input:checked+.toggle-track:before{transform:translate(19px);background:var(--accent)}#repoLink{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--text-dim);text-decoration:none;transition:color .2s}#repoLink:hover{color:var(--accent)}#repoLink svg{width:20px;height:20px;fill:currentColor;display:block}#main-content{display:flex;gap:1.5rem;align-items:flex-start}.left-panel{width:33.33%;flex-shrink:0;display:flex;flex-direction:column;gap:.8rem}.panel-label{font-size:.85rem;letter-spacing:.12em;color:var(--accent);font-weight:400;padding:.4rem 0 .6rem;border-bottom:1px solid var(--border);text-transform:uppercase}#categoryTabs{display:flex;flex-wrap:wrap;gap:.3rem}.category-tab{padding:.28rem .7rem;border:1px solid var(--border);background:transparent;color:var(--text-dim);border-radius:3px;cursor:pointer;font-family:Roboto,sans-serif;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;transition:all .15s;line-height:1.4}.category-tab:hover{border-color:var(--border2);color:var(--text-color);background:var(--panel)}.category-tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}#itemLinks{display:flex;flex-direction:row;gap:.5rem}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,40px));gap:.5rem;padding:.25rem;max-height:60vh;overflow-y:auto;width:100%}#itemLinks a{box-sizing:border-box;width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;text-decoration:none;border-radius:4px;border:1px solid var(--border);background:var(--panel);transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}#itemLinks a:hover{border-color:var(--border2);background:var(--panel2);transform:translateY(-1px);box-shadow:0 4px 14px #00000059}#itemLinks a.active{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 1px var(--accent),0 0 14px var(--accent-glow);transform:none}#itemLinks a svg{width:28px;height:28px}#chart-container{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}#currentItemName{text-align:center;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:400;color:var(--text-bright);letter-spacing:.12em;text-transform:uppercase;min-height:1.6em;display:flex;align-items:center;justify-content:center;padding:.4rem 0 .6rem;border-bottom:1px solid var(--border)}#canvas-wrapper{position:relative;height:55vh;border:1px solid var(--border);border-radius:3px;background:var(--panel);padding:6px}#canvas-wrapper:before,#canvas-wrapper:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid;pointer-events:none;z-index:2}#canvas-wrapper:before{top:-1px;left:-1px;border-width:2px 0 0 2px;border-radius:2px 0 0}#canvas-wrapper:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-radius:0 0 2px}#timeRangeButtons,#levelButtons{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;align-items:center}#timeRangeButtons button,#levelButtons button{padding:.22rem .7rem;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;border-radius:3px;font-family:Roboto,sans-serif;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;transition:all .15s;line-height:1.5}#timeRangeButtons button:hover,#levelButtons button:hover{border-color:var(--border2);color:var(--text-color);background:var(--panel)}#timeRangeButtons button.active,#levelButtons button.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}#timeRangeButtons label{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;color:var(--text-dim);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;margin-left:.4rem}#timeRangeButtons label input{cursor:pointer;accent-color:var(--accent)}#trendTableContainer{width:100%;margin-top:2.5rem}.trend-note{font-size:.8rem;color:var(--text-color);line-height:1.7;margin-top:1.25rem;max-width:80ch;padding:.75rem 1rem;border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--panel);border-radius:3px}.trend-note strong{color:var(--text-bright)}#trendTableContainer h4{font-family:Roboto,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.22em;color:var(--accent);text-transform:uppercase;margin-bottom:1rem}#trendTabs{display:flex;gap:.35rem;margin-bottom:1rem}.trend-tab{padding:.28rem .8rem;border:1px solid var(--border);background:transparent;color:var(--text-dim);border-radius:3px;cursor:pointer;font-family:Roboto,sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;transition:all .15s;line-height:1.5}.trend-tab:hover{border-color:var(--border2);color:var(--text-color)}.trend-tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.trend-panel{display:none;gap:1.5rem}.trend-panel.active{display:flex}.trend-half{flex:1;min-width:0}.trend-sublabel{font-size:.65rem;letter-spacing:.18em;font-weight:700;text-transform:uppercase;padding-bottom:.4rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.trend-sublabel-pos{color:var(--pos-color)}.trend-sublabel-neg{color:var(--neg-color)}.trend-table{width:100%;border-collapse:collapse;font-size:.96rem}.trend-table thead th{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--border);font-size:.81rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-weight:700}.trend-table thead th:not(:first-child){text-align:right}.trend-table tbody tr{transition:background .12s}.trend-table tbody tr:hover{background:var(--panel)}.trend-table tbody td{padding:.35rem .6rem;border-bottom:1px solid var(--border);text-transform:capitalize}.trend-table tbody td:not(:first-child){text-align:right}.pct-pos{color:var(--pos-color)}.pct-neg{color:var(--neg-color)}