.app{--bg: #f5f6f8;--text: #1f2937;--muted: #4b5563;--border: #d7dbe3;--border-hover: #9aa3b2;--accent-bg: #2962ff;--accent-border: #2962ff;--accent-text: #ffffff;--legend-bg: rgba(245, 246, 248, .85);display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:var(--bg);color:var(--text);font-family:system-ui,sans-serif}.app[data-theme=dark]{--bg: #131722;--text: #d1d5db;--muted: #9ca3af;--border: #2a2e39;--border-hover: #4b5563;--legend-bg: rgba(19, 23, 34, .75)}.app-header{display:flex;flex-wrap:wrap;align-items:baseline;row-gap:.5rem;column-gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.app-header h1{font-size:1.1rem;margin:0}.asset-switcher{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}.asset-button{padding:.3rem .7rem;border:1px solid var(--border);border-radius:.25rem;background-color:transparent;color:var(--muted);font-size:.85rem;cursor:pointer}.asset-button:hover{border-color:var(--border-hover);color:var(--text)}.asset-button--active{background-color:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.timeframe-switcher{display:flex;flex-wrap:wrap;gap:.4rem;width:100%}.timeframe-button{padding:.3rem .7rem;border:1px solid var(--border);border-radius:.25rem;background-color:transparent;color:var(--muted);font-size:.85rem;cursor:pointer}.timeframe-button:hover{border-color:var(--border-hover);color:var(--text)}.timeframe-button--active{background-color:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.display-options{display:flex;flex-wrap:wrap;gap:.4rem}.display-toggle{padding:.3rem .7rem;border:1px solid var(--border);border-radius:.25rem;background-color:transparent;color:var(--muted);font-size:.85rem;cursor:pointer}.display-toggle:hover{border-color:var(--border-hover);color:var(--text)}.display-toggle--active{background-color:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.chart-container{flex:1;min-height:0}.chart-legend{position:absolute;top:.5rem;left:.75rem;right:.75rem;z-index:1;display:flex;flex-wrap:wrap;gap:.5rem .75rem;padding:.3rem .6rem;background-color:var(--legend-bg);border:1px solid var(--border);border-radius:.25rem;color:var(--muted);font-size:.8rem;pointer-events:none}.chart-legend__time{color:var(--text)}.status-message{display:flex;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center;overflow-wrap:break-word;color:var(--muted)}@media (max-width: 640px){.app-header{padding:.6rem .75rem}.asset-switcher{margin-left:0}.asset-button,.timeframe-button,.display-toggle{padding:.3rem .55rem;font-size:.8rem}.chart-legend{gap:.3rem .5rem;padding:.25rem .5rem;font-size:.7rem}}