*{margin:0;padding:0;box-sizing:border-box}
:root{
 --bg:#fafafa;--bg-soft:#f4f4f4;--bg-card:#fff;
 --border:#ddd;--border-soft:#eee;
 --ink:#1a1a1a;--ink-2:#2a2a2a;--ink-3:#444;
 --muted:#555;--muted-2:#777;--muted-3:#888;--muted-4:#999;
 --accent:#0f3787;--accent-deep:#0a275f;--accent-soft:#dde6f5;
}
body{font-family:"Inter","Helvetica Neue",sans-serif;font-size:13px;font-weight:300;line-height:1.6;color:var(--ink);background:var(--bg)}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-deep)}
.layout{display:flex;min-height:100vh;align-items:stretch}
.sidebar{width:300px;flex:0 0 300px;background:var(--bg-card);border-right:1px solid var(--border);padding:24px 20px;position:sticky;top:0;height:100vh;overflow:auto}
.sidebar-title{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.tree ul{list-style:none;padding-left:14px}
.tree>ul{padding-left:0}
.tree li{margin:1px 0}
.nav-item{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:3px;color:var(--ink-2);font-size:12.5px;font-weight:400;line-height:1.35}
.nav-item:hover{background:var(--bg-soft);color:var(--ink)}
.nav-item.current{background:var(--accent-soft);color:var(--accent-deep);font-weight:500}
.dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:#c9c9c9}
.content{flex:1;max-width:900px;padding:32px 44px 72px}
.breadcrumb{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted-3);margin-bottom:16px}
.breadcrumb a{color:var(--muted-2)}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb .sep{margin:0 7px;color:var(--muted-4)}
.exp-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:16px}
.exp-header h1{font-family:"JetBrains Mono",monospace;font-size:25px;font-weight:500;letter-spacing:.2px;line-height:1.2;color:var(--ink)}
.badge{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:3px 9px;border-radius:3px;border:1px solid transparent;white-space:nowrap}
.status-not-started{background:var(--bg-soft);color:var(--muted-2);border-color:#e2e2e2}
.dot.status-not-started{background:#c9c9c9}
.status-running{background:#fbf3df;color:#8a6d1f;border-color:#ecdca8}
.dot.status-running{background:#c69026}
.status-done{background:var(--accent);color:#fff;border-color:var(--accent)}
.dot.status-done{background:var(--accent)}
.status-failed{background:#fbe9e7;color:#b3261e;border-color:#f3c9c2}
.dot.status-failed{background:#b3261e}
.status-cancelled{background:var(--bg-soft);color:var(--muted-4);border-color:#e6e6e6}
.dot.status-cancelled{background:#bbb}
.body{margin-top:22px;font-size:14px;color:var(--ink-2);line-height:1.7}
.body h1,.body h2,.body h3{font-family:"JetBrains Mono",monospace;font-weight:500;letter-spacing:.2px;color:var(--ink);margin:1.5em 0 .5em;line-height:1.3}
.body h1{font-size:19px}
.body h2{font-size:16px}
.body h3{font-size:14px}
.body p{margin:.7em 0}
.body ul,.body ol{margin:.6em 0;padding-left:1.4em}
.body a{border-bottom:1px solid var(--accent);padding-bottom:1px}
.body code{font-family:"JetBrains Mono",monospace;background:var(--bg-soft);border:1px solid var(--border-soft);padding:1px 5px;border-radius:3px;font-size:.85em}
.body pre{background:var(--bg-soft);border:1px solid var(--border);padding:14px 16px;border-radius:3px;overflow:auto;margin:1em 0}
.body pre code{background:none;border:none;padding:0;font-size:12px;color:var(--ink-2)}
.body blockquote{border-left:3px solid var(--border);padding-left:14px;color:var(--muted);margin:1em 0}
section{margin-top:30px}
section>h2{display:flex;align-items:center;gap:12px;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:2px;color:var(--ink-3);border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:14px}
.section-hint{margin-left:auto;color:var(--muted-3);font-size:10px;font-weight:300;letter-spacing:.5px;text-transform:none}
.chart-wrap{position:relative;height:340px;border:1px solid var(--border);background:#fff;padding:12px}
.lb-scroll{overflow-x:auto}
.lb-table{font-family:"JetBrains Mono",monospace;width:100%;border-collapse:collapse;font-size:11px;font-weight:300;background:#fff;border:1px solid var(--border)}
.lb-table th,.lb-table td{text-align:left;padding:8px 12px;vertical-align:middle;font-variant-numeric:tabular-nums}
.lb-table th{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--muted-2);border-bottom:1px solid var(--border);background:var(--bg-soft)}
.lb-table th.num,.lb-table td.num{text-align:right}
.lb-table tr{border-bottom:1px solid var(--border-soft)}
.lb-table tbody tr:last-child{border-bottom:none}
.lb-table tbody tr:hover td{background:#fafafa}
.lb-table tr.best td{background:var(--accent-soft)}
.lb-table tr.best:hover td{background:#c8d6ee}
.lb-table .rank{color:var(--muted-3)}
.lb-table .name a{color:var(--ink);font-weight:500;border-bottom:none}
.lb-table .name a:hover{color:var(--accent)}
.lb-table tr.best .val{color:var(--accent);font-weight:600}
.artifact{border:1px solid var(--border);background:var(--bg-card);padding:16px;margin-bottom:14px}
.artifact h3{font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:500;margin-bottom:10px;color:var(--ink)}
.artifact .trackio{width:100%;height:440px;border:1px solid var(--border);background:#fff}
.artifact img{max-width:100%;border:1px solid var(--border)}
.artifact .meta{font-size:12px;color:var(--muted-2);margin-top:8px}
dl.meta{display:grid;grid-template-columns:max-content 1fr;gap:5px 14px;font-family:"JetBrains Mono",monospace;font-size:11px;margin-top:10px}
dl.meta dt{color:var(--muted-3);text-transform:uppercase;letter-spacing:.5px;font-size:10px}
dl.meta dd{margin:0;color:var(--ink-2);word-break:break-word}
.jobs ul{list-style:none}
.jobs li{font-family:"JetBrains Mono",monospace;font-size:12px;margin:7px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.trace p{font-family:"JetBrains Mono",monospace;font-size:12px}
@media(max-width:820px){.layout{flex-direction:column}.sidebar{width:auto;flex:none;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border)}.content{padding:24px 18px 56px}}