.vertical-text:where(.astro-eue2nzui){writing-mode:vertical-rl;text-orientation:mixed;font-size:2rem;letter-spacing:.63em;white-space:nowrap}.leaderboard-height-text:where(.astro-eue2nzui){height:100%;display:flex;align-items:stretch}.framework-button:where(.astro-eue2nzui){will-change:transform,box-shadow}.framework-button:where(.astro-eue2nzui):hover{transform:translateY(-1px)}.active-indicator:where(.astro-eue2nzui){pointer-events:none}.framework-details:where(.astro-eue2nzui){will-change:max-height,opacity}.rule-item:where(.astro-eue2nzui){animation:fadeInUp .3s ease-out forwards;opacity:0;transform:translateY(10px)}.rule-item:where(.astro-eue2nzui):nth-child(1){animation-delay:0ms}.rule-item:where(.astro-eue2nzui):nth-child(2){animation-delay:50ms}.rule-item:where(.astro-eue2nzui):nth-child(3){animation-delay:.1s}.rule-item:where(.astro-eue2nzui):nth-child(4){animation-delay:.15s}.rule-item:where(.astro-eue2nzui):nth-child(5){animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.framework-button:where(.astro-eue2nzui),.rank-badge:where(.astro-eue2nzui),.framework-icon:where(.astro-eue2nzui),.issues-count:where(.astro-eue2nzui),.severity-badge:where(.astro-eue2nzui){transition:none!important}.animate-ping:where(.astro-eue2nzui){animation:none!important}}.hero-animation:where(.astro-mbgbzscg){position:relative;width:100%;max-width:600px;margin:0 auto;font-family:Geist Mono,JetBrains Mono,SF Mono,monospace;min-height:320px}.example:where(.astro-mbgbzscg){position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none}.example-1:where(.astro-mbgbzscg){animation:example-cycle-first 28s infinite;animation-delay:0s}.example-1:where(.astro-mbgbzscg) .line:where(.astro-mbgbzscg){animation:type-line-immediate 28s infinite!important}.example-1:where(.astro-mbgbzscg) .original-line:where(.astro-mbgbzscg){animation:original-line-immediate 28s infinite!important}.example-1:where(.astro-mbgbzscg) .popup:where(.astro-mbgbzscg){animation:popup-immediate 28s infinite!important}.example-1:where(.astro-mbgbzscg) .squiggly-error:where(.astro-mbgbzscg):after{animation:squiggly-immediate 28s infinite!important}.example-1:where(.astro-mbgbzscg) .scanline:where(.astro-mbgbzscg){animation:scan-delayed 28s infinite!important}.example-1:where(.astro-mbgbzscg) .fixed-line:where(.astro-mbgbzscg){animation:fixed-line-delayed 28s infinite!important}.example-1:where(.astro-mbgbzscg) .apply-btn:where(.astro-mbgbzscg){animation:button-click-delayed 28s infinite!important}.example-1:where(.astro-mbgbzscg) .popup:where(.astro-mbgbzscg):after{animation:cursor-move-delayed 28s infinite!important}.example-1:where(.astro-mbgbzscg) .fix-glow:where(.astro-mbgbzscg):after{animation:checkmark-delayed 28s infinite!important}.example-2:where(.astro-mbgbzscg){animation:example-cycle 28s infinite;animation-delay:12s}.example-3:where(.astro-mbgbzscg){animation:example-cycle 28s infinite;animation-delay:20s}@keyframes example-cycle-first{0%{opacity:1;pointer-events:auto}40%{opacity:1;pointer-events:auto}42%{opacity:0;pointer-events:none}to{opacity:0;pointer-events:none}}@keyframes example-cycle{0%{opacity:0;pointer-events:none}0.5%{opacity:1;pointer-events:auto}27%{opacity:1;pointer-events:auto}28%{opacity:0;pointer-events:none}to{opacity:0;pointer-events:none}}@keyframes type-line-immediate{0%{opacity:1}38%{opacity:1}40%,to{opacity:0}}@keyframes original-line-immediate{0%{opacity:1}25%{opacity:1}27%{opacity:0}to{opacity:0}}@keyframes popup-immediate{0%{opacity:1;transform:translateY(-50%) translate(0)}24%{opacity:1;transform:translateY(-50%) translate(0)}27%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:0;transform:translateY(-50%) translate(-10px)}}@keyframes squiggly-immediate{0%{opacity:1}25%{opacity:1}27%,to{opacity:0}}.editor:where(.astro-mbgbzscg){background:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.editor-header:where(.astro-mbgbzscg){background:#2d2d2d;padding:12px 16px;display:flex;align-items:center;gap:12px}.dots:where(.astro-mbgbzscg){display:flex;gap:8px}.dot:where(.astro-mbgbzscg){width:12px;height:12px;border-radius:50%}.dot:where(.astro-mbgbzscg).red{background:#ff5f57}.dot:where(.astro-mbgbzscg).yellow{background:#febc2e}.dot:where(.astro-mbgbzscg).green{background:#28c840}.filename:where(.astro-mbgbzscg){color:#888;font-size:13px;flex:1}.lang-badge:where(.astro-mbgbzscg){font-size:10px;padding:3px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lang-badge:where(.astro-mbgbzscg).python{background:#3776ab20;color:#3776ab}.lang-badge:where(.astro-mbgbzscg).go{background:#00add820;color:#00add8}.lang-badge:where(.astro-mbgbzscg).typescript{background:#3178c620;color:#3178c6}.editor-content:where(.astro-mbgbzscg){display:flex;padding:16px 0}.line-numbers:where(.astro-mbgbzscg){display:flex;flex-direction:column;padding:0 16px;color:#555;font-size:13px;line-height:1.7;user-select:none;text-align:right;min-width:50px}.code:where(.astro-mbgbzscg){flex:1;font-size:13px;line-height:1.7;position:relative;padding-right:16px}.line:where(.astro-mbgbzscg){opacity:0;white-space:nowrap}.indent:where(.astro-mbgbzscg){display:inline-block;width:2ch}.keyword:where(.astro-mbgbzscg){color:#569cd6}.function:where(.astro-mbgbzscg){color:#dcdcaa}.param:where(.astro-mbgbzscg){color:#9cdcfe}.var:where(.astro-mbgbzscg){color:#9cdcfe}.type:where(.astro-mbgbzscg){color:#4ec9b0}.op:where(.astro-mbgbzscg){color:#d4d4d4}.paren:where(.astro-mbgbzscg){color:#d4d4d4}.colon:where(.astro-mbgbzscg){color:#d4d4d4}.string:where(.astro-mbgbzscg){color:#ce9178}.number:where(.astro-mbgbzscg){color:#b5cea8}.squiggly-error:where(.astro-mbgbzscg){position:relative;display:inline;text-decoration:none}.squiggly-error:where(.astro-mbgbzscg):after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='3' viewBox='0 0 6 3'%3E%3Cpath d='M0 3 L1.5 0 L3 3 L4.5 0 L6 3' stroke='%23f14c4c' stroke-width='1' fill='none'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:left bottom;opacity:0;animation:squiggly-appear 8s infinite}@keyframes squiggly-appear{0%,36%{opacity:0}38%{opacity:1}70%{opacity:1}72%,to{opacity:0}}.line-1:where(.astro-mbgbzscg){animation:type-line-1 8s infinite}.line-2:where(.astro-mbgbzscg):not(.fixed-line){animation:type-line-2 8s infinite}.line-3:where(.astro-mbgbzscg){animation:type-line-3 8s infinite}.line-4:where(.astro-mbgbzscg):not(.fixed-line){animation:type-line-4 8s infinite}.line-5:where(.astro-mbgbzscg){animation:type-line-5 8s infinite}.line-6:where(.astro-mbgbzscg){animation:type-line-6 8s infinite}.line-7:where(.astro-mbgbzscg){animation:type-line-7 8s infinite}@keyframes type-line-1{0%{opacity:0}2%{opacity:1}88%{opacity:1}92%,to{opacity:0}}@keyframes type-line-2{0%,2%{opacity:0}4%{opacity:1}88%{opacity:1}92%,to{opacity:0}}@keyframes type-line-3{0%,4%{opacity:0}6%{opacity:1}88%{opacity:1}92%,to{opacity:0}}@keyframes type-line-4{0%,6%{opacity:0}8%{opacity:1}88%{opacity:1}92%,to{opacity:0}}@keyframes type-line-5{0%,8%{opacity:0}10%{opacity:1}88%{opacity:1}92%,to{opacity:0}}@keyframes type-line-6{0%,10%{opacity:0}12%{opacity:1}88%{opacity:1}92%,to{opacity:0}}@keyframes type-line-7{0%,12%{opacity:0}14%{opacity:1}88%{opacity:1}92%,to{opacity:0}}.original-line:where(.astro-mbgbzscg){animation:original-line-cycle 8s infinite!important}@keyframes original-line-cycle{0%,2%{opacity:0}4%{opacity:1}68%{opacity:1}70%{opacity:0}to{opacity:0}}.fixed-line:where(.astro-mbgbzscg){position:absolute;animation:fixed-line-appear 8s infinite!important;background:transparent;padding:2px 8px 2px 0;border-radius:4px}@keyframes scan-delayed{0%,16%{opacity:0;top:60px}17%{opacity:.8;top:60px}22%{opacity:.8;top:210px}24%,to{opacity:0;top:210px}}@keyframes fixed-line-delayed{0%,26%{opacity:0;transform:translateY(-8px) scale(.98);background:transparent}27%{opacity:.5;transform:translateY(4px) scale(1.02);background:#006b614d}29%{opacity:1;transform:translateY(-3px) scale(1.01);background:#006b6140}31%{opacity:1;transform:translateY(0) scale(1);background:#006b611a}36%{opacity:1;transform:translateY(0) scale(1);background:transparent}38%,to{opacity:0;background:transparent}}@keyframes button-click-delayed{0%,22%{background:#006b61;transform:scale(1)}24%{background:#005549;transform:scale(.96)}26%{background:#008577;transform:scale(1)}28%,to{background:#006b61;transform:scale(1)}}@keyframes cursor-move-delayed{0%,18%{opacity:0;bottom:30px;right:140px}20%{opacity:1;bottom:30px;right:140px}23%{opacity:1;bottom:20px;right:140px}24%{opacity:1;bottom:18px;right:140px}26%{opacity:0;bottom:20px;right:140px}to{opacity:0}}@keyframes checkmark-delayed{0%,27%{opacity:0;transform:scale(0)}29%{opacity:1;transform:scale(1.6)}31%{opacity:1;transform:scale(1)}36%{opacity:1;transform:scale(1)}38%,to{opacity:0;transform:scale(.8)}}.line-2:where(.astro-mbgbzscg).fixed-line{top:1.7em}.line-4-new:where(.astro-mbgbzscg).fixed-line{top:6.8em}.example-3:where(.astro-mbgbzscg) .line-number-52:where(.astro-mbgbzscg){opacity:0;animation:line-number-appear 10s infinite}@keyframes line-number-appear{0%,68%{opacity:0;height:0;overflow:hidden}70%{opacity:1;height:auto}86%{opacity:1}88%,to{opacity:0}}.example-3:where(.astro-mbgbzscg) .line-5:where(.astro-mbgbzscg),.example-3:where(.astro-mbgbzscg) .line-6:where(.astro-mbgbzscg),.example-3:where(.astro-mbgbzscg) .line-7:where(.astro-mbgbzscg){animation:type-line-shift 8s infinite!important}@keyframes type-line-shift{0%,8%{opacity:0;transform:translateY(0)}10%{opacity:1;transform:translateY(0)}68%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(1.7em)}86%{opacity:1;transform:translateY(1.7em)}88%,to{opacity:0;transform:translateY(0)}}.example-3:where(.astro-mbgbzscg) .line-number-50:where(.astro-mbgbzscg),.example-3:where(.astro-mbgbzscg) .line-number-51:where(.astro-mbgbzscg){animation:line-number-shift 8s infinite}@keyframes line-number-shift{0%,68%{transform:translateY(0)}70%,86%{transform:translateY(1.7em)}88%,to{transform:translateY(0)}}@keyframes fixed-line-appear{0%,68%{opacity:0;transform:translateY(-8px) scale(.98);background:transparent}70%{opacity:.5;transform:translateY(4px) scale(1.02);background:#006b614d}72%{opacity:1;transform:translateY(-3px) scale(1.01);background:#006b6140}74%{opacity:1;transform:translateY(0) scale(1);background:#006b611a}82%{opacity:1;transform:translateY(0) scale(1);background:transparent}88%,to{opacity:0;background:transparent}}.fix-glow:where(.astro-mbgbzscg){display:inline-block;margin-left:8px;animation:fix-glow-pulse 10s infinite}.fix-glow:where(.astro-mbgbzscg):after{content:"✓";color:#006b61;font-size:14px;opacity:0;animation:checkmark-appear 8s infinite;text-shadow:0 0 8px rgba(0,107,97,.8)}@keyframes checkmark-appear{0%,70%{opacity:0;transform:scale(0)}72%{opacity:1;transform:scale(1.6)}74%{opacity:1;transform:scale(1)}84%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(.8)}}.scanline:where(.astro-mbgbzscg){position:absolute;top:60px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#006b61 20%,#006b61 80%,transparent);opacity:0;animation:scan 8s infinite;pointer-events:none}@keyframes scan{0%,30%{opacity:0;top:60px}32%{opacity:.8;top:60px}48%{opacity:.8;top:210px}52%,to{opacity:0;top:210px}}.popup:where(.astro-mbgbzscg){position:absolute;top:50%;right:-20px;transform:translateY(-50%) translate(10px);background:#252525;border-radius:12px;padding:16px 20px;width:280px;box-shadow:0 8px 32px #0006;opacity:0;animation:popup-appear 8s infinite}@keyframes popup-appear{0%,50%{opacity:0;transform:translateY(-50%) translate(20px)}55%{opacity:1;transform:translateY(-50%) translate(0)}68%{opacity:1;transform:translateY(-50%) translate(0)}70%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:0;transform:translateY(-50%) translate(-10px)}}.popup-header:where(.astro-mbgbzscg){display:flex;align-items:center;gap:8px;margin-bottom:8px}.popup-icon:where(.astro-mbgbzscg){font-size:16px}.popup-title:where(.astro-mbgbzscg){color:#fff;font-weight:600;font-size:14px;font-family:Lexend,system-ui,sans-serif}.popup-meta:where(.astro-mbgbzscg){font-size:12px;color:#888;margin-bottom:10px}.dimension:where(.astro-mbgbzscg){color:#888}.severity:where(.astro-mbgbzscg){color:#ff4db0;font-weight:500}.separator:where(.astro-mbgbzscg){margin:0 6px}.popup-desc:where(.astro-mbgbzscg){color:#aaa;font-size:12px;line-height:1.5;margin:0 0 12px;font-family:Lexend,system-ui,sans-serif}.popup-desc:where(.astro-mbgbzscg) strong:where(.astro-mbgbzscg){color:#fff}.fix-box:where(.astro-mbgbzscg){background:#1a1a1a;border-left:3px solid #006b61;border-radius:6px;padding:10px 12px;margin-bottom:12px}.fix-label:where(.astro-mbgbzscg){display:block;font-size:11px;color:#006b61;font-weight:600;margin-bottom:6px;font-family:Lexend,system-ui,sans-serif}.fix-box:where(.astro-mbgbzscg) code:where(.astro-mbgbzscg){color:#4ec9b0;font-size:11px;word-break:break-all}.apply-btn:where(.astro-mbgbzscg){display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:#006b61;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;font-family:Lexend,system-ui,sans-serif;cursor:pointer;transition:all .15s ease;animation:button-click 8s infinite}.btn-icon:where(.astro-mbgbzscg){font-size:14px;opacity:.8}@keyframes button-click{0%,62%{background:#006b61;transform:scale(1);box-shadow:0 2px 8px #006b614d}64%{background:#005549;transform:scale(.96);box-shadow:0 1px 4px #006b614d}66%{background:#008577;transform:scale(1);box-shadow:0 4px 16px #006b6180}70%,to{background:#006b61;transform:scale(1)}}.popup:where(.astro-mbgbzscg):after{content:"";position:absolute;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='white' stroke='black' stroke-width='1'%3E%3Cpath d='M4 4l16 12-6 1-3 6-2-8z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:0;pointer-events:none;animation:cursor-move 8s infinite;z-index:100}@keyframes cursor-move{0%,56%{opacity:0;bottom:30px;right:140px}58%{opacity:1;bottom:30px;right:140px}62%{opacity:1;bottom:20px;right:140px}64%{opacity:1;bottom:18px;right:140px}66%{opacity:0;bottom:20px;right:140px}to{opacity:0}}@media(max-width:768px){.hero-animation:where(.astro-mbgbzscg){min-height:520px}.popup:where(.astro-mbgbzscg){position:relative;top:auto;right:auto;transform:none;margin-top:16px;width:100%;animation-name:popup-appear-mobile}@keyframes popup-appear-mobile{0%,50%{opacity:0;transform:translateY(10px)}55%{opacity:1;transform:translateY(0)}68%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(-10px)}to{opacity:0;transform:translateY(-10px)}}.popup:where(.astro-mbgbzscg):after{bottom:40px;right:50%;transform:translate(50%)}@keyframes cursor-move{0%,56%{opacity:0;bottom:50px;right:50%}58%{opacity:1;bottom:50px;right:50%}62%{opacity:1;bottom:38px;right:50%}64%{opacity:1;bottom:36px;right:50%}66%{opacity:0;bottom:38px;right:50%}to{opacity:0}}}@media(max-width:480px){.code:where(.astro-mbgbzscg){font-size:11px}.line-numbers:where(.astro-mbgbzscg){font-size:11px;padding:0 10px;min-width:40px}.fix-box:where(.astro-mbgbzscg) code:where(.astro-mbgbzscg){font-size:10px}.apply-btn:where(.astro-mbgbzscg){font-size:12px;padding:8px 12px}}.squiggly-underline:where(.astro-qchdabvu){text-decoration:underline wavy;text-decoration-color:#f59e0b;text-underline-offset:4px}