.bb-lesson-list-road{isolation:isolate;box-sizing:border-box;color:#d9eff1;width:100%;max-width:54rem;margin:12px auto 20px;padding:8px 18px;position:relative}.bb-lesson-list-road .bb-lr-paths{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:visible}.bb-lr-paths path{fill:none;stroke:#49afa9;stroke-width:2px;stroke-dasharray:5 7;opacity:.6}.bb-lesson-list-road .bb-lr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px;margin:0;padding:0;list-style:none;display:grid}.bb-lesson-list-road .bb-lr-item{grid-row:var(--lr-row);grid-column:var(--lr-col);flex-direction:column;align-items:center;gap:12px;min-width:0;margin:0;padding:0;display:flex}.bb-lesson-list-road .bb-lr-dot{color:#f0d095;background:linear-gradient(145deg,#227f83,#102c40);border:1px solid #6bd4ca;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:15px;font-weight:700;line-height:1;display:grid;box-shadow:0 4px #071c29}.bb-lesson-list-road .bb-lr-label{box-sizing:border-box;text-align:center;overflow-wrap:anywhere;background:linear-gradient(135deg,#143746,#0b2331);border:1px solid #285565;border-radius:14px;width:100%;min-width:0;padding:12px 14px;font-size:clamp(14px,1.2vw,17px);line-height:1.9}.bb-lesson-list-road .bb-lr-label p{margin:0}.bb-lr-reveal .bb-lr-item{animation:.45s ease-out backwards bb-lr-enter;animation-delay:var(--lr-delay)}@keyframes bb-lr-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.bb-lesson-list-road .bb-lr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.bb-lesson-list-road .bb-lr-label{padding:10px;font-size:14px}.bb-lesson-list-road .bb-lr-dot{width:32px;height:32px;font-size:13px}}@media (max-width:340px){.bb-lesson-list-road .bb-lr-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.bb-lr-reveal .bb-lr-item{animation:none}}@media (max-width:600px){.bb-lesson-list-road .bb-lr-item{grid-row:var(--lr-mobile-row);grid-column:var(--lr-mobile-col)}}@media (max-width:340px){.bb-lesson-list-road .bb-lr-item{grid-row:var(--lr-single-row);grid-column:1}}
.lesson-blocks,.stage-blocks{min-inline-size:0}.lesson-blocks .lesson-code{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;margin-inline:0}.lesson-blocks .lesson-code>.code-block{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%}.lesson-blocks .lesson-code>.lesson-persian-text{text-align:right;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font-family:var(--ui-font,Tahoma, Arial, sans-serif);letter-spacing:normal;direction:rtl;unicode-bidi:isolate;font-size:1rem;line-height:1.9}.lesson-blocks .lesson-code>.lesson-persian-text code{text-align:right;font:inherit;white-space:inherit;overflow-wrap:inherit;letter-spacing:normal;direction:rtl}@media (max-width:700px){.lesson-blocks .lesson-code>.code-block{padding:12px;font-size:.8125rem}.lesson-blocks .lesson-code>.lesson-persian-text{font-size:.875rem;line-height:1.85}.lesson-blocks .lesson-code>.code-caption{font-size:.75rem}}.lesson-blocks .lesson-code>.code-block[dir=ltr],.lesson-blocks .lesson-code>.code-block[dir=ltr]>code{text-align:left;white-space:pre;overflow-wrap:normal;word-break:normal;tab-size:4;font-family:var(--ui-mono,Consolas, monospace);direction:ltr;unicode-bidi:isolate}.lesson-blocks .lesson-code>.code-block[dir=ltr]{overflow-x:auto}.lesson-blocks .lesson-code>.code-block>code{min-width:0;display:block}.lesson-blocks .inline-code,.stage-blocks .inline-code{vertical-align:middle;white-space:pre;max-inline-size:100%;font-family:var(--ui-mono,Consolas, monospace);unicode-bidi:isolate;font-size:.9em;display:inline-block;overflow-x:auto}.lesson-blocks .inline-code[dir=ltr],.stage-blocks .inline-code[dir=ltr]{text-align:left;direction:ltr}.lesson-blocks .inline-code[dir=rtl],.stage-blocks .inline-code[dir=rtl]{text-align:right;direction:rtl;font-family:inherit}
.web-lab-module__FysApW__lab{border:1px solid color-mix(in srgb, var(--bb-aqua,#2dd4bf) 34%, transparent);color:#eafcff;background:radial-gradient(circle at 100% 0,#2dd4bf21,#0000 34%),linear-gradient(145deg,#041623f7,#071f30f7);border-radius:1.5rem;margin-block:1.5rem;overflow:hidden;box-shadow:0 24px 60px #0003}.web-lab-module__FysApW__header{justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.25rem;display:flex}.web-lab-module__FysApW__header h3{margin:.25rem 0 .45rem;font-size:clamp(1.15rem,2vw,1.45rem)}.web-lab-module__FysApW__header p{color:#eafcffc2;max-width:68ch;margin:0;line-height:1.9}.web-lab-module__FysApW__eyebrow{color:#67e8f9;letter-spacing:.14em;font-size:.72rem;font-weight:800}.web-lab-module__FysApW__actions{flex-wrap:wrap;gap:.6rem;display:flex}.web-lab-module__FysApW__actions button,.web-lab-module__FysApW__tabs button,.web-lab-module__FysApW__consoleHeader button{font:inherit;cursor:pointer;border:0;border-radius:999px}.web-lab-module__FysApW__runButton{color:#03202a;background:linear-gradient(135deg,#2dd4bf,#67e8f9);padding:.7rem 1rem;font-weight:900}.web-lab-module__FysApW__resetButton{color:#eafcff;background:#ffffff14;padding:.7rem 1rem;border:1px solid #ffffff1f!important}.web-lab-module__FysApW__securityNote{color:#eafcffd1;background:#2dd4bf17;border-radius:1rem;gap:.6rem;margin:0 1.25rem 1.1rem;padding:.75rem .9rem;font-size:.88rem;line-height:1.75;display:flex}.web-lab-module__FysApW__workspace{border-block:1px solid #ffffff17;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:30rem;display:grid}.web-lab-module__FysApW__editorPane,.web-lab-module__FysApW__previewPane{min-width:0}.web-lab-module__FysApW__editorPane{background:#06131e;border-inline-end:1px solid #ffffff17;flex-direction:column;display:flex}.web-lab-module__FysApW__tabs{border-bottom:1px solid #ffffff14;gap:.35rem;padding:.7rem;display:flex;overflow-x:auto}.web-lab-module__FysApW__tab,.web-lab-module__FysApW__activeTab{white-space:nowrap;padding:.52rem .8rem}.web-lab-module__FysApW__tab{color:#eafcffa8;background:0 0}.web-lab-module__FysApW__activeTab{color:#99f6e4;background:#2dd4bf26;outline:1px solid #2dd4bf47}.web-lab-module__FysApW__editorLabel{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.web-lab-module__FysApW__editor{resize:vertical;color:#d8f7ff;caret-color:#67e8f9;tab-size:2;background:#071722;border:0;outline:0;flex:1;width:100%;min-height:25rem;padding:1rem;font:500 .9rem/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.web-lab-module__FysApW__editor:focus{box-shadow:inset 0 0 0 2px #2dd4bf8c}.web-lab-module__FysApW__previewPane{color:#09202b;background:#f7fbfc;flex-direction:column;display:flex}.web-lab-module__FysApW__previewHeader{background:#edf7f8;border-bottom:1px solid #d7e8ea;justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;padding:.65rem .9rem;font-weight:800;display:flex}.web-lab-module__FysApW__previewHeader small{color:#637b83;font-weight:500}.web-lab-module__FysApW__preview{background:#fff;border:0;flex:1;width:100%;min-height:27rem}.web-lab-module__FysApW__console{background:#040d13}.web-lab-module__FysApW__consoleHeader{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;min-height:2.8rem;padding:.55rem .85rem;font-weight:800;display:flex}.web-lab-module__FysApW__consoleHeader button{color:#eafcffb8;background:#ffffff14;padding:.38rem .7rem}.web-lab-module__FysApW__consoleBody{text-align:left;direction:ltr;min-height:7rem;max-height:14rem;padding:.65rem .85rem;overflow:auto}.web-lab-module__FysApW__consoleEmpty{color:#eafcff73;text-align:right;direction:rtl;margin:0}.web-lab-module__FysApW__consoleLine{border-bottom:1px dashed #ffffff0f;grid-template-columns:1.1rem minmax(0,1fr);gap:.45rem;padding:.35rem 0;display:grid}.web-lab-module__FysApW__consoleLine code{white-space:pre-wrap;overflow-wrap:anywhere;font:500 .84rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.web-lab-module__FysApW__log,.web-lab-module__FysApW__info{color:#d8f7ff}.web-lab-module__FysApW__warn{color:#fde68a}.web-lab-module__FysApW__error{color:#fda4af}@media (max-width:900px){.web-lab-module__FysApW__header{flex-direction:column}.web-lab-module__FysApW__workspace{grid-template-columns:1fr}.web-lab-module__FysApW__editorPane{border-inline-end:0;border-bottom:1px solid #ffffff17}.web-lab-module__FysApW__editor,.web-lab-module__FysApW__preview{min-height:22rem}}@media (max-width:560px){.web-lab-module__FysApW__lab{border-radius:1.15rem}.web-lab-module__FysApW__header,.web-lab-module__FysApW__securityNote{margin-inline:0}.web-lab-module__FysApW__header{padding:1rem}.web-lab-module__FysApW__securityNote{margin:0 1rem 1rem}.web-lab-module__FysApW__actions{width:100%}.web-lab-module__FysApW__actions button{flex:1}.web-lab-module__FysApW__previewHeader{flex-direction:column;align-items:flex-start;gap:.15rem}}