@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{--bg:#f6f8fc;--panel:#fff;--text:#19263c;--muted:#798397;--line:#e6eaf2;--blue:#4267ed;--blue-hover:#2e51d5;--pale:#edf2ff;--sidebar:#111c32;--code:#152039;--shadow:0 6px 25px #18305405;--radius:14px;color-scheme:light;font-family:'DM Sans',sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7998ff;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope','DM Sans',sans-serif}h2{font-size:21px;letter-spacing:-.55px;line-height:1.4}h3{font-size:16px;letter-spacing:-.25px}p{line-height:1.8}code,pre,kbd,textarea{font-family:'IBM Plex Mono',monospace}pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}code{font-size:.92em}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.icon-btn{width:34px;height:34px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted)}.icon-btn:hover{color:var(--blue);background:var(--pale)}.small{font-size:12px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:fixed;top:-60px;left:260px;z-index:100;background:var(--blue);color:white;padding:12px;border-radius:8px}.skip-link:focus{top:10px}main:focus{outline:none}
.sidebar{width:240px;background:var(--sidebar);color:#a7b0c5;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:33px 18px 0;z-index:30;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;margin-left:12px;color:#fff;font-family:Manrope,sans-serif;font-weight:750;font-size:25px;letter-spacing:-.5px}.brand-mark{background:#4a6af2;border-radius:10px;width:39px;height:39px;padding:3px 0 0 9px;font-size:30px;position:relative;line-height:36px}.brand-mark>span{position:absolute;right:5px;top:0;color:#c4d9ff;font-size:19px;line-height:24px}.brand-sub{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2.05px;font-weight:500;margin-top:0;color:#98a5c1}.sidebar-version{margin:25px 12px 34px;display:flex;gap:6px;align-items:center;font-size:10px;color:#8f9db7;white-space:nowrap}.sidebar-version code{color:#c3cde1;font-size:11px}.version-dot{width:5px;height:5px;border-radius:50%;background:#69bb9b;margin-right:1px}.sidebar-version .tag{font-size:7px;letter-spacing:.6px;background:#22322f;color:#78bd9b;padding:3px 4px;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#677791;margin:0 14px 11px}.nav-link{min-height:44px;display:flex;align-items:center;gap:12px;border-radius:8px;padding:11px 14px;font-size:12px;transition:background .15s;color:#a6b0c6;margin:3px 0}.nav-link>.icon{width:18px;height:18px}.nav-link:hover{background:#1a2943;color:white}.nav-link.active{background:#3f60da;color:white;box-shadow:0 5px 13px #0000001a}.nav-link.active>.icon{color:#dae6ff}.nav-count{font-size:9px;display:grid;place-items:center;border-radius:5px;background:#223149;color:#9eacc7;min-width:19px;height:18px;margin-left:auto}.nav-new{font-size:7px;color:#a4b5db;letter-spacing:1px;margin-left:auto;border:1px solid #334563;border-radius:4px;padding:3px 4px}.nav-link.active .nav-new{border-color:#738bdf;color:#e2eaff}.learn-label{margin-top:28px}.lesson-link{font-size:11px;gap:10px;padding-top:9px;padding-bottom:9px;min-height:40px}.lesson-index{font-family:'IBM Plex Mono',monospace;font-size:9px;color:#6d7d98}.lesson-link.active .lesson-index{color:#d4e0ff}.lesson-index.done{color:#7cdab3}.lesson-index>.icon{width:13px;height:13px}.learning-progress{margin:30px 13px 25px}.learning-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#8f9bb4}.learning-progress strong{font-size:10px;font-weight:500;color:#9eadcb}.progress-track{height:4px;border-radius:6px;overflow:hidden;background:#25324c;margin-top:11px}.progress-track span{display:block;height:100%;background:#7391ff;transition:width .3s}.learning-progress p{font-size:9px;color:#67768f;margin-top:8px}.sidebar-bottom{margin-top:auto;padding:24px 6px 0}.host-widget{border:1px solid #2b3a54;border-radius:10px;background:#18253e;display:flex;text-align:left;gap:9px;align-items:center;width:100%;padding:13px 10px;position:relative}.host-widget:hover{border-color:#657ca8}.host-symbol{color:#879dcb}.host-symbol>.icon{width:19px}.host-widget strong{display:block;font-size:10px;font-weight:550;color:#cbd5e7}.host-widget small{display:block;font-size:8px;color:#7b8cab;margin-top:4px}.status-dot{height:5px;width:5px;background:#a8b0c1;border-radius:50%;margin-left:auto;flex-shrink:0}.status-dot.connected{background:#67d1a7;box-shadow:0 0 0 3px #67d1a718}.sidebar-footer{border-top:1px solid #26344a;margin:22px 4px 0;padding:19px 0;display:flex;justify-content:space-between;color:#697b97;font-size:9px;letter-spacing:.2px}.sidebar-footer>span:last-child{color:#8191ad;font-size:17px;line-height:10px}.workspace{margin-left:240px;min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:15px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted)}.breadcrumb .icon{width:12px;height:12px;color:#a9b1c1}.breadcrumb strong{color:var(--text);font-weight:500}.topbar-actions{display:flex;gap:21px;align-items:center}.search-trigger{border:1px solid var(--line);background:var(--bg);padding:8px 11px;display:flex;align-items:center;gap:9px;border-radius:7px;width:230px;color:var(--muted);font-size:10px;text-align:left}.search-trigger>.icon{width:15px;height:15px}.search-trigger kbd{margin-left:auto;font-size:8px;border:1px solid var(--line);border-radius:4px;background:var(--panel);padding:2px 4px;color:#8d95a5}.top-version{font-size:10px;color:var(--muted)}.top-version b{font-size:10px;background:#eff2f6;border-radius:4px;color:#58627c;font-weight:500;padding:3px 5px;margin-left:3px}.theme-btn{border-left:1px solid var(--line);border-radius:0;padding-left:15px;width:38px}.theme-btn>.icon{width:17px}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e8edf9;color:#5c72ae;font-size:9px;font-weight:650}.mobile-toggle{display:none}main{max-width:1460px;margin:auto;padding:33px 40px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;border-radius:7px;padding:11px 17px;font-size:11px;font-weight:600;border:1px solid transparent;white-space:nowrap;transition:background .18s,transform .18s}.btn .icon{width:16px;height:16px}.btn.primary{background:var(--blue);color:white;box-shadow:0 3px 7px #4267ed13}.btn.primary:hover{background:var(--blue-hover);transform:translateY(-1px)}.btn.secondary{background:var(--panel);color:#536079;border-color:#dde3ed}.btn.secondary:hover{border-color:#9eafdf;background:var(--pale)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;font-weight:550;background:none;border:0;padding:0;cursor:pointer;white-space:nowrap}.text-link:hover{color:var(--blue-hover)}.text-link>.icon{width:14px;height:14px}.tag{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 8px;border-radius:5px;font-size:8px;font-weight:600;letter-spacing:.4px;background:#f1f3f7;color:#8490a4}.tag.blue{background:#edf2ff;color:#5373d6}.tag.purple{background:#f2edfe;color:#9468d6}.tag.orange{background:#fff3e8;color:#d28a48}.tag.green{background:#eaf7f0;color:#3c9b76}.tag.red{background:#ffedee;color:#ce5968}.tag.slate{background:#23334c;color:#a0b0cc}.feature-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;flex-shrink:0}.feature-icon.blue{background:#eef3ff;color:#5479ef}.feature-icon.purple{background:#f1edff;color:#9568e9}.feature-icon.orange{background:#fff3e9;color:#e9a268}.feature-icon.green{background:#e9f7f2;color:#59ab92}.feature-icon>.icon{width:21px;height:21px}.mini-dot{width:5px;height:5px;background:#91a1b9;border-radius:50%;display:inline-block;flex-shrink:0}.mini-dot.live{background:#48b590}.mini-dot.error{background:#e17e8a}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#778cb1;display:block;margin-bottom:12px}
.overview-hero{border-radius:15px;border:1px solid var(--line);background:var(--panel);display:grid;grid-template-columns:1.15fr 1fr;min-height:338px;overflow:hidden;box-shadow:var(--shadow)}.hero-content{padding:37px 0 33px 35px;position:relative;z-index:1}.hero-eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.4px;font-weight:650;color:#788aaf;margin-bottom:17px}.tiny-logo{display:grid;place-items:center;color:#7290dc}.tiny-logo .icon{width:15px;height:15px}.hero-content h1{font-size:36px;line-height:1.3;font-weight:750;letter-spacing:-1.5px;color:#1b2b48}.hero-content h1>span{color:var(--blue)}.hero-content>p{margin-top:14px;line-height:1.8;font-size:11px;color:#7a869d}.hero-buttons{display:flex;gap:10px;margin-top:24px}.hero-buttons .btn{min-height:40px;font-size:10px;padding:10px 15px}.hero-footnote{margin-top:20px;display:flex;gap:7px;align-items:center;font-size:8px;color:#9aa4b6}.hero-footnote .mini-dot{width:4px;height:4px;background:#8badab}.integration-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#fdfefe 0%,#f4f7ff 85%);padding:20px 20px 24px;margin-left:15px}.visual-grid{position:absolute;inset:0;background-image:radial-gradient(#dfe6f4 .8px,transparent .8px);background-size:16px 16px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);opacity:.7}.visual-label{position:relative;font-size:6.5px;font-weight:550;color:#99a5bc;letter-spacing:1.4px;margin-bottom:21px}.diagram{position:relative;display:flex;align-items:center;gap:22px;z-index:2}.diagram-node{display:flex;flex-direction:column;align-items:center;border:1px solid #e2e8f2;border-radius:10px;background:white;color:#63748f;box-shadow:0 6px 15px #3c5d9c06;min-width:85px;padding:15px 10px 13px;z-index:1;transition:.2s}.diagram-node strong{font-size:8px;letter-spacing:.1px;font-weight:600;color:#344461;margin-top:10px}.diagram-node small{font-family:'IBM Plex Mono',monospace;font-size:6.5px;color:#9aa5b9;margin-top:4px}.diagram-node.selected{border-color:#90a5f0;transform:translateY(-3px);box-shadow:0 8px 25px #3d60bb14}.node-icon{width:29px;height:29px;background:#f3f6fc;border-radius:8px;display:grid;place-items:center;color:#8194b4}.node-icon>.icon{width:17px;height:17px}.sdk-node{min-width:104px;padding:17px 13px 14px;border-color:#8099f6;background:#4267ed;box-shadow:0 10px 22px #4267ed27}.sdk-node strong,.sdk-node small{color:#dbe4ff}.sdk-node strong{color:#fff;font-size:10px;margin-top:8px}.sdk-node small{font-size:7px}.sdk-node.selected{border-color:#6387ff;box-shadow:0 9px 24px #4267ed33}.sdk-symbol{width:32px;height:30px;color:#fff;font-size:32px;font-weight:700;line-height:32px;position:relative;padding-left:1px}.sdk-symbol>span{font-size:17px;position:absolute;top:0;right:0;line-height:17px;color:#c8daff}.connection-line{position:absolute;top:50%;width:30px;border-top:1px dashed #aac0ff}.connection-line:after{content:'';position:absolute;width:4px;height:4px;background:#93adf4;border-radius:50%;top:-2.5px;left:14px;box-shadow:0 0 0 4px #c2d1ff25}.connection-line.first{left:81px}.connection-line.second{right:81px}.diagram-note{position:relative;z-index:1;display:flex;gap:6px;align-items:flex-start;font-size:7px;line-height:1.6;color:#8a98b1;max-width:280px;margin-top:16px;min-height:24px}.diagram-note>.icon{width:11px;height:11px;margin-top:1px}.visual-terminal{position:relative;margin-top:13px;background:#17233c;border-radius:8px;width:300px;max-width:100%;box-shadow:0 13px 30px #40577d14;z-index:1;transform:rotate(-1.5deg)}.visual-terminal>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d3850;padding:10px 12px;color:#8090ac;font-size:7px}.visual-terminal>div>.icon{height:10px;width:10px}.terminal-dots{display:inline-flex;gap:4px}.terminal-dots i{width:4px;height:4px;border-radius:50%;background:#728098}.terminal-dots i:nth-child(1){background:#c8787e}.terminal-dots i:nth-child(2){background:#d0ae71}.terminal-dots i:nth-child(3){background:#68a596}.visual-terminal pre{padding:14px 12px 16px;font-size:7.5px;line-height:1.95;color:#dce6ff}.keyword{color:#bba0fc}.string{color:#a5d8b2}.comment{color:#7b8aa6}.visual-ready{position:absolute;background:#fff;border-radius:5px;right:-7px;bottom:-9px;box-shadow:0 4px 20px #243e751a;border:1px solid #e5ecf7;font-size:6px;color:#6c7a92;padding:7px 9px;transform:rotate(1.5deg);display:flex;align-items:center;gap:5px}.visual-ready>span{width:4px;height:4px;background:#64b293;border-radius:50%}.visual-orbit{position:absolute;width:90px;height:90px;border:1px solid #e7edff;border-radius:50%;opacity:.5}.orbit-1{right:-44px;top:40px}.orbit-2{left:-52px;bottom:40px}.stats-strip{display:grid;grid-template-columns:1fr 1.06fr 1.2fr;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-top:20px;padding:20px 0}.stats-strip>div{display:flex;align-items:center;gap:14px;padding:0 28px;border-right:1px solid var(--line)}.stats-strip>div:last-child{border:0;gap:10px;padding-left:24px}.stats-strip>div>.icon{width:19px;height:19px;color:#95a4c0}.stats-strip strong{font-family:Manrope,sans-serif;font-size:27px;line-height:1;font-weight:700;color:#23314c}.stats-strip>div>span:not(.tag){font-size:10px;color:#59667e}.stats-strip span small{display:block;font-size:8px;color:#9aa4b6;margin-top:5px}.stats-strip b{font-weight:550}.stats-strip .tag{margin-left:auto;font-size:6px;padding:4px 5px;letter-spacing:.3px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-top:32px;margin-bottom:18px;gap:20px}.section-title h2{font-size:18px;letter-spacing:-.45px}.section-title p{font-size:10px;color:var(--muted);margin-top:4px}.section-title .text-link{font-size:10px}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.capability-card{display:flex;gap:15px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px 21px;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:var(--shadow)}.capability-card:hover{border-color:#afbef3;transform:translateY(-2px);box-shadow:0 8px 23px #2033660c}.capability-card h3{font-size:13px;font-weight:700}.capability-card p{font-size:9px;color:var(--muted);margin-top:6px;line-height:1.7}.capability-card code{display:block;font-size:8px;color:#687daa;margin-top:14px;white-space:nowrap}.capability-card code>span{font-family:'DM Sans',sans-serif;color:#a3acbb;margin-left:10px;font-size:8px}.card-arrow{position:absolute;right:17px;bottom:17px;color:#9cacc9}.card-arrow .icon{width:14px;height:14px}.path-title{margin-top:30px}.path-title>.small{display:flex;gap:6px;align-items:center;font-size:9px}.path-title>.small .icon{width:12px;height:12px}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.path-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 17px;transition:border-color .2s,transform .2s}.path-card:hover{border-color:#a3b5f3;transform:translateY(-2px)}.path-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.path-number{font-family:'IBM Plex Mono',monospace;color:#7891c4;font-size:10px;background:#f1f5ff;padding:6px 7px;border-radius:5px;display:grid;place-items:center;min-width:27px;min-height:27px}.path-number>.icon{width:15px;height:15px}.path-top>span:last-child{color:#a7b0c1;font-size:8px;display:flex;align-items:center;gap:8px}.path-top .icon{width:12px;height:12px}.path-card h3{font-size:11px;font-weight:650;line-height:1.4;white-space:nowrap}.path-card p{font-size:8px;color:#919db1;margin-top:5px;white-space:nowrap}.path-status{font-size:7px;color:#889aba;display:block;margin-top:16px}.path-card:first-child .path-status{color:#6381d7}.path-card.completed .path-number{background:#eaf7f0;color:#50a084}.path-card.completed .path-status{color:#50a084}.overview-bottom{margin-top:24px;border:1px solid var(--line);border-radius:8px;padding:15px 18px;display:flex;gap:9px;align-items:center;font-size:9px;color:#8895ad;background:#f0f4fb}.overview-bottom>.icon{width:15px;height:15px;color:#859cc6}.overview-bottom a{margin-left:auto;font-size:8px;display:flex;gap:6px;align-items:center;color:#6c84ba}.overview-bottom a>.icon{width:12px;height:12px}.main-footer{padding:25px 0 22px;display:flex;align-items:center;justify-content:space-between;color:#9aa5b9;font-size:8px;gap:15px}.main-footer>span>span{padding:0 6px}.main-footer a{display:flex;align-items:center;gap:6px;font-size:8px}.main-footer .icon{width:11px;height:11px}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:15px 0 30px}.page-heading h1{font-size:30px;line-height:1.3;letter-spacing:-1.1px;font-weight:750}.page-heading>div>p{font-size:12px;color:var(--muted);margin-top:11px}.page-heading h1 code{font-size:28px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.filter-tabs{display:flex;gap:4px;background:#eaf0f8;padding:4px;border-radius:8px;flex-wrap:wrap}.filter-tab{padding:9px 12px;font-size:10px;color:#77849c;border:0;border-radius:6px;background:transparent}.filter-tab.active{background:var(--panel);box-shadow:0 2px 5px #17366909;color:var(--blue)}.method-search{position:relative;display:flex;gap:9px;align-items:center;padding:10px 12px;border:1px solid var(--line);background:var(--panel);border-radius:7px}.method-search>.icon{color:#9ba8c0;width:15px;height:15px}.method-search input{width:140px;min-width:0;border:0;outline:none;color:var(--text);background:transparent;font-size:10px}.method-search input::placeholder{color:#a0aab9}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.method-card{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column}.method-card-top{display:flex;gap:10px;align-items:center}.method-card-top .feature-icon{width:35px;height:35px;border-radius:9px}.method-card-top .feature-icon>.icon{width:18px;height:18px}.method-card-top .tag{font-size:7px}.favorite{margin-left:auto;width:25px;height:25px}.favorite>.icon{width:15px;height:15px}.favorite.is-favorite{color:#dea154}.favorite.is-favorite svg{fill:#fff0cf}.method-card h3{margin-top:23px;font-size:15px}.method-card p{font-size:10px;color:var(--muted);margin-top:9px;min-height:54px}.method-card-bottom{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9aa5b6}.method-card-bottom code{color:#6b7b9c;margin-left:4px}.method-card-bottom a>.icon{width:16px;height:16px;color:#87a0d2}.info-banner{display:flex;gap:13px;align-items:center;padding:20px;margin-top:24px;background:#eef3fd;border:1px solid #dce6fb;border-radius:10px}.info-banner>.icon{color:#728fcb;width:18px}.info-banner p{font-size:10px;color:#7083a4}.info-banner a{margin-left:auto;white-space:nowrap;font-size:9px;display:flex;align-items:center;gap:7px;color:#6482bf}.info-banner a>.icon{width:14px;height:14px}.white-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.back-link{display:inline-flex;align-items:center;gap:7px;color:#8a98b1;font-size:10px;margin-top:4px}.back-link>.icon{width:14px;height:14px}.detail-layout{display:grid;grid-template-columns:1fr 260px;gap:23px}.detail-info{padding:29px}.panel-title{display:flex;align-items:center;gap:14px}.panel-title h2{font-size:17px}.panel-title .tag{margin-left:auto}.detail-info>p{font-size:12px;color:#7b879d;margin:24px 0}.detail-info h3{font-size:12px}.contract-list{list-style:none;padding:0;margin:13px 0}.contract-list li{display:flex;align-items:center;gap:9px;font-size:11px;color:#7d8ba3;padding:8px 0}.contract-list .icon{width:13px;height:13px;color:#6489d9}.return-line{border-top:1px solid var(--line);padding-top:18px;margin-top:15px;font-size:10px;color:var(--muted)}.return-line code{margin-left:15px;background:var(--pale);color:#6481b9;border-radius:4px;padding:4px 7px}.detail-layout .code-block{margin-top:23px}.detail-aside .white-panel{padding:25px}.detail-aside h3{font-size:19px;line-height:1.6;letter-spacing:-.5px}.detail-aside p{font-size:10px;color:var(--muted);margin-top:13px}.detail-aside .btn{margin-top:23px;width:100%;padding:11px 12px;font-size:10px}.aside-note{display:flex;gap:10px;padding:20px 10px}.aside-note>.icon{color:#99abc8;width:18px;height:18px;margin-top:12px}.aside-note p{font-size:10px}.code-block{background:var(--code);border-radius:10px;overflow:hidden;box-shadow:0 6px 16px #1520390d}.code-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2e3b54;padding:11px 17px;font-size:9px;color:#8e9bb5}.code-header>span{display:flex;align-items:center;gap:7px}.code-header>span>i{background:#6784b8;width:4px;height:4px;border-radius:50%}.copy-btn{display:flex;gap:6px;align-items:center;padding:4px 5px;border:0;background:none;color:#9ba9c5;font-size:9px;border-radius:4px}.copy-btn:hover{background:#273955;color:#eee}.copy-btn>.icon{width:12px;height:12px}.code-block pre{padding:23px 20px 25px;font-size:11px;color:#d3ddef;line-height:1.9}.code-block code{font-size:inherit}
.lesson-duration{display:flex;align-items:center;gap:8px;color:#8c9ab2;font-size:10px}.lesson-duration>.icon{width:15px}.lesson-layout{display:grid;grid-template-columns:1fr 255px;gap:35px}.lesson-step{margin-bottom:35px}.step-heading{display:flex;gap:12px;align-items:center}.step-heading>span{background:#eaf0ff;color:#6886d2;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;font-size:10px;font-weight:600;flex-shrink:0}.step-heading h2{font-size:18px;line-height:1.5;letter-spacing:-.4px}.lesson-step>p{font-size:12px;color:#7a869e;margin:15px 0 20px;line-height:1.95}.lesson-step .code-block{margin-left:0}.lesson-aside .white-panel{padding:24px 20px;position:sticky;top:25px}.lesson-aside h3{font-size:13px;margin-bottom:18px}.toc-link{display:flex;gap:12px;align-items:center;padding:12px 8px;font-size:10px;color:#8e9ab0;border-radius:6px;line-height:1.5}.toc-link>span{font-size:9px;color:#849bc9;font-family:'IBM Plex Mono',monospace}.toc-link>span>.icon{width:13px}.toc-link.current{color:var(--blue);background:var(--pale)}.toc-progress{font-size:9px;padding-top:18px;margin-top:15px;border-top:1px solid var(--line);color:#9aabc5}.lab-invite{padding:28px 19px}.lab-invite h3{font-size:18px;line-height:1.5;margin-top:17px}.lab-invite p{font-size:10px;color:var(--muted);margin-top:14px}.lab-invite .text-link{margin-top:16px;font-size:10px}.quiz-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:27px;margin-top:40px}.quiz-panel h2{font-size:17px}.quiz-options{display:grid;gap:10px;margin:22px 0 17px}.quiz-option{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px 14px;text-align:left;display:flex;gap:10px;align-items:center;color:#7685a0;font-size:11px}.quiz-option:hover{border-color:#91a8e7}.quiz-option>span{border:1px solid #d9e1f0;padding:3px 6px;border-radius:4px;font-size:8px}.quiz-option>.icon{margin-left:auto;width:15px;height:15px}.quiz-option.correct{color:#31856a;border-color:#77c7b0;background:#f0fbf6}.quiz-option.incorrect{color:#c76a7b;border-color:#e9a1ad;background:#fff3f5}.quiz-feedback{font-size:10px;color:var(--muted);min-height:18px}.lesson-navigation{display:flex;justify-content:space-between;margin:25px 0 10px}
.mode-control{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:var(--panel);height:38px}.mode-control select{border:0;background:transparent;color:var(--text);font-size:10px;padding:8px 0;appearance:none;outline:none}.mode-control>.icon{width:12px;color:#8d9bb1}.demo-banner{background:#edf3ff;border:1px solid #dfe8fa;padding:15px 18px;border-radius:9px;display:flex;gap:10px;align-items:center;font-size:10px;color:#7d90b3;margin-bottom:22px;line-height:1.7}.demo-banner>.icon{color:#7394d6;width:16px;height:16px}.demo-banner b{font-weight:550;color:#597bbd}.demo-banner>.text-link{margin-left:auto;font-size:9px}.demo-banner.live-banner{background:#eaf8f2;border-color:#d8eee4;color:#5a947e}.live-banner b{color:#38856b}.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.lab-editor{padding:0 22px 22px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:12px}.panel-header h2{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:0}.panel-header h2>.icon{width:17px;height:17px;color:#8094b6}.panel-header>div{display:flex;gap:18px}.method-selector{margin-top:22px}.method-selector label{display:block;font-size:10px;color:#7b8ba5;margin-bottom:9px}.method-selector select{width:100%;border:1px solid #dce3f0;border-radius:6px;background:var(--bg);padding:12px 14px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#365177}.lab-description{margin-top:17px}.lab-description .tag{font-size:7px}.lab-description p{font-size:10px;color:var(--muted);margin-top:9px}.parameter-editor{margin-top:20px}.parameter-editor>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.parameter-editor label{font-size:10px;color:#788ba7}.parameter-editor label>span{background:#eff3fa;font-size:7px;margin-left:5px;padding:2px 4px;border-radius:3px}.parameter-editor .text-link{font-size:8px}.parameter-editor textarea{display:block;width:100%;min-height:150px;padding:15px;border:1px solid #dfe5f0;border-radius:7px;background:var(--bg);color:#617baf;font-size:11px;line-height:1.9;resize:vertical;tab-size:2}.parameter-editor small{font-size:8px;color:#93a0b4;display:block;margin-top:9px;line-height:1.7}.no-params{border:1px dashed #dce5f3;background:#f7f9fd;margin:22px 0 25px;border-radius:7px;padding:24px 15px;display:flex;align-items:center;gap:9px;color:#93a1b8;font-size:10px}.no-params>.icon{width:15px;height:15px;color:#83a09e}.lab-code-preview{margin-top:21px;border-radius:7px;padding:16px;background:#f1f4fa;border:1px solid #e5eaf3}.lab-code-preview>div{font-size:7px;letter-spacing:1px;color:#9aa6ba}.lab-code-preview pre{font-size:10px;color:#57759f;margin-top:11px;line-height:1.9}.lab-code-preview .keyword{color:#8a67bb}.lab-code-preview .string{color:#57a681}.lab-code-preview .comment{color:#8c9eb6}.lab-run-tools{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:25px}.scenario-label{font-size:8px;color:#98a4b8}.scenario-label select{display:block;min-width:135px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:#7a8ca7;font-size:9px;margin-top:6px;padding:9px}.run-btn{font-size:10px;padding:11px 14px;min-height:37px}.run-btn kbd{font-size:9px;color:#c4d3ff;padding:1px 4px;border:1px solid #7392ff;border-radius:3px;margin-left:8px}.run-btn:disabled .icon{animation:spin 1.5s linear infinite}.emit-btn{margin-top:16px;width:100%;font-size:10px}.lab-output{background:var(--code);border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #21365711;border:1px solid #203353;color:#9fb0cc}.output-header{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid #2c3b55}.output-header h2{font-size:13px;letter-spacing:0;display:flex;align-items:center;gap:8px;color:#d7e3f7}.output-header h2>.icon{width:16px;color:#829ac2}.output-header>div{display:flex;align-items:center;gap:7px}.output-header .tag.green{background:#243d3b;color:#8dc9b0;font-size:7px}.output-header .tag.red{background:#3e2d42;color:#e79baa}.output-header .icon-btn{width:26px;height:26px}.output-header .icon-btn>.icon{width:13px;height:13px}.output-header .icon-btn:hover{background:#283c5c}.output-content{min-height:310px;padding:23px;font-family:'IBM Plex Mono',monospace;font-size:10px;line-height:1.9;max-height:500px;overflow:auto;color:#afc8e6}.output-content.has-error{color:#e8a0af}.output-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:265px;text-align:center;font-family:'DM Sans',sans-serif}.output-empty>span{color:#5d769e;border:1px solid #344765;background:#1d2d48;width:45px;height:45px;display:grid;place-items:center;border-radius:11px}.output-empty>span>.icon{width:22px;height:22px}.output-empty strong{font-size:11px;font-weight:500;color:#8ea2c3;margin-top:21px}.output-empty p{font-size:9px;color:#647b9f;margin-top:10px}.output-empty code{color:#6d83a7;font-size:8px;margin-top:23px;padding:6px 10px;background:#1b2b47;border:1px solid #2b3d5a;border-radius:5px}.output-meta{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;background:#1a2945;border-top:1px solid #2c3c57;font-size:8px;color:#7e95b9}.output-meta>span:first-child{display:flex;gap:6px;align-items:center}.output-meta .mini-dot{width:4px;height:4px;background:#6386b8}.lab-note{display:flex;align-items:flex-start;gap:9px;padding:18px 18px 20px;border-top:1px solid #2b3a55;background:#1d2b47}.lab-note>.icon{width:13px;height:13px;color:#7891b5;margin-top:2px}.lab-note p{font-size:8px;color:#7c91b1;line-height:1.9}.activity-panel{margin-top:23px;padding:0 22px 0;overflow:hidden}.log-count{font-size:8px;color:#879abe;background:#eff3fb;border-radius:4px;padding:3px 5px;font-family:'DM Sans',sans-serif;font-weight:500;margin-left:4px}.activity-panel .text-link{font-size:9px}.activity-panel .text-link>.icon{width:12px;height:12px}.activity-list{max-height:280px;overflow:auto}.activity-empty{padding:28px 0;font-size:10px;color:#9da9bd;text-align:center;line-height:1.8}.activity-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:14px 0;font-size:9px;color:#9dabc1}.activity-row:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#edf7f2;color:#6aae96;flex-shrink:0}.activity-icon.red{background:#fff0f3;color:#d68796}.activity-icon>.icon{width:12px;height:12px}.activity-row code{font-size:9px;color:#627d9e;min-width:120px}.activity-mode{font-size:6px;letter-spacing:.6px;border:1px solid var(--line);padding:3px 4px;border-radius:3px}.activity-message{font-size:8px;color:#8c9db5;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row time{font-size:8px;flex-shrink:0}
.error-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.error-card{padding:26px}.error-card h2{font-size:18px;margin-top:20px}.error-card>p{font-size:11px;color:var(--muted);margin-top:12px;min-height:58px}.error-advice{display:flex;gap:9px;align-items:flex-start;border-top:1px solid var(--line);padding-top:16px;margin-top:16px;color:#8c9cb5;font-size:10px;line-height:1.8;min-height:75px}.error-advice>.icon{width:15px;height:15px;margin-top:2px}.error-card .text-link{margin-top:20px;font-size:10px}.error-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:start;margin-top:33px}.error-bottom h2{font-size:24px;line-height:1.6}.error-bottom p{font-size:11px;color:var(--muted);margin-top:15px}.error-bottom .text-link{margin-top:20px}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--muted);text-align:center}.empty-state>.icon{width:35px;height:35px;color:#a2b3d6}.empty-state h3,.empty-state h1{margin-top:18px}.empty-state p{font-size:12px;margin-top:12px}.empty-state .btn{margin-top:20px}
dialog{border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);box-shadow:0 30px 100px #13243c4d;padding:0;width:520px;max-width:calc(100vw - 40px)}dialog::backdrop{background:#0b152b73;backdrop-filter:blur(4px)}#confirm-dialog form{padding:28px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}#confirm-dialog h2{font-size:22px}#confirm-dialog p{margin-top:17px;color:var(--muted);font-size:12px;line-height:1.9}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.connection-details{padding:15px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:10px;line-height:1.8;color:#6a83a7;margin-top:20px}.search-dialog-header{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:17px 20px}.search-dialog-header label{color:#8297b9}.search-dialog-header input{flex:1;min-width:0;padding:8px 0;border:0;background:none;outline:none;font-size:13px;color:var(--text)}.search-results{max-height:440px;overflow-y:auto;padding:9px}.search-result{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:7px}.search-result:hover{background:var(--pale)}.search-result>.icon{color:#8ba2cf;width:17px;height:17px}.search-result>.icon:last-child{margin-left:auto;width:13px;height:13px}.search-result strong{display:block;font-size:12px;font-weight:550;color:#60749c}.search-result small{display:block;font-size:9px;color:#98a6bc;margin-top:4px}.search-dialog-footer{display:flex;gap:7px;align-items:center;padding:12px 19px;background:var(--bg);border-top:1px solid var(--line);font-size:8px;color:#9dabc0}.search-dialog-footer>span{margin-right:auto}.search-dialog-footer kbd{border:1px solid var(--line);border-radius:3px;padding:3px;background:var(--panel);font-size:7px}#toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translate(-50%,15px);background:#1a2a45;color:#dfe9fc;padding:13px 20px;border:1px solid #40597f;border-radius:9px;box-shadow:0 8px 25px #12234022;z-index:100;font-size:11px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center}#toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}
html[data-theme=dark]{--bg:#101a2c;--panel:#17243a;--text:#dce5f5;--muted:#8d9db7;--line:#293a54;--pale:#203455;--blue:#6387ff;--blue-hover:#7697ff;--sidebar:#0c1424;--shadow:0 6px 25px #00000008;color-scheme:dark}html[data-theme=dark] .hero-content h1{color:#dce6f9}html[data-theme=dark] .integration-visual{background:linear-gradient(135deg,#17243a,#1d2c4a)}html[data-theme=dark] .visual-grid{opacity:.15}html[data-theme=dark] .diagram-node:not(.sdk-node){background:#243754;border-color:#3e5379}html[data-theme=dark] .diagram-node:not(.sdk-node) strong{color:#c2cfe5}html[data-theme=dark] .node-icon{background:#2d4266}html[data-theme=dark] .diagram-node:not(.sdk-node).selected{border-color:#799aff}html[data-theme=dark] .visual-ready{background:#233855;border-color:#3c5277;color:#b3c5df}html[data-theme=dark] .visual-orbit{opacity:.1}html[data-theme=dark] .stats-strip strong{color:#c6d7f7}html[data-theme=dark] .stats-strip>div>span:not(.tag){color:#a4b4d0}html[data-theme=dark] .btn.secondary{background:#1c2e4b;color:#afc1df;border-color:#364b6c}html[data-theme=dark] .top-version b{background:#283950;color:#a6b9d8}html[data-theme=dark] .avatar{background:#2b4165;color:#a7bfff}html[data-theme=dark] .filter-tabs,html[data-theme=dark] .overview-bottom,html[data-theme=dark] .lab-code-preview{background:#1b2d48;border-color:#2e4365}html[data-theme=dark] .tag.blue,html[data-theme=dark] .feature-icon.blue{background:#213963;color:#86a6fa}html[data-theme=dark] .tag.purple,html[data-theme=dark] .feature-icon.purple{background:#3a2e53;color:#bda0ef}html[data-theme=dark] .tag.orange,html[data-theme=dark] .feature-icon.orange{background:#3f3440;color:#e3af7f}html[data-theme=dark] .tag.green,html[data-theme=dark] .feature-icon.green{background:#233c3b;color:#7cbba7}html[data-theme=dark] .tag.red{background:#482f42;color:#eaa1b0}html[data-theme=dark] .info-banner,html[data-theme=dark] .demo-banner,html[data-theme=dark] .step-heading>span,html[data-theme=dark] .path-number{background:#203452;border-color:#2a4163}html[data-theme=dark] .demo-banner.live-banner{background:#203a35;border-color:#2e5549}html[data-theme=dark] .no-params{background:#1d2c43;border-color:#354a6b}html[data-theme=dark] .method-selector select,html[data-theme=dark] .parameter-editor textarea{border-color:#344867;color:#a2bcdf}html[data-theme=dark] .parameter-editor label>span,html[data-theme=dark] .log-count{background:#293d5f}html[data-theme=dark] .quiz-option.correct{background:#233e37;border-color:#396b58;color:#9dccb4}html[data-theme=dark] .quiz-option.incorrect{background:#432c3d;border-color:#945567;color:#eda6b5}html[data-theme=dark] .lab-code-preview pre{color:#b1c9ee}html[data-theme=dark] .lab-code-preview .keyword{color:#c2a7f5}html[data-theme=dark] .favorite.is-favorite svg{fill:#594333}html[data-theme=dark] .activity-icon{background:#244037;color:#88bca7}html[data-theme=dark] .activity-icon.red{background:#422d3c;color:#d998a8}
@media(min-width:1600px){main{padding-top:42px;padding-right:55px;padding-left:55px}.topbar{padding:0 55px}.hero-content{padding:43px 0 39px 43px}.hero-content h1{font-size:43px}.hero-content>p{font-size:13px}.overview-hero{min-height:375px}.hero-buttons .btn{font-size:12px;padding:13px 18px}.diagram{gap:32px}.diagram-node{min-width:103px;padding:18px 13px}.sdk-node{min-width:119px}.diagram-node strong{font-size:10px}.diagram-node small{font-size:8px}.connection-line.first{left:97px;width:40px}.connection-line.second{right:97px;width:40px}.visual-terminal{width:350px}.visual-terminal pre{font-size:9px}.visual-label{font-size:8px}.diagram-note{font-size:8px;max-width:330px}.stats-strip>div{padding:0 35px}.stats-strip>div>span:not(.tag){font-size:12px}.stats-strip span small{font-size:10px}.section-title h2{font-size:21px}.section-title p{font-size:12px}.capability-card{padding:25px}.capability-card h3{font-size:15px}.capability-card p{font-size:11px}.capability-card code{font-size:10px}.path-card h3{font-size:13px}.path-card p{font-size:10px}.path-status{font-size:9px}}
@media(max-width:1200px){.sidebar{width:215px;padding-left:12px;padding-right:12px}.workspace{margin-left:215px}.topbar{padding:0 26px}main{padding:27px 26px 0}.hero-content{padding:30px 0 28px 25px}.hero-content h1{font-size:30px}.hero-content>p{font-size:10px}.hero-buttons{gap:8px}.hero-buttons .btn{font-size:9px;padding:10px 12px;gap:7px}.integration-visual{margin-left:5px;padding:20px 12px}.diagram{gap:16px}.diagram-node{min-width:74px;padding:13px 6px}.sdk-node{min-width:85px;padding:17px 10px}.diagram-node strong{font-size:7px}.sdk-node strong{font-size:9px}.diagram-node small{font-size:6px}.connection-line.first{left:70px;width:22px}.connection-line.second{right:70px;width:22px}.visual-terminal{width:255px}.visual-label{font-size:6px;letter-spacing:1.1px}.diagram-note{font-size:6.5px;max-width:260px}.stats-strip>div{padding:0 18px;gap:11px}.stats-strip>div:last-child{padding-left:19px}.stats-strip>div>.icon{width:17px;height:17px}.stats-strip>div>span:not(.tag){font-size:9px}.stats-strip .tag{display:none}.path-grid{gap:10px}.path-card{padding:16px 12px}.path-card h3{font-size:10px}.path-card p{font-size:7px}.path-top{margin-bottom:12px}.path-top>span:last-child{font-size:7px;gap:4px}.catalog-tools{flex-wrap:wrap}.filter-tab{padding:9px 10px}.method-grid{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:1fr 230px}.lesson-layout{grid-template-columns:1fr 225px;gap:24px}.page-heading h1{font-size:26px}.topbar-actions{gap:12px}.search-trigger{width:205px}.top-version{display:none}.capability-card{padding:21px 16px;gap:12px}.capability-card .feature-icon{width:39px;height:39px}.capability-card p{font-size:8px}.lab-run-tools{flex-wrap:wrap}.run-btn{flex:1;max-width:100%}.scenario-label select{min-width:115px}.activity-message{max-width:250px}}
@media(max-width:980px){.sidebar{width:205px}.workspace{margin-left:205px}main{padding:24px 22px 0}.topbar{padding:0 22px;height:68px}.search-trigger{width:170px;font-size:9px}.search-trigger kbd{font-size:7px}.hero-content{padding:28px 23px}.overview-hero{grid-template-columns:1fr}.integration-visual{display:none}.hero-content h1{font-size:35px}.hero-content>p{font-size:12px}.hero-buttons .btn{font-size:11px;padding:12px 18px}.hero-eyebrow{font-size:8px}.hero-footnote{font-size:8px}.stats-strip{grid-template-columns:1fr 1fr}.stats-strip>div{padding:0 23px}.stats-strip>div:nth-child(2){border:0}.stats-strip>div:last-child{display:none}.stats-strip>div>span:not(.tag){font-size:10px}.capability-grid{gap:12px}.capability-card{padding:18px 14px;gap:10px}.capability-card h3{font-size:11px}.capability-card p{font-size:8px}.capability-card .feature-icon{width:33px;height:33px;border-radius:8px}.capability-card .feature-icon>.icon{width:17px}.capability-card code{font-size:7px}.capability-card code>span{display:none}.card-arrow{right:12px;bottom:14px}.card-arrow>.icon{width:12px}.path-grid{grid-template-columns:1fr 1fr;gap:12px}.path-card{padding:18px}.path-card h3{font-size:12px}.path-card p{font-size:9px}.path-status{font-size:8px}.path-top>span:last-child{font-size:9px}.path-top{margin-bottom:15px}.overview-bottom{font-size:8px}.overview-bottom a{font-size:7px}.section-title h2{font-size:16px}.section-title>.text-link{font-size:9px}.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:27px}.page-heading>.btn{font-size:10px}.detail-layout{grid-template-columns:1fr}.detail-aside{display:none}.lesson-layout{grid-template-columns:1fr}.lesson-aside{display:none}.lab-layout{grid-template-columns:1fr}.output-content{min-height:220px}.output-empty{min-height:190px}.lab-run-tools{flex-wrap:nowrap}.run-btn{flex:initial}.demo-banner{font-size:9px;padding:13px}.demo-banner>.text-link{font-size:8px}.error-grid{grid-template-columns:1fr}.error-bottom{grid-template-columns:1fr}.activity-message{max-width:150px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:240px;padding-left:18px;padding-right:18px}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.menu-backdrop{position:fixed;inset:0;background:#0a152a80;border:0;z-index:25}.mobile-toggle{display:inline-flex}.breadcrumb{gap:8px;font-size:10px}.breadcrumb>span{display:none}.breadcrumb>.icon{display:none}.breadcrumb .mobile-toggle>.icon{width:19px;height:19px}.topbar{height:64px;padding:0 17px;gap:8px}.topbar-actions{gap:8px}.search-trigger{width:31px;height:31px;padding:8px;border:0;background:transparent}.search-trigger>.icon{width:17px;height:17px}.search-trigger span,.search-trigger kbd{display:none}.theme-btn{padding:0;width:29px;border:0}.theme-btn>.icon{width:17px}.avatar{width:27px;height:27px;font-size:8px}main{padding:20px 17px 0}.overview-hero{border-radius:12px}.hero-content{padding:28px 23px}.hero-content h1{font-size:32px}.hero-content>p{font-size:11px;margin-top:17px}.desktop-break{display:none}.hero-buttons{gap:8px;flex-wrap:wrap}.hero-buttons .btn{font-size:10px;padding:11px 13px;min-height:39px}.hero-footnote{font-size:7px;margin-top:19px}.stats-strip{padding:17px 0;margin-top:15px}.stats-strip>div{padding:0 14px;gap:9px}.stats-strip strong{font-size:24px}.stats-strip>div>.icon{display:none}.stats-strip>div>span:not(.tag){font-size:9px}.stats-strip span small{font-size:7px}.section-title{align-items:flex-start;margin-top:27px;margin-bottom:15px;gap:10px}.section-title h2{font-size:17px;line-height:1.5}.section-title p{font-size:9px}.section-title>.text-link{font-size:8px;margin-top:4px}.capability-grid{grid-template-columns:1fr;gap:11px}.capability-card{padding:20px 18px;gap:15px}.capability-card .feature-icon{width:40px;height:40px}.capability-card h3{font-size:13px}.capability-card p{font-size:9px}.capability-card code{font-size:8px;margin-top:12px}.capability-card code>span{display:inline;font-size:8px}.card-arrow{right:18px;bottom:20px}.card-arrow>.icon{width:14px}.path-title>.small{font-size:7px;white-space:nowrap;margin-top:6px}.path-title>.small>.icon{width:11px}.path-card{padding:16px 13px}.path-card h3{font-size:10px}.path-card p{font-size:7px}.path-status{font-size:7px}.path-top>span:last-child{font-size:7px;gap:5px}.overview-bottom{font-size:8px;line-height:1.8;padding:12px;align-items:flex-start}.overview-bottom>.icon{margin-top:3px}.overview-bottom a{display:none}.main-footer{font-size:7px;align-items:flex-start}.main-footer a{display:none}.page-heading{margin:10px 0 25px;gap:20px}.page-heading h1{font-size:25px;line-height:1.45}.page-heading>div>p{font-size:11px}.page-heading .eyebrow{font-size:8px;margin-bottom:9px}.catalog-tools{gap:13px;margin-bottom:17px}.filter-tabs{gap:2px;padding:3px;width:100%}.filter-tab{font-size:8px;padding:8px 9px;flex:1}.method-search{width:100%;padding:12px}.method-search input{width:100%;font-size:11px}.method-grid{grid-template-columns:1fr;gap:14px}.method-card{padding:22px}.method-card p{font-size:11px;min-height:auto}.method-card h3{font-size:17px;margin-top:19px}.method-card-bottom{margin-top:19px}.info-banner{align-items:flex-start;padding:17px;gap:8px}.info-banner>.icon{margin-top:3px}.info-banner p{font-size:9px}.info-banner a{display:none}.detail-info{padding:22px}.detail-info>p{font-size:11px;line-height:1.95}.panel-title{gap:10px;flex-wrap:wrap}.panel-title h2{font-size:14px;flex:1}.panel-title .tag{margin:0}.contract-list li{font-size:10px;line-height:1.7}.code-block pre{font-size:9px;padding:19px 15px}.code-header{padding:9px 13px;font-size:8px}.copy-btn{font-size:8px}.step-heading h2{font-size:17px}.lesson-step>p{font-size:11px}.lesson-step{margin-bottom:28px}.quiz-panel{padding:22px 18px}.quiz-panel h2{font-size:15px;line-height:1.6}.quiz-option{padding:12px 10px;font-size:10px;line-height:1.7}.quiz-option>span{font-size:7px}.quiz-feedback{font-size:9px}.lesson-navigation .btn{font-size:9px;padding:11px 12px;gap:7px}.lesson-navigation .btn>.icon{width:13px}.demo-banner{align-items:flex-start;flex-wrap:wrap;font-size:9px;gap:8px}.demo-banner>span{flex:1}.demo-banner>.text-link{width:100%;justify-content:flex-end;margin-top:3px}.demo-banner>.icon{margin-top:2px}.lab-editor{padding:0 17px 19px}.method-selector select{font-size:11px}.lab-description p{font-size:10px}.lab-code-preview pre{font-size:9px}.lab-run-tools{gap:8px}.run-btn{font-size:9px;padding:10px 11px;gap:6px}.run-btn kbd{display:none}.scenario-label select{min-width:115px;font-size:9px}.lab-run-tools>.small{font-size:8px;max-width:120px}.output-content{padding:20px;font-size:9px}.lab-note p{font-size:8px}.activity-panel{padding:0 15px}.activity-panel .text-link{font-size:8px}.panel-header>div{gap:10px}.activity-row{gap:9px;font-size:7px;flex-wrap:wrap}.activity-row code{min-width:110px;font-size:8px}.activity-message{display:none}.activity-row time{font-size:7px;margin-left:auto}.error-card{padding:22px}.error-card>p{min-height:0}.error-bottom h2{font-size:21px}#toast{left:50%;bottom:20px;font-size:10px;padding:13px 15px}#confirm-dialog form{padding:24px}#confirm-dialog h2{font-size:19px}#confirm-dialog p{font-size:11px}.dialog-buttons .btn{font-size:10px;padding:11px 13px}.search-dialog-header{padding:13px 15px;gap:9px}.search-dialog-header input{font-size:11px}.search-results{max-height:60vh}.search-result{padding:12px 10px}.search-result strong{font-size:11px}.search-result small{font-size:8px}}
.learning-progress strong{margin-left:auto}.progress-reset{display:flex;align-items:center;justify-content:center;width:17px;height:17px;margin:-2px -2px -2px 7px;border:0;border-radius:4px;background:transparent;color:#6b7e9f}.progress-reset:hover{color:#b5c9ee;background:#263853}.progress-reset .icon{width:10px;height:10px}
.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:7px;flex-shrink:0}.language-switch button{border:0;border-radius:4px;background:transparent;color:var(--muted);padding:5px 7px;font-size:9px;font-weight:600;line-height:1.4}.language-switch button.active{background:var(--blue);color:#fff}.language-switch button:not(.active):hover{color:var(--blue);background:var(--pale)}.breadcrumb{min-width:0}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex-shrink:0}@media(max-width:700px){.topbar-actions{gap:6px}.language-switch{padding:2px}.language-switch button{padding:5px 6px;font-size:8px}.breadcrumb strong{max-width:120px}.topbar{gap:5px}.breadcrumb{gap:5px}}@media(max-width:360px){.avatar{display:none}.breadcrumb strong{max-width:105px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}