*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--bg-sidebar: #080808;--bg-hover: #111111;--bg-selected: #141414;--border: #1c1c1c;--text-dim: #404040;--text-mid: #666666;--text-base: #999999;--text-bright: #cccccc;--text-white: #ebebeb;--pos: #d4d4d4;--neg: #555555;--accent: #e8e8e8;--sidebar-w: 220px;--header-h: 48px;--font-mono: "IBM Plex Mono", monospace;--font-sans: "IBM Plex Sans", sans-serif}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text-base);font-family:var(--font-mono);-webkit-font-smoothing:antialiased}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;width:100vw}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-bottom:16px}.sidebar::-webkit-scrollbar{width:2px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border)}.sidebar-header{padding:20px 16px 16px;border-bottom:1px solid var(--border);margin-bottom:8px;display:flex;align-items:baseline;gap:6px}.sidebar-logo{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-white)}.sidebar-sub{font-size:10px;color:var(--text-dim);letter-spacing:.06em}.asset-group{padding:0 0 8px}.group-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);padding:12px 16px 6px}.asset-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:7px 16px;gap:8px;border-left:2px solid transparent;transition:background .1s,border-color .1s;text-align:left}.asset-row:hover{background:var(--bg-hover)}.asset-row.selected{background:var(--bg-selected);border-left:2px solid var(--text-bright)}.asset-row-left{display:flex;flex-direction:column;gap:2px;min-width:0}.asset-id{font-size:11px;font-weight:500;color:var(--text-bright);letter-spacing:.04em}.asset-label{font-size:9px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.asset-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.asset-price{font-size:11px;color:var(--text-bright);letter-spacing:.01em}.asset-change{font-size:9px;letter-spacing:.02em}.asset-change.pos{color:var(--pos)}.asset-change.neg{color:var(--neg)}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.chart-header{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);flex-shrink:0}.chart-title{display:flex;align-items:baseline;gap:10px}.chart-asset-id{font-size:14px;font-weight:500;color:var(--text-white);letter-spacing:.04em}.chart-asset-label{font-size:11px;color:var(--text-dim);font-family:var(--font-sans)}.tf-bar{display:flex;gap:2px}.tf-btn{font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-mid);padding:4px 10px;border-radius:2px;transition:color .15s,background .15s}.tf-btn:hover{color:var(--text-bright);background:var(--bg-hover)}.tf-btn.active{color:var(--text-white);background:var(--bg-selected)}.chart-wrapper{position:relative;flex:1;overflow:hidden}.chart-canvas{width:100%;height:100%}.chart-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);pointer-events:none}.chart-status{font-size:10px;letter-spacing:.1em;color:var(--text-dim);animation:pulse 1.6s ease-in-out infinite}.chart-status.error{color:#644;animation:none}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}