.lka-container{max-width:600px;margin:2rem auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgb(0 0 0 / .1);overflow:hidden;border:1px solid #e1e5e9}.lka-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden}.lka-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 255 255 / .1) 1%,transparent 1%);background-size:20px 20px;transform:rotate(30deg)}.lka-header i{font-size:2.5rem;margin-bottom:1rem;display:block;opacity:.9}.lka-header h3{margin:0 0 .5rem 0;font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.lka-header p{margin:0;opacity:.9;font-size:1rem;font-weight:400}.lka-input-group{padding:2rem;position:relative;background:#f8fafc}.lka-input-group label{display:block;margin-bottom:.75rem;font-weight:600;color:#374151;font-size:.95rem}.lka-input-group label i{margin-right:.5rem;color:#667eea}.lka-input-group input{width:100%;padding:1rem 1.25rem;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;background:#fff;transition:all 0.3s ease;box-sizing:border-box;font-weight:500}.lka-input-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgb(102 126 234 / .1)}.lka-input-group input::placeholder{color:#9ca3af;font-weight:400}.lka-input-border{position:absolute;bottom:2rem;left:2rem;width:calc(100% - 4rem);height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform 0.3s ease}.lka-input-group.focused .lka-input-border{transform:scaleX(1)}.lka-results{padding:0 2rem 2rem}.lka-welcome-message{text-align:center;padding:3rem 2rem;color:#6b7280}.lka-welcome-message i{font-size:3rem;color:#d1d5db;margin-bottom:1rem;display:block}.lka-welcome-message h4{margin:0 0 .5rem 0;color:#374151;font-weight:600}.lka-welcome-message p{margin:0;font-size:.95rem}.lka-analysis-results{animation:fadeInUp 0.6s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lka-metric-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 2px 10px rgb(0 0 0 / .04);transition:transform 0.2s ease,box-shadow 0.2s ease}.lka-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgb(0 0 0 / .08)}.lka-metric-header{display:flex;align-items:center;margin-bottom:1rem}.lka-metric-header i{font-size:1.25rem;margin-right:.75rem;color:#667eea}.lka-metric-header span{font-weight:600;color:#374151;font-size:.95rem}.lka-metric-value{font-size:1.5rem;font-weight:700;color:#1f2937}.lka-strength-container{display:flex;align-items:center;gap:1rem}.lka-strength-badge{padding:.5rem 1rem;border-radius:8px;color:#fff;font-weight:600;font-size:.85rem;min-width:80px;text-align:center;transition:all 0.3s ease}.lka-strength-bar{flex:1;height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden}.lka-strength-fill{height:100%;border-radius:10px;transition:all 0.5s ease}.lka-seo-container{text-align:center}.lka-seo-score{font-size:3rem;font-weight:800;margin-bottom:.5rem;transition:color 0.3s ease}.lka-seo-bar{height:10px;background:#f1f5f9;border-radius:10px;margin:1rem 0;overflow:hidden}.lka-seo-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b,#3b82f6,#10b981);border-radius:10px;transition:width 0.8s ease;position:relative}.lka-seo-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .4) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.lka-seo-label{font-size:.9rem;color:#6b7280;font-weight:500}.lka-tips{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:16px;padding:1.5rem;margin-top:1rem}.lka-tips-header{display:flex;align-items:center;margin-bottom:1rem}.lka-tips-header i{font-size:1.25rem;margin-right:.75rem;color:#0ea5e9}.lka-tips-header span{font-weight:600;color:#0369a1}.lka-tips-list{list-style:none;padding:0;margin:0}.lka-tips-list li{padding:.75rem 0;border-bottom:1px solid #bae6fd;display:flex;align-items:flex-start;font-size:.9rem;color:#075985}.lka-tips-list li:last-child{border-bottom:none}.lka-tips-list li i{margin-right:.75rem;color:#0ea5e9;margin-top:.1rem;flex-shrink:0}@media (max-width:768px){.lka-container{margin:1rem;border-radius:16px}.lka-header{padding:2rem 1.5rem}.lka-header h3{font-size:1.5rem}.lka-input-group,.lka-results{padding:1.5rem}.lka-strength-container{flex-direction:column;align-items:stretch;gap:.75rem}.lka-strength-badge{align-self:flex-start}.lka-metric-card{padding:1.25rem}.lka-seo-score{font-size:2.5rem}}@media (max-width:480px){.lka-container{margin:.5rem;border-radius:12px}.lka-header{padding:1.5rem 1rem}.lka-input-group,.lka-results{padding:1rem}.lka-metric-card{padding:1rem}}.lka-loading{opacity:.7;pointer-events:none}.lka-loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #667eea;border-top:2px solid #fff0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}