.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__container{color:#f1f5f9;max-width:1120px;font-family:var(--font-inter,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);margin:0 auto;padding:32px 20px 80px}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__breadcrumb{color:#94a3b8;align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__breadLink{color:#94a3b8;text-decoration:none;transition:color .15s}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__breadLink:hover{color:#38bdf8}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__breadSep{color:#475569}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__breadCurrent{color:#38bdf8;font-weight:600}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__hero{background:radial-gradient(circle at 10% 20%,#3178c647 0%,#0000 55%),radial-gradient(circle at 90% 80%,#10b98133 0%,#0000 60%),#080914;border:1px solid #3178c659;border-radius:20px;margin-bottom:32px;padding:38px 32px;box-shadow:0 12px 36px #00000080}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__badge{color:#60a5fa;background:#3178c626;border:1px solid #3178c64d;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__badgeEmerald{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__badgeAmber{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__heroTitle{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 30%,#93c5fd 70%,#6ee7b7 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:2.2rem;font-weight:800;line-height:1.25}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__heroDesc{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__heroDesc code{color:#93c5fd;background:#3178c61f;border-radius:4px;padding:.1em .4em;font-family:monospace;font-size:.9em}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__heroMeta{color:#94a3b8;border-top:1px solid #94a3b81f;flex-wrap:wrap;gap:20px;padding-top:18px;font-size:.85rem;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__heroMetaItem{align-items:center;gap:6px;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocCard{background:#0d1527;border:1px solid #3178c640;border-radius:16px;margin-bottom:48px;padding:24px 28px;box-shadow:0 4px 20px #00000059}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocHeader{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocTitle{text-transform:uppercase;letter-spacing:.08em;color:#60a5fa;align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocMeta{color:#64748b;font-size:.8rem}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (max-width:900px){.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocGrid{grid-template-columns:1fr}}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocItem{color:#cbd5e1;background:#ffffff08;border:1px solid #94a3b81a;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.84rem;text-decoration:none;transition:all .15s;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocItem:hover{color:#93c5fd;background:#3178c61a;border-color:#3178c659;transform:translateY(-1px)}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocItemHot{background:#f973160d;border-color:#f9731659}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocItemHot:hover{color:#fdba74;background:#f9731626;border-color:#f9731680}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocItemChallenge{background:#10b9810d;border-color:#10b98159}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocItemChallenge:hover{color:#6ee7b7;background:#10b98126;border-color:#10b98180}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocNum{color:#64748b;min-width:20px;font-family:monospace;font-size:.72rem;font-weight:700}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocText{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocBadge{border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocBadgeHot{color:#fb923c;background:#f9731633}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__tocBadgeChallenge{color:#34d399;background:#10b98133}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__section{background:#081120;border:1px solid #94a3b81f;border-radius:18px;margin-bottom:40px;padding:36px 32px;scroll-margin-top:80px;box-shadow:0 4px 24px #00000040}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__sectionHeader{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__sectionIconWrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__iconBlue{color:#60a5fa;background:#3178c626;border:1px solid #3178c64d}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__iconEmerald{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__iconAmber{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__iconViolet{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf64d}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__iconRose{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__sectionTitle{color:#fff;margin:0 0 6px;font-size:1.45rem;font-weight:700}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__sectionSub{color:#94a3b8;margin:0;font-size:.9rem;line-height:1.5}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__prose{color:#cbd5e1;margin-bottom:22px;font-size:.96rem;line-height:1.7}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__prose p{margin:0 0 14px}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__prose ul,.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__prose ol{margin:0 0 16px;padding-left:24px}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__prose li{margin-bottom:8px}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__prose strong{color:#fff;font-weight:600}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__prose code{color:#93c5fd;background:#3178c61f;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.88em}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__highlightBox{color:#bfdbfe;background:#3178c614;border-left:4px solid #3178c6;border-radius:0 10px 10px 0;margin:20px 0;padding:16px 20px;font-size:.92rem;line-height:1.6}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__infoBox{color:#a7f3d0;background:#10b98114;border-left:4px solid #10b981;border-radius:0 10px 10px 0;margin:20px 0;padding:16px 20px;font-size:.92rem;line-height:1.6}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__dangerBox{color:#fecdd3;background:#f43f5e14;border-left:4px solid #f43f5e;border-radius:0 10px 10px 0;margin:20px 0;padding:16px 20px;font-size:.92rem;line-height:1.6}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__warningBox{color:#fde68a;background:#f59e0b14;border-left:4px solid #f59e0b;border-radius:0 10px 10px 0;margin:20px 0;padding:16px 20px;font-size:.92rem;line-height:1.6}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__compareGrid{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}@media (max-width:768px){.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__compareGrid{grid-template-columns:1fr}}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__compareCard{background:#ffffff08;border:1px solid #94a3b81f;border-radius:14px;padding:20px}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__compareHeader{align-items:center;gap:10px;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__compareList{margin:0;padding:0;list-style:none}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__compareList li{color:#cbd5e1;align-items:flex-start;gap:10px;margin-bottom:8px;font-size:.88rem;line-height:1.5;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__codeWrap{background:#030712;border:1px solid #94a3b826;border-radius:12px;margin:18px 0;overflow:hidden}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__codeBar{color:#64748b;background:#090d1a;border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;padding:10px 16px;font-family:monospace;font-size:.8rem;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__codeBarTitle{color:#60a5fa;font-weight:600}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__codeBody{color:#e2e8f0;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.85rem;line-height:1.65;overflow-x:auto}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__playgroundCard{background:#050b17;border:1px solid #3178c659;border-radius:16px;margin:24px 0;overflow:hidden;box-shadow:0 8px 32px #00000073}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__playgroundToolbar{background:#091224;border-bottom:1px solid #3178c633;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__playgroundTabs{gap:8px;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__codeTab{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #94a3b826;border-radius:6px;padding:6px 14px;font-family:monospace;font-size:.8rem;transition:all .15s}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__codeTabActive{color:#93c5fd;background:#3178c633;border-color:#3178c6;font-weight:700}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__editorGrid{grid-template-columns:1.15fr .85fr;min-height:420px;display:grid}@media (max-width:860px){.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__editorGrid{grid-template-columns:1fr}}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__editorArea{color:#e2e8f0;resize:none;background:#020612;border:none;border-right:1px solid #94a3b81a;outline:none;width:100%;height:100%;min-height:380px;padding:16px;font-family:monospace;font-size:.84rem;line-height:1.6}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__outputArea{background:#030712;flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__outputTitle{color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #94a3b81a;padding-bottom:8px;font-size:.78rem;font-weight:700}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__terminalOutput{color:#e2e8f0;white-space:pre-wrap;background:#010409;border:1px solid #94a3b81f;border-radius:8px;min-height:160px;padding:14px;font-family:monospace;font-size:.82rem;line-height:1.6;overflow-x:auto}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__debugCard{background:#050b17;border:1px solid #f59e0b4d;border-radius:16px;margin:24px 0;padding:24px}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__scenarioTabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__scenarioTab{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #94a3b81f;border-radius:8px;padding:8px 14px;font-size:.82rem;transition:all .15s}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__scenarioTab:hover{color:#fef3c7;background:#f59e0b14;border-color:#f59e0b40}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__scenarioTabActive{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b;font-weight:700}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__scenarioBox{background:#030712;border:1px solid #94a3b826;border-radius:12px;margin-bottom:20px;padding:18px}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__fixOptions{flex-direction:column;gap:10px;margin-top:14px;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__fixOption{color:#cbd5e1;cursor:pointer;background:#ffffff05;border:1px solid #94a3b81a;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:.86rem;line-height:1.5;transition:all .15s;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__fixOption:hover{background:#3178c60f;border-color:#3178c64d}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__fixOptionSelected{color:#bfdbfe;background:#3178c626;border-color:#3178c6}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__challengeCard{background:#050d1a;border:1px solid #10b9814d;border-radius:16px;margin:24px 0;padding:26px}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__challengeStep{background:#ffffff05;border:1px solid #94a3b81a;border-radius:12px;margin-bottom:16px;padding:18px}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__challengeStepTitle{color:#fff;align-items:center;gap:8px;margin-bottom:10px;font-size:.95rem;font-weight:700;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__summaryGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}@media (max-width:860px){.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__summaryGrid{grid-template-columns:1fr}}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__summaryCard{background:#ffffff05;border:1px solid #94a3b81f;border-radius:12px;padding:18px}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__summaryTitle{color:#60a5fa;align-items:center;gap:8px;margin:0 0 8px;font-size:.95rem;font-weight:700;display:flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__summaryText{color:#94a3b8;margin:0;font-size:.86rem;line-height:1.55}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__btnPrimary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3178c6);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__btnPrimary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 0 14px #3178c666}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__btnSecondary{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #94a3b826;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__btnSecondary:hover{color:#fff;background:#ffffff1a;border-color:#94a3b84d}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__btnGhost{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;transition:color .15s;display:inline-flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__btnGhost:hover{color:#60a5fa}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__btnSuccess{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.JavaScriptTypeScriptNodejsWorkspace-module__CzC9-a__btnSuccess:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 0 14px #10b98166}
