.aiant-diagram{margin:32px 0;max-width:100%;clear:both}.aiant-diagram>img{display:block;width:100%;height:auto;border-radius:22px}.aiant-diagram.aiant-enhanced>img{display:none}.aiant-diagram-ui{--d-bg:#102432;--d-panel:#193443;--d-text:#eef8f5;--d-muted:#bbd0d5;--d-line:#385764;--d-mint:#9ce8cc;--d-red:#ffa0aa;--d-blue:#97cfff;background:radial-gradient(ellipse at 95% 0%,#245342 0,transparent 60%),var(--d-bg);color:var(--d-text);border:1px solid var(--d-line);border-radius:22px;padding:clamp(22px,4vw,44px);font-family:'AI Ant Sans',sans-serif;box-sizing:border-box;overflow:hidden;isolation:isolate}.aiant-diagram-ui *{box-sizing:border-box}.aiant-diagram-ui .dg-kicker{font-size:11px;letter-spacing:2px;color:var(--d-mint);font-weight:700;margin:0 0 12px}.aiant-diagram-ui h3{font-size:clamp(21px,2.3vw,31px);line-height:1.5;margin:0 0 9px;color:var(--d-text);letter-spacing:-.8px}.aiant-diagram-ui .dg-sub{font-size:13px;line-height:1.7;color:var(--d-muted);margin:0 0 22px}.aiant-diagram-ui .dg-controls{display:flex;gap:8px;margin:0 0 20px}.aiant-diagram-ui button{font:inherit;color:inherit;cursor:pointer}.aiant-diagram-ui .dg-controls button{font-size:12px;border:1px solid var(--d-line);background:transparent;border-radius:30px;padding:9px 14px}.aiant-diagram-ui .dg-controls button[aria-pressed=true]{background:var(--d-mint);color:#0e2e29;border-color:var(--d-mint)}.aiant-diagram-ui button:focus-visible{outline:3px solid #f7d396;outline-offset:4px}.aiant-diagram-ui .dg-rows{display:grid;gap:15px;margin-bottom:22px}.aiant-diagram-ui .dg-row{background:transparent;border:0;text-align:left;border-radius:10px;padding:8px 0;display:grid;grid-template-columns:1fr auto;gap:5px 15px;align-items:center;width:100%;transition:background .15s}.aiant-diagram-ui .dg-row:hover,.aiant-diagram-ui .dg-row[aria-pressed=true]{background:#ffffff0d}.aiant-diagram-ui .dg-label{font-size:15px;font-weight:700;color:var(--d-text)}.aiant-diagram-ui .dg-value{font-size:clamp(21px,2.2vw,30px);font-weight:700;color:var(--d-mint);font-variant-numeric:tabular-nums;letter-spacing:-.7px}.aiant-diagram-ui .dg-value.negative{color:var(--d-red)}.aiant-diagram-ui .dg-track{grid-column:1/-1;position:relative;height:14px;background:#ffffff0c;border-radius:5px;overflow:hidden}.aiant-diagram-ui .dg-bar{height:100%;position:absolute;left:var(--start);width:var(--width);background:linear-gradient(90deg,#53a899,var(--d-mint));border-radius:4px}.aiant-diagram-ui .dg-bar.negative{background:linear-gradient(90deg,#d46280,var(--d-red))}.aiant-diagram-ui .dg-zero{position:absolute;top:0;bottom:0;left:var(--zero);border-left:1px solid #d2ebeaa6}.aiant-diagram-ui .dg-note{grid-column:1/-1;font-size:12px;line-height:1.6;color:var(--d-muted)}.aiant-diagram-ui .dg-steps{display:flex;gap:14px;margin:22px 0;align-items:stretch}.aiant-diagram-ui .dg-step{position:relative;flex:1;min-width:0;padding:14px 12px;background:var(--d-panel);border:1px solid var(--d-line);border-radius:11px;font-size:13px;line-height:1.6;color:#dbeee7}.aiant-diagram-ui .dg-step:not(:last-child):after{content:'→';position:absolute;right:-13px;top:calc(50% - 11px);z-index:1;color:var(--d-mint)}.aiant-diagram-ui .dg-insight{border-top:1px solid var(--d-line);padding-top:18px;font-size:13px;line-height:1.8;margin:0;color:#e6e7d3}.aiant-diagram-ui .dg-selected{color:#b6e8ef;border-left:2px solid var(--d-blue);padding:10px 15px;margin:14px 0;font-size:13px;line-height:1.7}.aiant-diagram-ui .dg-source{font-size:10px;line-height:1.7;color:var(--d-muted);margin:16px 0 0}.aiant-diagram-ui .dg-source a{color:inherit}.aiant-diagram-ui table{width:100%;font-size:13px;line-height:1.6;border-collapse:collapse;color:var(--d-text)}.aiant-diagram-ui th,.aiant-diagram-ui td{border-bottom:1px solid var(--d-line);padding:12px;text-align:left;background:transparent!important;color:var(--d-text)}.aiant-diagram-ui .dg-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.aiant-diagram-ui .dg-flow .dg-row{border:1px solid var(--d-line);background:var(--d-panel);padding:20px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px}.aiant-diagram-ui .dg-flow .dg-label{font-size:13px}.aiant-diagram-ui .dg-flow .dg-value{font-size:clamp(19px,2.1vw,28px);white-space:nowrap}.aiant-diagram-ui .dg-flow .dg-note{font-size:12px}.aiant-diagram-ui .dg-line-svg{width:100%;height:auto;display:block;margin:0 0 10px;overflow:visible}.aiant-diagram-ui .dg-line-svg text{font-family:'AI Ant Sans',sans-serif;fill:var(--d-muted);font-size:16px}.aiant-diagram-ui .dg-line-svg .dg-point{fill:var(--d-mint);stroke:var(--d-bg);stroke-width:4}.aiant-diagram-ui .dg-line-svg polyline{fill:none;stroke:var(--d-mint);stroke-width:4}.aiant-diagram-ui .dg-line-svg .dg-grid{stroke:var(--d-line);stroke-width:1}.aiant-diagram-ui [hidden]{display:none!important}.aiant-diagram figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}
@media(max-width:600px){.aiant-diagram-ui{padding:24px 18px;border-radius:17px}.aiant-diagram-ui .dg-flow{grid-template-columns:1fr}.aiant-diagram-ui .dg-flow .dg-row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:15px}.aiant-diagram-ui .dg-flow .dg-note{grid-column:1/-1}.aiant-diagram-ui .dg-steps{flex-direction:column;gap:10px}.aiant-diagram-ui .dg-step{padding:10px 13px}.aiant-diagram-ui .dg-step:not(:last-child):after{content:'↓';right:15px;top:auto;bottom:-15px}.aiant-diagram-ui .dg-label{font-size:13px}.aiant-diagram-ui .dg-value{font-size:23px}.aiant-diagram-ui .dg-row{gap:8px}.aiant-diagram-ui th,.aiant-diagram-ui td{padding:10px 6px;font-size:12px;overflow-wrap:anywhere}.aiant-diagram-ui .dg-line-svg text{font-size:19px}}
@media(prefers-reduced-motion:reduce){.aiant-diagram-ui *{transition:none!important}}@media print{.aiant-diagram.aiant-enhanced>img{display:block}.aiant-diagram-ui{display:none}}

