:root{color-scheme:dark;--bg:#061126;--panel:#0b1b35;--line:#203b61;--text:#edf7ff;--muted:#93a8c6;--accent:#26b8ff;--green:#39e1a3;--amber:#f6c45c}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#061126,#07152b 60%,#061126);color:var(--text);font:15px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#8bdcff;text-decoration:none}a:hover{text-decoration:underline}header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(22px,calc((100vw - 1180px)/2));background:rgba(6,17,38,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}header strong{font-size:18px}header nav{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.wrap{display:grid;grid-template-columns:230px minmax(0,820px);gap:46px;max-width:1180px;margin:0 auto;padding:44px 22px 80px}.side{position:sticky;top:84px;align-self:start;display:grid;gap:8px}.side a{padding:6px 8px;color:var(--muted);border-radius:7px}.side a:hover,.side a.active{color:var(--text);background:#0d2242;text-decoration:none}main h1{font-size:42px;line-height:1.08;letter-spacing:-.035em;margin:0 0 14px}main h2{margin-top:44px;padding-top:8px;font-size:26px;letter-spacing:-.02em}main h3{margin-top:28px;font-size:18px}main p,main li{color:#b3c2d7}.lead{font-size:18px;color:#c9d7e9}.callout{padding:16px 18px;margin:22px 0;border:1px solid #245585;border-radius:12px;background:#0b2141}.warning{border-color:#6d5524;background:#241c0c}.ok{border-color:#1d624c;background:#0a271f}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(10,28,55,.7)}.card strong{display:block;margin-bottom:5px}.steps{counter-reset:s}.steps>li{counter-increment:s;margin:12px 0;padding-left:4px}.steps>li::marker{color:var(--accent);font-weight:800}pre{overflow:auto;padding:15px;border:1px solid #234368;border-radius:10px;background:#030b17;color:#d9f1ff;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}code{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#cceeff}table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13px}th,td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid var(--line)}th{color:#eaf5ff}td{color:#adbed4}.pill{display:inline-block;padding:2px 8px;border:1px solid #28618d;border-radius:999px;color:#9ee2ff;font-size:11px}.prompt{white-space:pre-wrap}.footer{margin-top:55px;padding-top:20px;border-top:1px solid var(--line);color:#7187a7;font-size:12px}@media(max-width:820px){.wrap{grid-template-columns:1fr;padding-top:28px}.side{position:static;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:20px;border-bottom:1px solid var(--line)}main h1{font-size:34px}header nav a:not(:last-child){display:none}.grid{grid-template-columns:1fr}}
header .docs-brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}header .docs-brand:hover{text-decoration:none}header .docs-brand img{display:block;filter:drop-shadow(0 0 8px rgba(111,255,86,.38))}header .docs-brand strong{display:inline-flex;align-items:baseline;color:#f5fbff;font-size:18px;font-weight:780;letter-spacing:-.045em;line-height:1}header .docs-brand em{color:#a9ff52;font-style:normal;font-weight:inherit}

/* Keep inline links distinguishable from body copy and table text readable on dark panels. */
a{color:#478fc8;text-decoration:underline;text-underline-offset:.16em}a:hover{color:#76c5ff}
.side,main{min-width:0}.side a{min-width:0;overflow-wrap:anywhere}
.wrap main code{overflow-wrap:anywhere;word-break:break-word}
.wrap main table{display:block;max-width:100%;overflow-x:auto}
th,td{background-color:var(--panel)}
@media(max-width:820px){.wrap{grid-template-columns:minmax(0,1fr)}}

/* Shared guide layout. The older demo and judge pages keep their existing classes. */
.docs-skip{position:absolute;left:16px;top:-70px;z-index:10;padding:9px 14px;border-radius:8px;background:#b7f0ff;color:#05233c}
.docs-skip:focus{top:12px}
.docs-header{min-height:70px;border-bottom-color:#214363}
.docs-header nav{align-items:center;gap:20px}
.docs-header nav a{color:#abc5dc;text-decoration:none;font-size:13px;font-weight:650}
.docs-header nav a:hover,.docs-header nav a[aria-current="page"]{color:#ecfaff}
.docs-header .docs-header-cta{padding:8px 13px;border:1px solid #3875a0;border-radius:10px;background:#0b2947;color:#e3f8ff}
.docs-layout{display:grid;grid-template-columns:228px minmax(0,850px);gap:52px;width:min(100%,1200px);margin:0 auto;padding:40px 24px 96px}
.docs-layout>main{min-width:0}
.docs-breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:28px;color:#7796b4;font-size:12px}
.docs-breadcrumb a{color:#9cc7e2;text-decoration:none}
.docs-breadcrumb a:hover{text-decoration:underline}
.docs-sidebar{min-width:0;align-self:start;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto;scrollbar-color:#30557b transparent}
.docs-desktop-nav{display:grid;gap:20px}
.docs-nav-group{display:grid;gap:3px}
.docs-nav-group p{margin:0 0 5px;padding-left:10px;color:#72a2c6;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.docs-nav-group a{display:block;padding:7px 10px;border:1px solid transparent;border-radius:9px;color:#a1b8cf;text-decoration:none;font-size:13px;line-height:1.35}
.docs-nav-group a:hover,.docs-nav-group a[aria-current="page"]{border-color:#326188;background:#0e2a49;color:#eefaff;text-decoration:none}
.docs-mobile-nav{display:none}
.docs-layout main h1{max-width:820px;margin:7px 0 15px;font-size:clamp(36px,4vw,49px);line-height:1.1;letter-spacing:-.045em}
.docs-layout main h2{margin:39px 0 11px;padding:0;font-size:26px;line-height:1.22;letter-spacing:-.03em}
.docs-layout main p,.docs-layout main li{color:#b7cadd;font-size:15px;line-height:1.72}
.docs-layout main a{color:#89d7fa;text-underline-offset:.17em}
.docs-layout main a:hover{color:#c4efff}
.docs-layout main code{font-size:.86em}
.docs-layout main pre{margin:18px 0;overflow:auto;padding:18px 20px;border-color:#315477;border-radius:13px;background:#041426;color:#dbf2ff;font-size:13px;line-height:1.7}
.docs-layout main pre code{color:inherit;font:inherit;white-space:pre}
.docs-eyebrow{color:#76d5fa;font-size:11px;font-weight:850;letter-spacing:.15em}
.docs-layout main .docs-lead{max-width:770px;margin:0 0 24px;color:#c3d8e9;font-size:18px;line-height:1.68}
.docs-hero-home{padding:30px 32px 35px;border:1px solid #315d82;border-radius:21px;background:radial-gradient(circle at 85% 0,rgba(47,190,232,.16),transparent 45%),linear-gradient(145deg,#102d4e,#0b1d38)}
.docs-hero-home h1{margin-top:13px}
.docs-hero-home .docs-lead{margin-bottom:0}
.docs-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 26px}
.docs-layout main .docs-path{display:flex;flex-direction:column;gap:8px;min-width:0;padding:20px;border:1px solid #2c5576;border-radius:15px;background:#0b2543;color:#e9f7ff;text-decoration:none;transition:transform .18s,border-color .18s}
.docs-layout main .docs-path:hover{border-color:#5dbeec;transform:translateY(-2px)}
.docs-path span{color:#78d2ef;font-size:10px;font-weight:850;letter-spacing:.1em}
.docs-path strong{font-size:18px;line-height:1.25}
.docs-layout main .docs-path p{flex:1;margin:0;color:#aac4d8;font-size:12px;line-height:1.56}
.docs-path b{color:#a3e7ff;font-size:12px}
.docs-section{margin-top:43px;padding-top:29px;border-top:1px solid #234466}
.docs-section-head h2{max-width:730px;margin:8px 0 12px!important}
.docs-flow{display:flex;align-items:stretch;gap:7px;margin:22px 0}
.docs-flow>div{flex:1;min-width:0;padding:14px;border:1px solid #346182;border-radius:12px;background:#0c2946}
.docs-flow>div b{display:grid;place-items:center;width:23px;height:23px;margin-bottom:10px;border-radius:50%;background:#72d7f3;color:#08233a;font-size:11px}
.docs-flow strong,.docs-flow small{display:block}
.docs-flow strong{color:#effaff;font-size:12px;line-height:1.35}
.docs-flow small{margin-top:5px;color:#96b5cd;font-size:11px;line-height:1.35}
.docs-flow>span{align-self:center;color:#7ddaf6;font-size:18px}
.docs-feature-grid,.docs-term-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:19px 0}
.docs-term-grid,.docs-compare{grid-template-columns:repeat(2,minmax(0,1fr))}
.docs-feature-grid>div,.docs-term-grid>div,.docs-compare>div{padding:19px;border:1px solid #2a4e70;border-radius:13px;background:#0c2340}
.docs-feature-grid strong,.docs-term-grid strong,.docs-compare strong{display:block;color:#eef9ff;font-size:15px;line-height:1.35}
.docs-layout main .docs-feature-grid p,.docs-layout main .docs-term-grid p,.docs-layout main .docs-compare p{margin:7px 0 0;color:#a8c0d4;font-size:12px;line-height:1.6}
.docs-compare{display:grid;gap:12px;margin:20px 0}
.docs-compare span{display:block;margin-bottom:9px;color:#7fd5ef;font-size:10px;font-weight:850;letter-spacing:.13em}
.docs-callout,.docs-visual-callout,.docs-next-panel{margin:22px 0;padding:17px 20px;border:1px solid #37759e;border-radius:13px;background:#0d2d4b}
.docs-callout strong,.docs-visual-callout strong,.docs-next-panel strong{color:#edfaff;font-size:15px}
.docs-layout main .docs-callout p,.docs-layout main .docs-visual-callout p,.docs-layout main .docs-next-panel p{margin:6px 0 0;color:#b7d0df;font-size:13px;line-height:1.65}
.docs-callout-warning{border-color:#9b7847;background:#302918}
.docs-visual-callout{border-color:#3eaa89;background:linear-gradient(120deg,#0e413c,#0a2b38)}
.docs-callout-muted{border-color:#3a5776;background:#0c213c}
.docs-layout main .docs-status{margin:19px 0;padding:14px 17px;border-left:3px solid #61d1ad;border-radius:4px 10px 10px 4px;background:#102d35;color:#bee4d9;font-size:13px}
.docs-layout main .docs-muted{color:#88a6bd;font-size:12px;line-height:1.65}
.docs-next{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px}
.docs-help-strip{margin-top:42px}
.docs-layout main .docs-help-strip h2{margin-top:0}
.docs-checklist{counter-reset:docstep;display:grid;gap:15px;margin:24px 0;padding:0;list-style:none}
.docs-checklist>li{counter-increment:docstep;position:relative;padding:20px 21px 20px 70px;border:1px solid #2b5477;border-radius:14px;background:#0b2442}
.docs-checklist>li::before{content:counter(docstep);position:absolute;top:20px;left:20px;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#1b6c9f;color:#fff;font-size:17px;font-weight:800}
.docs-layout main .docs-checklist h2{margin:0 0 8px;font-size:21px}
.docs-layout main .docs-checklist p{margin:0 0 10px;font-size:13px}
.docs-layout main .docs-checklist .docs-done{margin:0;color:#a9e7c7}
.docs-checklist .docs-callout{margin:15px 0 0}
.docs-steps{padding-left:23px}
.docs-steps li{padding-left:4px;margin:9px 0}
.docs-steps li::marker{color:#73d6f7;font-weight:800}
.docs-sequence{display:grid;gap:8px;position:relative;margin:22px 0;padding-left:28px}
.docs-sequence::before{content:"";position:absolute;left:10px;top:13px;bottom:13px;width:2px;background:linear-gradient(#58c7ed,#80e5b4)}
.docs-sequence>div{position:relative;padding:14px 18px;border:1px solid #386384;border-radius:12px;background:#0e2b49}
.docs-sequence>div::before{content:"";position:absolute;left:-25px;top:22px;width:10px;height:10px;border:2px solid #7adbf6;border-radius:50%;background:#092441}
.docs-sequence>div:nth-child(3){border-color:#529b82;background:#103c3e}
.docs-sequence>div:nth-child(3)::before{border-color:#9ce8bf}
.docs-sequence span{display:block;color:#82daf4;font-size:10px;font-weight:850;letter-spacing:.12em}
.docs-sequence strong{display:block;margin-top:3px;color:#f0fcff;font-size:15px}
.docs-layout main .docs-sequence p{margin:4px 0 0;color:#b5ccdc;font-size:12px;line-height:1.55}
.docs-data-list{display:grid;gap:8px;margin:19px 0}
.docs-data-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #274966;border-radius:9px;background:#0c2440}
.docs-data-list span{color:#a4c0d3;font-size:12px}
.docs-data-list code{color:#d4f3ff}
.docs-layout main .docs-table{display:table;width:100%;font-size:12px}
.docs-table th,.docs-table td{padding:11px 12px;border-bottom:1px solid #294865;line-height:1.55}
.docs-table th{background:#123255;color:#ecf8ff}
.docs-table td{background:#0d243f;color:#aec7d9}
.docs-page-footer{display:flex;justify-content:space-between;gap:18px;margin-top:56px;padding-top:19px;border-top:1px solid #294764;color:#7e9bb3;font-size:11px;line-height:1.5}
.docs-page-footer a{white-space:nowrap}
@media(max-width:1050px){.docs-layout{grid-template-columns:195px minmax(0,1fr);gap:30px}.docs-paths{grid-template-columns:1fr}.docs-layout main .docs-path{min-height:0}}
@media(max-width:820px){.docs-header nav a:not(.docs-header-cta){display:none}.docs-layout{display:block;padding:22px 18px 64px}.docs-sidebar{position:static;max-height:none;overflow:visible;margin-bottom:22px}.docs-desktop-nav{display:none}.docs-mobile-nav{display:block;border:1px solid #315675;border-radius:10px;background:#0b2542}.docs-mobile-nav summary{padding:10px 14px;color:#d3edfb;font-size:13px;font-weight:750;cursor:pointer}.docs-mobile-nav nav{display:grid;gap:15px;padding:0 12px 14px}.docs-breadcrumb{margin-bottom:17px}.docs-hero-home{padding:22px}.docs-layout main h1{font-size:34px}.docs-layout main .docs-lead{font-size:16px}.docs-feature-grid,.docs-term-grid,.docs-compare{grid-template-columns:1fr}.docs-flow{display:grid}.docs-flow>span{text-align:center;transform:rotate(90deg)}.docs-data-list>div{display:block}.docs-data-list code{display:block;margin-top:4px;overflow-wrap:anywhere}.docs-layout main .docs-table{display:block;overflow-x:auto}.docs-checklist>li{padding:20px 17px 20px 58px}.docs-checklist>li::before{left:13px}.docs-page-footer{display:block}.docs-page-footer a{display:block;margin-top:8px}}

.docs-language-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.docs-language-tabs button{padding:10px 17px;border:1px solid #315675;border-radius:9px;background:#0b2542;color:#b7d0df;font:inherit;font-size:13px;font-weight:700;line-height:1.3;cursor:pointer}
.docs-language-tabs button:hover{border-color:#65b9e0;color:#eefaff;background:#123557}
.docs-language-tabs button[aria-selected="true"]{border-color:#71d9ff;background:#134569;color:#fff;box-shadow:inset 0 -2px #71d9ff}
.docs-language-tabs button:focus-visible,.docs-example-panel:focus-visible{outline:2px solid #9ceaff;outline-offset:3px}
.docs-example-panel{margin:10px 0 20px;border:1px solid #315675;border-radius:13px;background:#0b2542;overflow:hidden}
.docs-example-panel[hidden]{display:none}
.docs-example-panel>p{padding:15px 18px;margin:0}
.docs-layout main .docs-example-panel pre{margin:0;border:0;border-top:1px solid #315675;border-radius:0;max-height:560px}
@media(max-width:370px){.docs-layout{padding-inline:14px}.docs-hero-home{padding:18px}.docs-layout main h1{font-size:30px}.docs-checklist>li{padding-left:16px;padding-top:58px}.docs-checklist>li::before{top:15px;left:15px}}
