*{margin:0;padding:0;box-sizing:border-box}:root{font-family:var(--font-body, "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-base: #0f172a;--bg-surface: #162035;--bg-raised: #1a2d45;--bg-overlay: #1e3354;--surface-1: var(--bg-surface);--surface-2: var(--bg-raised);--surface-3: var(--bg-overlay);--border-faint: rgba(255,255,255,.05);--border-default: rgba(255,255,255,.09);--border-strong: rgba(255,255,255,.16);--border-subtle: var(--border-faint);--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-tertiary: #484f58;--text-muted: var(--text-tertiary);--text-disabled: rgba(255,255,255,.28);--accent: #45C1E0;--accent-dim: rgba(69,193,224,.12);--accent-border: rgba(69,193,224,.25);--accent-bg: var(--accent-dim);--color-accent: var(--accent);--color-success: #3fb950;--color-success-bg: rgba(63,185,80,.12);--color-success-border: rgba(63,185,80,.3);--color-warning: #d29922;--color-warning-bg: rgba(210,153,34,.12);--color-warning-border: rgba(210,153,34,.3);--color-error: #f85149;--color-error-bg: rgba(248,81,73,.12);--color-error-border: rgba(248,81,73,.3);--color-info: #58a6ff;--color-info-bg: rgba(88,166,255,.12);--color-info-border: rgba(88,166,255,.3);--success: var(--color-success);--warning: var(--color-warning);--error: var(--color-error);--info: var(--color-info);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-block: 12px;--radius-inner: 8px;--font-body: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Tsukimi Rounded", sans-serif;--font-code: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--gradient-identity: linear-gradient(135deg, #45C1E0 0%, #0EA5B0 100%);--gradient-action: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-primary: linear-gradient(135deg, #0d9488 0%, #115e59 100%)}body{font-family:var(--font-body);background:radial-gradient(at 0% 105%,rgba(69,193,224,.18) 0%,transparent 50%),linear-gradient(160deg,#0f172a,#1a2d45);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.025em}code,pre,kbd,samp{font-family:var(--font-code)}html{overflow-x:hidden;width:100%;max-width:100vw}body{margin:0;padding:0;min-height:100vh;background:var(--bg-base);color:var(--text-primary);overflow-x:hidden;width:100%;max-width:100vw}#app{width:100%;max-width:100vw;overflow-x:hidden}.bg-app{background:var(--bg-base);min-height:100vh}.page-shell{max-width:1100px;margin:0 auto;padding:40px 24px}.page-shell--narrow{max-width:900px;margin:0 auto;padding:40px 24px}.elevated-1{background:var(--bg-surface)}.elevated-2{background:var(--bg-raised)}.elevated-3{background:var(--bg-overlay)}.state-empty,.state-loading{padding:48px 24px;text-align:center;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-faint);color:var(--text-tertiary);font-size:.9rem}.state-error{padding:48px 24px;text-align:center;border-radius:var(--radius-lg);background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error);font-size:.9rem}.info-box{background:linear-gradient(135deg,#667eea21,#764ba214);border:1px solid rgba(102,126,234,.25);padding:20px;margin:20px 0;border-radius:12px}.info-box h3,.info-box h4{margin:0 0 10px;color:var(--primary-color, #667eea)}.info-box p{margin:10px 0;line-height:1.6;color:#ffffffd9}.info-box ul{margin:10px 0;padding-left:25px}.info-box li{margin:5px 0;color:#ffffffd9}.highlight-box{background:linear-gradient(135deg,#ffc1071f,#ff980012);border:1px solid rgba(255,193,7,.3);padding:20px;margin:20px 0;border-radius:12px;color:#ffc864f2}.highlight-box strong{color:#fbbf24}.tip-box{background:linear-gradient(135deg,#4caf501f,#388e3c12);border:1px solid rgba(76,175,80,.3);padding:15px 20px;margin:20px 0;border-radius:12px;color:#96ffb4e6}.tip-box strong{color:#42b983}.example-box{background:linear-gradient(135deg,#2196f31f,#1565c012);border:1px solid rgba(33,150,243,.3);padding:20px;margin:20px 0;border-radius:12px;color:#ffffffd9}.example-box h4{color:#60a5fa;margin:0 0 10px}.definition-box{background:linear-gradient(135deg,#9c27b01f,#7b1fa212);border:1px solid rgba(156,39,176,.28);padding:20px;margin:20px 0;border-radius:12px;color:#ffffffd9}.definition-box strong{color:#ce93d8}.definition-box p{margin:10px 0;line-height:1.6;color:#ffffffd9}.warning-box{background:linear-gradient(135deg,#ff980021,#e6510012);border:1px solid rgba(255,152,0,.32);padding:15px 20px;margin:20px 0;border-radius:12px;color:#ffc864f2}.warning-box strong{color:#fbbf24}.danger-box{background:linear-gradient(135deg,#f443361f,#b71c1c12);border:1px solid rgba(244,67,54,.3);padding:15px 20px;margin:20px 0;border-radius:12px;color:#ff8282f2}.danger-box strong{color:#ff8080}.code-box{background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;font-family:Courier New,monospace;margin:15px 0;color:var(--text-secondary, rgba(255,255,255,.72))}.code-box p{margin:5px 0}.code-box strong{color:var(--primary-color, #667eea)}.summary-box{background:linear-gradient(135deg,#667eea21,#764ba214);border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:25px;margin:30px 0}.summary-box h3{color:var(--primary-color, #667eea);margin:0 0 15px}.summary-box ul{list-style:none;padding:0}.summary-box li{padding:8px 0 8px 25px;position:relative;color:#ffffffd9}.summary-box li:before{content:"✅";position:absolute;left:0}.wichtig-box{background:linear-gradient(135deg,#ff980024,#ff572214);border:1px solid rgba(255,152,0,.32);border-radius:12px;padding:20px 25px;margin:25px 0;position:relative}.wichtig-box:before{content:"⚠️";position:absolute;top:-10px;left:-10px;font-size:1.5em;background:#ffffff1f;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.wichtig-box h4,.wichtig-box .wichtig-title{color:#fbbf24;margin:0 0 12px;font-size:1.1em;font-weight:600;display:flex;align-items:center;gap:8px}.wichtig-box p{line-height:1.7;color:#ffffffd9;margin:10px 0}.wichtig-box strong{color:#fbbf24}.wichtig-box ul{margin:12px 0;padding-left:25px}.wichtig-box li{margin:8px 0;line-height:1.6;color:#ffffffd9}.wichtig-box code{background:#ff980026;padding:2px 6px;border-radius:4px;font-family:var(--font-code);color:#fbbf24}.hinweis-box{background:linear-gradient(135deg,#2196f321,#03a9f412);border:1px solid rgba(33,150,243,.28);border-radius:12px;padding:20px 25px;margin:25px 0;position:relative}.hinweis-box:before{content:"💡";position:absolute;top:-10px;left:-10px;font-size:1.5em;background:#ffffff1f;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.hinweis-box h4,.hinweis-box .hinweis-title{color:#60a5fa;margin:0 0 12px;font-size:1.1em;font-weight:600}.hinweis-box p{line-height:1.7;color:#ffffffd9;margin:10px 0}.hinweis-box strong{color:#60a5fa}.hinweis-box code{background:#2196f326;padding:2px 6px;border-radius:4px;font-family:var(--font-code);color:#60a5fa}.best-practice-box{background:linear-gradient(135deg,#4caf5021,#8bc34a12);border:1px solid rgba(76,175,80,.28);border-radius:12px;padding:20px 25px;margin:25px 0;position:relative}.best-practice-box:before{content:"✅";position:absolute;top:-10px;left:-10px;font-size:1.5em;background:#ffffff1f;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.best-practice-box h4{color:#42b983;margin:0 0 12px;font-size:1.1em;font-weight:600}.best-practice-box p{line-height:1.7;color:#96ffb4e6;margin:10px 0}.best-practice-box strong{color:#42b983}.best-practice-box code{background:#4caf5026;padding:2px 6px;border-radius:4px;font-family:var(--font-code);color:#42b983}.info-box--vue{background:linear-gradient(135deg,#42b98326,#35495e1f);border-color:#42b9834d}.info-box--vue h3,.info-box--vue h4{color:#42b883}.info-box--js,.info-box--javascript{background:linear-gradient(135deg,#f7df1e26,#d4a0171a);border-color:#f7df1e59}.info-box--js h3,.info-box--js h4,.info-box--javascript h3,.info-box--javascript h4{color:#c9a800}.info-box--java{background:linear-gradient(135deg,#f8982026,#b453091a);border-color:#f898204d}.info-box--java h3,.info-box--java h4{color:#d97706}.info-box--mysql,.info-box--sql{background:linear-gradient(135deg,#06b6d426,#0e74901a);border-color:#06b6d44d}.info-box--mysql h3,.info-box--mysql h4,.info-box--sql h3,.info-box--sql h4{color:#0891b2}.info-box--csharp,.info-box--dotnet{background:linear-gradient(135deg,#9b59b626,#68217a1a);border-color:#9b59b64d}.info-box--csharp h3,.info-box--csharp h4,.info-box--dotnet h3,.info-box--dotnet h4{color:#9b59b6}.info-box--informatik{background:linear-gradient(135deg,#00bcd426,#003d451a);border-color:#00bcd44d}.info-box--informatik h3,.info-box--informatik h4{color:#00bcd4}.info-box--networkplus,.info-box--network{background:linear-gradient(135deg,#6366f126,#3730a31a);border-color:#6366f14d}.info-box--networkplus h3,.info-box--networkplus h4,.info-box--network h3,.info-box--network h4{color:#6366f1}.info-box--flutter,.info-box--dart{background:linear-gradient(135deg,#0ea5e926,#0c2a4a1a);border-color:#0ea5e94d}.info-box--flutter h3,.info-box--flutter h4,.info-box--dart h3,.info-box--dart h4{color:#0ea5e9}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.info-card{background:var(--surface-2, rgba(255,255,255,.06));padding:20px;border-radius:10px;text-align:center;transition:all var(--transition-slow, .3s ease);border:1px solid var(--border-default, rgba(255,255,255,.12))}.info-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d;border-color:var(--primary-color, #667eea)}.card-icon{margin-bottom:10px;display:flex;justify-content:center;align-items:center;color:var(--primary-color, #667eea)}.info-card h3,.info-card h4{margin:10px 0;color:var(--text-primary, #e6edf3);font-size:1.1em}.info-card p{margin:10px 0;color:var(--text-muted, rgba(255,255,255,.45));line-height:1.6;font-size:.95em}.concept-card{background:linear-gradient(135deg,#667eea1a,#764ba20f);padding:25px;border-radius:12px;border:1px solid rgba(102,126,234,.22);transition:all var(--transition-slow, .3s ease)}.concept-card:hover{box-shadow:0 6px 18px #0003;transform:translateY(-2px);border-color:#667eea66}.concept-card h3{color:var(--primary-color, #667eea);margin:0 0 10px}.concept-card p{margin:10px 0;line-height:1.7;color:var(--text-secondary, rgba(255,255,255,.72))}.concept-card code{display:block;background:#0000004d;padding:10px;border-radius:6px;margin-top:10px;font-family:Courier New,monospace;color:var(--text-secondary, rgba(255,255,255,.72));font-size:.9em}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:20px 0}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.table-card{background:var(--surface-2, rgba(255,255,255,.06));padding:20px;border-radius:10px;border:2px solid var(--border-default, rgba(255,255,255,.12));transition:all var(--transition-slow, .3s ease)}.table-card:hover{border-color:var(--primary-color, #0077cc);box-shadow:0 4px 12px #0077cc26}.table-card h3{color:var(--primary-color, #0077cc);margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid var(--border-default, rgba(255,255,255,.12))}.table-card ul{list-style:none;padding:0;margin:0}.table-card li{padding:8px 0;border-bottom:1px solid var(--border-subtle, rgba(255,255,255,.07));color:var(--text-secondary, rgba(255,255,255,.72))}.table-card li:last-child{border-bottom:none}.table-card code{color:var(--primary-color, #0077cc);font-weight:600}.example-card{background:linear-gradient(135deg,#2196f31a,#1565c00f);padding:20px;border-radius:12px;border:1px solid rgba(33,150,243,.25);margin-bottom:15px}.example-card h4{color:#60a5fa;margin:0 0 10px}.example-card pre{background:#282c34;color:#abb2bf;padding:15px;border-radius:6px;overflow-x:auto;margin:10px 0}.example-card code{font-family:Courier New,monospace;font-size:.9em}.example-card p{margin:10px 0;color:var(--text-secondary, rgba(255,255,255,.72));line-height:1.6}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}@media(max-width:768px){.cards-grid,.concepts-grid,.comparison-grid,.history-grid,.examples-grid,.two-column{grid-template-columns:1fr}.info-card,.concept-card,.table-card{padding:15px}}.code-example,.code-section,.code-block{margin:1.5rem 0;border-radius:12px;overflow:hidden;background:#282c34;box-shadow:0 4px 12px #0000004d}.code-example h3,.code-example h4,.code-example h5,.code-section h3,.code-section h4,.code-section h5,.code-block h3,.code-block h4,.code-block h5{margin:0;padding:1.25rem 1.5rem;background:#0000004d;border-bottom:2px solid rgba(255,255,255,.1);font-size:1.3rem;font-weight:700;color:var(--accent, #45C1E0);letter-spacing:.5px;text-shadow:0 0 20px rgba(97,218,251,.4)}.vue-view .code-example h3,.vue-view .code-example h4,.vue-view .code-example h5,.vue-view .code-section h3,.vue-view .code-section h4,.vue-view .code-section h5,.vue-view .code-block h3,.vue-view .code-block h4,.vue-view .code-block h5{color:#42b983;text-shadow:0 0 20px rgba(66,185,131,.5)}.javascript-view .code-example h3,.javascript-view .code-example h4,.javascript-view .code-example h5,.javascript-view .code-section h3,.javascript-view .code-section h4,.javascript-view .code-section h5,.javascript-view .code-block h3,.javascript-view .code-block h4,.javascript-view .code-block h5,.js-view .code-example h3,.js-view .code-example h4,.js-view .code-example h5{color:#f7df1e;text-shadow:0 0 20px rgba(247,223,30,.5)}.csharp-view .code-example h3,.csharp-view .code-example h4,.csharp-view .code-example h5,.csharp-view .code-section h3,.csharp-view .code-section h4,.csharp-view .code-section h5,.csharp-view .code-block h3,.csharp-view .code-block h4,.csharp-view .code-block h5{color:#c084fc;text-shadow:0 0 20px rgba(192,132,252,.5)}.java-view .code-example h3,.java-view .code-example h4,.java-view .code-example h5,.java-view .code-section h3,.java-view .code-section h4,.java-view .code-section h5,.java-view .code-block h3,.java-view .code-block h4,.java-view .code-block h5{color:#f89820;text-shadow:0 0 20px rgba(248,152,32,.5)}.mysql-view .code-example h3,.mysql-view .code-example h4,.mysql-view .code-example h5,.mysql-view .code-section h3,.mysql-view .code-section h4,.mysql-view .code-section h5,.mysql-view .code-block h3,.mysql-view .code-block h4,.mysql-view .code-block h5{color:#00b4d8;text-shadow:0 0 20px rgba(0,180,216,.5)}.informatik-view .code-example h3,.informatik-view .code-example h4,.informatik-view .code-example h5,.informatik-view .code-section h3,.informatik-view .code-section h4,.informatik-view .code-section h5,.informatik-view .code-block h3,.informatik-view .code-block h4,.informatik-view .code-block h5{color:#667eea;text-shadow:0 0 20px rgba(102,126,234,.5)}.code-example pre,.code-section pre,.code-block pre{margin:0;padding:1.5rem;overflow-x:auto;background:#282c34;font-family:var(--font-code);font-size:.95rem;line-height:1.7}.code-example code,.code-section code,.code-block code{color:#abb2bf;font-family:var(--font-code);font-size:.95rem;line-height:1.7;display:block;white-space:pre;text-align:left}.token.keyword,.token.control,.token.directive,.token.unit,.token.statement,.token.regex,.token.atrule{color:#c678dd;font-weight:500}.token.string,.token.attr-value{color:#98c379}.token.function,.token.method,.token.function-name,.token.macro.property{color:#61afef;font-weight:500}.token.number,.token.boolean,.token.hexcode{color:#d19a66}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#5c6370;font-style:italic}.token.operator,.token.entity,.token.url,.token.variable{color:#56b6c2}.token.punctuation{color:#abb2bf}.token.class-name,.token.type-class-name,.token.builtin,.token.char{color:#e5c07b}.token.property,.token.attr-name,.token.selector,.token.tag{color:#e06c75}.token.constant{color:#d19a66}.token.deleted{color:#e06c75}.token.inserted{color:#98c379}.token.namespace{opacity:.7}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.selected{background:#ffffff1a}.code-example pre::-webkit-scrollbar,.code-section pre::-webkit-scrollbar,.code-block pre::-webkit-scrollbar{height:8px;background:#0000004d}.code-example pre::-webkit-scrollbar-thumb,.code-section pre::-webkit-scrollbar-thumb,.code-block pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.code-example pre::-webkit-scrollbar-thumb:hover,.code-section pre::-webkit-scrollbar-thumb:hover,.code-block pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.content-section code:not(.code-example code):not(.code-section code):not(.code-block code),p code,li code{background:#ffffff14;padding:3px 7px;border-radius:4px;font-family:var(--font-code);color:var(--primary-color, #667eea);font-size:.9em;font-weight:500}.demo-container{background:var(--surface-1, rgba(255,255,255,.03));padding:25px;border-radius:10px;margin:20px 0;border:1px solid var(--border-default, rgba(255,255,255,.12))}.demo-input{padding:10px 15px;border:1px solid var(--border-default, rgba(255,255,255,.12));border-radius:8px;font-size:1em;width:100%;max-width:300px;margin:10px 0;transition:border-color var(--transition-slow, .3s ease);background:#ffffff0f;color:var(--text-primary, #e6edf3)}.demo-input:focus{outline:none;border-color:var(--primary-color, #667eea)}.demo-button{background:var(--primary-color, #667eea);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1em;cursor:pointer;transition:all .3s;margin:10px 0}.demo-button:hover{background:var(--secondary-color, #764ba2);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.demo-button:active{transform:translateY(0)}.result-box{background:var(--color-info-bg, rgba(96,165,250,.12));border-left:4px solid #60a5fa;padding:20px;margin-top:20px;border-radius:8px}.result-box h3{color:#60a5fa;margin:0 0 10px}.result-box p{margin:5px 0;color:var(--text-secondary, rgba(255,255,255,.72));line-height:1.6}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.playground-section{margin:30px 0;padding:30px;background:var(--surface-1, rgba(255,255,255,.03));border-radius:12px;border:1px solid var(--border-default, rgba(255,255,255,.12))}.playground-section h2{color:var(--primary-color, #667eea);margin:0 0 20px}@media(max-width:768px){.code-block,.code-example pre,.code-section pre{font-size:.85em;padding:15px}.code-example h3,.code-example h4,.code-section h3,.code-section h4,.code-block h3,.code-block h4{font-size:1.1rem;padding:1rem 1.25rem}.demo-container{padding:15px}.controls{flex-direction:column;align-items:stretch}.demo-input{max-width:100%}}.self-check{background:linear-gradient(135deg,#4caf5014,#43a0470d);border:2px solid rgba(76,175,80,.3);border-radius:12px;padding:25px;margin-top:30px}.self-check h3{color:#4caf50;margin:0 0 20px;display:flex;align-items:center;gap:10px}.question{background:var(--surface-2, rgba(255,255,255,.06));border:1px solid var(--border-default, rgba(255,255,255,.12));border-radius:8px;margin-bottom:15px;padding:15px;cursor:pointer;transition:all var(--transition-slow, .3s ease)}.question:hover{border-color:#4caf5066;box-shadow:0 2px 8px #4caf5026}.question summary{font-weight:500;color:var(--text-primary, #e6edf3);list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer}.question summary::-webkit-details-marker,.question summary::marker{display:none}.question summary:before{content:"▶";color:#4caf50;font-size:.8em;transition:transform var(--transition-slow, .3s ease);display:inline-block}.question[open]{border-color:#4caf5066;background:linear-gradient(135deg,#4caf500f,#43a0470a)}.answer{margin-top:15px;border-top:1px solid var(--border-default, rgba(255,255,255,.12));background:var(--color-success-bg, rgba(66,185,131,.12));border:1px solid var(--color-success-border, rgba(66,185,131,.3));padding:15px;border-radius:6px}.answer p{margin:10px 0;color:var(--text-secondary, rgba(255,255,255,.72));line-height:1.6}.answer ul,.answer ol{margin:10px 0;padding-left:25px}.answer li{margin:5px 0;line-height:1.6;color:var(--text-secondary, rgba(255,255,255,.72))}.answer strong{color:#42b983}.answer code{background:#4caf5026;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;color:#42b983;font-size:.9em}.exercises-section{background:var(--surface-1, rgba(255,255,255,.03));padding:30px;border-radius:12px;margin:30px 0;border:1px solid var(--border-default, rgba(255,255,255,.12))}.exercises-section h2{color:var(--primary-color, #667eea);margin:0 0 20px;padding-bottom:10px;border-bottom:3px solid var(--primary-color, #667eea)}.exercise-list{display:flex;flex-direction:column;gap:15px}.exercise-item{padding:20px;background:var(--surface-1, rgba(255,255,255,.03));border:1px solid var(--border-default, rgba(255,255,255,.12));border-left:3px solid var(--color-success, #42b983);border-radius:var(--radius-md, 10px);transition:all var(--transition-slow, .3s ease)}.exercise-item:hover{background:var(--surface-2, rgba(255,255,255,.06));transform:translate(3px)}.exercise-item h4{color:var(--primary-color, #667eea);margin:0 0 10px}.exercise-item p{margin:5px 0;line-height:1.7;color:var(--text-secondary, rgba(255,255,255,.72))}@media(max-width:768px){.self-check{padding:15px}.question,.answer{padding:12px}.exercises-section{padding:20px}.exercise-item{padding:15px}}.exercise-block{background:var(--bg-surface, #0f1318);border:1px solid var(--border-default, rgba(255, 255, 255, .09));border-radius:12px;margin-bottom:25px;overflow:hidden}.exercise-item{padding:24px 28px}.exercise-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.exercise-item h4{margin:0;color:var(--text-primary, #f0f6fc);font-size:1em;font-weight:700}.exercise-lang-badge{font-size:.7em;text-transform:uppercase;letter-spacing:1px;background:var(--accent-dim, rgba(45, 212, 191, .12));color:var(--accent, #2dd4bf);padding:3px 10px;border-radius:20px;font-weight:600}.exercise-description{color:var(--text-secondary, #8b949e);line-height:1.6;margin:0 0 16px;font-size:.95em}.exercise-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.exercise-playground-btn{background:var(--accent, #2dd4bf);color:var(--bg-base, #090d13);border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .2s}.exercise-playground-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2dd4bf4d}.exercise-solution-btn{background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .09));color:var(--text-secondary, #8b949e);padding:8px 18px;border-radius:8px;cursor:pointer;font-size:.88em;transition:all .2s}.exercise-solution-btn:hover{border-color:var(--color-warning-border, rgba(210, 153, 34, .25));color:var(--warning, #d29922)}.exercise-solution-btn.active{border-color:var(--color-warning-border, rgba(210, 153, 34, .25));color:var(--warning, #d29922);background:var(--color-warning-bg, rgba(210, 153, 34, .1))}.template-label,.solution-label{font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary, #484f58);margin:0 0 6px}.exercise-template,.exercise-solution{margin-top:12px}.exercise-code{background:var(--bg-base, #090d13);border:1px solid var(--border-faint, rgba(255, 255, 255, .05));border-radius:8px;padding:16px 20px;overflow-x:auto;margin:0;font-family:var(--font-code);font-size:.88em;line-height:1.6;color:#abb2bf}.exercise-code code{background:none;padding:0;color:inherit;font-family:inherit;border:none}.solution-code{border-color:var(--color-warning-border, rgba(210, 153, 34, .25))}.solution-fade-enter-active,.solution-fade-leave-active{transition:all .3s ease}.solution-fade-enter-from,.solution-fade-leave-to{opacity:0;transform:translateY(-8px)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.badge-admin{background:#f851491f;color:#fca5a5;border-color:#f8514940}.badge-instructor{background:#d299221f;color:#fcd34d;border-color:#d2992240}.badge-student{background:#58a6ff1f;color:#93c5fd;border-color:#58a6ff40}.badge-open{background:#3fb9501f;color:var(--color-success, #3fb950);border-color:#3fb95040}.badge-used{background:#58a6ff1f;color:var(--color-info, #58a6ff);border-color:#58a6ff40}.badge-expired{background:#484f5833;color:var(--text-tertiary, #484f58);border-color:#484f584d}.badge-pending{background:#d299221f;color:var(--color-warning, #d29922);border-color:#d2992240}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md, 10px);font-size:.9rem;font-weight:600;cursor:pointer;transition:background var(--transition-normal, .2s ease),border-color var(--transition-normal, .2s ease),color var(--transition-normal, .2s ease),transform var(--transition-fast, .15s ease);white-space:nowrap;text-decoration:none;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--accent, #2dd4bf);color:#000;font-weight:700;border:none}.btn-primary:hover:not(:disabled){background:#5eead4;opacity:1}.btn-success{background:var(--success, #3fb950);color:#000;font-weight:700}.btn-success:hover:not(:disabled){background:#56d364;opacity:1}.btn-danger{background:transparent;border:1px solid rgba(248,81,73,.3);color:#f85149d9}.btn-danger:hover:not(:disabled){background:#f851491a;color:var(--color-error, #f85149);border-color:var(--color-error, #f85149);opacity:1}.btn-ghost{background:transparent;border:1px solid var(--border-default, rgba(255,255,255,.09));color:var(--text-secondary, #8b949e)}.btn-ghost:hover:not(:disabled){background:var(--bg-raised, #151b22);color:var(--text-primary, #f0f6fc);border-color:var(--border-strong, rgba(255,255,255,.16));opacity:1}.btn-sm{padding:5px 12px;font-size:.8rem;border-radius:var(--radius-sm, 6px)}.btn-lg{padding:13px 28px;font-size:1rem}.btn-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:btn-spin .7s linear infinite;flex-shrink:0}.btn-danger .btn-spinner,.btn-ghost .btn-spinner{border-color:#fff3;border-top-color:#fff}@keyframes btn-spin{to{transform:rotate(360deg)}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary, #8b949e)}.form-label-required{color:var(--color-error, #f85149);margin-left:2px}.form-input,.form-textarea,.form-select{padding:10px 14px;background:var(--bg-base, #090d13);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:var(--radius-md, 10px);color:var(--text-primary, #f0f6fc);font-size:.9rem;font-family:inherit;outline:none;transition:border-color var(--transition-normal, .2s ease)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary, #484f58)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent, #2dd4bf)}.form-textarea{resize:vertical}.form-select option{background:var(--bg-raised, #151b22);color:var(--text-primary, #f0f6fc)}.form-hint{font-size:.78rem;color:var(--text-tertiary, #484f58);margin:0}.form-input.is-error,.form-textarea.is-error{border-color:var(--color-error-border)}.form-error-msg{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-error-bg, rgba(248,81,73,.12));border:1px solid var(--color-error-border, rgba(248,81,73,.3));border-radius:var(--radius-md, 10px);padding:12px 16px;color:var(--color-error, #f85149);font-size:.88rem}.panel{background:var(--bg-surface, #0f1318);border:1px solid var(--border-faint, rgba(255,255,255,.05));border-radius:12px;padding:24px}.panel+.panel{margin-top:20px}.panel-title{font-size:1.05rem;font-weight:600;color:var(--text-primary, #f0f6fc);margin:0 0 20px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.stat-card{background:var(--bg-surface, #0f1318);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:12px;padding:20px 24px;transition:border-color var(--transition-normal, .2s ease)}.stat-card-value{font-size:1.8rem;font-weight:700;color:var(--text-primary, #f0f6fc)}.stat-card-label{font-size:.78rem;color:var(--text-tertiary, #484f58);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.quiz-block{background:var(--bg-surface, #0f1318);border:1px solid var(--border-default, rgba(255, 255, 255, .09));border-radius:12px;padding:25px 30px;margin-bottom:25px}.quiz-block h3{color:var(--accent, #2dd4bf);margin:0 0 20px;font-size:1.1em;padding-bottom:12px;border-bottom:1px solid var(--border-faint, rgba(255, 255, 255, .05))}.quiz-question-text{font-size:1em;font-weight:600;color:var(--text-primary, #f0f6fc);margin:0 0 16px;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.quiz-option-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border-default, rgba(255, 255, 255, .09));border-radius:10px;background:var(--bg-raised, #151b22);cursor:pointer;transition:all .2s;text-align:left;font-size:.95em;color:var(--text-primary, #f0f6fc)}.quiz-option-btn:hover:not(:disabled){border-color:var(--border-strong, rgba(255, 255, 255, .16));background:var(--bg-overlay, #1c2330)}.quiz-option-btn:disabled{cursor:default}.option-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--bg-overlay, #1c2330);font-weight:700;font-size:.85em;color:var(--text-secondary, #8b949e)}.option-text{flex:1;line-height:1.4}.option-indicator{font-size:1.1em}.option-correct{border-color:#3fb95040;background:#3fb9501a}.option-correct .option-letter{background:var(--success, #3fb950);color:var(--bg-base, #090d13)}.option-wrong{border-color:var(--color-error-border, rgba(248, 81, 73, .25));background:var(--color-error-bg, rgba(248, 81, 73, .1))}.option-wrong .option-letter{background:var(--error, #f85149);color:var(--bg-base, #090d13)}.option-neutral{opacity:.5}.question{border:1px solid var(--border-default, rgba(255, 255, 255, .09));border-radius:10px;margin-bottom:12px;overflow:hidden}.question summary{padding:16px 20px;cursor:pointer;font-weight:600;color:var(--text-primary, #f0f6fc);background:var(--bg-raised, #151b22);list-style:none;display:flex;align-items:center;gap:10px;transition:background .2s}.question summary:hover{background:var(--bg-overlay, #1c2330)}.question summary:before{content:"▶";font-size:.7em;color:var(--accent, #2dd4bf);transition:transform .2s}.question[open] summary:before{transform:rotate(90deg)}.answer{padding:20px;border-top:1px solid var(--border-faint, rgba(255, 255, 255, .05));background:var(--bg-surface, #0f1318);line-height:1.7;color:var(--text-secondary, #8b949e)}.quiz-explanation{background:#3fb9501a;border:1px solid rgba(63,185,80,.25);border-radius:10px;padding:16px 20px;margin-bottom:16px;line-height:1.7;color:var(--text-secondary, #8b949e)}.quiz-reset-btn{background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .09));color:var(--text-secondary, #8b949e);padding:8px 20px;border-radius:8px;cursor:pointer;font-size:.85em;transition:all .2s}.quiz-reset-btn:hover{border-color:var(--accent-border, rgba(45, 212, 191, .25));color:var(--accent, #2dd4bf)}.explanation-fade-enter-active,.explanation-fade-leave-active{transition:all .3s ease}.explanation-fade-enter-from,.explanation-fade-leave-to{opacity:0;transform:translateY(-8px)}.dashboard-view,.roadmap-view{min-height:100vh;background:var(--bg-base, #090d13);padding:40px 24px 80px}.dashboard-header,.roadmap-header{max-width:900px;margin:0 auto 40px}.dashboard-header h1,.roadmap-header h1{font-size:1.8rem;font-weight:700;color:var(--text-primary, #f0f6fc);margin:0 0 8px}.dashboard-header p,.roadmap-header p{color:var(--text-secondary, #8b949e);margin:0;font-size:.95rem}.dashboard-content,.roadmap-content{max-width:900px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-surface, #0f1318);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:12px;padding:20px 24px;transition:border-color .2s ease}.stat-card:hover{border-color:var(--border-strong, rgba(255,255,255,.16))}.stat-card .stat-value,.stat-card .stat-number{font-size:2rem;font-weight:700;color:var(--text-primary, #f0f6fc);line-height:1.1}.stat-card .stat-label,.stat-card .stat-title{font-size:.78rem;color:var(--text-tertiary, #484f58);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}.activity-item,.recent-item,.lesson-item{background:var(--bg-raised, #151b22);border:1px solid var(--border-faint, rgba(255,255,255,.05));border-radius:10px;padding:14px 16px;color:var(--text-primary, #f0f6fc);transition:border-color .15s ease}.activity-item:hover,.recent-item:hover,.lesson-item:hover{border-color:var(--border-default, rgba(255,255,255,.09))}.activity-meta,.recent-tech,.item-meta{font-size:.82rem;color:var(--text-secondary, #8b949e)}.recent-time,.item-time{font-size:.78rem;color:var(--text-tertiary, #484f58)}.achievement-card{background:var(--bg-surface, #0f1318);border:1px solid var(--border-faint, rgba(255,255,255,.05));border-radius:12px;padding:16px 20px;color:var(--text-tertiary, #484f58);transition:all .2s ease}.achievement-card.unlocked{background:var(--accent-dim, rgba(45,212,191,.12));border-color:var(--accent-border, rgba(45,212,191,.25));color:var(--text-primary, #f0f6fc)}.next-step-card,.cta-card{background:var(--bg-surface, #0f1318);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:12px;padding:20px 24px}.next-step-card.primary,.cta-card.primary{background:var(--accent-dim, rgba(45,212,191,.12));border-color:var(--accent-border, rgba(45,212,191,.25))}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h2,.section-header h3{font-size:1rem;font-weight:600;color:var(--text-primary, #f0f6fc);margin:0}.progress-track,.progress-bar-bg{background:var(--bg-overlay, #1c2330);border-radius:999px;overflow:hidden}.empty-state{padding:48px 24px;text-align:center;color:var(--text-tertiary, #484f58);font-size:.9rem}.start-button,.dashboard-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent, #2dd4bf);color:#000;font-weight:700;font-size:.9rem;border:none;border-radius:10px;cursor:pointer;text-decoration:none;transition:opacity .2s ease}.start-button:hover,.dashboard-btn:hover{opacity:.88}.roadmap-timeline{position:relative}.roadmap-item{background:var(--bg-surface, #0f1318);border:1px solid var(--border-faint, rgba(255,255,255,.05));border-radius:12px;padding:20px 24px;margin-bottom:12px;transition:border-color .2s ease}.roadmap-item:hover{border-color:var(--border-default, rgba(255,255,255,.09))}.roadmap-item.completed{border-color:var(--accent-border, rgba(45,212,191,.25))}.roadmap-item-title{font-weight:600;color:var(--text-primary, #f0f6fc);margin:0 0 4px}.roadmap-item-desc{font-size:.88rem;color:var(--text-secondary, #8b949e);margin:0}.lesson-view{max-width:860px;margin:0 auto;padding:40px 24px 80px}.lesson-header{padding-bottom:32px;margin-bottom:40px;border-bottom:1px solid var(--border-faint, rgba(255,255,255,.05))}.lesson-header h1{margin:0 0 12px;font-size:2rem;font-weight:700;color:var(--text-primary, #f0f6fc);letter-spacing:-.02em;line-height:1.2}.lesson-header .description{font-size:1.05rem;line-height:1.6;margin:12px 0 0;color:var(--text-secondary, #8b949e)}.lesson-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.meta-badge{display:flex;align-items:center;gap:5px;background:var(--bg-raised, #151b22);border:1px solid var(--border-default, rgba(255,255,255,.09));padding:6px 12px;border-radius:20px;font-size:.82rem;color:var(--text-secondary, #8b949e)}.back-button{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary, #8b949e);text-decoration:none;padding:6px 14px;border-radius:8px;transition:all var(--transition-normal, .2s ease);margin-bottom:20px;background:var(--bg-raised, #151b22);border:1px solid var(--border-default, rgba(255,255,255,.09));font-size:.88rem}.back-button:hover{background:var(--bg-overlay, #1c2330);color:var(--text-primary, #f0f6fc);border-color:var(--border-strong, rgba(255,255,255,.16))}.lesson-content{margin:0}.content-section{background:transparent;padding:0;border-radius:0;margin-bottom:32px;box-shadow:none;border:none}.content-section h2{color:var(--text-primary, #f0f6fc);margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border-faint, rgba(255,255,255,.05));font-size:1.4rem;font-weight:600}.content-section h3{color:var(--text-primary, #f0f6fc);margin:24px 0 12px;font-size:1.15rem;font-weight:600}.content-section p{line-height:1.7;margin:12px 0;color:var(--text-secondary, #8b949e)}.content-section ul,.content-section ol{margin:12px 0;padding-left:24px}.content-section li{margin:6px 0;line-height:1.7;color:var(--text-secondary, #8b949e)}.content-section code{background:var(--bg-raised, #151b22);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;color:var(--accent, #2dd4bf);font-size:.88em;border:1px solid var(--border-default, rgba(255,255,255,.09))}.toc-container{background:var(--bg-surface, #0f1318);padding:20px 24px;border-radius:12px;margin-bottom:32px;border:1px solid var(--border-default, rgba(255,255,255,.09))}.toc-container h3{color:var(--text-primary, #f0f6fc);margin:0 0 12px;font-size:1rem;font-weight:600}.toc-list{list-style:none;padding:0}.toc-list li{margin:4px 0}.toc-list a{color:var(--text-secondary, #8b949e);text-decoration:none;transition:color var(--transition-normal, .2s ease);display:block;padding:4px 0;font-size:.9rem}.toc-list a:hover{color:var(--accent, #2dd4bf)}.toc-list ul{padding-left:16px;margin-top:4px}.demo-section,.concepts-section,.exercises-section{background:transparent}.code-section{background:var(--bg-raised, #151b22);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:10px;padding:24px;color:var(--text-secondary, #8b949e)}.code-section h2,.code-section h3{color:var(--text-primary, #f0f6fc)}.practice-section{background:transparent;border:1px solid var(--accent-border, rgba(45,212,191,.25));border-radius:12px;padding:24px}.summary-section{background:var(--bg-surface, #0f1318);border-left:3px solid var(--accent, #2dd4bf);border-radius:0 12px 12px 0;padding:20px 24px}.lesson-footer{margin-top:48px;padding:24px 0}@media(max-width:768px){.lesson-view{padding:24px 16px 60px}.lesson-header h1{font-size:1.5rem}.lesson-meta{flex-direction:column}.content-section h2{font-size:1.2rem}}.vue-view{--primary-color: #42b983;--secondary-color: #35495e;--primary-rgb: 66, 185, 131;--secondary-rgb: 53, 73, 94}.vue-view .lesson-header{background:linear-gradient(135deg,#42b983,#35495e)}.vue-view .content-section h2{color:#42b983;border-bottom-color:#42b983}.vue-view .info-box{background:linear-gradient(135deg,#42b9831a,#35495e1a);border-left-color:#42b983}.vue-view .concept-card{border-left-color:#42b983}.vue-view .concept-card h3,.vue-view code{color:#42b983}.vue-view .demo-button{background:#42b983}.vue-view .demo-button:hover{background:#35495e}.vue-view .exercise-item{background:#42b98314;border-left-color:#42b983}.vue-view .practice-section{border-color:#42b983}.vue-view .code-block h3{color:#42b983}.javascript-view{--primary-color: #f7df1e;--secondary-color: #f0c808;--primary-rgb: 247, 223, 30;--secondary-rgb: 240, 200, 8}.javascript-view .lesson-header{background:linear-gradient(135deg,#f7df1e,#f0c808);color:#333}.javascript-view .back-button,.javascript-view .meta-badge{color:#333}.javascript-view .content-section h2{color:#f0c808;border-bottom-color:#f0c808}.javascript-view .info-box{background:linear-gradient(135deg,#f7df1e1a,#f0c8081a);border-left-color:#f7df1e}.javascript-view .concept-card{border-left-color:#f7df1e}.javascript-view .concept-card h3,.javascript-view code{color:#f0c808}.javascript-view .demo-button{background:#f7df1e;color:#333}.javascript-view .demo-button:hover{background:#f0c808}.javascript-view .exercise-item{background:#f7df1e14;border-left-color:#f7df1e}.javascript-view .practice-section{border-color:#f7df1e}.javascript-view .code-block h3{color:#f7df1e}.javascript-view .toc-container h3,.javascript-view .toc-list a:hover{color:#f0c808}.java-view{--primary-color: #f89820;--secondary-color: #e67e00;--primary-rgb: 248, 152, 32;--secondary-rgb: 230, 126, 0}.java-view .lesson-header{background:linear-gradient(135deg,#f89820,#e67e00)}.java-view .content-section h2{color:#f89820;border-bottom-color:#f89820}.java-view .info-box{background:linear-gradient(135deg,#f898201a,#e67e001a);border-left-color:#f89820}.java-view .concept-card{border-left-color:#f89820}.java-view .concept-card h3,.java-view code{color:#f89820}.java-view .demo-button{background:#f89820}.java-view .demo-button:hover{background:#e67e00}.java-view .exercise-item{background:#f8982014;border-left-color:#f89820}.java-view .practice-section{border-color:#f89820}.java-view .code-block h3,.java-view .toc-container h3,.java-view .toc-list a:hover{color:#f89820}.csharp-view{--primary-color: #239120;--secondary-color: #68217a;--primary-rgb: 35, 145, 32;--secondary-rgb: 104, 33, 122}.csharp-view :deep([data-icon*="csharp"]){color:#239120}.csharp-view :deep([data-icon*="visualstudio"]){color:#5c2d91}.csharp-view .demo-container{background:linear-gradient(135deg,#23912008,#68217a08)}.csharp-view .concept-card{border-color:#e0e0e0}.csharp-view .concept-card:hover{border-color:var(--primary-color);box-shadow:0 8px 16px #23912026}.csharp-view .concept-card h4{color:var(--primary-color)}.csharp-view .code-block{background:#282c34}.csharp-view .code-block h3,.csharp-view .code-block h4{color:var(--primary-color)}.mysql-view{--primary-color: #00758f;--secondary-color: #00546b;--primary-rgb: 0, 117, 143;--secondary-rgb: 0, 84, 107}.mysql-view .lesson-header{background:linear-gradient(135deg,#00758f,#00546b)}.mysql-view .content-section h2{color:#07c;border-bottom-color:#07c}.mysql-view .info-box{background:linear-gradient(135deg,#0077cc1a,#0099ff1a);border-left-color:#07c}.mysql-view .concept-card{border-left-color:#07c}.mysql-view .concept-card h3,.mysql-view code{color:#07c}.mysql-view .demo-button{background:#07c}.mysql-view .demo-button:hover{background:#09f}.mysql-view .exercise-item{background:#0077cc14;border-left-color:#07c}.mysql-view .practice-section{border-color:#07c}.mysql-view .code-block h3{color:#07c}.mysql-view .table-card{border-color:#e9ecef}.mysql-view .table-card:hover{border-color:#07c}.mysql-view .table-card h3,.mysql-view .table-card code{color:#07c}.mysql-view .operators-table{width:100%;border-collapse:collapse;margin:20px 0;background:#fff}.mysql-view .operators-table th{background:#07c;color:#fff;padding:12px;text-align:left;font-weight:600}.mysql-view .operators-table td{padding:12px;border-bottom:1px solid #e0e0e0}.mysql-view .operators-table tr:hover{background:#0077cc0d}.mysql-view .operators-table code{background:#0077cc1a;padding:2px 6px;border-radius:3px;color:#07c}.mysql-view .tasks-box{background:linear-gradient(135deg,#0077cc0d,#0099ff0d);border:2px solid #0077cc;border-radius:10px;padding:20px;margin:20px 0}.mysql-view .tasks-box h3{color:#07c;margin:0 0 15px}.mysql-view .tasks-box ol{padding-left:25px}.mysql-view .tasks-box li{margin:10px 0;line-height:1.7}.mysql-view .table-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.mysql-view .next-lesson-teaser{background:#f0f7ff;border-left:4px solid #0077cc;padding:15px 20px;margin-top:20px;border-radius:8px}.mysql-view .next-lesson-teaser strong{color:#07c}.informatik-view{--primary-color: #667eea;--secondary-color: #764ba2;--primary-rgb: 102, 126, 234;--secondary-rgb: 118, 75, 162}.informatik-view .lesson-header{background:linear-gradient(135deg,#667eea,#764ba2)}.informatik-view .content-section h2{color:#667eea;border-bottom-color:#667eea}.informatik-view .info-box{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left-color:#667eea}.informatik-view .concept-card{border-left-color:#667eea}.informatik-view .concept-card h3,.informatik-view code{color:#667eea}.informatik-view .demo-button{background:#667eea}.informatik-view .demo-button:hover{background:#764ba2}.informatik-view .exercise-item{background:#667eea14;border-left-color:#667eea}.informatik-view .practice-section{border-color:#667eea}.informatik-view .code-block h3{color:#667eea}.timeline{position:relative;padding-left:40px;margin:30px 0}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#667eea,#764ba2)}.timeline-item{position:relative;margin-bottom:30px;padding:20px;background:#fff;border-radius:10px;border-left:3px solid #667eea;transition:all .3s}.timeline-item:hover{box-shadow:0 4px 12px #667eea26;transform:translate(5px)}.timeline-marker{position:absolute;left:-40px;top:20px;width:30px;height:30px;background:#fff;border:3px solid #667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#667eea;font-weight:700;min-width:60px}.timeline-content h3{color:#667eea;margin:0 0 10px}.timeline-content p{margin:5px 0;color:#555;line-height:1.7}.assignment-section{background:linear-gradient(135deg,#ff980014,#ffc10714);border:3px solid #ff9800;border-radius:12px;padding:30px;margin:30px 0}.assignment-section h2{color:#ff9800;border-bottom-color:#ff9800}.assignment-intro{display:flex;align-items:center;gap:15px;background:#fff;padding:20px;border-radius:10px;margin-bottom:25px;border-left:4px solid #ff9800}.assignment-icon{color:#ff9800;flex-shrink:0}.assignment-intro p{margin:0;font-size:1.05em;line-height:1.6}.assignment-tasks{display:flex;flex-direction:column;gap:20px}.assignment-task{background:#fff;padding:20px;border-radius:10px;border-left:4px solid #ff9800;transition:all .3s}.assignment-task:hover{box-shadow:0 4px 12px #ff980026;transform:translate(3px)}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.task-number{font-size:1.3em;font-weight:700;color:#ff9800}.task-points{background:#fff3e0;color:#f57c00;padding:5px 12px;border-radius:20px;font-size:.9em;font-weight:600}.task-question{font-size:1.05em;line-height:1.7;color:#333;margin:0}.task-list{margin:15px 0;padding-left:25px}.task-list li{margin:10px 0;line-height:1.7}.task-subpoints{color:#f57c00;font-size:.9em;font-weight:600;margin-left:10px}.task-hint{background:#fff8e1;border-left:3px solid #ffc107;padding:12px 15px;margin-top:15px;border-radius:6px;font-size:.95em;color:#f57c00}.assignment-footer{background:#fff;padding:20px;border-radius:10px;margin-top:25px;text-align:center;border:2px dashed #ff9800}.assignment-total{font-size:1.3em;color:#ff9800;margin-bottom:15px}.assignment-note{margin:0;color:#666;font-size:.95em}.next-steps{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-left:4px solid #667eea;padding:25px;border-radius:10px;margin-top:30px}.next-steps h2{color:#667eea;margin:0 0 15px}.next-steps p{color:#555;line-height:1.7}@media(max-width:768px){.timeline{padding-left:30px}.timeline-marker{left:-35px;width:25px;height:25px;min-width:50px}.assignment-section{padding:15px}.assignment-intro{flex-direction:column;text-align:center}.task-header{flex-direction:column;gap:10px;align-items:flex-start}}.flutter-view{--primary-color: #0175c2;--secondary-color: #01579b;--primary-rgb: 1, 117, 194;--secondary-rgb: 1, 87, 155}.flutter-view .lesson-header{background:linear-gradient(135deg,#0175c2,#01579b)}.flutter-view .content-section h2{color:#0175c2;border-bottom-color:#0175c2}.flutter-view .info-box{background:linear-gradient(135deg,#0175c21a,#01579b1a);border-left-color:#0175c2}.flutter-view .concept-card{border-left-color:#0175c2}.flutter-view .concept-card h3,.flutter-view code{color:#0175c2}.flutter-view .exercise-item{background:#0175c214;border-left-color:#0175c2}.flutter-view .practice-section{border-color:#0175c2}.flutter-view .code-block h3{color:#0175c2}html,body{overflow-x:hidden;width:100%;max-width:100vw}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.nav-button,.action-button{user-select:none;-webkit-user-select:none}@media(max-width:768px){button,a,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}body{font-size:16px}.nav-items,.dropdown-grid,.quick-links{gap:12px}button,a,[role=button],input,select,textarea{touch-action:manipulation}.glass-topbar{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.lesson-actions{bottom:calc(30px + env(safe-area-inset-bottom));right:calc(30px + env(safe-area-inset-right))}}@media(max-width:896px)and (orientation:landscape){.glass-topbar{top:10px}.app-layout{padding-top:80px}}@media(min-width:769px)and (max-width:1024px){.palette-modal{max-width:90%}.mega-dropdown{max-width:90vw}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media(prefers-reduced-motion:reduce){.cube-animation,.typewriter,.particle,[class*=spin],[class*=rotate],[class*=bounce]{animation:none!important;transition:none!important}}@media(prefers-color-scheme:dark){:root{color-scheme:dark}}:focus-visible{outline:2px solid rgba(69,193,224,.7);outline-offset:2px}:focus:not(:focus-visible){outline:none}.swipeable{touch-action:pan-y}@media(max-width:768px){.lesson-view{max-width:100%!important;padding:10px!important;overflow-x:hidden}.lesson-header{padding:20px 10px!important;margin-bottom:20px!important}.lesson-header h1{font-size:1.5em!important}.description{font-size:.95em!important;padding:0 10px}.lesson-content{margin:20px 0!important}.lesson-footer{padding:30px 10px!important}.demo-box,.demo-container,.card{margin:15px 0!important;padding:15px!important}.back-button,.next-button{padding:10px 16px!important;font-size:.9em!important}pre,code{font-size:.85em!important;overflow-x:auto}.stats-grid{grid-template-columns:1fr!important;gap:15px!important;padding:0 10px}.stat-card{padding:20px 15px!important}.quick-links{grid-template-columns:1fr!important;padding:0 10px}.quick-link-card{padding:20px 15px!important}.main-content{padding:20px 10px!important}}.topbar-wrapper[data-v-7a1434db]{position:relative}.glass-topbar[data-v-7a1434db]{position:fixed;top:0;left:0;right:0;width:100%;max-width:100%;z-index:1000;background:#090d13d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-faint, rgba(255,255,255,.05));border-radius:0;box-shadow:none}.topbar-container[data-v-7a1434db]{display:flex;flex-direction:column;padding:12px 24px;gap:12px}.topbar-row[data-v-7a1434db]{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.logo[data-v-7a1434db]{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary, #f0f6fc);font-weight:700;font-size:1.1em;transition:opacity .2s}.logo[data-v-7a1434db]:hover{opacity:.85}.logo-icon[data-v-7a1434db]{width:2em;height:2em;border-radius:28%;display:block;flex-shrink:0}.nav-items[data-v-7a1434db]{display:flex;gap:8px;flex:1;justify-content:center}.nav-item[data-v-7a1434db]{position:relative}.nav-button[data-v-7a1434db]{display:flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;color:var(--text-secondary, #8b949e);min-height:40px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-size:.88rem}.nav-button[data-v-7a1434db]:hover{background:var(--bg-raised, #151b22);color:var(--text-primary, #f0f6fc)}.nav-button.frontend[data-v-7a1434db]:hover{border-color:#42b9834d}.nav-button.backend[data-v-7a1434db]:hover{border-color:#f898204d}.nav-button.database[data-v-7a1434db]:hover{border-color:#00758f4d}.nav-button.knowledge[data-v-7a1434db]:hover{border-color:#667eea4d}.nav-button.mobile[data-v-7a1434db]:hover{border-color:#02569b4d}.nav-icon[data-v-7a1434db]{font-size:1.5em;display:flex;align-items:center}.nav-button.frontend .nav-icon[data-v-7a1434db]{color:#42b983}.nav-button.backend .nav-icon[data-v-7a1434db]{color:#f89820}.nav-button.database .nav-icon[data-v-7a1434db]{color:#00aac8}.nav-button.mobile .nav-icon[data-v-7a1434db]{color:#4da6ff}.nav-button.knowledge .nav-icon[data-v-7a1434db]{color:#89f}.nav-button.instructor[data-v-7a1434db],.nav-button.instructor .nav-icon[data-v-7a1434db]{color:#7c3aed}.nav-button.instructor[data-v-7a1434db]:hover{border-color:#7c3aed80}.nav-button.spaces .nav-icon[data-v-7a1434db]{color:#0ea5e9}.nav-button.spaces[data-v-7a1434db]:hover{border-color:#0ea5e980}.nav-count[data-v-7a1434db]{font-size:.8em;color:var(--text-tertiary, #484f58);font-weight:400}.dropdown-arrow[data-v-7a1434db]{font-size:.65em;color:var(--text-tertiary, #484f58);transition:transform .2s}.mega-dropdown.category-dropdown[data-v-7a1434db]{position:fixed;top:60px;left:50%;transform:translate(-50%);background:var(--bg-surface, #0f1318);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:12px;padding:24px;box-shadow:0 16px 48px #00000080;width:1200px;max-width:95vw;max-height:calc(100vh - 80px);overflow-y:auto;z-index:1000;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.mega-dropdown.category-dropdown[data-v-7a1434db]::-webkit-scrollbar{width:8px}.mega-dropdown.category-dropdown[data-v-7a1434db]::-webkit-scrollbar-track{background:transparent}.mega-dropdown.category-dropdown[data-v-7a1434db]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.mega-dropdown.category-dropdown[data-v-7a1434db]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.category-intro[data-v-7a1434db]{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-faint, rgba(255,255,255,.05))}.category-intro h3[data-v-7a1434db]{font-size:1.1em;font-weight:700;color:var(--text-primary, #f0f6fc);margin:0 0 6px}.category-intro p[data-v-7a1434db]{font-size:.9em;color:var(--text-secondary, #8b949e);margin:0}.tech-containers[data-v-7a1434db]{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:100%}.tech-containers-single[data-v-7a1434db]{display:flex;justify-content:center}.backend-dropdown[data-v-7a1434db],.database-dropdown[data-v-7a1434db],.mobile-dropdown[data-v-7a1434db]{position:fixed;top:60px;left:50%;transform:translate(-50%);width:500px;max-width:95vw}.tech-container[data-v-7a1434db]{background:var(--bg-raised, #151b22);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s;width:100%;min-width:0}.tech-container[data-v-7a1434db]:hover{border-color:var(--border-strong, rgba(255,255,255,.16))}.tech-container.vue-container[data-v-7a1434db]:hover{border-color:#42b98359}.tech-container.js-container[data-v-7a1434db]:hover{border-color:#f7df1e4d}.tech-container.java-container[data-v-7a1434db]:hover{border-color:#f898204d}.tech-container.mysql-container[data-v-7a1434db]:hover{border-color:#00758f59}.tech-container.react-container[data-v-7a1434db]:hover{border-color:#61dafb4d}.tech-container.svelte-container[data-v-7a1434db]:hover{border-color:#ff3e004d}.tech-container.csharp-container[data-v-7a1434db]:hover{border-color:#9b59b659}.tech-container.nodejs-container[data-v-7a1434db]:hover{border-color:#33993359}.tech-container.golang-container[data-v-7a1434db]:hover{border-color:#00add84d}.tech-container.mongodb-container[data-v-7a1434db]:hover{border-color:#4fa94d59}.tech-container.postgresql-container[data-v-7a1434db]:hover{border-color:#33679159}.tech-container.redis-container[data-v-7a1434db]:hover{border-color:#dc382d4d}.tech-container.flutter-container[data-v-7a1434db]:hover{border-color:#02569b59}.tech-container.informatik-container[data-v-7a1434db]:hover{border-color:#667eea59}.tech-container.networkplus-container[data-v-7a1434db]:hover{border-color:#4caf5059}.tech-logo-section[data-v-7a1434db]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--border-faint, rgba(255,255,255,.05))}.vue-container .tech-logo-icon[data-v-7a1434db]{color:#42b983}.js-container .tech-logo-icon[data-v-7a1434db]{color:#c8a000}.react-container .tech-logo-icon[data-v-7a1434db]{color:#61dafb}.svelte-container .tech-logo-icon[data-v-7a1434db]{color:#ff3e00}.java-container .tech-logo-icon[data-v-7a1434db]{color:#f89820}.csharp-container .tech-logo-icon[data-v-7a1434db]{color:#9b59b6}.nodejs-container .tech-logo-icon[data-v-7a1434db]{color:#393}.golang-container .tech-logo-icon[data-v-7a1434db]{color:#00add8}.mysql-container .tech-logo-icon[data-v-7a1434db]{color:#00758f}.mongodb-container .tech-logo-icon[data-v-7a1434db]{color:#4fa94d}.postgresql-container .tech-logo-icon[data-v-7a1434db]{color:#336791}.redis-container .tech-logo-icon[data-v-7a1434db]{color:#dc382d}.flutter-container .tech-logo-icon[data-v-7a1434db]{color:#02569b}.informatik-container .tech-logo-icon[data-v-7a1434db]{color:#667eea}.networkplus-container .tech-logo-icon[data-v-7a1434db]{color:#4caf50}.tech-logo-icon[data-v-7a1434db]{font-size:3.5em;margin-bottom:4px}.tech-title[data-v-7a1434db]{font-size:1.2em;font-weight:700;color:var(--text-primary, #f0f6fc)}.tech-subtitle[data-v-7a1434db]{font-size:.9em;color:var(--text-tertiary, #484f58);font-weight:500}.tech-actions[data-v-7a1434db]{display:flex;flex-direction:column;gap:8px}.action-button[data-v-7a1434db]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-overlay, #1c2330);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:8px;text-decoration:none;color:var(--text-secondary, #8b949e);transition:all .2s;cursor:pointer;min-width:0}.action-button[data-v-7a1434db]:not(.disabled):hover{background:var(--bg-overlay, #1c2330);border-color:var(--border-strong, rgba(255,255,255,.16));color:var(--text-primary, #f0f6fc)}.action-button.vue[data-v-7a1434db]:hover{border-color:#42b98380}.action-button.vue .action-icon[data-v-7a1434db],.action-button.vue .action-title[data-v-7a1434db]{color:#42b983}.action-button.js[data-v-7a1434db]:hover{border-color:#d4a01780}.action-button.js .action-icon[data-v-7a1434db],.action-button.js .action-title[data-v-7a1434db]{color:#d4a017}.action-button.java[data-v-7a1434db]:hover{border-color:#f8982080}.action-button.java .action-icon[data-v-7a1434db],.action-button.java .action-title[data-v-7a1434db]{color:#f89820}.action-button.mysql[data-v-7a1434db]:hover{border-color:#00758f80}.action-button.mysql .action-icon[data-v-7a1434db],.action-button.mysql .action-title[data-v-7a1434db]{color:#00758f}.action-button.csharp[data-v-7a1434db]:hover{border-color:#68217a80}.action-button.csharp .action-icon[data-v-7a1434db],.action-button.csharp .action-title[data-v-7a1434db]{color:#68217a}.action-button.mongodb[data-v-7a1434db]:hover{border-color:#4fa94d80}.action-button.mongodb .action-icon[data-v-7a1434db],.action-button.mongodb .action-title[data-v-7a1434db]{color:#4fa94d}.action-button.react[data-v-7a1434db]:hover{border-color:#61dafb80}.action-button.react .action-icon[data-v-7a1434db],.action-button.react .action-title[data-v-7a1434db]{color:#61dafb}.action-button.svelte[data-v-7a1434db]:hover{border-color:#ff3e0080}.action-button.svelte .action-icon[data-v-7a1434db],.action-button.svelte .action-title[data-v-7a1434db]{color:#ff3e00}.action-button.nodejs[data-v-7a1434db]:hover{border-color:#33993380}.action-button.nodejs .action-icon[data-v-7a1434db],.action-button.nodejs .action-title[data-v-7a1434db]{color:#393}.action-button.golang[data-v-7a1434db]:hover{border-color:#00add880}.action-button.golang .action-icon[data-v-7a1434db],.action-button.golang .action-title[data-v-7a1434db]{color:#00add8}.action-button.postgresql[data-v-7a1434db]:hover{border-color:#33679180}.action-button.postgresql .action-icon[data-v-7a1434db],.action-button.postgresql .action-title[data-v-7a1434db]{color:#336791}.action-button.redis[data-v-7a1434db]:hover{border-color:#dc382d80}.action-button.redis .action-icon[data-v-7a1434db],.action-button.redis .action-title[data-v-7a1434db]{color:#dc382d}.action-button.flutter[data-v-7a1434db]:hover{border-color:#02569b80}.action-button.flutter .action-icon[data-v-7a1434db],.action-button.flutter .action-title[data-v-7a1434db]{color:#02569b}.action-button.informatik[data-v-7a1434db]:hover{border-color:#667eea80}.action-button.informatik .action-icon[data-v-7a1434db],.action-button.informatik .action-title[data-v-7a1434db]{color:#667eea}.action-button.networkplus[data-v-7a1434db]:hover{border-color:#4caf5080}.action-button.networkplus .action-icon[data-v-7a1434db],.action-button.networkplus .action-title[data-v-7a1434db]{color:#4caf50}.action-button.disabled[data-v-7a1434db]{opacity:.5;cursor:not-allowed}.action-icon[data-v-7a1434db]{font-size:1.8em;flex-shrink:0}.action-text[data-v-7a1434db]{flex:1;min-width:0;overflow:hidden}.action-title[data-v-7a1434db]{font-weight:700;font-size:.9em;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-desc[data-v-7a1434db]{font-size:.75em;color:var(--text-tertiary, #484f58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-lessons-trigger[data-v-7a1434db]{position:relative}.lessons-button[data-v-7a1434db]{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:transparent;border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;color:var(--text-secondary, #8b949e);font-size:.88rem}.lessons-button[data-v-7a1434db]:hover{background:var(--bg-overlay, #1c2330);border-color:var(--border-strong, rgba(255,255,255,.16));color:var(--text-primary, #f0f6fc)}.lessons-icon[data-v-7a1434db]{font-size:1.2em;color:var(--text-tertiary, #484f58)}.lessons-arrow[data-v-7a1434db]{font-size:1.1em;color:var(--text-tertiary, #484f58);transition:transform .2s}.lessons-button:hover .lessons-arrow[data-v-7a1434db]{transform:translate(4px);color:var(--text-secondary, #8b949e)}.lessons-button.java[data-v-7a1434db]{background:linear-gradient(135deg,#f8982026,#d2781426);border-color:#f898204d}.lessons-button.java[data-v-7a1434db]:hover{background:linear-gradient(135deg,#f8982040,#d2781440);border-color:#f8982080;box-shadow:0 4px 12px #f8982033}.lessons-button.java .lessons-icon[data-v-7a1434db],.lessons-button.java .lessons-arrow[data-v-7a1434db]{color:#f89820}.lessons-button.mysql[data-v-7a1434db]{background:linear-gradient(135deg,#00758f26,#005a6e26);border-color:#00758f4d}.lessons-button.mysql[data-v-7a1434db]:hover{background:linear-gradient(135deg,#00758f40,#005a6e40);border-color:#00758f80;box-shadow:0 4px 12px #00758f33}.lessons-button.mysql .lessons-icon[data-v-7a1434db],.lessons-button.mysql .lessons-arrow[data-v-7a1434db]{color:#00758f}.lessons-button.mongodb[data-v-7a1434db]{background:linear-gradient(135deg,#4fa94d26,#00684a26);border-color:#4fa94d4d}.lessons-button.mongodb[data-v-7a1434db]:hover{background:linear-gradient(135deg,#4fa94d40,#00684a40);border-color:#4fa94d80;box-shadow:0 4px 12px #4fa94d33}.lessons-button.mongodb .lessons-icon[data-v-7a1434db],.lessons-button.mongodb .lessons-arrow[data-v-7a1434db]{color:#4fa94d}.lessons-button.informatik[data-v-7a1434db]{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d}.lessons-button.informatik[data-v-7a1434db]:hover{background:linear-gradient(135deg,#667eea40,#764ba240);border-color:#667eea80;box-shadow:0 4px 12px #667eea33}.lessons-button.informatik .lessons-icon[data-v-7a1434db],.lessons-button.informatik .lessons-arrow[data-v-7a1434db]{color:#667eea}.lessons-button.networkplus[data-v-7a1434db]{background:linear-gradient(135deg,#4caf5026,#388e3c26);border-color:#4caf504d}.lessons-button.networkplus[data-v-7a1434db]:hover{background:linear-gradient(135deg,#4caf5040,#388e3c40);border-color:#4caf5080;box-shadow:0 4px 12px #4caf5033}.lessons-button.networkplus .lessons-icon[data-v-7a1434db],.lessons-button.networkplus .lessons-arrow[data-v-7a1434db]{color:#4caf50}.lessons-button.networkplus.disabled[data-v-7a1434db],.lessons-button.networkplus.disabled[data-v-7a1434db]:hover{background:#0000000d;border-color:#0000001a;cursor:not-allowed;transform:none;box-shadow:none}.lessons-button.networkplus.disabled .lessons-icon[data-v-7a1434db]{color:#999}.lessons-button.flutter[data-v-7a1434db]{background:linear-gradient(135deg,#02569b26,#0175c226);border-color:#02569b4d}.lessons-button.flutter[data-v-7a1434db]:hover{background:linear-gradient(135deg,#02569b40,#0175c240);border-color:#02569b80;box-shadow:0 4px 12px #02569b33}.lessons-button.flutter .lessons-icon[data-v-7a1434db],.lessons-button.flutter .lessons-arrow[data-v-7a1434db]{color:#02569b}.lessons-popup[data-v-7a1434db]{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg-surface, #0f1318);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:12px;padding:12px;box-shadow:0 16px 48px #00000080;width:90vw;max-width:420px;max-height:80vh;z-index:1001}.lessons-header-bar[data-v-7a1434db]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:8px;background:var(--bg-raised, #151b22);border-radius:8px;gap:12px}.lessons-header[data-v-7a1434db]{font-weight:600;font-size:.92em;color:var(--text-primary, #f0f6fc);flex:1}.close-popup-btn[data-v-7a1434db]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:6px;cursor:pointer;transition:all .2s;color:var(--text-secondary, #8b949e);font-size:1.1em}.close-popup-btn[data-v-7a1434db]:hover{background:var(--bg-overlay, #1c2330);border-color:var(--border-strong, rgba(255,255,255,.16));color:var(--text-primary, #f0f6fc)}.lessons-scroll[data-v-7a1434db]{max-height:400px;overflow-y:auto;scrollbar-width:thin}.lesson-item[data-v-7a1434db]{display:flex;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;color:var(--text-secondary, #8b949e);border-radius:8px;transition:all .15s;border-left:2px solid transparent}.lesson-item[data-v-7a1434db]:hover{background:var(--bg-overlay, #1c2330);border-left-color:var(--accent, #2dd4bf);color:var(--text-primary, #f0f6fc)}.lesson-number[data-v-7a1434db]{font-weight:600;color:var(--text-tertiary, #484f58);font-size:.85em;min-width:28px;font-variant-numeric:tabular-nums}.lesson-content[data-v-7a1434db]{flex:1}.lesson-title[data-v-7a1434db]{font-weight:500;font-size:.9em;margin-bottom:2px;color:var(--text-primary, #f0f6fc)}.lesson-desc[data-v-7a1434db]{font-size:.78em;color:var(--text-tertiary, #484f58)}.mega-dropdown[data-v-7a1434db]{position:fixed;top:60px;left:50%;transform:translate(-50%);background:var(--bg-surface, #0f1318);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:12px;padding:16px;box-shadow:0 16px 48px #00000080;width:520px;max-width:95vw;z-index:1000}.mega-dropdown.large[data-v-7a1434db]{width:520px}.dropdown-scroll[data-v-7a1434db]{max-height:400px;overflow-y:auto;scrollbar-width:thin}.dropdown-grid[data-v-7a1434db]{display:grid;gap:4px}.dropdown-item[data-v-7a1434db]{display:flex;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;color:var(--text-secondary, #8b949e);border-radius:8px;transition:all .15s;border-left:2px solid transparent}.dropdown-item[data-v-7a1434db]:hover{background:var(--bg-overlay, #1c2330);border-left-color:var(--accent, #2dd4bf);color:var(--text-primary, #f0f6fc)}.item-number[data-v-7a1434db]{font-weight:600;color:var(--text-tertiary, #484f58);font-size:.85em;min-width:28px}.item-content[data-v-7a1434db]{flex:1}.item-title[data-v-7a1434db]{font-weight:600;font-size:.95em;margin-bottom:2px}.item-desc[data-v-7a1434db]{font-size:.8em;color:var(--text-tertiary, #484f58)}.informatik-dropdown[data-v-7a1434db]{min-width:450px;max-width:520px}.quick-links-section[data-v-7a1434db]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-faint, rgba(255,255,255,.05))}.quick-link-item[data-v-7a1434db]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-raised, #151b22);border-radius:8px;text-decoration:none;color:var(--text-secondary, #8b949e);transition:all .2s;border:1px solid var(--border-default, rgba(255,255,255,.09))}.quick-link-item[data-v-7a1434db]:hover{background:var(--bg-overlay, #1c2330);border-color:var(--border-strong, rgba(255,255,255,.16));color:var(--text-primary, #f0f6fc)}.quick-link-item.vue[data-v-7a1434db]:hover{border-color:#42b98359}.quick-link-item.vue .quick-icon[data-v-7a1434db],.quick-link-item.vue .quick-title[data-v-7a1434db]{color:#42b983}.quick-icon[data-v-7a1434db]{font-size:1.6em;color:var(--text-tertiary, #484f58)}.quick-content[data-v-7a1434db]{display:flex;flex-direction:column;gap:2px}.quick-title[data-v-7a1434db]{font-weight:600;font-size:.9em;color:var(--text-primary, #f0f6fc)}.quick-desc[data-v-7a1434db]{font-size:.78em;color:var(--text-tertiary, #484f58)}.category-section[data-v-7a1434db]{margin-bottom:16px}.category-section[data-v-7a1434db]:last-child{margin-bottom:0}.category-header[data-v-7a1434db]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:6px;background:var(--bg-raised, #151b22);border-radius:8px;border-left:2px solid var(--accent, #2dd4bf)}.category-label[data-v-7a1434db]{font-weight:600;font-size:.88em;color:var(--text-primary, #f0f6fc)}.category-count[data-v-7a1434db]{font-size:.78em;color:var(--text-tertiary, #484f58);font-weight:500}.search-row[data-v-7a1434db]{width:100%;display:flex;justify-content:center}.dropdown-backdrop[data-v-7a1434db]{position:fixed;inset:0;width:100%;height:100%;background:#0000004d;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin:0;padding:0}.dropdown-enter-active[data-v-7a1434db]{animation:dropdownIn-7a1434db .2s ease-out}.dropdown-leave-active[data-v-7a1434db]{animation:dropdownOut-7a1434db .15s ease-in}@keyframes dropdownIn-7a1434db{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes dropdownOut-7a1434db{0%{opacity:1}to{opacity:0}}.slide-enter-active[data-v-7a1434db]{animation:slideIn-7a1434db .2s ease-out}.slide-leave-active[data-v-7a1434db]{animation:slideOut-7a1434db .15s ease-in}@keyframes slideIn-7a1434db{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut-7a1434db{0%{opacity:1}to{opacity:0}}.fade-enter-active[data-v-7a1434db],.fade-leave-active[data-v-7a1434db]{transition:opacity .2s ease}.fade-enter-from[data-v-7a1434db],.fade-leave-to[data-v-7a1434db]{opacity:0}@media(max-width:1024px){.topbar-container[data-v-7a1434db]{padding:10px 16px}.nav-label[data-v-7a1434db]{display:none}.nav-button[data-v-7a1434db]{padding:8px 12px}.mega-dropdown.category-dropdown[data-v-7a1434db]{width:1100px;max-width:95vw}.tech-logo-icon[data-v-7a1434db]{font-size:2.8em}}@media(max-width:768px){.topbar-container[data-v-7a1434db]{padding:8px 12px;gap:8px}.logo[data-v-7a1434db]{font-size:1em;gap:6px}.logo-icon[data-v-7a1434db]{width:1.6em;height:1.6em}.logo-text[data-v-7a1434db]{display:none}.nav-items[data-v-7a1434db]{gap:4px;flex:0}.nav-button[data-v-7a1434db]{padding:8px 10px;min-height:44px;gap:4px}.nav-count[data-v-7a1434db]{display:none}.nav-icon[data-v-7a1434db]{font-size:1.3em}.dropdown-arrow[data-v-7a1434db]{font-size:.6em}.search-row[data-v-7a1434db]{width:100%;padding:0}.mega-dropdown.category-dropdown[data-v-7a1434db]{position:fixed;top:60px;left:50%;transform:translate(-50%);width:90%;max-width:90%;min-width:auto;max-height:calc(100vh - 80px);overflow-y:auto}.tech-containers[data-v-7a1434db]{grid-template-columns:1fr;gap:12px}.tech-container[data-v-7a1434db]{padding:16px}.tech-logo-icon[data-v-7a1434db]{font-size:2.8em}.action-button[data-v-7a1434db]{padding:10px 12px}.action-icon[data-v-7a1434db]{font-size:1.5em}.mega-dropdown.large[data-v-7a1434db]{width:90%;max-width:90%;min-width:auto}.lessons-scroll[data-v-7a1434db]{max-height:60vh}.tech-card[data-v-7a1434db]{padding:12px 14px}.tech-icon[data-v-7a1434db]{font-size:1.8em}}.user-dropdown-wrapper[data-v-7a1434db]{position:relative}.user-avatar-btn[data-v-7a1434db]{display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px 12px 6px 6px;cursor:pointer;color:#ffffffd9;transition:all .2s;box-shadow:0 2px 8px #0003}.user-avatar-btn[data-v-7a1434db]:hover{background:#ffffff24;border-color:#fff3;box-shadow:0 4px 12px #0000004d}.user-avatar[data-v-7a1434db]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#2563eb);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.user-avatar-info[data-v-7a1434db]{display:flex;flex-direction:column;align-items:flex-start}.user-avatar-name[data-v-7a1434db]{font-size:.82rem;font-weight:600;line-height:1.2;color:#ffffffe6}.user-role-badge[data-v-7a1434db]{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.role-admin[data-v-7a1434db]{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.role-instructor[data-v-7a1434db]{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.role-student[data-v-7a1434db]{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.user-dropdown-arrow[data-v-7a1434db]{font-size:.7rem;color:#ffffff59;margin-left:2px}.user-dropdown-panel[data-v-7a1434db]{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;z-index:1000;background:#0f111ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px;box-shadow:0 20px 60px #00000080}.user-dropdown-stats[data-v-7a1434db]{display:flex;gap:8px;padding:8px 10px 10px}.stat-item[data-v-7a1434db]{flex:1;display:flex;flex-direction:column;align-items:center;background:#ffffff0d;border-radius:10px;padding:8px 4px}.stat-icon[data-v-7a1434db]{font-size:1rem;display:flex;align-items:center;justify-content:center}.stat-val[data-v-7a1434db]{font-size:1rem;font-weight:700;color:#fff;line-height:1.2}.stat-lbl[data-v-7a1434db]{font-size:.65rem;color:#fff6}.user-dropdown-divider[data-v-7a1434db]{height:1px;background:#ffffff14;margin:4px 0}.user-dropdown-item[data-v-7a1434db]{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:9px;font-size:.88rem;color:#fffc;text-decoration:none;background:none;border:none;cursor:pointer;transition:background .15s;text-align:left}.user-dropdown-item .item-icon[data-v-7a1434db]{font-size:1rem;display:flex;align-items:center;transition:transform .2s}.user-dropdown-item[data-v-7a1434db]:hover{background:#ffffff14;color:#fff}.user-dropdown-item:hover .item-icon[data-v-7a1434db]{transform:scale(1.2)}.user-dropdown-logout[data-v-7a1434db]{color:#ff6464cc}.user-dropdown-logout[data-v-7a1434db]:hover{background:#dc3c3c26;color:#fca5a5}.palette-trigger[data-v-756dd404]{display:flex;align-items:center;gap:12px;padding:8px 20px;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:all .2s;min-width:400px;max-width:600px;width:100%}.palette-trigger[data-v-756dd404]:hover{border-color:var(--accent-border);box-shadow:0 2px 12px #2dd4bf26}.search-icon-trigger[data-v-756dd404]{color:var(--accent);flex-shrink:0}.trigger-text[data-v-756dd404]{flex:1;color:var(--text-tertiary);font-size:.95em}.kbd[data-v-756dd404]{padding:4px 8px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:4px;font-size:.8em;font-family:monospace;color:var(--text-tertiary)}.palette-overlay[data-v-756dd404]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.palette-modal[data-v-756dd404]{width:90%;max-width:600px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:slideDown-756dd404 .2s ease-out}@keyframes slideDown-756dd404{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.palette-header[data-v-756dd404]{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border-faint);background:transparent}.search-icon-large[data-v-756dd404]{color:var(--accent);flex-shrink:0}.palette-input[data-v-756dd404]{flex:1;border:none;outline:none;font-size:1.1em;color:var(--text-primary);background:transparent}.palette-input[data-v-756dd404]::placeholder{color:var(--text-tertiary)}.filter-bar[data-v-756dd404]{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border-faint);background:var(--bg-overlay);overflow-x:auto}.filter-btn[data-v-756dd404]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;font-size:.85em;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap}.filter-btn[data-v-756dd404]:hover{border-color:var(--accent-border);color:var(--accent);transform:translateY(-1px)}.filter-btn.active[data-v-756dd404]{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent)}.filter-icon[data-v-756dd404]{font-size:1.2em}.palette-results[data-v-756dd404]{max-height:400px;overflow-y:auto}.palette-results[data-v-756dd404]::-webkit-scrollbar{width:4px}.palette-results[data-v-756dd404]::-webkit-scrollbar-track{background:transparent}.palette-results[data-v-756dd404]::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.result-item[data-v-756dd404]{display:flex;align-items:center;gap:15px;padding:12px 20px;cursor:pointer;transition:all .15s;border-left:2px solid transparent;background:transparent}.result-item[data-v-756dd404]:hover{background:var(--bg-raised);border-left-color:var(--border-default)}.result-item.selected[data-v-756dd404]{background:var(--accent-dim);border-left-color:var(--accent)}.result-icon[data-v-756dd404]{font-size:2em;min-width:32px;display:flex;align-items:center;justify-content:center}.result-content[data-v-756dd404]{flex:1}.result-title[data-v-756dd404]{font-weight:600;color:var(--text-primary);margin-bottom:2px;display:flex;align-items:center;gap:8px}.favorite-badge[data-v-756dd404]{color:#ffc107;font-size:.9em;animation:starPulse-756dd404 2s ease-in-out infinite}@keyframes starPulse-756dd404{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.result-tech[data-v-756dd404]{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.result-arrow[data-v-756dd404]{color:var(--accent);font-size:1.2em}.no-results[data-v-756dd404]{padding:60px 20px;text-align:center;color:var(--text-tertiary)}.no-results-icon[data-v-756dd404]{color:var(--text-tertiary);margin:0 auto 15px;display:block}.palette-footer[data-v-756dd404]{padding:12px 20px;background:var(--bg-overlay);border-top:1px solid var(--border-faint)}.footer-hint[data-v-756dd404]{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.footer-hint kbd[data-v-756dd404]{padding:3px 6px;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:3px;font-size:.9em;font-family:monospace;color:var(--text-tertiary)}.fade-enter-active[data-v-756dd404],.fade-leave-active[data-v-756dd404]{transition:opacity .2s}.fade-enter-from[data-v-756dd404],.fade-leave-to[data-v-756dd404]{opacity:0}@media(max-width:768px){.palette-overlay[data-v-756dd404]{padding-top:10vh}.palette-modal[data-v-756dd404]{width:95%}.trigger-text[data-v-756dd404]{display:none}}.lesson-actions[data-v-650271e8]{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:12px;z-index:900}.action-button[data-v-650271e8]{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--surface-2, rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.15);border-radius:30px;cursor:pointer;transition:all var(--transition-slow, .3s ease);font-weight:600;color:#ffffffb3;box-shadow:0 4px 12px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.action-button[data-v-650271e8]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.action-icon[data-v-650271e8]{font-size:1.5em;transition:all var(--transition-slow, .3s ease)}.action-label[data-v-650271e8]{font-size:.9em}.action-button.complete[data-v-650271e8]:hover{border-color:#42b983;color:#42b983}.action-button.complete.active[data-v-650271e8]{background:linear-gradient(135deg,#42b983,#2c9e70);border-color:#42b983;color:#fff}.action-button.complete.active[data-v-650271e8]:hover{background:linear-gradient(135deg,#2c9e70,#42b983)}.action-button.favorite[data-v-650271e8]:hover{border-color:#ffc107;color:#ffc107}.action-button.favorite.active[data-v-650271e8]{background:linear-gradient(135deg,#ffc107,#ff9800);border-color:#ffc107;color:#fff}.action-button.favorite.active[data-v-650271e8]:hover{background:linear-gradient(135deg,#ff9800,#ffc107)}@media(max-width:768px){.lesson-actions[data-v-650271e8]{bottom:20px;right:20px}.action-button[data-v-650271e8]{padding:10px 14px}.action-label[data-v-650271e8]{display:none}.action-icon[data-v-650271e8]{font-size:1.8em}}.editor-toolbar[data-v-1297cb07]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);gap:16px}.toolbar-left[data-v-1297cb07]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.toolbar-title[data-v-1297cb07]{margin:0;font-size:16px;font-weight:600;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-badge[data-v-1297cb07]{padding:4px 12px;background:#42b98333;color:#27ae60;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.toolbar-right[data-v-1297cb07]{display:flex;gap:8px;align-items:center}.toolbar-btn[data-v-1297cb07]{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#2c3e50;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.toolbar-btn[data-v-1297cb07]:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.toolbar-btn[data-v-1297cb07]:active:not(:disabled){transform:translateY(0)}.toolbar-btn[data-v-1297cb07]:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.run-btn[data-v-1297cb07]{background:linear-gradient(135deg,#42b983cc,#27ae60cc);color:#fff;border:1px solid rgba(255,255,255,.3);font-weight:600;padding:8px 16px}.toolbar-btn.run-btn[data-v-1297cb07]:hover:not(:disabled){background:linear-gradient(135deg,#42b983,#27ae60);box-shadow:0 4px 16px #42b98366}.toolbar-btn[data-v-1297cb07]>svg{font-size:18px}.spin[data-v-1297cb07]{animation:spin-1297cb07 1s linear infinite}@keyframes spin-1297cb07{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.editor-toolbar[data-v-1297cb07]{flex-wrap:wrap;padding:12px 16px}.toolbar-left[data-v-1297cb07]{flex:1 1 100%;margin-bottom:8px}.toolbar-right[data-v-1297cb07]{flex:1 1 100%;justify-content:flex-end}.toolbar-btn span[data-v-1297cb07]{display:none}.toolbar-btn.run-btn[data-v-1297cb07]{padding:8px 12px}.toolbar-btn.run-btn span[data-v-1297cb07]{display:inline}}@media(max-width:480px){.toolbar-title[data-v-1297cb07]{font-size:14px}.language-badge[data-v-1297cb07]{font-size:10px;padding:3px 8px}.toolbar-btn[data-v-1297cb07]{padding:6px 10px}.toolbar-btn.run-btn[data-v-1297cb07]{padding:6px 12px}}.preview-frame[data-v-ee560091]{height:100%;min-height:600px;overflow:hidden;background:#ffffff0d;border-radius:12px}.console-output[data-v-ee560091]{height:100%;min-height:600px;overflow-y:auto;padding:16px;font-family:var(--font-code);font-size:13px}.log-entry[data-v-ee560091]{display:flex;gap:12px;margin-bottom:8px;padding:10px 12px;border-radius:6px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-left:3px solid transparent;transition:all .2s}.log-entry[data-v-ee560091]:hover{background:#ffffff26;transform:translate(4px)}.log-entry.log[data-v-ee560091]{border-left-color:#42b983}.log-entry.warn[data-v-ee560091]{border-left-color:#f39c12;background:#f39c121a}.log-entry.error[data-v-ee560091]{border-left-color:#e74c3c;background:#e74c3c1a}.log-entry.info[data-v-ee560091]{border-left-color:#3498db;background:#3498db1a}.log-entry.success[data-v-ee560091]{border-left-color:#27ae60;background:#27ae601a}.log-type[data-v-ee560091]{font-weight:700;font-size:11px;text-transform:uppercase;opacity:.8;min-width:55px;letter-spacing:.5px}.log-entry.log .log-type[data-v-ee560091]{color:#42b983}.log-entry.warn .log-type[data-v-ee560091]{color:#f39c12}.log-entry.error .log-type[data-v-ee560091]{color:#e74c3c}.log-entry.info .log-type[data-v-ee560091]{color:#3498db}.log-entry.success .log-type[data-v-ee560091]{color:#27ae60}.log-message[data-v-ee560091]{color:#2c3e50;white-space:pre-wrap;word-break:break-word;flex:1}.html-preview[data-v-ee560091]{position:relative;height:100%;min-height:600px;overflow:hidden}.preview-iframe[data-v-ee560091]{width:100%;height:100%;min-height:600px;border:none;background:#fff;border-radius:12px}.empty-state[data-v-ee560091]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#2c3e5080;text-align:center;padding:40px 20px}.empty-icon[data-v-ee560091]{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state p[data-v-ee560091]{font-size:14px;font-style:italic;max-width:300px}.console-output[data-v-ee560091]::-webkit-scrollbar{width:8px}.console-output[data-v-ee560091]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.console-output[data-v-ee560091]::-webkit-scrollbar-thumb{background:#42b9834d;border-radius:4px}.console-output[data-v-ee560091]::-webkit-scrollbar-thumb:hover{background:#42b98380}.modal-overlay[data-v-011a1065]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content[data-v-011a1065]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 16px 48px #0003;max-width:800px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-011a1065]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.modal-header h3[data-v-011a1065]{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.close-btn[data-v-011a1065]{background:none;border:none;color:#7f8c8d;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-btn[data-v-011a1065]:hover{background:#0000000d;color:#2c3e50}.close-btn[data-v-011a1065] svg{font-size:24px}.modal-body[data-v-011a1065]{flex:1;overflow-y:auto;padding:24px}.templates-grid[data-v-011a1065]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.template-card[data-v-011a1065]{background:#ffffff80;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:12px}.template-card[data-v-011a1065]:hover{background:#fffc;border-color:#42b983;transform:translateY(-4px);box-shadow:0 8px 24px #42b98333}.template-icon[data-v-011a1065]{width:48px;height:48px;background:linear-gradient(135deg,#42b98333,#27ae6033);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#42b983}.template-icon[data-v-011a1065] svg{font-size:28px}.template-info h4[data-v-011a1065]{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.template-info p[data-v-011a1065]{margin:0;font-size:13px;color:#7f8c8d;line-height:1.4}.empty-state[data-v-011a1065]{text-align:center;padding:60px 20px;color:#95a5a6}.empty-icon[data-v-011a1065]{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state p[data-v-011a1065]{font-size:14px;font-style:italic}.modal-body[data-v-011a1065]::-webkit-scrollbar{width:8px}.modal-body[data-v-011a1065]::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.modal-body[data-v-011a1065]::-webkit-scrollbar-thumb{background:#42b9834d;border-radius:4px}.modal-body[data-v-011a1065]::-webkit-scrollbar-thumb:hover{background:#42b98380}.modal-enter-active[data-v-011a1065],.modal-leave-active[data-v-011a1065]{transition:all .3s ease}.modal-enter-from[data-v-011a1065],.modal-leave-to[data-v-011a1065]{opacity:0}.modal-enter-from .modal-content[data-v-011a1065],.modal-leave-to .modal-content[data-v-011a1065]{transform:scale(.9) translateY(20px)}@media(max-width:768px){.modal-content[data-v-011a1065]{max-height:90vh}.templates-grid[data-v-011a1065]{grid-template-columns:1fr}.modal-header[data-v-011a1065]{padding:16px 20px}.modal-body[data-v-011a1065]{padding:20px}}.code-playground[data-v-90d1d731]{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;overflow:hidden;margin:20px 0;transition:all .3s}.code-playground.fullscreen[data-v-90d1d731]{position:fixed;inset:0;z-index:9999;margin:0;border-radius:0}.tabs-container[data-v-90d1d731]{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);padding:0 20px}.tabs[data-v-90d1d731]{display:flex;gap:4px}.tab[data-v-90d1d731]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#2c3e5099;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.tab[data-v-90d1d731]:hover{color:#2c3e50;background:#ffffff1a}.tab.active[data-v-90d1d731]{color:#42b983;border-bottom-color:#42b983;background:#42b9831a}.tab[data-v-90d1d731] svg{font-size:18px}.content-area[data-v-90d1d731]{position:relative;min-height:600px}.editor-panel[data-v-90d1d731],.preview-panel[data-v-90d1d731]{height:100%;min-height:600px}.editor-panel[data-v-90d1d731]{background:#ffffff0d;overflow:auto;max-height:600px}.preview-panel[data-v-90d1d731]{padding:16px;min-height:600px}.modal-overlay[data-v-90d1d731]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.share-modal[data-v-90d1d731]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 16px 48px #0003;max-width:500px;width:100%;overflow:hidden}.modal-header[data-v-90d1d731]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.modal-header h3[data-v-90d1d731]{margin:0;font-size:18px;font-weight:600;color:#2c3e50}.close-btn[data-v-90d1d731]{background:none;border:none;color:#7f8c8d;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-btn[data-v-90d1d731]:hover{background:#0000000d;color:#2c3e50}.close-btn[data-v-90d1d731] svg{font-size:24px}.modal-body[data-v-90d1d731]{padding:24px}.share-options[data-v-90d1d731]{display:flex;flex-direction:column;gap:12px}.share-option[data-v-90d1d731]{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffffff80;border:1px solid rgba(0,0,0,.1);border-radius:12px;cursor:pointer;font-size:15px;font-weight:500;color:#2c3e50;transition:all .2s;text-align:left}.share-option[data-v-90d1d731]:hover:not(:disabled){background:#42b9831a;border-color:#42b983;transform:translateY(-2px)}.share-option[data-v-90d1d731]:disabled{opacity:.5;cursor:not-allowed}.share-option[data-v-90d1d731] svg{font-size:24px;color:#42b983}.copy-success[data-v-90d1d731]{margin-top:16px;padding:12px;background:#27ae601a;border:1px solid rgba(39,174,96,.3);border-radius:8px;color:#27ae60;text-align:center;font-weight:600;font-size:14px}.modal-enter-active[data-v-90d1d731],.modal-leave-active[data-v-90d1d731]{transition:all .3s ease}.modal-enter-from[data-v-90d1d731],.modal-leave-to[data-v-90d1d731]{opacity:0}.modal-enter-from .share-modal[data-v-90d1d731],.modal-leave-to .share-modal[data-v-90d1d731]{transform:scale(.9) translateY(20px)}@media(max-width:768px){.content-area[data-v-90d1d731],.preview-panel[data-v-90d1d731]{min-height:400px}.tab span[data-v-90d1d731]{display:none}.tab[data-v-90d1d731]{padding:12px 16px}}.modal-backdrop[data-v-575a60d4]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-container[data-v-575a60d4]{width:95vw;height:92vh;max-width:1600px;background:#1e1e1e;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-575a60d4]{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#252526;border-bottom:2px solid #3e3e42}.header-left[data-v-575a60d4]{display:flex;align-items:center;gap:15px}.modal-icon[data-v-575a60d4]{font-size:2em;color:#667eea}.header-text h2[data-v-575a60d4]{margin:0;color:#e0e0e0;font-size:1.4em;font-weight:600}.lesson-title[data-v-575a60d4]{margin:2px 0 0;color:#999;font-size:.9em}.header-right[data-v-575a60d4]{display:flex;align-items:center;gap:12px}.unsaved-indicator[data-v-575a60d4]{display:flex;align-items:center;gap:6px;color:#ffc107;font-size:.85em;font-weight:600}.pulse[data-v-575a60d4]{animation:pulse-575a60d4 2s ease-in-out infinite}@keyframes pulse-575a60d4{0%,to{opacity:1}50%{opacity:.4}}.save-btn[data-v-575a60d4]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#42b983,#2c9e70);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.save-btn[data-v-575a60d4]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #42b98366}.close-btn[data-v-575a60d4]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3e3e42;color:#e0e0e0;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-size:1.4em}.close-btn[data-v-575a60d4]:hover{background:#f44336;color:#fff}.modal-body[data-v-575a60d4]{flex:1;overflow:hidden;padding:0}.modal-footer[data-v-575a60d4]{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#252526;border-top:1px solid #3e3e42}.reset-btn[data-v-575a60d4]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;color:#999;border:1px solid #3e3e42;border-radius:8px;cursor:pointer;transition:all .3s}.reset-btn[data-v-575a60d4]:hover{background:#3e3e42;color:#e0e0e0}.auto-save-info[data-v-575a60d4]{display:flex;align-items:center;gap:6px;color:#666;font-size:.85em}.modal-fade-enter-active[data-v-575a60d4],.modal-fade-leave-active[data-v-575a60d4]{transition:opacity .3s ease}.modal-fade-enter-active .modal-container[data-v-575a60d4],.modal-fade-leave-active .modal-container[data-v-575a60d4]{transition:transform .3s ease,opacity .3s ease}.modal-fade-enter-from[data-v-575a60d4],.modal-fade-leave-to[data-v-575a60d4]{opacity:0}.modal-fade-enter-from .modal-container[data-v-575a60d4],.modal-fade-leave-to .modal-container[data-v-575a60d4]{transform:scale(.9);opacity:0}@media(max-width:768px){.modal-container[data-v-575a60d4]{width:100vw;height:100vh;max-width:100vw;border-radius:0}.modal-header[data-v-575a60d4],.modal-footer[data-v-575a60d4]{padding:15px 20px}.header-text h2[data-v-575a60d4]{font-size:1.1em}.lesson-title[data-v-575a60d4],.save-btn span[data-v-575a60d4],.reset-btn span[data-v-575a60d4],.auto-save-info[data-v-575a60d4]{display:none}}.loading-screen[data-v-e9d245c5]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0d1117;cursor:pointer;-webkit-user-select:none;user-select:none}.loading-content[data-v-e9d245c5]{display:flex;flex-direction:column;align-items:center;gap:24px}.cube-canvas[data-v-e9d245c5]{display:block;width:240px;height:240px}.loading-tagline[data-v-e9d245c5]{font-size:1.25rem;font-weight:700;letter-spacing:.2em;color:#fff;text-transform:uppercase;text-align:center;margin:0}.loading-skip[data-v-e9d245c5]{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:#4b5563;pointer-events:none;margin:0;white-space:nowrap}.loading-fade-leave-active[data-v-e9d245c5]{transition:opacity 1.2s ease-in-out}.loading-fade-leave-to[data-v-e9d245c5]{opacity:0}#app{min-height:100vh;display:flex;width:100%;max-width:100vw;overflow-x:hidden;position:relative}.bg-cubes{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-cube{position:absolute;border-radius:12px;border:1.5px solid rgba(69,193,224,.6);animation:float-cube linear infinite}@keyframes float-cube{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-14px) rotate(4deg)}50%{transform:translateY(-22px) rotate(8deg)}75%{transform:translateY(-10px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}.app-layout{flex:1;display:flex;flex-direction:column;min-height:100vh;padding-top:130px;width:100%;max-width:100vw;overflow-x:hidden;position:relative;z-index:1}.main-content{flex:1;padding:40px 20px;max-width:1200px;margin:0 auto;width:100%;overflow-x:hidden}.main-footer{background:#333;color:#fff;text-align:center;padding:20px;margin-top:40px}.main-footer p{opacity:.8;font-size:.9em}@media(max-width:768px){.app-layout{padding-top:100px}.main-content{padding:20px 15px}}.progress-tracker[data-v-1dcbe8e1]{margin:40px 0;padding:30px;background:var(--bg-surface, #0f1318);border-radius:12px;border:1px solid var(--border-faint, rgba(255, 255, 255, .05))}.progress-tracker h2[data-v-1dcbe8e1]{margin-bottom:25px;color:var(--text-primary, #f0f6fc)}.progress-grid[data-v-1dcbe8e1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.progress-card[data-v-1dcbe8e1]{padding:20px;background:var(--bg-raised, #151b22);border-radius:10px;border:1px solid var(--border-faint, rgba(255, 255, 255, .05));transition:all .3s}.progress-card[data-v-1dcbe8e1]:hover{transform:translateY(-3px);border-color:var(--border-default, rgba(255, 255, 255, .09))}.progress-card.overall[data-v-1dcbe8e1]{background:linear-gradient(135deg,#2dd4bf14,#f7df1e0f)}.progress-card.overall[data-v-1dcbe8e1]:hover{border-color:var(--accent-border, rgba(45, 212, 191, .25))}.progress-card.vue[data-v-1dcbe8e1]:hover{border-color:#42b983;background:#42b98314}.progress-card.js[data-v-1dcbe8e1]:hover{border-color:#d4a017;background:#f7df1e14}.progress-card.java[data-v-1dcbe8e1]:hover{border-color:#f89820;background:#f8982014}.card-header[data-v-1dcbe8e1]{display:flex;align-items:center;gap:10px;margin-bottom:15px}.card-icon[data-v-1dcbe8e1]{font-size:1.8em}.card-header h3[data-v-1dcbe8e1]{margin:0;font-size:1.1em;color:var(--text-primary, #f0f6fc)}.progress-bar[data-v-1dcbe8e1]{width:100%;height:8px;background:var(--bg-overlay, #1c2330);border-radius:10px;overflow:hidden;margin-bottom:12px}.progress-fill[data-v-1dcbe8e1]{height:100%;background:linear-gradient(90deg,#42b983,#2c9e70);border-radius:10px;transition:width .5s ease}.progress-fill.vue-fill[data-v-1dcbe8e1]{background:linear-gradient(90deg,#42b983,#35a372)}.progress-fill.js-fill[data-v-1dcbe8e1]{background:linear-gradient(90deg,#d4a017,#e5cd1a)}.progress-fill.java-fill[data-v-1dcbe8e1]{background:linear-gradient(90deg,#f89820,#e08515)}.progress-fill.mysql-fill[data-v-1dcbe8e1]{background:linear-gradient(90deg,#00758f,#00546b)}.progress-fill.informatik-fill[data-v-1dcbe8e1]{background:linear-gradient(90deg,#667eea,#764ba2)}.progress-fill.networkplus-fill[data-v-1dcbe8e1]{background:linear-gradient(90deg,#4caf50,#388e3c)}.progress-fill.flutter-fill[data-v-1dcbe8e1]{background:linear-gradient(90deg,#02569b,#0175c2)}.progress-card.mysql[data-v-1dcbe8e1]:hover{border-color:#00758f;background:#00758f14}.progress-card.informatik[data-v-1dcbe8e1]:hover{border-color:#667eea;background:#667eea14}.progress-card.networkplus[data-v-1dcbe8e1]:hover{border-color:#4caf50;background:#4caf5014}.progress-card.flutter[data-v-1dcbe8e1]:hover{border-color:#02569b;background:#02569b14}.progress-stats[data-v-1dcbe8e1]{display:flex;justify-content:space-between;align-items:center}.stat-number[data-v-1dcbe8e1]{font-weight:700;font-size:1.2em;color:var(--text-primary, #f0f6fc)}.stat-label[data-v-1dcbe8e1]{font-size:.85em;color:var(--text-secondary, #8b949e)}.recent-section[data-v-1dcbe8e1]{margin-top:30px;padding-top:30px;border-top:1px solid var(--border-default, rgba(255, 255, 255, .09))}.recent-section h3[data-v-1dcbe8e1]{margin-bottom:15px;color:var(--text-primary, #f0f6fc)}.recent-list[data-v-1dcbe8e1]{display:flex;flex-direction:column;gap:10px}.recent-item[data-v-1dcbe8e1]{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:var(--bg-raised, #151b22);border-radius:8px;text-decoration:none;color:var(--text-primary, #f0f6fc);transition:all .2s;border:1px solid var(--border-faint, rgba(255, 255, 255, .05))}.recent-item[data-v-1dcbe8e1]:hover{background:var(--bg-overlay, #1c2330);transform:translate(5px)}.recent-info[data-v-1dcbe8e1]{display:flex;flex-direction:column;gap:4px}.recent-title[data-v-1dcbe8e1]{font-weight:600;font-size:.95em}.recent-tech[data-v-1dcbe8e1]{font-size:.8em;color:var(--text-secondary, #8b949e)}.recent-time[data-v-1dcbe8e1]{font-size:.85em;color:var(--text-tertiary, #484f58);white-space:nowrap}@media(max-width:768px){.progress-tracker[data-v-1dcbe8e1]{padding:20px}.progress-grid[data-v-1dcbe8e1]{grid-template-columns:1fr}.recent-item[data-v-1dcbe8e1]{flex-direction:column;align-items:flex-start;gap:8px}.recent-time[data-v-1dcbe8e1]{align-self:flex-end}}.home[data-v-f7e5ace3]{max-width:1100px;margin:0 auto;padding:0 24px}.hero[data-v-f7e5ace3]{padding:80px 0 48px;position:relative}.hero[data-v-f7e5ace3]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:400px;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(45,212,191,.08) 0%,transparent 70%);pointer-events:none}.hero-header[data-v-f7e5ace3]{text-align:center;margin-bottom:64px;position:relative}.hero-title[data-v-f7e5ace3]{font-size:3rem;font-weight:700;color:var(--text-primary, #f0f6fc);margin:0 0 16px;letter-spacing:-.02em;line-height:1.15}.hero-subtitle[data-v-f7e5ace3]{font-size:1.15rem;color:var(--text-secondary, #8b949e);margin:0}.typewriter[data-v-f7e5ace3]{color:var(--accent, #2dd4bf);font-weight:600;white-space:nowrap}.cursor[data-v-f7e5ace3]{display:inline-block;margin-left:2px;color:var(--accent, #2dd4bf);animation:blink-f7e5ace3 .9s step-end infinite}@keyframes blink-f7e5ace3{0%,to{opacity:1}50%{opacity:0}}.tech-grid[data-v-f7e5ace3]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:48px;position:relative}.tech-card[data-v-f7e5ace3]{display:flex;align-items:center;padding:16px 18px;background:var(--bg-surface, #0f1318);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:12px;text-decoration:none;color:var(--text-primary, #f0f6fc);transition:border-color var(--transition-normal, .2s ease),background var(--transition-normal, .2s ease),transform var(--transition-normal, .2s ease);cursor:pointer;gap:14px}.tech-card[data-v-f7e5ace3]:hover{border-color:var(--border-strong, rgba(255,255,255,.16));background:var(--bg-raised, #151b22);transform:translateY(-2px)}.tech-card-top[data-v-f7e5ace3]{display:flex;align-items:center;gap:14px;width:100%}.tech-card-icon[data-v-f7e5ace3]{font-size:2rem;flex-shrink:0;color:var(--text-secondary, #8b949e)}.tech-card-info[data-v-f7e5ace3]{flex:1;min-width:0}.tech-card-name[data-v-f7e5ace3]{font-size:1rem;font-weight:600;color:var(--text-primary, #f0f6fc);line-height:1.3}.tech-card-count[data-v-f7e5ace3]{font-size:.78rem;color:var(--text-tertiary, #484f58);margin-top:2px}.section-label[data-v-f7e5ace3]{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary, #484f58);text-align:center;margin-bottom:16px}.progress-panel[data-v-f7e5ace3]{background:var(--bg-surface, #0f1318);border:1px solid var(--border-default, rgba(255,255,255,.09));border-radius:12px;padding:24px;margin-bottom:40px}.features-strip[data-v-f7e5ace3]{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--border-faint, rgba(255,255,255,.05))}.feature-item[data-v-f7e5ace3]{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-tertiary, #484f58);white-space:nowrap}.feature-icon[data-v-f7e5ace3]{font-size:1.1rem;color:var(--text-tertiary, #484f58)}.feature-item kbd[data-v-f7e5ace3]{padding:2px 6px;background:var(--bg-raised, #151b22);border-radius:4px;font-family:monospace;font-size:.85em;border:1px solid var(--border-default, rgba(255,255,255,.09));color:var(--text-secondary, #8b949e)}@media(max-width:768px){.hero[data-v-f7e5ace3]{padding:48px 0 36px}.hero-title[data-v-f7e5ace3]{font-size:2rem}.hero-subtitle[data-v-f7e5ace3]{font-size:1rem}.hero-header[data-v-f7e5ace3]{margin-bottom:40px}.tech-grid[data-v-f7e5ace3]{grid-template-columns:repeat(2,1fr);gap:10px}.features-strip[data-v-f7e5ace3]{gap:16px}.feature-item[data-v-f7e5ace3]{font-size:.8em}}@media(max-width:480px){.tech-grid[data-v-f7e5ace3]{grid-template-columns:1fr}}.enfp-block[data-v-92e76bab]{margin:25px 0}.enfp-block h3[data-v-92e76bab]{color:var(--color-enfp, #ec4899);margin:0 0 20px;font-size:1.2em;font-weight:700}.enfp-block h4[data-v-92e76bab]{color:var(--color-enfp, #ec4899);margin:0 0 10px;font-size:1em;font-weight:600;display:flex;align-items:center;gap:8px}.enfp-block .analogy[data-v-92e76bab],.enfp-block .big-picture[data-v-92e76bab],.enfp-block .pattern[data-v-92e76bab],.enfp-block .possibilities[data-v-92e76bab]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-inner);padding:14px 16px;margin:10px 0 0}.enfp-block p[data-v-92e76bab]{line-height:1.8;color:var(--text-secondary, #8b949e);margin:0}.possibilities-content[data-v-92e76bab]{color:var(--text-secondary, #8b949e);line-height:1.8}.possibilities-content[data-v-92e76bab] ul{margin:0;padding-left:20px}.possibilities-content[data-v-92e76bab] li{margin:4px 0}.possibilities-content[data-v-92e76bab] p{margin:0}.text-block[data-v-0e5f6f6f]{background:transparent;padding:0;border-radius:0;margin-bottom:32px}.text-block h2[data-v-0e5f6f6f]{color:var(--text-primary, #f0f6fc);margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border-faint, rgba(255, 255, 255, .05));font-size:1.4em;font-weight:600}.text-block-content p[data-v-0e5f6f6f]{line-height:1.8;color:var(--text-secondary, #8b949e);margin:12px 0}.text-block-content p[data-v-0e5f6f6f]:first-child{margin-top:0}.text-block-content p[data-v-0e5f6f6f]:last-child{margin-bottom:0}.text-block-content[data-v-0e5f6f6f] code{background:var(--bg-raised, #151b22);color:var(--accent);padding:2px 6px;border-radius:4px;font-family:var(--font-code);font-size:.9em;border:1px solid var(--border-default, rgba(255, 255, 255, .09))}.text-block-content[data-v-0e5f6f6f] strong{color:var(--text-primary, #f0f6fc);font-weight:600}.text-block-content[data-v-0e5f6f6f] .section-heading{display:block;font-size:1.05em;color:var(--accent);margin-top:16px;margin-bottom:4px}.text-block-content[data-v-0e5f6f6f] .section-heading-2{display:block;font-size:1.1em;color:var(--text-primary, #f0f6fc);margin-top:20px;margin-bottom:6px}.code-block-wrapper[data-v-ba359389]{margin:20px 0;border-radius:12px;overflow:hidden;background:#282c34;box-shadow:0 4px 12px #0000004d}.code-block-wrapper h3[data-v-ba359389]{margin:0;padding:1rem 1.5rem;background:#0000004d;border-bottom:2px solid rgba(255,255,255,.1);font-size:1.1rem;font-weight:700;color:#61dafb;letter-spacing:.5px}.code-block-toolbar[data-v-ba359389]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.code-language-badge[data-v-ba359389]{font-size:.75em;color:#abb2bf;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-code)}.copy-btn[data-v-ba359389]{background:#ffffff1a;color:#abb2bf;border:1px solid rgba(255,255,255,.15);padding:4px 12px;border-radius:6px;font-size:.8em;cursor:pointer;transition:all .2s}.copy-btn[data-v-ba359389]:hover{background:#fff3;color:#fff}.copy-btn.copied[data-v-ba359389]{background:#42b98333;color:#42b983;border-color:#42b983}.code-pre[data-v-ba359389]{margin:0;padding:20px 24px;overflow-x:auto;font-family:var(--font-code);font-size:.9em;line-height:1.6;color:#abb2bf;background:transparent}.code-pre code[data-v-ba359389]{background:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}.demo-block[data-v-c1958ae3]{background:var(--bg-surface, #0f1318);border:1px solid var(--border-default, rgba(255, 255, 255, .09));border-radius:12px;margin-bottom:25px;overflow:hidden}.demo-block h2[data-v-c1958ae3]{color:var(--text-primary, #f0f6fc);margin:0;padding:20px 30px 0;font-size:1.3em;border-bottom:none;font-weight:600}.demo-container[data-v-c1958ae3]{padding:20px 30px 30px}[data-v-c1958ae3] .demo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary, #8b949e);gap:12px}[data-v-c1958ae3] .demo-spinner{width:32px;height:32px;border:3px solid var(--accent-dim, rgba(45, 212, 191, .12));border-top-color:var(--accent, #2dd4bf);border-radius:50%;animation:spin-c1958ae3 .8s linear infinite}[data-v-c1958ae3] .demo-error{padding:20px;color:var(--error, #f85149);text-align:center;background:var(--color-error-bg, rgba(248, 81, 73, .1));border:1px solid var(--color-error-border, rgba(248, 81, 73, .25));border-radius:8px}.demo-missing[data-v-c1958ae3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg-raised, #151b22);border:2px dashed var(--border-default, rgba(255, 255, 255, .09));border-radius:12px;text-align:center;gap:8px}.demo-missing-icon[data-v-c1958ae3]{font-size:2.5em;line-height:1}.demo-missing h4[data-v-c1958ae3]{margin:0;color:var(--text-primary, #f0f6fc);font-size:1.1em;font-weight:600}.demo-missing p[data-v-c1958ae3]{margin:0;color:var(--text-secondary, #8b949e);font-size:.95em}.demo-missing-hint[data-v-c1958ae3]{font-size:.8em;color:var(--text-tertiary, #484f58);font-style:italic}@keyframes spin-c1958ae3{to{transform:rotate(360deg)}}.answer[data-v-d2ad0b0f] code{background:var(--bg-raised, #151b22);color:var(--accent);padding:2px 6px;border-radius:4px;font-family:var(--font-code);font-size:.9em;border:1px solid var(--border-default, rgba(255, 255, 255, .09))}.answer[data-v-d2ad0b0f] strong{color:var(--text-primary, #f0f6fc);font-weight:600}.quiz-explanation[data-v-d2ad0b0f] code{background:var(--bg-raised, #151b22);color:var(--accent);padding:2px 6px;border-radius:4px;font-family:var(--font-code);font-size:.9em;border:1px solid var(--border-default, rgba(255, 255, 255, .09))}.quiz-explanation[data-v-d2ad0b0f] strong{color:var(--success, #3fb950);font-weight:600}.callout-block[data-v-9b7b3c2d]{border-radius:var(--radius-block);padding:16px;margin:20px 0;line-height:1.7}.callout-header[data-v-9b7b3c2d]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.callout-icon-wrap[data-v-9b7b3c2d]{font-size:1.2em;line-height:1;flex-shrink:0}.callout-label[data-v-9b7b3c2d]{font-size:.85em;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.callout-content[data-v-9b7b3c2d]{font-size:.95em;color:var(--text-secondary, #8b949e)}.callout-info[data-v-9b7b3c2d]{background:#3884ff14;border:1px solid rgba(56,132,255,.2);color:var(--text-secondary, #8b949e)}.callout-info .callout-label[data-v-9b7b3c2d]{color:var(--info, #58a6ff)}.callout-info .callout-content[data-v-9b7b3c2d] code{background:#3884ff1f;color:var(--info, #58a6ff);padding:2px 6px;border-radius:4px;font-family:var(--font-code);font-size:.9em}.callout-info .callout-content[data-v-9b7b3c2d] strong{color:var(--info, #58a6ff);font-weight:600}.callout-tip[data-v-9b7b3c2d]{background:#06b6d414;border:1px solid rgba(6,182,212,.2);color:var(--text-secondary, #8b949e)}.callout-tip .callout-label[data-v-9b7b3c2d]{color:var(--color-tip, #06b6d4)}.callout-tip .callout-content[data-v-9b7b3c2d] code{background:#06b6d41f;color:var(--color-tip, #06b6d4);padding:2px 6px;border-radius:4px;font-family:var(--font-code);font-size:.9em}.callout-tip .callout-content[data-v-9b7b3c2d] strong{color:var(--color-tip, #06b6d4);font-weight:600}.callout-warning[data-v-9b7b3c2d]{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--text-secondary, #8b949e)}.callout-warning .callout-label[data-v-9b7b3c2d]{color:var(--color-error, #ef4444)}.callout-warning .callout-content[data-v-9b7b3c2d] code{background:#ef44441f;color:var(--color-error, #ef4444);padding:2px 6px;border-radius:4px;font-family:var(--font-code);font-size:.9em}.callout-warning .callout-content[data-v-9b7b3c2d] strong{color:var(--color-error, #ef4444);font-weight:600}.exercise-block[data-v-ad077bad]{background:#f093fb0a}.exercise-block>h3[data-v-ad077bad],.exercise-block>.exercise-header[data-v-ad077bad],.exercise-block .exercise-header h4[data-v-ad077bad]{color:#f093fb}.objectives-block[data-v-caeabde7]{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-block);padding:16px;margin-bottom:25px}.objectives-header[data-v-caeabde7]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.objectives-icon[data-v-caeabde7]{font-size:1.3em;color:var(--color-objectives, #3b82f6);line-height:1}.objectives-header h3[data-v-caeabde7]{margin:0;font-size:1.05em;font-weight:700;color:var(--color-objectives, #3b82f6);letter-spacing:.3px}.objectives-list[data-v-caeabde7]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.objectives-list li[data-v-caeabde7]{display:flex;align-items:baseline;gap:10px;color:var(--text-secondary, #8b949e);line-height:1.6;font-size:.95em}.check[data-v-caeabde7]{color:var(--color-objectives, #3b82f6);font-weight:700;flex-shrink:0;font-size:.95em}.objectives-list li[data-v-caeabde7] code{background:var(--bg-raised, #151b22);color:var(--accent, #2dd4bf);padding:1px 5px;border-radius:4px;font-family:var(--font-code);font-size:.88em;border:1px solid var(--border-default, rgba(255, 255, 255, .09))}.objectives-list li[data-v-caeabde7] strong{color:var(--text-primary, #f0f6fc);font-weight:600}.concept-block[data-v-39192567]{margin-bottom:30px}.concept-card[data-v-39192567]{background:var(--bg-surface, #0f1318);border:1px solid var(--accent-dim, rgba(45, 212, 191, .15));border-radius:16px;padding:24px}.concept-header[data-v-39192567]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.concept-icon[data-v-39192567]{font-size:1.5rem;color:var(--accent, #2dd4bf);flex-shrink:0}.concept-title[data-v-39192567]{margin:0;font-size:1.2rem;font-weight:700;color:var(--accent, #2dd4bf);letter-spacing:-.01em}.concept-content[data-v-39192567]{color:var(--text-secondary, #8b949e);line-height:1.7;font-size:1rem}.concept-content[data-v-39192567] p{margin-bottom:1rem}.concept-content[data-v-39192567] p:last-child{margin-bottom:0}.concept-content[data-v-39192567] code{background:var(--bg-raised, #151b22);color:var(--accent);padding:2px 6px;border-radius:4px;font-family:var(--font-code);font-size:.9em}.comparison-block[data-v-5a64f4fa]{margin-bottom:25px}.comparison-title[data-v-5a64f4fa]{margin:0 0 14px;font-size:1.05em;font-weight:700;color:var(--text-primary, #f0f6fc)}.comparison-grid[data-v-5a64f4fa]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison-col[data-v-5a64f4fa]{border-radius:var(--radius-inner);overflow:hidden}.comparison-col--left[data-v-5a64f4fa]{background:#3fb95014;border:1px solid rgba(63,185,80,.2)}.comparison-col--right[data-v-5a64f4fa]{background:#f8514914;border:1px solid rgba(248,81,73,.2)}.comparison-col-header[data-v-5a64f4fa]{display:flex;align-items:center;gap:8px;padding:10px 14px}.comparison-col--left .comparison-col-header[data-v-5a64f4fa]{background:#3fb9501f;border-bottom:1px solid rgba(63,185,80,.2)}.comparison-col--right .comparison-col-header[data-v-5a64f4fa]{background:#f851491f;border-bottom:1px solid rgba(248,81,73,.2)}.col-indicator[data-v-5a64f4fa]{font-weight:700;font-size:1em}.col-indicator--correct[data-v-5a64f4fa]{color:var(--success, #3fb950)}.col-indicator--wrong[data-v-5a64f4fa]{color:var(--danger, #f85149)}.col-label[data-v-5a64f4fa]{font-size:.88em;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.comparison-col--left .col-label[data-v-5a64f4fa]{color:var(--success, #3fb950)}.comparison-col--right .col-label[data-v-5a64f4fa]{color:var(--danger, #f85149)}.comparison-list[data-v-5a64f4fa]{list-style:none;margin:0;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.comparison-list li[data-v-5a64f4fa]{font-size:.9em;line-height:1.6;color:var(--text-secondary, #8b949e)}.comparison-list[data-v-5a64f4fa] code{background:var(--bg-raised, #151b22);color:var(--accent);padding:1px 5px;border-radius:4px;font-family:var(--font-code);font-size:.88em;border:1px solid var(--border-default, rgba(255, 255, 255, .09))}.comparison-list[data-v-5a64f4fa] strong{color:var(--text-primary, #f0f6fc);font-weight:600}@media(max-width:640px){.comparison-grid[data-v-5a64f4fa]{grid-template-columns:1fr}}.challenge-block[data-v-96d43540]{margin-bottom:30px}.challenge-card[data-v-96d43540]{background:#eab3080d;border:1px solid rgba(234,179,8,.2);border-radius:var(--radius-block, 12px);padding:20px 24px}.challenge-header[data-v-96d43540]{display:flex;align-items:center;gap:8px;margin-bottom:10px}.challenge-icon[data-v-96d43540]{font-size:1.2rem;color:#eab308}.challenge-label[data-v-96d43540]{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#eab308}.challenge-title[data-v-96d43540]{margin:0 0 12px;font-size:1.05rem;font-weight:700;color:var(--text-primary, #f0f6fc)}.challenge-task[data-v-96d43540]{margin:0 0 16px;color:var(--text-secondary, #8b949e);line-height:1.7}.hints-toggle[data-v-96d43540]{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid rgba(234,179,8,.3);border-radius:6px;color:#eab308;font-size:.85rem;font-weight:600;padding:6px 12px;cursor:pointer;transition:background .15s ease}.hints-toggle[data-v-96d43540]:hover{background:#eab30814}.hints-list[data-v-96d43540]{margin:12px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.hints-list li[data-v-96d43540]{color:var(--text-secondary, #8b949e);font-size:.9rem;line-height:1.6}.hints-list[data-v-96d43540] code{background:var(--bg-raised, #151b22);color:var(--accent);padding:1px 5px;border-radius:4px;font-family:var(--font-code);font-size:.88em}.summary-block[data-v-94db2a29]{background:linear-gradient(135deg,#22c55e0f 0% 100%);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-block);padding:20px;margin-bottom:25px}.summary-header[data-v-94db2a29]{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(34,197,94,.15)}.summary-indicator[data-v-94db2a29]{color:var(--color-summary, #22c55e);font-size:1.4em;line-height:1}.summary-header h3[data-v-94db2a29]{margin:0;font-size:1.05em;font-weight:700;color:var(--color-summary, #22c55e);letter-spacing:.3px}.summary-content[data-v-94db2a29]{color:var(--text-secondary, #8b949e);line-height:1.75;font-size:.95em;margin-bottom:0}.summary-content[data-v-94db2a29]:has(+.summary-key-points){margin-bottom:14px}.summary-key-points[data-v-94db2a29]{list-style:none;margin:14px 0 0;padding:12px 16px;background:#00000026;border-radius:8px;display:flex;flex-direction:column;gap:6px}.summary-key-points li[data-v-94db2a29]{display:flex;align-items:baseline;gap:8px;color:var(--text-secondary, #8b949e);font-size:.9em;line-height:1.6}.summary-key-points li[data-v-94db2a29]:before{content:"•";color:var(--color-summary, #22c55e);font-size:1.1em;flex-shrink:0}.summary-content[data-v-94db2a29] code,.summary-key-points[data-v-94db2a29] code{background:var(--bg-raised, #151b22);color:var(--accent, #2dd4bf);padding:1px 5px;border-radius:4px;font-family:var(--font-code);font-size:.88em;border:1px solid var(--border-default, rgba(255, 255, 255, .09))}.summary-content[data-v-94db2a29] strong,.summary-key-points[data-v-94db2a29] strong{color:var(--text-primary, #f0f6fc);font-weight:600}.warning-block[data-v-b5a1b00d]{margin-bottom:25px}.warning-title[data-v-b5a1b00d]{margin:0 0 14px;font-size:1.05em;font-weight:700;color:var(--text-primary, #f0f6fc)}.warning-grid[data-v-b5a1b00d]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.warning-section[data-v-b5a1b00d]{border-radius:var(--radius-inner);overflow:hidden}.warning-section--wrong[data-v-b5a1b00d]{background:#f851490d;border:1px solid rgba(248,81,73,.25)}.warning-section--correct[data-v-b5a1b00d]{background:#3fb9500d;border:1px solid rgba(63,185,80,.25)}.warning-section-header[data-v-b5a1b00d]{display:flex;align-items:center;gap:8px;padding:10px 14px}.warning-section--wrong .warning-section-header[data-v-b5a1b00d]{background:#f851491a;border-bottom:1px solid rgba(248,81,73,.2)}.warning-section--correct .warning-section-header[data-v-b5a1b00d]{background:#3fb9501a;border-bottom:1px solid rgba(63,185,80,.2)}.section-indicator[data-v-b5a1b00d]{font-weight:700;font-size:1em}.section-indicator--wrong[data-v-b5a1b00d]{color:var(--danger, #f85149)}.section-indicator--correct[data-v-b5a1b00d]{color:var(--success, #3fb950)}.section-label[data-v-b5a1b00d]{font-size:.82em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.warning-section--wrong .section-label[data-v-b5a1b00d]{color:var(--danger, #f85149)}.warning-section--correct .section-label[data-v-b5a1b00d]{color:var(--success, #3fb950)}.warning-code[data-v-b5a1b00d]{margin:0;padding:14px 16px;font-family:var(--font-code);font-size:.85em;line-height:1.6;overflow-x:auto;background:#00000040}.warning-code--wrong code[data-v-b5a1b00d]{color:#f85149d9}.warning-code--correct code[data-v-b5a1b00d]{color:#3fb950e6}.warning-code code[data-v-b5a1b00d]{background:none;padding:0;font-family:inherit;font-size:inherit}.warning-explanation[data-v-b5a1b00d]{margin:0;padding:10px 14px;font-size:.88em;line-height:1.6;color:var(--text-secondary, #8b949e);border-top:1px solid rgba(255,255,255,.05)}.warning-explanation[data-v-b5a1b00d] code{background:var(--bg-raised, #151b22);color:var(--accent);padding:1px 5px;border-radius:4px;font-family:var(--font-code);font-size:.88em;border:1px solid var(--border-default, rgba(255, 255, 255, .09))}.warning-explanation[data-v-b5a1b00d] strong{color:var(--text-primary, #f0f6fc);font-weight:600}@media(max-width:640px){.warning-grid[data-v-b5a1b00d]{grid-template-columns:1fr}}.lesson-loading[data-v-eb38d731]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:16px;color:var(--text-secondary, #8b949e)}.spinner[data-v-eb38d731]{width:44px;height:44px;border:4px solid var(--accent-dim, rgba(45, 212, 191, .12));border-top-color:var(--accent, #2dd4bf);border-radius:50%;animation:spin-eb38d731 .8s linear infinite}@keyframes spin-eb38d731{to{transform:rotate(360deg)}}.lesson-error[data-v-eb38d731]{display:flex;justify-content:center;padding:60px 20px}.error-card[data-v-eb38d731]{background:var(--bg-surface, #0f1318);border:1px solid var(--border-default, rgba(255, 255, 255, .09));border-radius:16px;padding:48px 40px;text-align:center;max-width:480px;box-shadow:0 4px 20px #0006}.error-icon[data-v-eb38d731]{font-size:3.5em;font-weight:900;color:var(--text-tertiary, #484f58);margin-bottom:16px;letter-spacing:-2px}.error-card h2[data-v-eb38d731]{margin:0 0 12px;color:var(--text-primary, #f0f6fc);font-size:1.3em}.error-card p[data-v-eb38d731]{color:var(--text-secondary, #8b949e);line-height:1.6;margin:0 0 24px;font-size:.95em}.error-back-btn[data-v-eb38d731]{display:inline-flex;align-items:center;gap:6px;background:var(--accent, #2dd4bf);color:var(--bg-base, #090d13);text-decoration:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:.95em;transition:all .2s}.error-back-btn[data-v-eb38d731]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2dd4bf4d}.lesson-actions[data-v-eb38d731]{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.action-btn[data-v-eb38d731]{background:var(--bg-raised, #151b22);color:var(--text-secondary, #8b949e);border:1px solid var(--border-default, rgba(255, 255, 255, .09));padding:10px 20px;border-radius:10px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .2s}.action-btn[data-v-eb38d731]:hover{background:var(--bg-overlay, #1c2330);border-color:var(--border-strong, rgba(255, 255, 255, .16));color:var(--text-primary, #f0f6fc)}.action-btn.completed[data-v-eb38d731]{background:#3fb9501f;border-color:#3fb95040;color:var(--success, #3fb950)}.action-btn.favorited[data-v-eb38d731]{background:var(--color-warning-bg, rgba(210, 153, 34, .1));border-color:var(--color-warning-border, rgba(210, 153, 34, .25));color:var(--warning, #d29922)}.table-block[data-v-eb38d731]{background:var(--bg-surface, #0f1318);border:1px solid var(--border-default, rgba(255, 255, 255, .09));border-radius:12px;padding:24px;margin-bottom:25px;overflow-x:auto}.data-table[data-v-eb38d731]{width:100%;border-collapse:collapse;font-size:.9em}.data-table th[data-v-eb38d731]{background:var(--bg-raised, #151b22);color:var(--text-primary, #f0f6fc);padding:12px 16px;text-align:left;font-weight:600;letter-spacing:.3px}.data-table th[data-v-eb38d731]:first-child{border-radius:8px 0 0}.data-table th[data-v-eb38d731]:last-child{border-radius:0 8px 0 0}.data-table td[data-v-eb38d731]{padding:11px 16px;border-bottom:1px solid var(--border-faint, rgba(255, 255, 255, .05));color:var(--text-secondary, #8b949e);line-height:1.5}.data-table tr:last-child td[data-v-eb38d731]{border-bottom:none}.data-table tr:nth-child(2n) td[data-v-eb38d731]{background:#ffffff05}.data-table tr:hover td[data-v-eb38d731]{background:#ffffff0a}.unknown-block[data-v-eb38d731]{background:var(--color-warning-bg, rgba(210, 153, 34, .1));border:1px solid var(--color-warning-border, rgba(210, 153, 34, .25));border-radius:8px;padding:12px 20px;margin-bottom:16px;font-size:.9em;color:var(--warning, #d29922)}.unknown-block code[data-v-eb38d731]{background:#d2992226;padding:2px 6px;border-radius:4px;font-family:monospace}.lesson-nav[data-v-eb38d731]{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-faint, rgba(255, 255, 255, .05))}.lesson-nav-spacer[data-v-eb38d731]{flex:1}.lesson-nav-btn[data-v-eb38d731]{display:inline-flex;align-items:center;gap:8px;background:var(--bg-surface, #0f1318);color:var(--accent, #2dd4bf);text-decoration:none;padding:14px 22px;border-radius:10px;border:1px solid var(--border-default, rgba(255, 255, 255, .09));font-weight:600;font-size:.9em;transition:all .2s;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-nav-btn[data-v-eb38d731]:hover{border-color:var(--accent-border, rgba(45, 212, 191, .25));background:var(--accent-dim, rgba(45, 212, 191, .12));transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.lesson-nav-btn.next[data-v-eb38d731]{margin-left:auto;text-align:right}@media(max-width:640px){.lesson-actions[data-v-eb38d731],.lesson-nav[data-v-eb38d731]{flex-direction:column}.lesson-nav-btn[data-v-eb38d731]{max-width:100%}}