.aiant-diagram-ui.dg-learning{background:radial-gradient(ellipse at 100% 0%,#24574690,transparent 65%),#102432;--d-mint:#a0ecd0}
.dg-learning[data-accent=blue]{--d-mint:#9cd5ff;background:radial-gradient(ellipse at 100% 0%,#254e7190,transparent 65%),#102432}
.dg-learning[data-accent=amber]{--d-mint:#f3ce87;background:radial-gradient(ellipse at 100% 0%,#61512e70,transparent 65%),#172830}
.dg-learning[data-accent=violet]{--d-mint:#c7b7ff;background:radial-gradient(ellipse at 100% 0%,#4b407290,transparent 65%),#142432}
.dg-learning .dg-learning-rows{display:grid;gap:13px;margin:18px 0 25px}.dg-learning .dg-concepts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.dg-learning .dg-concepts .dg-row{display:flex;flex-direction:column;align-items:flex-start;padding:22px 18px;border:1px solid var(--d-line);background:#ffffff05;gap:15px;height:100%}
.dg-learning .dg-numeric .dg-row{grid-template-columns:28px 1fr auto;gap:5px 12px;padding:5px 0}.dg-learning .dg-numeric .dg-note{grid-column:2/-1}.dg-learning .dg-numeric .dg-track{grid-column:2/-1}
.dg-learning .dg-node-number{color:var(--d-mint);font-size:12px;letter-spacing:1px;font-weight:700;border-bottom:2px solid var(--d-mint);padding-bottom:5px;opacity:.8}
.dg-learning .dg-concepts .dg-value{font-size:clamp(20px,2.2vw,32px);white-space:normal;line-height:1.4}
.dg-learning .dg-track{height:16px}.dg-learning .dg-insight{font-size:14px}.dg-learning .dg-exercise{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:20px;border-radius:14px;border:1px solid var(--d-line);background:#ffffff06;margin:22px 0}
.dg-learning .dg-exercise label{display:grid;grid-template-columns:1fr auto;gap:12px;flex:1;min-width:160px;color:var(--d-text);font-size:14px}.dg-learning .dg-exercise output{color:var(--d-mint);font-weight:700}.dg-learning input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--d-mint);cursor:pointer;min-height:30px;margin:0}.dg-learning input:focus-visible{outline:3px solid #f3ce87;outline-offset:3px}.dg-learning .dg-reset{padding:10px 14px;border-radius:22px;border:1px solid var(--d-line);background:transparent;font-size:12px}.dg-learning .dg-exercise p{width:100%;margin:0;font-size:11px;color:var(--d-muted)}
.dg-learning .dg-ring-wrap{display:flex;align-items:center;gap:20px;margin:14px 0}.dg-learning .dg-ring{max-width:190px;width:40%;overflow:visible}.dg-learning .dg-ring circle{fill:none;stroke:#ffffff14;stroke-width:15}.dg-learning .dg-ring circle.dg-ring-value{stroke:var(--d-mint);transform:rotate(-90deg);transform-origin:center;transition:stroke-dasharray .45s}.dg-learning .dg-ring text{fill:var(--d-text);font-size:29px;font-weight:700;font-family:inherit}.dg-learning .dg-ring-wrap p{font-size:19px;color:var(--d-mint)}
.dg-learning .dg-candle{width:100%;height:auto;max-height:245px;margin:12px 0}.dg-learning .dg-candle line{stroke:var(--d-mint);stroke-width:5}.dg-learning .dg-candle rect{fill:var(--d-mint)}.dg-learning .dg-candle rect.down{fill:var(--d-red)}.dg-learning .dg-candle text{fill:var(--d-muted);font-family:inherit;font-size:17px}
@media(max-width:600px){.dg-learning .dg-concepts{grid-template-columns:1fr}.dg-learning .dg-concepts .dg-row{display:grid;grid-template-columns:25px 1fr auto;gap:8px;padding:15px}.dg-learning .dg-concepts .dg-note{grid-column:2/-1}.dg-learning .dg-concepts .dg-value{font-size:19px}.dg-learning .dg-exercise{padding:15px}.dg-learning .dg-label{overflow-wrap:anywhere}.dg-learning .dg-note{overflow-wrap:anywhere}}

.aiant-diagram-ui .dg-bar{transform-origin:left center}

.aiant-diagram-ui .dg-comparison{margin:25px 0;border-top:1px solid var(--d-line);padding-top:18px}.aiant-diagram-ui .oc-explanation{color:var(--d-muted);font-size:12px;line-height:1.7;margin:0 0 16px}.aiant-diagram-ui .oc-panel{margin:18px 0 25px}.aiant-diagram-ui .oc-panel h4{font-size:18px;color:var(--d-text);margin:0 0 16px}.aiant-diagram-ui .oc-row{display:grid;grid-template-columns:1fr auto;gap:7px 15px;margin:0 0 15px;font-size:14px;color:var(--d-text)}.aiant-diagram-ui .oc-row strong{color:var(--d-mint);font-size:23px;font-variant-numeric:tabular-nums}.aiant-diagram-ui .oc-row strong.negative{color:var(--d-red)}.aiant-diagram-ui .oc-row small{grid-column:1/-1;color:var(--d-muted);font-size:11px}.aiant-diagram-ui .oc-track{grid-column:1/-1;height:15px;position:relative;overflow:hidden;background:#ffffff0b;border-radius:4px}.aiant-diagram-ui .oc-bar{position:absolute;height:100%;background:var(--d-mint);border-radius:3px}.aiant-diagram-ui .oc-bar.negative{background:var(--d-red)}.aiant-diagram-ui .oc-zero{position:absolute;top:0;bottom:0;border-left:1px solid #d2ebeaa6}.aiant-diagram-ui .oc-controls{display:flex;flex-wrap:wrap;gap:8px}.aiant-diagram-ui .oc-controls button{padding:10px 13px;border-radius:24px;border:1px solid var(--d-line);background:transparent;font-size:12px;min-height:42px}.aiant-diagram-ui .oc-controls p{width:100%;font-size:12px;line-height:1.7;color:var(--d-blue);margin:6px 0 0}@media(max-width:600px){.aiant-diagram-ui .oc-row strong{font-size:20px}.aiant-diagram-ui .oc-row{gap:7px;font-size:12px}}