:root{color:#e9eaf2;font-synthesis:none;background:#11131a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{max-width:1440px;margin:0 auto;padding:34px}header{justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px;display:flex}.eyebrow,.mode{color:#00d8ff;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font:700 .72rem/1.2 ui-monospace,monospace}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,4.3rem);line-height:.95}.intro{color:#aeb1c1;max-width:690px;margin:16px 0 0;line-height:1.55}.actions{gap:10px;display:flex}a:visited{color:#aeb1c1}a{color:#00d8ff}button{color:#e9eaf2;cursor:pointer;background:#20232e;border:1px solid #3d4152;border-radius:8px;padding:10px 15px;transition:border-color .16s,background .16s,box-shadow .16s,transform .1s}button:hover{background:#292d3a;border-color:#747b98;transform:translateY(-1px);box-shadow:0 5px 14px #0003}button:active{background:#171a23;transform:translateY(1px);box-shadow:inset 0 2px 5px #00000052}button:focus-visible{outline-offset:3px;outline:2px solid #00d8ff}button.primary{color:#071817;background:#00d8ff;border-color:#00d8ff;font-weight:700}button.primary:hover{background:#66e7ff;border-color:#66e7ff}button.primary:active{background:#00a9c7;border-color:#00a9c7}.workspace{background:#191b24;border:1px solid #303442;border-radius:18px;grid-template-columns:minmax(0,1fr) 290px;align-items:stretch;min-height:680px;display:grid;overflow:hidden;box-shadow:0 30px 80px #00000047}.graph-panel{background-color:#f4f2ed;min-width:0;min-height:680px;position:relative}#graphComponent{position:absolute;inset:0}.legend{color:#31343e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #d1d0cc;border-radius:8px;gap:17px;padding:10px 13px;font-size:.76rem;display:flex;position:absolute;bottom:18px;left:18px}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:11px;height:11px;display:inline-block}.legend .known.tree{background:#22d3a4}.legend .known.star{background:#ef992a}.legend .known.grid{background:#7f3eda}.legend .unknown{background:#d8d9e2;border:1px dashed #777b8e}.legend .predicted{background:#a783d6;border:2px solid #00d8ff}aside{border-left:1px solid #303442;flex-direction:column;min-width:0;padding:30px 24px;display:flex}aside h2{margin:0 0 14px;font-size:1.45rem}aside>p:not(.mode,.hint){color:#aeb1c1;line-height:1.55}dl{margin:28px 0}dl div{border-top:1px solid #303442;padding:12px 0}dt{color:#808598;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}dd{margin:4px 0 0;font-weight:650}.status{color:#d9dbea;background:#20232d;border:1px solid #3a3f4e;border-radius:10px;min-height:7em;padding:14px;line-height:1.45}.training-metrics{background:#141720;border:1px solid #303442;border-radius:10px;margin-top:16px;padding:13px}.metric-heading,.chart-axis{justify-content:space-between;align-items:center;display:flex}.metric-heading{color:#aeb1c1;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.metric-heading strong{color:#00d8ff;font:700 .9rem/1 ui-monospace,monospace}#training-chart{width:100%;margin-top:8px;display:block;overflow:visible}.chart-grid{fill:none;stroke:#303442;stroke-width:1px}.loss-path{fill:none;stroke:#00d8ff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-axis{color:#686e80;font:.64rem/1 ui-monospace,monospace}.hint{color:#7f8495;margin-top:18px;font-size:.82rem;line-height:1.5}.demo-links{flex-direction:column;gap:4px;margin-top:auto;padding-top:28px;display:flex}.demo-links a{color:#aeb1c1;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;min-height:36px;padding:8px 10px;font-size:.78rem;text-decoration:none;transition:color .16s,background .16s,border-color .16s;display:flex}.demo-links a:hover,.demo-links a:focus-visible{color:#e9eaf2;background:#20232e;border-color:#3d4152;outline:none}.demo-links .try-yfiles{color:#071817;background:#00d8ff;border-color:#00d8ff;margin-bottom:10px;font-weight:700}.demo-links .try-yfiles:hover,.demo-links .try-yfiles:focus-visible{color:#071817;background:#7bf2ed;border-color:#7bf2ed}.demo-links .icon{place-items:center;width:16px;height:16px;font-size:1.15rem;line-height:1;display:inline-grid}.legal-links{justify-content:center;gap:12px;display:flex}.legal-links a{color:#686e80;border:0;border-radius:0;min-height:0;padding:2px 0;font-size:.64rem;display:inline}.legal-links a:hover,.legal-links a:focus-visible{color:#aeb1c1;background:0 0;border:0}.color-node{transition:fill .42s,stroke .42s,stroke-width .42s}.yfiles-tooltip{color:#eef0f8;background:#191b24f5;border:1px solid #4a5064;border-radius:9px;padding:10px 12px;font-size:.76rem;line-height:1.4;box-shadow:0 10px 26px #00000047}.node-tooltip{gap:3px;display:grid}.node-tooltip strong{color:#fff;font-size:.82rem}.node-tooltip span{color:#b9bed0}.yfiles-context-menu{color:#20232d;background:#fff;border:1px solid #bbbcc5;border-radius:9px;min-width:230px;padding:6px;box-shadow:0 14px 38px #00000038}.yfiles-context-menu__item{color:#20232d;text-align:left;background:0 0;border:0;width:100%}.yfiles-context-menu__item:hover:not(:disabled){background:#e7f9f8}@media (width<=820px){.shell{padding:18px}header{flex-direction:column;align-items:start}.workspace{grid-template-columns:1fr}.graph-panel{min-height:58vh}aside{border-top:1px solid #303442;border-left:0}.legend{flex-wrap:wrap;right:18px}}