._nav_1uci2_1{padding:1.25rem 0}._section_1uci2_5{margin-bottom:.75rem}._sectionTitle_1uci2_9{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.5rem 1.25rem .35rem}._list_1uci2_18{list-style:none;margin:0;padding:0}._list_1uci2_18 li{margin:0}._link_1uci2_28{display:block;padding:.5rem 1.25rem;color:var(--text-secondary);font-size:.95rem;border-left:3px solid transparent;transition:background .15s ease,color .15s ease}._link_1uci2_28:hover{background:var(--react-cyan-light);text-decoration:none;color:var(--react-cyan)}._linkActive_1uci2_43{font-weight:600;color:var(--react-cyan);background:var(--react-cyan-light);border-left-color:var(--react-cyan)}._linkActive_1uci2_43:hover{color:var(--react-cyan-hover);background:var(--react-cyan-light)}@media (max-width: 768px){._link_1uci2_28{min-height:44px;padding:.65rem 1.25rem;display:flex;align-items:center}}._header_15gsa_1{height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0) 1.5rem 0;background:var(--bg-nav);border-bottom:1px solid var(--border-color);display:flex;align-items:center;position:sticky;top:0;z-index:50;box-shadow:var(--shadow)}._menuBtn_15gsa_14{display:flex;flex-direction:column;gap:5px;padding:8px;margin-right:4px;background:none;border:none;cursor:pointer;border-radius:var(--radius);transition:background .15s ease}._menuBtn_15gsa_14:hover{background:var(--react-cyan-light)}._menuIcon_15gsa_31{width:20px;height:2px;background:var(--text-primary);border-radius:1px}._logo_15gsa_38{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;color:var(--text-primary);letter-spacing:-.02em;transition:color .15s ease}._logo_15gsa_38:hover{text-decoration:none;color:var(--react-cyan)}._logoIcon_15gsa_54{display:flex;align-items:center;justify-content:center;flex-shrink:0}._logoIcon_15gsa_54 svg{width:26px;height:26px}._logo_15gsa_38:hover ._logoIcon_15gsa_54 svg circle{fill:var(--react-cyan-hover)}._logo_15gsa_38:hover ._logoIcon_15gsa_54 svg ellipse{stroke:var(--react-cyan-hover)}@media (min-width: 769px){._menuBtn_15gsa_14{display:none}}._wrapper_i3jxo_1{height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}._body_i3jxo_9{flex:1;min-height:0;display:flex;overflow:hidden;position:relative}._overlay_i3jxo_17{display:none}._sidebar_i3jxo_21{width:var(--sidebar-width);min-width:var(--sidebar-width);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border-color);overflow-y:auto;transition:transform .2s ease}@media (max-width: 768px){._overlay_i3jxo_17{display:block;position:fixed;top:calc(var(--header-height) + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;z-index:99;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease}._overlayVisible_i3jxo_46{opacity:1;pointer-events:auto}._sidebar_i3jxo_21{position:fixed;top:calc(var(--header-height) + env(safe-area-inset-top,0px));left:0;bottom:0;z-index:100;transform:translate(-100%);box-shadow:4px 0 24px #0006}._sidebarOpen_i3jxo_61{transform:translate(0)}}._main_i3jxo_66{flex:1;min-height:0;overflow-y:auto;background:var(--bg-content)}._content_i3jxo_73{max-width:780px;margin:0 auto;padding:2.5rem 3rem 4rem}._backBtn_i3jxo_79{display:inline-flex;align-items:center;margin-bottom:1rem;padding:.35rem 0;font-size:.9rem;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .15s ease}@media (max-width: 768px){._backBtn_i3jxo_79{min-height:44px;padding:.5rem 0}}._backBtn_i3jxo_79:hover{color:var(--react-cyan)}@media (max-width: 768px){._content_i3jxo_73{padding:1.5rem 1.25rem 3rem}}@media (max-width: 480px){._content_i3jxo_73{padding:1rem 1rem 2.5rem;padding-bottom:max(2.5rem,env(safe-area-inset-bottom))}}@media (min-width: 769px) and (max-width: 1024px){._content_i3jxo_73{padding:2rem 2rem 3.5rem}}._wrapper_9jlmo_1{position:relative;margin:1.25rem 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000004d}._copyBtn_9jlmo_9{position:absolute;top:.5rem;right:.5rem;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#abb2bf;cursor:pointer;overflow:hidden;transition:background .15s ease,color .15s ease,border-color .15s ease}._copyBtn_9jlmo_9:hover{background:#ffffff26;color:#61dafb;border-color:#61dafb4d}._copyBtn_9jlmo_9:active{background:#fff3}._copyIcon_9jlmo_39{width:16px;height:16px}._copyText_9jlmo_44{font-size:10px;color:#98c379;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._wrapper_9jlmo_1 pre{margin:0!important;padding:1rem 1.25rem!important;background:#1e1e1e!important}._wrapper_9jlmo_1 code{background:none!important;padding:0!important;font-size:.875rem!important}._wrapper_9jlmo_1 pre{-webkit-overflow-scrolling:touch}@media (max-width: 768px){._wrapper_9jlmo_1 pre{padding:.85rem 1rem!important}._wrapper_9jlmo_1 code{font-size:.8rem!important}}@media (max-width: 480px){._wrapper_9jlmo_1 pre{padding:.75rem .85rem!important}._wrapper_9jlmo_1 code{font-size:.75rem!important}}:root{--sidebar-width: 280px;--header-height: 56px;--bg-primary: #20232a;--bg-secondary: #282c34;--bg-sidebar: #20232a;--bg-content: #20232a;--bg-nav: #20232a;--border-color: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #abb2bf;--text-muted: #8892a0;--react-cyan: #61dafb;--react-cyan-hover: #7ee0fc;--react-cyan-light: rgba(97, 218, 251, .12);--accent: var(--react-cyan);--accent-hover: var(--react-cyan-hover);--code-bg: #282c34;--code-text: #abb2bf;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.65;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}#root{height:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover);text-decoration:underline}code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;background:var(--react-cyan-light);color:var(--react-cyan);padding:.2em .45em;border-radius:6px}pre:not([class*=language-]){background:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.25rem 1.5rem;overflow-x:auto;margin:1.25rem 0;box-shadow:var(--shadow)}pre:not([class*=language-]) code{background:none;padding:0;font-size:.875em;color:var(--code-text);line-height:1.6}h1,h2,h3,h4{margin-top:1.75em;margin-bottom:.5em;font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2rem;margin-top:0}h2{font-size:1.5rem;padding-bottom:.35em;border-bottom:1px solid var(--border-color);margin-top:2rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{margin-bottom:1em;color:var(--text-secondary)}ul,ol{margin:.5em 0 1em 1.5em;color:var(--text-secondary)}li{margin-bottom:.4em}blockquote{margin:1.25em 0;padding:.75em 1.25em;border-left:4px solid var(--react-cyan);background:var(--react-cyan-light);color:var(--text-secondary);border-radius:0 var(--radius) var(--radius) 0}table{border-collapse:collapse;width:100%;margin:1.25em 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-color)}th,td{border:1px solid var(--border-color);padding:.6em 1em;text-align:left;color:var(--text-secondary)}th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.demo-box{margin:1rem 0 1.5rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius)}.demo-box .demo-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.demo-box input[type=text]{width:100%;max-width:240px;padding:.5rem .75rem;margin-bottom:.75rem;font-size:.95rem;color:var(--text-primary);background:var(--code-bg);border:1px solid var(--border-color);border-radius:6px}.demo-box input[type=text]:focus{outline:none;border-color:var(--react-cyan);box-shadow:0 0 0 2px var(--react-cyan-light)}.demo-box .demo-output{margin-top:.5rem;padding:.75rem;background:var(--code-bg);border-radius:6px;font-size:.95rem;color:var(--code-text)}.infographic-wrap{margin:1rem 0!important}.infographic-img{max-width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--border-color)}.text-with-image{display:flex;align-items:center;gap:1.5rem;margin:1.25rem 0}.text-with-image__img{flex-shrink:0;width:200px;max-width:40%;height:auto;border-radius:var(--radius);border:1px solid var(--border-color)}.text-with-image__text{flex:1;margin:0;min-width:0}@media (max-width: 640px){.text-with-image{flex-direction:column}.text-with-image__img{max-width:100%;width:100%}}.content-and-figure{display:flex;align-items:center;gap:1.5rem;margin:1.25rem 0}.content-and-figure__content{flex:1;min-width:0}.content-and-figure__img{flex-shrink:0;width:240px;max-width:45%;height:auto;border-radius:var(--radius);border:1px solid var(--border-color)}@media (max-width: 640px){.content-and-figure{flex-direction:column}.content-and-figure__img{max-width:100%;width:100%}}.eco-infographic{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}.eco-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.eco-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,var(--react-cyan),transparent 40%,transparent 60%,var(--react-cyan));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s ease}.eco-card:hover{transform:translateY(-4px);border-color:#61dafb66;box-shadow:0 8px 24px #00000040,0 0 20px #61dafb26}.eco-card:hover:before{opacity:1}.eco-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem;background:var(--react-cyan-light);color:var(--react-cyan);border-radius:12px;transition:transform .2s ease,background .2s ease}.eco-card:hover .eco-icon{transform:scale(1.08);background:#61dafb40}.eco-icon.eco-icon-img{padding:0;background:transparent;border-radius:12px;overflow:hidden;flex-shrink:0}.eco-icon.eco-icon-img img{width:100%;height:100%;object-fit:contain;border-radius:12px;display:block}.eco-card:hover .eco-icon.eco-icon-img{background:transparent}.eco-name{font-weight:700;font-size:1rem;margin-bottom:.25rem}.eco-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.eco-arrow{font-size:1rem;color:var(--react-cyan);opacity:.8;transition:transform .2s ease}.eco-card:hover .eco-arrow{transform:translate(4px)}.inline-link-button{display:inline;padding:0;margin:0 2px;border:none;background:none;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit}.inline-link-button:hover{color:var(--accent-hover)}.babel-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:120}.babel-popover{max-width:420px;width:90%;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color);padding:1.5rem 1.75rem;box-shadow:0 12px 30px #00000059}.babel-popover h3{margin:0 0 .75rem;font-size:1.2rem}.babel-popover p{margin-bottom:.75rem}.babel-popover ul{margin:.25rem 0 1rem 1.25rem}.babel-popover-close{padding:.4rem .9rem;border-radius:999px;border:1px solid var(--react-cyan);background:var(--react-cyan-light);color:var(--react-cyan);cursor:pointer;font-size:.9rem}.babel-popover-close:hover{background:#61dafb40}.component-demo__body{display:flex;gap:1.5rem;align-items:stretch}.component-demo__list{display:flex;flex-direction:column;gap:.5rem}.component-demo__btn{padding:.4rem .8rem;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.85rem;text-align:left}.component-demo__btn--active{border-color:var(--react-cyan);background:var(--react-cyan-light);color:var(--react-cyan)}.component-demo__layout{flex:1;min-width:0;border-radius:10px;border:1px solid var(--border-color);background:#181b21;display:flex;flex-direction:column;overflow:hidden;font-size:.8rem}.component-demo__header,.component-demo__footer{padding:.4rem .6rem;background:#20232a;border-bottom:1px solid var(--border-color)}.component-demo__footer{border-top:1px solid var(--border-color);border-bottom:none}.component-demo__middle{flex:1;display:flex}.component-demo__sidebar{width:30%;border-right:1px solid var(--border-color);padding:.4rem .6rem;background:#1c2027}.component-demo__main{flex:1;padding:.4rem .6rem}.component-demo__section--active{box-shadow:0 0 0 1px var(--react-cyan);background:#61dafb14}@media (max-width: 640px){.component-demo__body{flex-direction:column}.component-demo__list{flex-direction:row;flex-wrap:wrap}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.25rem 0;border-radius:var(--radius);border:1px solid var(--border-color)}.table-scroll table{margin:0;min-width:400px}@media (max-width: 1024px){h1{font-size:1.75rem}h2{font-size:1.35rem;margin-top:1.5rem}h3{font-size:1.15rem}pre:not([class*=language-]){padding:1rem 1.25rem;font-size:.85em}pre:not([class*=language-]) code{font-size:.8rem}.demo-box{padding:1rem}}@media (max-width: 768px){body{font-size:15px}h1{font-size:1.5rem;margin-bottom:.4em}h2{font-size:1.25rem;margin-top:1.35rem;padding-bottom:.3em}h3{font-size:1.1rem}h4{font-size:1rem}h1,h2,h3,h4{margin-top:1.35em}p{margin-bottom:.85em}ul,ol{margin-left:1.25em}pre:not([class*=language-]){padding:.85rem 1rem;margin:1rem 0}pre:not([class*=language-]) code{font-size:.8rem;line-height:1.55}code{font-size:.85em;padding:.15em .35em}blockquote{margin:1rem 0;padding:.6rem 1rem;font-size:.95rem}th,td{padding:.5em .75em;font-size:.9rem}.demo-box{padding:.9rem 1rem;margin:.85rem 0}.demo-box .demo-output{padding:.6rem;font-size:.9rem}.eco-infographic{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.eco-card{padding:1rem .85rem}}@media (max-width: 480px){body{font-size:14px}h1{font-size:1.35rem}h2{font-size:1.15rem;margin-top:1.2rem}h3{font-size:1.05rem}pre:not([class*=language-]){padding:.75rem .85rem}pre:not([class*=language-]) code{font-size:.75rem}th,td{padding:.45em .6em;font-size:.85rem}.table-scroll table{min-width:320px}.eco-infographic{grid-template-columns:repeat(2,1fr)}}pre:not([class*=language-]),.table-scroll{-webkit-overflow-scrolling:touch}