body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#0b0f19;color:#f3f4f6;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:#0b0f19;position:relative}.bg-glow-1{position:absolute;top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%);z-index:0;pointer-events:none}.bg-glow-2{position:absolute;bottom:-10%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);z-index:0;pointer-events:none}.app-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#0f172acc;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-left{display:flex;align-items:center;gap:14px}.logo-box{background:linear-gradient(135deg,#06b6d4,#3b82f6);padding:10px;border-radius:12px;box-shadow:0 0 20px #06b6d480}.logo-icon{color:#fff;width:24px;height:24px}.logo-title-row{display:flex;align-items:center;gap:8px}.app-header h1{font-size:1.3rem;font-weight:800;margin:0;background:linear-gradient(to right,#38bdf8,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.beta-badge{background-color:#06b6d433;color:#06b6d4;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid rgba(6,182,212,.3)}.subtitle{font-size:.8rem;color:#9ca3af;margin:2px 0 0}.header-right{display:flex;gap:12px}.score-badge,.level-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;font-size:.85rem;border:1px solid rgba(255,255,255,.1);background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.score-badge{background-color:#ef44441a;color:#f87171;border-color:#ef444433}.score-icon{width:16px;height:16px;fill:currentColor}.level-badge{background-color:#10b9811a;color:#34d399;border-color:#10b98133}.main-content{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;flex:1;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 1024px){.main-content{grid-template-columns:1fr}}.editor-section,.result-section{background-color:#0f172aa6;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s ease}.neon-border{border:1px solid rgba(6,182,212,.2);box-shadow:0 0 15px #06b6d40d;animation:neonGlow 4s ease-in-out infinite alternate}@keyframes neonGlow{0%{border-color:#06b6d433;box-shadow:0 0 15px #06b6d40d}to{border-color:#a855f74d;box-shadow:0 0 25px #a855f71a}}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.flex-items{display:flex;align-items:center;gap:8px}.section-header h2{font-size:1.1rem;margin:0;color:#e5e7eb}.section-icon{width:20px;height:20px}.text-cyan{color:#06b6d4}.text-green{color:#10b981}.text-red{color:#ef4444}.text-yellow{color:#f59e0b}.text-purple{color:#a855f7}.lang-selector{display:flex;background-color:#0000004d;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.lang-btn{background:none;border:none;color:#9ca3af;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.lang-btn.active{background-color:#06b6d4;color:#fff;box-shadow:0 2px 8px #06b6d44d}.presets-bar{display:flex;align-items:center;gap:8px;font-size:.8rem}.preset-label{color:#6b7280}.preset-tag{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#38bdf8;padding:4px 10px;border-radius:12px;cursor:pointer;transition:all .2s}.preset-tag:hover{background-color:#38bdf826;border-color:#38bdf8;transform:translateY(-1px)}.code-editor-wrapper{display:flex;background-color:#030712;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.85rem;min-height:240px;position:relative}.code-editor-wrapper.optimized{background-color:#022c22;border-color:#10b9814d;min-height:180px}.editor-line-numbers{display:flex;flex-direction:column;text-align:right;padding-right:12px;border-right:1px solid rgba(255,255,255,.05);color:#4b5563;-webkit-user-select:none;user-select:none;line-height:1.5}.active-line-num{color:#06b6d4;text-shadow:0 0 8px rgba(6,182,212,.8);font-weight:700}.code-textarea{flex:1;background:none;border:none;color:#e5e7eb;padding-left:12px;resize:none;font-family:inherit;font-size:inherit;line-height:1.5;outline:none;width:100%}.keyboard-tip{position:absolute;bottom:8px;right:12px;display:flex;align-items:center;gap:4px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:3px 8px;border-radius:6px;font-size:.7rem;color:#6b7280;pointer-events:none}.optimized-pre{margin:0;padding-left:12px;color:#a7f3d0;overflow-x:auto;line-height:1.5;width:100%}.action-row{display:flex;gap:12px}.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-primary{flex:2;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;box-shadow:0 4px 12px #06b6d44d;position:relative;overflow:hidden}.glow-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff1a,#fff0);transform:rotate(45deg);transition:all .5s;pointer-events:none}.glow-button:hover:after{animation:shine 1.5s infinite}@keyframes shine{0%{transform:translate(-30%,-30%) rotate(45deg)}to{transform:translate(30%,30%) rotate(45deg)}}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #06b6d480}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{flex:1;background-color:#ffffff0d;color:#d1d5db;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background-color:#ffffff1a;color:#fff}.terminal-box{background-color:#030712;border:1px solid rgba(255,255,255,.05);border-radius:10px;overflow:hidden}.terminal-header{background-color:#ffffff05;padding:8px 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.05)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background-color:#ef4444}.terminal-dot.yellow{background-color:#f59e0b}.terminal-dot.green{background-color:#10b981}.terminal-title{font-size:.75rem;color:#6b7280;margin-left:6px}.terminal-body{margin:0;padding:12px;font-family:monospace;font-size:.8rem;color:#9ca3af;min-height:60px;white-space:pre-wrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;height:100%;box-sizing:border-box}.empty-icon-wrapper{background-color:#06b6d414;padding:24px;border-radius:50%;margin-bottom:24px;border:1px dashed rgba(6,182,212,.4);box-shadow:0 0 20px #06b6d41a}.empty-icon{width:44px;height:44px;color:#06b6d4}.empty-state h3{font-size:1.25rem;margin:0 0 12px;color:#f3f4f6;background:linear-gradient(to right,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.empty-state p{font-size:.88rem;color:#9ca3af;max-width:360px;line-height:1.6;margin:0 0 30px}.kbd-style{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:2px 6px;font-size:.75rem;font-family:monospace;color:#38bdf8;box-shadow:0 2px #0000004d}.feature-grid{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.feature-card{display:flex;align-items:center;gap:8px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:8px 14px;border-radius:20px;font-size:.8rem;color:#d1d5db}.feat-icon{width:14px;height:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:24px}.scanner-container{width:100%;max-width:360px;background-color:#030712;border:1px solid rgba(6,182,212,.3);border-radius:10px;padding:16px;position:relative;overflow:hidden;height:120px}.scanner-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,transparent,#06b6d4,transparent);box-shadow:0 0 8px #06b6d4;animation:scan 2s linear infinite}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.scanning-code{margin:0;font-family:monospace;font-size:.75rem;color:#06b6d466;overflow:hidden}.loading-text{text-align:center}.loading-main-text{margin:12px 0 6px;font-size:.95rem;color:#38bdf8;font-weight:700;min-height:1.5em;animation:textPulse 1.2s infinite alternate}@keyframes textPulse{0%{opacity:.8}to{opacity:1;text-shadow:0 0 8px rgba(56,189,248,.5)}}.loading-sub-text{font-size:.75rem;color:#6b7280}.result-content{display:flex;flex-direction:column;gap:20px}.level-up-card{background:linear-gradient(135deg,#10b98126,#3b82f626);border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:16px;text-align:center}.level-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.badge-old{background-color:#ffffff1a;color:#9ca3af;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:700}.flow-arrow{color:#10b981}.animate-bounce-horizontal{animation:bounceH 1s infinite}@keyframes bounceH{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.badge-new{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 14px;border-radius:8px;font-size:.9rem;font-weight:800;box-shadow:0 0 15px #10b98166}.animate-pulse-glow{animation:pulseGlow 2s infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 10px #10b98166}to{box-shadow:0 0 25px #10b981cc}}.level-up-desc{margin:0;font-size:.8rem;color:#a7f3d0}.code-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.copy-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.75rem;display:flex;align-items:center;gap:4px;transition:color .2s}.copy-btn:hover{color:#fff}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 640px){.report-grid{grid-template-columns:1fr}}.report-card{padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.bug-card{background-color:#ef44440d;border-color:#ef444426}.improvement-card{background-color:#10b9810d;border-color:#10b98126}.report-card h4{margin:0 0 8px;font-size:.85rem;font-weight:700}.report-card ul{margin:0;padding-left:16px;font-size:.8rem;color:#d1d5db;line-height:1.6}.analogy-card{background-color:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:10px;padding:14px}.analogy-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.analogy-header h4{margin:0;font-size:.85rem;color:#c084fc}.analogy-text{margin:0;font-size:.8rem;color:#e9d5ff;line-height:1.6}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}