.keyword-difficulty-checker{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;max-width:600px;margin:0 auto;padding:0}.kdc-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:30px;box-shadow:0 20px 40px rgb(0 0 0 / .1);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2)}.kdc-header{text-align:center;margin-bottom:30px;color:#fff}.kdc-header h3{font-size:28px;font-weight:700;margin:0 0 10px 0;display:flex;align-items:center;justify-content:center;gap:10px}.kdc-header p{font-size:16px;opacity:.9;margin:0;font-weight:300}.kdc-input-section{margin-bottom:25px}.input-group{display:flex;gap:12px;flex-wrap:wrap}.kdc-input{flex:1;min-width:250px;padding:15px 20px;border:none;border-radius:12px;font-size:16px;background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);box-shadow:0 8px 20px rgb(0 0 0 / .1);transition:all 0.3s ease;border:2px solid #fff0}.kdc-input:focus{outline:none;border-color:#4CAF50;background:#fff;box-shadow:0 12px 30px rgb(76 175 80 / .2);transform:translateY(-2px)}.kdc-input::placeholder{color:#999}.kdc-button{padding:15px 25px;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 8px 20px rgb(76 175 80 / .3);display:flex;align-items:center;gap:8px;white-space:nowrap}.kdc-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgb(76 175 80 / .4);background:linear-gradient(135deg,#45a049,#4CAF50)}.kdc-button:active{transform:translateY(0)}.kdc-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.kdc-results{background:rgb(255 255 255 / .95);border-radius:15px;padding:25px;margin-top:20px;box-shadow:0 10px 30px rgb(0 0 0 / .1);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .3);animation:slideDown 0.5s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.results-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.results-header h4{color:#333;margin:0;font-size:20px;display:flex;align-items:center;justify-content:center;gap:8px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.result-item:last-child{border-bottom:none}.result-label{font-weight:600;color:#555;font-size:15px}.result-value{font-weight:500;color:#333}.score-value{font-size:18px;font-weight:700}.level-badge{padding:6px 15px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.level-easy{background:linear-gradient(135deg,#4CAF50,#8BC34A);color:#fff}.level-medium{background:linear-gradient(135deg,#FF9800,#FFC107);color:#fff}.level-hard{background:linear-gradient(135deg,#F44336,#E91E63);color:#fff}.progress-section{margin:25px 0}.progress-bar{width:100%;height:12px;background:#f0f0f0;border-radius:10px;overflow:hidden;margin-bottom:8px;box-shadow:inset 0 2px 4px rgb(0 0 0 / .1)}.progress-fill{height:100%;border-radius:10px;transition:all 0.8s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px rgb(0 0 0 / .2)}.progress-labels{display:flex;justify-content:space-between;font-size:12px;color:#666;font-weight:500}.insights-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:12px;margin-top:20px;border-left:4px solid #4CAF50}.insights-section h5{margin:0 0 10px 0;color:#333;display:flex;align-items:center;gap:8px;font-size:16px}.insights-text{margin:0;color:#555;line-height:1.5;font-size:14px}.kdc-footer{margin-top:20px;text-align:center}.info-note{display:inline-flex;align-items:center;gap:8px;background:rgb(255 255 255 / .2);padding:10px 20px;border-radius:25px;color:#fff;font-size:14px;backdrop-filter:blur(10px)}@media (max-width:768px){.kdc-container{padding:20px;margin:10px}.input-group{flex-direction:column}.kdc-input{min-width:100%}.kdc-button{width:100%;justify-content:center}.result-item{flex-direction:column;align-items:flex-start;gap:5px}.kdc-header h3{font-size:24px}}@media (max-width:480px){.kdc-container{padding:15px}.kdc-header h3{font-size:20px}.kdc-results{padding:20px}}.loading{opacity:.7;pointer-events:none}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}