/* dartsapi.com/mcp: this page's own styles. The shared styles stay in site.css. */
.mx code{font-family:var(--mono)}
.mx-in{max-width:1240px;margin:0 auto;padding:0 24px}
/* hero */
.mx-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(120% 70% at 50% 0%,#2B1569 0%,#170C3D 45%,#0B0620 100%);padding-bottom:0}
.mx-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(183,155,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(183,155,255,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,transparent 80%)}
.mx-glow{position:absolute;z-index:-1;left:50%;top:420px;width:1100px;height:560px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(139,92,246,.55),rgba(147,56,232,.18) 55%,transparent);filter:blur(10px)}
.mx-hero-in{max-width:1240px;margin:0 auto;padding:128px 24px 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.mx-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--r);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:13px;font-weight:650;color:#DCD4FF}
.mx-pill i{width:8px;height:8px;border-radius:50%;background:#7FE3C4;box-shadow:0 0 0 4px rgba(127,227,196,.18)}
.mx-hero h1{margin-top:22px;font-size:64px;line-height:68px;font-weight:800;letter-spacing:-.035em}
.mx-hero h1 span{background:linear-gradient(90deg,#C4B1FF,#8B5CF6 45%,#E28BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.mx-lede{margin-top:20px;max-width:640px;font-size:17px;line-height:1.65;color:#C9C2E6}
.mx-addr{display:flex;align-items:center;gap:12px;margin-top:28px;padding:7px 7px 7px 16px;border-radius:var(--r);background:rgba(10,5,30,.55);box-shadow:inset 0 0 0 1px rgba(183,155,255,.28),0 10px 40px rgba(10,5,30,.4)}
.mx-addr-l{font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#8D86AE}
.mx-addr code{font-size:15px;color:#fff}
.mx-copy{height:36px;padding:0 14px;border:0;border-radius:var(--r);background:#fff;color:#1D1044;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.mx-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}
/* the app window */
.mx-app{position:relative;width:100%;max-width:1040px;margin-top:56px;border-radius:var(--r) var(--r) 0 0;background:#FBFAFF;color:var(--ink);text-align:left;box-shadow:0 -1px 0 rgba(255,255,255,.3),0 30px 80px rgba(10,5,30,.55),0 0 0 1px rgba(183,155,255,.35);overflow:hidden}
.mx-app-top{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;background:#EEEAF8;border-bottom:1px solid #E1DBF2}
.mx-app-top i{width:10px;height:10px;border-radius:50%;background:#D5CDEB}
.mx-app-top span{margin-left:10px;font-size:12.5px;font-weight:650;color:#6E6591}
.mx-app-top em{margin-left:auto;padding:2px 8px;border-radius:var(--r);background:#fff;color:#8D86AE;font-style:normal;font-size:11px;font-weight:650;box-shadow:inset 0 0 0 1px #E1DBF2}
.mx-app-body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:420px}
.mx-side{display:flex;flex-direction:column;gap:6px;padding:18px 14px;background:#F4F1FC;border-right:1px solid #E7E1F6;font-size:13px}
.mx-side b{margin-top:8px;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#8D86AE}
.mx-conn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px #E1DBF2;font-weight:700;color:var(--ink)}
.mx-conn small{margin-left:auto;font-weight:600;color:#8D86AE;font-size:11px}
.mx-dot{width:8px;height:8px;border-radius:50%;background:#1FA971;box-shadow:0 0 0 3px rgba(31,169,113,.15)}
.mx-rec{padding:7px 10px;border-radius:var(--r);color:#5A5178;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-rec.on{background:#E9E2FD;color:var(--violet);font-weight:650}
.mx-thread{display:flex;flex-direction:column;gap:14px;padding:24px 28px 26px}
.mx-q{align-self:flex-end;max-width:78%;padding:12px 16px;border-radius:var(--r);background:linear-gradient(135deg,#7C4DFF,#9338E8);color:#fff;font-size:14.5px;line-height:1.5;box-shadow:0 6px 18px rgba(124,77,255,.28)}
.mx-calls{display:flex;flex-direction:column;gap:6px}
.mx-call{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px #E7E1F6;font-size:12.5px;color:#5A5178}
.mx-ci{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r);background:#F1ECFE;color:var(--violet)}
.mx-ci svg{width:13px;height:13px}
.mx-call code{font-size:12.5px;font-weight:650;color:var(--violet)}
.mx-call .mx-arg{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--mono);font-size:11.5px}
.mx-call b{padding:2px 8px;border-radius:var(--r);background:#E6F6EF;color:#16704A;font-size:11px}
.mx-ans{display:flex;flex-direction:column;gap:12px;font-size:14.5px;line-height:1.6}
.mx-tbl{border-radius:var(--r);overflow:hidden;box-shadow:inset 0 0 0 1px #E7E1F6;background:#fff;font-size:13px}
.mx-tbl .r{display:grid;grid-template-columns:104px minmax(0,1fr) 70px 90px;gap:10px;padding:8px 14px;border-top:1px solid #F0ECF9;font-variant-numeric:tabular-nums}
.mx-tbl .r span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-tbl .h{border-top:0;background:#F7F4FE;font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#8D86AE}
.mx-tbl .w{color:#16704A;font-weight:750}.mx-tbl .l{color:#B3361B;font-weight:750}
.mx-src{font-size:12px;color:#8D86AE}
/* flow */
.mx-flow-s{padding:64px 0 56px;background:#fff}
.mx-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;margin-bottom:22px}
.mx-h>div{min-width:0}
.mx-h-c{justify-content:center;text-align:center;flex-direction:column;align-items:center}
.mx-k{display:inline-block;margin-bottom:8px;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--violet)}
.mx-k-d{color:#C4B1FF}
.mx-h h2{font-size:30px;line-height:36px;font-weight:780;letter-spacing:-.025em}
.mx-h p{margin-top:8px;max-width:660px;font-size:14.5px;line-height:1.6;color:var(--muted)}
.mx-flow{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:f}
.mx-flow li{position:relative;padding:22px 20px;border-radius:var(--r);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line-soft)}
.mx-flow li:not(:last-child)::after{content:"";position:absolute;right:-14px;top:38px;width:14px;height:2px;background:linear-gradient(90deg,var(--violet),#C4B1FF)}
.mx-fn{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r);background:linear-gradient(135deg,#7C4DFF,#9338E8);color:#fff;font-weight:800;font-size:15px;box-shadow:0 6px 16px rgba(124,77,255,.3)}
.mx-flow b{display:block;margin-top:14px;font-size:16px;color:var(--ink)}
.mx-flow p{margin-top:6px;font-size:13.5px;line-height:1.55;color:var(--muted)}
/* tools, on dark */
.mx-tools-s{padding:64px 0;background:linear-gradient(180deg,#140A33,#0D0722);color:#fff}
.mx-tools-s .mx-h h2{color:#fff}.mx-tools-s .mx-h p{color:#A9A2C6}
.mx-legend{display:flex;gap:16px;font-size:12.5px;color:#C9C2E6}
.mx-legend span{display:inline-flex;align-items:center;gap:6px}
.mx-legend i{width:10px;height:10px;border-radius:3px}
.t-free{background:#7FE3C4}.t-live{background:#B79BFF}.t-an{background:#FFC46B}
.mx-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mt{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r);background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.mt:hover{background:rgba(255,255,255,.075)}
.mi-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r);background:rgba(183,155,255,.14);color:#C4B1FF}
.mi-ic svg{width:18px;height:18px}
.mt-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mt-b code{font-size:14px;font-weight:650;color:#fff}
.mt-b span{font-size:13px;color:#A9A2C6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-p{flex:none;padding:3px 9px;border-radius:var(--r);font-style:normal;font-size:11px;font-weight:750;color:#1D1044}
/* sections */
.mx-sect{padding:64px 0}
.mx-alt{background:var(--paper)}
.mx-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mx-way{display:flex;flex-direction:column;gap:14px;padding:20px}
.mx-way-h{display:flex;align-items:center;gap:12px}
.mx-wn{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r);background:#F1ECFE;color:var(--violet);font-weight:800}
.mx-way-h b{display:block;font-size:15.5px;color:var(--ink)}
.mx-way-h small{display:block;font-size:12.5px;color:var(--muted)}
.mx-way .term{flex:1}
.mx-code{margin:0;white-space:pre;font-size:12px;line-height:1.7;overflow-x:auto;font-family:var(--mono)}
.mx-code .s{color:#FFD58A}.mx-code .p{color:#B79BFF}
.mx-way>p{font-size:13.5px;line-height:1.55;color:var(--muted)}
.mx-way>p code{font-size:12px;background:#F1ECFE;color:var(--violet);padding:1px 5px;border-radius:var(--r)}
.mx-asks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ma{position:relative;padding:18px 20px 20px;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px var(--line-soft),0 1px 2px rgba(19,14,41,.04)}
.ma::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#7C4DFF,#9338E8)}
.ma-t{font-size:11.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--violet)}
.ma p{margin-top:6px;font-size:15.5px;line-height:1.5;font-weight:600;color:var(--ink)}
.mx-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.mx-plan{display:flex;flex-direction:column;gap:8px;padding:24px}
.mx-plan-on{box-shadow:inset 0 0 0 2px var(--violet),0 14px 40px rgba(124,77,255,.14)}
.mx-pn{font-size:13px;font-weight:750;color:var(--muted)}
.mx-pc{font-size:32px;line-height:38px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.mx-plan p{flex:1;font-size:14px;line-height:1.55;color:var(--muted)}
.mx-pp{font-size:13px;font-weight:700;color:var(--ink)}
.mx-plan .btn{align-self:flex-start;margin-top:6px}
.mx-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mx-tr{padding:22px}
.mx-ti{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r);background:#F1ECFE;color:var(--violet)}
.mx-ti svg{width:18px;height:18px}
.mx-tr b{display:block;margin-top:14px;font-size:15.5px;color:var(--ink)}
.mx-tr p{margin-top:6px;font-size:13.5px;line-height:1.6;color:var(--muted)}
@media (max-width:1100px){.mx-hero h1{font-size:48px;line-height:54px}.mx-flow,.mx-asks{grid-template-columns:1fr 1fr}.mx-flow li::after{display:none}.mx-ways,.mx-plans,.mx-trust{grid-template-columns:1fr}.mx-app-body{grid-template-columns:1fr}.mx-side{display:none}}
@media (max-width:640px){.mx-hero-in{padding:100px 16px 0}.mx-hero h1{font-size:34px;line-height:40px}.mx-lede{font-size:15px}.mx-in{padding:0 16px}
.mx-addr{flex-wrap:wrap;justify-content:center;padding:10px}.mx-addr code{font-size:13px;word-break:break-all}.mx-cta .btn{width:100%}
.mx-thread{padding:18px 14px}.mx-q{max-width:92%}.mx-tbl .r{grid-template-columns:92px minmax(0,1fr) 52px}.mx-tbl .r span:nth-child(4){display:none}
.mx-flow,.mx-asks,.mx-tools{grid-template-columns:1fr}.mx-h h2{font-size:24px;line-height:30px}.mx-legend{flex-wrap:wrap}}

.mx-app,.mx-thread,.mx-ans,.mx-tbl,.mx-calls,.mt,.mx-way,.term{min-width:0}
.mx-thread{overflow:hidden}
.mx-mine{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px;font-size:13px;color:#C9C2E6}
.mx-mine .mx-addr{margin-top:0}
.mx-mine small{color:#8D86AE}
.mx-copy.done{background:#7FE3C4}