:root{--bg:#1f1f24;--panel:#2a2a2e;--surface:#36373b;--surface-hover:#46474d;--border:#414142;--text:#838385;--text-h:#b1b1b2;--text-button:#fff;--accent:#206ec9;--shadow:none;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:var(--sans);--mono:ui-monospace, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.4 var(--sans);color:var(--text);background:var(--bg)}body{background:var(--bg);margin:0}#app{background:var(--bg)}#main{background:var(--bg);flex:1;min-height:0;display:flex;overflow:hidden}#content{background:var(--bg);flex:1;min-width:0;padding:16px;overflow-y:auto}#sidebar{background:var(--panel);border-left:1px solid var(--border);flex-shrink:0;width:320px;overflow-y:auto}.graph-container{background:var(--panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;width:100%;height:600px;margin-bottom:24px;display:flex}.graph-header{background:var(--panel);border-bottom:1px solid var(--border)}.graph-content{background:var(--surface)}.graph-container{flex-direction:column;height:600px;margin-bottom:24px;display:flex}.graph-header{flex-shrink:0;padding:12px 16px}.graph-content{flex:1;position:relative}.graph-content canvas{width:100%;height:100%}#sidebar{padding:16px}#sidebar h2{margin-bottom:8px}#sidebar ul{margin-bottom:20px;list-style:none}#sidebar li{background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-bottom:6px;padding:6px 10px}#header{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;padding:12px 20px;display:flex}#header a{color:var(--accent);text-decoration:none}#header a:hover{color:#fff}button{background:var(--accent);color:var(--text-button);cursor:pointer;border:none;border-radius:4px;padding:6px 12px}button:hover{filter:brightness(1.1)}h1,h2{color:var(--text-h)}.note{color:var(--text);font-size:.85rem}