@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-gray-0: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-150: #eaecf0;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-info-50: var(--color-primary-50);--color-info-100: var(--color-primary-100);--color-info-500: var(--color-primary-500);--color-info-600: var(--color-primary-600);--color-html: #e44d26;--color-html-light: #fff0ec;--color-css: #264de4;--color-css-light: #eef1fd;--color-bg: var(--color-gray-50);--color-bg-elevated: var(--color-gray-0);--color-bg-subtle: var(--color-gray-100);--color-surface: var(--color-gray-0);--color-surface-hover: var(--color-gray-50);--color-border: var(--color-gray-200);--color-border-strong: var(--color-gray-300);--color-text: var(--color-gray-900);--color-text-muted: var(--color-gray-500);--color-text-subtle: var(--color-gray-400);--color-text-inverse: var(--color-gray-0);--color-text-link: var(--color-primary-600);--color-focus-ring: var(--color-primary-500);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed:1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sidebar-width: 260px;--header-height: 56px;--editor-min-width: 320px;--preview-min-width: 280px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-above: 10;--z-modal: 100;--z-tooltip: 200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:2;tab-size:2}body{line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:inherit}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none}#root{isolation:isolate;height:100dvh;display:flex;flex-direction:column}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}::selection{background-color:var(--color-primary-100);color:var(--color-primary-900)}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-gray-100);color:var(--color-gray-800);padding:.125em .375em;border-radius:var(--radius-sm)}pre code{background:none;padding:0;font-size:inherit}.theory-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-3);margin-top:var(--space-6)}.theory-content h2:first-child{margin-top:0}.theory-content p{color:var(--color-gray-700);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.theory-content ul{list-style:disc;padding-left:var(--space-6);margin-bottom:var(--space-4)}.theory-content ul li{color:var(--color-gray-700);line-height:var(--line-height-relaxed);margin-bottom:var(--space-1)}.theory-content pre{background-color:var(--color-gray-900);color:var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.theory-content .highlight{background-color:var(--color-primary-50);border-left:3px solid var(--color-primary-500);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-4)}.theory-content .highlight p{margin-bottom:0;color:var(--color-primary-800)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._button_1q2x9_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);line-height:1;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1.5px solid transparent;text-decoration:none}._sm_1q2x9_25{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);gap:var(--space-1)}._md_1q2x9_31{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}._lg_1q2x9_36{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}._primary_1q2x9_42{background-color:var(--color-primary-600);color:var(--color-text-inverse);border-color:var(--color-primary-600)}._primary_1q2x9_42:hover:not(:disabled){background-color:var(--color-primary-700);border-color:var(--color-primary-700)}._primary_1q2x9_42:active:not(:disabled){background-color:var(--color-primary-800)}._primaryOutline_1q2x9_58{background-color:transparent;color:var(--color-primary-600);border-color:var(--color-primary-600)}._primaryOutline_1q2x9_58:hover:not(:disabled){background-color:var(--color-primary-50)}._secondary_1q2x9_69{background-color:var(--color-gray-800);color:var(--color-text-inverse);border-color:var(--color-gray-800)}._secondary_1q2x9_69:hover:not(:disabled){background-color:var(--color-gray-900);border-color:var(--color-gray-900)}._secondaryOutline_1q2x9_81{background-color:transparent;color:var(--color-gray-700);border-color:var(--color-gray-300)}._secondaryOutline_1q2x9_81:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}._success_1q2x9_93{background-color:var(--color-success-600);color:var(--color-text-inverse);border-color:var(--color-success-600)}._success_1q2x9_93:hover:not(:disabled){background-color:var(--color-success-700)}._successOutline_1q2x9_104{background-color:transparent;color:var(--color-success-600);border-color:var(--color-success-500)}._successOutline_1q2x9_104:hover:not(:disabled){background-color:var(--color-success-50)}._warning_1q2x9_115{background-color:var(--color-warning-500);color:var(--color-text-inverse);border-color:var(--color-warning-500)}._warning_1q2x9_115:hover:not(:disabled){background-color:var(--color-warning-600)}._danger_1q2x9_126{background-color:var(--color-error-600);color:var(--color-text-inverse);border-color:var(--color-error-600)}._danger_1q2x9_126:hover:not(:disabled){background-color:var(--color-error-700)}._ghost_1q2x9_137{background-color:transparent;color:var(--color-gray-700);border-color:transparent}._ghost_1q2x9_137:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-gray-900)}._button_1q2x9_1:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}._fullWidth_1q2x9_156{width:100%}._iconOnly_1q2x9_161{padding:var(--space-2);aspect-ratio:1}._iconOnly_1q2x9_161._sm_1q2x9_25{padding:var(--space-1)}._iconOnly_1q2x9_161._lg_1q2x9_36{padding:var(--space-3)}._container_9oo1q_1{display:flex;flex-direction:column;gap:var(--space-1)}._header_9oo1q_7{display:flex;justify-content:space-between;align-items:center}._label_9oo1q_13{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}._value_9oo1q_19{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}._track_9oo1q_25{width:100%;height:6px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}._trackLg_9oo1q_33{height:10px}._fill_9oo1q_37{height:100%;background-color:var(--color-primary-500);border-radius:var(--radius-full);transition:width var(--transition-slow)}._fillSuccess_9oo1q_44{background-color:var(--color-success-500)}._fillHtml_9oo1q_48{background-color:var(--color-html)}._fillCss_9oo1q_52{background-color:var(--color-css)}._fillDesign_9oo1q_56{background-color:#7c3aed}._fillCssAdvanced_9oo1q_60{background-color:#0d9488}._fillResponsive_9oo1q_64{background-color:#e11d48}._fillA11y_9oo1q_68{background-color:#16a34a}._fillDesignSystems_9oo1q_72{background-color:#4338ca}._fillTypography_9oo1q_76{background-color:#d97706}._card_120z9_1{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}._card_120z9_1:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}._card_120z9_1._completed_120z9_22{border-color:var(--color-success-200);background-color:var(--color-success-50)}._card_120z9_1._active_120z9_27{border-color:var(--color-primary-400);box-shadow:var(--shadow-sm)}._statusIcon_120z9_32{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:var(--radius-full);background-color:var(--color-gray-100)}._statusIconCompleted_120z9_43{background-color:var(--color-success-100);color:var(--color-success-600)}._statusIconActive_120z9_48{background-color:var(--color-primary-100);color:var(--color-primary-600)}._statusIconLocked_120z9_53{background-color:var(--color-gray-100);color:var(--color-gray-400)}._content_120z9_58{flex:1;min-width:0}._title_120z9_63{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._order_120z9_73{font-size:var(--font-size-xs);color:var(--color-text-subtle)}._arrow_120z9_78{color:var(--color-text-subtle);flex-shrink:0;transition:transform var(--transition-fast)}._card_120z9_1:hover ._arrow_120z9_78{transform:translate(2px)}._page_1p3mt_1{min-height:100dvh;background-color:var(--color-bg)}._topBar_1p3mt_6{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-8);height:var(--header-height);display:flex;align-items:center;gap:var(--space-3)}._logoText_1p3mt_16{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}._logoDivider_1p3mt_22{color:var(--color-border-strong);font-size:var(--font-size-lg)}._logoSub_1p3mt_27{font-size:var(--font-size-sm);color:var(--color-text-muted)}._hero_1p3mt_32{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);padding:var(--space-16) var(--space-8);text-align:center;color:#fff}._heroTitle_1p3mt_39{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}._heroSubtitle_1p3mt_46{font-size:var(--font-size-lg);opacity:.85;max-width:560px;margin:0 auto var(--space-8);line-height:var(--line-height-relaxed)}._heroStats_1p3mt_54{display:flex;align-items:center;justify-content:center;gap:var(--space-8);flex-wrap:wrap}._heroStat_1p3mt_54{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}._heroStatNumber_1p3mt_69{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}._heroStatLabel_1p3mt_74{font-size:var(--font-size-sm);opacity:.7}._body_1p3mt_79{max-width:900px;margin:0 auto;padding:var(--space-12) var(--space-8);display:flex;flex-direction:column;gap:var(--space-10)}._moduleSection_b14mx_1{display:flex;flex-direction:column;gap:var(--space-4)}._moduleHeader_b14mx_7{display:flex;align-items:center;gap:var(--space-3)}._moduleIconBig_b14mx_13{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);flex-shrink:0}._htmlIcon_b14mx_25{background-color:var(--color-html-light);color:var(--color-html)}._cssIcon_b14mx_30{background-color:var(--color-css-light);color:var(--color-css)}._designIcon_b14mx_35{background-color:#ede9fe;color:#7c3aed}._cssAdvancedIcon_b14mx_40{background-color:#ccfbf1;color:#0d9488}._responsiveIcon_b14mx_45{background-color:#ffe4e6;color:#e11d48}._a11yIcon_b14mx_50{background-color:#dcfce7;color:#16a34a}._designSystemsIcon_b14mx_55{background-color:#e0e7ff;color:#4338ca}._typographyIcon_b14mx_60{background-color:#fef3c7;color:#d97706}._moduleMeta_b14mx_65{flex:1}._moduleTitle_b14mx_69{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-1)}._moduleDesc_b14mx_76{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}._moduleProgress_b14mx_82{margin-top:var(--space-3)}._lessonGrid_b14mx_86{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}._continueSection_b14mx_92{background-color:var(--color-primary-50);border:1.5px solid var(--color-primary-200);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}._continueText_b14mx_103 h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-900);margin-bottom:var(--space-1)}._continueText_b14mx_103 p{font-size:var(--font-size-sm);color:var(--color-primary-700)}._overallProgress_b14mx_115{background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}._overallTitle_b14mx_125{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}._sidebar_u3y5s_1{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}._logo_u3y5s_11{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border);text-decoration:none;flex-shrink:0}._logoText_u3y5s_21{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.2}._logoSubtext_u3y5s_28{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-regular)}._nav_u3y5s_34{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}._module_u3y5s_43{display:flex;flex-direction:column;gap:var(--space-2)}._moduleHeader_u3y5s_49{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}._moduleIcon_u3y5s_56{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}._moduleIconHtml_u3y5s_68{background-color:var(--color-html-light);color:var(--color-html)}._moduleIconCss_u3y5s_73{background-color:var(--color-css-light);color:var(--color-css)}._moduleTitle_u3y5s_78{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}._lessonList_u3y5s_84{display:flex;flex-direction:column;gap:var(--space-1)}._lessonItem_u3y5s_90{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast);border:none;background:none;width:100%;text-align:left;color:var(--color-text-muted);font-size:var(--font-size-sm)}._lessonItem_u3y5s_90:hover{background-color:var(--color-gray-100);color:var(--color-text)}._lessonItemActive_u3y5s_112{background-color:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-medium)}._lessonItemActive_u3y5s_112:hover{background-color:var(--color-primary-100)}._lessonItemCompleted_u3y5s_122{color:var(--color-success-600)}._lessonNumber_u3y5s_126{font-size:var(--font-size-xs);color:var(--color-text-subtle);min-width:20px;text-align:right;flex-shrink:0}._lessonTitle_u3y5s_134{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._lessonCheckIcon_u3y5s_141{flex-shrink:0;color:var(--color-success-500)}._footer_u3y5s_146{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);flex-shrink:0}._homeLink_u3y5s_152{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}._homeLink_u3y5s_152:hover{background-color:var(--color-gray-100);color:var(--color-text)}._layout_cfnlq_1{display:flex;height:100dvh;overflow:hidden;background-color:var(--color-bg)}._main_cfnlq_8{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}._content_cfnlq_16{flex:1;display:flex;overflow:hidden;gap:1px;background-color:var(--color-border)}._editorCol_cfnlq_24{flex:1;min-width:var(--editor-min-width);overflow:hidden;background-color:var(--color-surface)}._editorColFull_cfnlq_32{flex:1;overflow:hidden;background-color:var(--color-surface);max-width:860px}._previewCol_cfnlq_39{flex:1;min-width:var(--preview-min-width);overflow:hidden;background-color:var(--color-surface)}._header_1ibvq_1{height:var(--header-height);min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);gap:var(--space-4)}._left_1ibvq_13{display:flex;align-items:center;gap:var(--space-3);min-width:0}._breadcrumb_1ibvq_20{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden}._breadcrumbSep_1ibvq_30{color:var(--color-gray-300);flex-shrink:0}._lessonTitle_1ibvq_35{font-weight:var(--font-weight-semibold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis}._right_1ibvq_42{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}._navButton_1ibvq_49{display:flex;align-items:center;gap:var(--space-1)}._wrapper_xxh3m_1{display:flex;flex-direction:column;height:100%;background-color:var(--color-gray-900);border-radius:var(--radius-lg);overflow:hidden}._toolbar_xxh3m_10{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background-color:var(--color-gray-800);border-bottom:1px solid var(--color-gray-700);flex-shrink:0}._toolbarLeft_xxh3m_20{display:flex;align-items:center;gap:var(--space-2)}._dots_xxh3m_26{display:flex;gap:6px}._dot_xxh3m_26{width:12px;height:12px;border-radius:var(--radius-full)}._dotRed_xxh3m_37{background-color:#ff5f57}._dotYellow_xxh3m_38{background-color:#febc2e}._dotGreen_xxh3m_39{background-color:#28c840}._filename_xxh3m_41{font-size:var(--font-size-xs);color:var(--color-gray-400);font-family:var(--font-mono)}._editorArea_xxh3m_47{flex:1;overflow:hidden}._loading_xxh3m_52{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-gray-500);font-size:var(--font-size-sm)}._container_1o7qb_1{display:flex;flex-direction:column;gap:var(--space-4)}._header_1o7qb_7{display:flex;align-items:center;gap:var(--space-2)}._icon_1o7qb_13{color:var(--color-primary-600);flex-shrink:0}._title_1o7qb_18{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}._description_1o7qb_24{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}._description_1o7qb_24 code{font-size:.8em}._feedback_1o7qb_34{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed)}._feedbackSuccess_1o7qb_45{background-color:var(--color-success-50);color:var(--color-success-700);border:1.5px solid var(--color-success-200)}._feedbackError_1o7qb_51{background-color:var(--color-error-50);color:var(--color-error-700);border:1.5px solid var(--color-error-100)}._feedbackIcon_1o7qb_57{flex-shrink:0;margin-top:1px}._container_1lm2s_1{border-radius:var(--radius-lg);overflow:hidden}._trigger_1lm2s_6{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-warning-50);border:1.5px solid var(--color-warning-100);border-radius:var(--radius-lg);color:var(--color-warning-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}._trigger_1lm2s_6:hover{background-color:var(--color-warning-100)}._triggerOpen_1lm2s_27{border-radius:var(--radius-lg) var(--radius-lg) 0 0}._triggerLeft_1lm2s_31{display:flex;align-items:center;gap:var(--space-2)}._chevron_1lm2s_37{transition:transform var(--transition-fast);flex-shrink:0}._chevronOpen_1lm2s_42{transform:rotate(180deg)}._content_1lm2s_46{background-color:var(--color-warning-50);border:1.5px solid var(--color-warning-100);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-3) var(--space-4)}._hintList_1lm2s_54{display:flex;flex-direction:column;gap:var(--space-2)}._hint_1lm2s_54{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-warning-700);line-height:var(--line-height-relaxed)}._hintNumber_1lm2s_69{display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;background-color:var(--color-warning-500);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-top:1px}._revealButton_1lm2s_84{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-warning-600);text-decoration:underline;background:none;border:none;cursor:pointer;padding:0}._panel_13od5_1{display:flex;flex-direction:column;height:100%;overflow:hidden}._tabs_13od5_8{display:flex;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0}._tab_13od5_8{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast);background:none;border-top:none;border-left:none;border-right:none;white-space:nowrap;display:flex;align-items:center;gap:var(--space-2)}._tab_13od5_8:hover{color:var(--color-text)}._tabActive_13od5_38{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}._tabContent_13od5_43{flex:1;overflow:hidden;display:flex;flex-direction:column}._theoryContent_13od5_50{flex:1;overflow-y:auto;padding:var(--space-6)}._taskContent_13od5_56{flex:1;display:flex;flex-direction:column;overflow:hidden}._taskInfo_13od5_63{padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0;overflow-y:auto;max-height:260px}._editorWrapper_13od5_74{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:var(--space-3);background-color:var(--color-gray-100)}._editorTabBar_13od5_85{display:flex;background-color:var(--color-gray-800);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;flex-shrink:0}._editorSubTab_13od5_93{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-mono);color:var(--color-gray-400);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}._editorSubTab_13od5_93:hover{color:var(--color-gray-200);background-color:#ffffff0d}._editorSubTabActive_13od5_116{color:var(--color-gray-0);border-bottom-color:var(--color-primary-400)}._editorSubTabBadge_13od5_121{font-size:10px;padding:1px 5px;border-radius:var(--radius-full);background-color:var(--color-gray-600);color:var(--color-gray-300);line-height:1.4}._editorSubTabBadgeActive_13od5_130{background-color:var(--color-primary-700);color:var(--color-primary-200)}._editorInner_13od5_135{flex:1;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}._editorInnerWithTabs_13od5_142{border-radius:0 0 var(--radius-lg) var(--radius-lg)}._actions_13od5_146{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0}._resetButton_13od5_156{margin-left:auto}._completeAction_13od5_160{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:center}._panel_y14x5_1{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--color-gray-100)}._header_y14x5_9{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;height:44px}._title_y14x5_20{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}._liveIndicator_y14x5_29{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-success-600)}._liveDot_y14x5_37{width:6px;height:6px;background-color:var(--color-success-500);border-radius:var(--radius-full);animation:_pulse_y14x5_1 2s ease-in-out infinite}@keyframes _pulse_y14x5_1{0%,to{opacity:1}50%{opacity:.4}}._iframeWrapper_y14x5_50{flex:1;overflow:hidden;padding:var(--space-3)}._iframe_y14x5_50{width:100%;height:100%;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background-color:#fff;box-shadow:var(--shadow-sm)}._notFound_yrpai_1{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:var(--space-4);color:var(--color-text-muted)}._notFound_yrpai_1 h1{font-size:var(--font-size-2xl);color:var(--color-text)}