.seo-keyword-extractor{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;max-width:1200px;margin:0 auto;padding:20px;transition:all .3s ease;min-height:100vh;display:flex;flex-direction:column}.seo-keyword-extractor.light-mode{background-color:#f8f9fa;color:#333}.seo-keyword-extractor.dark-mode{background-color:#1a1a1a;color:#e4e4e4}.seo-keyword-extractor.dark-mode button,.seo-keyword-extractor.dark-mode input,.seo-keyword-extractor.dark-mode select,.seo-keyword-extractor.dark-mode textarea{background-color:#2a2a2a;color:#e4e4e4;border:1px solid #3a3a3a}.seo-keyword-extractor.dark-mode button::placeholder,.seo-keyword-extractor.dark-mode input::placeholder,.seo-keyword-extractor.dark-mode select::placeholder,.seo-keyword-extractor.dark-mode textarea::placeholder{color:#999}.seo-keyword-extractor.dark-mode .keywords-container{background-color:#242424}.seo-keyword-extractor.dark-mode .keyword-item{border-color:#3a3a3a;background-color:#2a2a2a}.seo-keyword-extractor.dark-mode .user-guide{background-color:#242424;border-color:#3a3a3a}.seo-keyword-extractor.dark-mode .error-message{background-color:rgba(220,53,69,.15);border-color:rgba(220,53,69,.4)}.seo-keyword-extractor .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ddd}.seo-keyword-extractor .header h1{margin:0;font-size:2rem;font-weight:700;color:#2563eb}.seo-keyword-extractor .header .theme-toggle button{background:none;border:1px solid #ccc;border-radius:20px;padding:8px 15px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.seo-keyword-extractor .header .theme-toggle button:hover{background-color:rgba(37,99,235,.1)}.seo-keyword-extractor .mode-selector{display:flex;gap:10px;margin-bottom:20px}.seo-keyword-extractor .mode-selector button{padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;flex:1;max-width:200px;background-color:#e9ecef;color:#495057}.seo-keyword-extractor .mode-selector button:hover{background-color:#dee2e6}.seo-keyword-extractor .mode-selector button.active{background-color:#2563eb;color:#fff}.seo-keyword-extractor .mode-selector button.user-guide-button{background-color:#6c757d;color:#fff;margin-left:auto}.seo-keyword-extractor .mode-selector button.user-guide-button:hover{background-color:#5a6268}.seo-keyword-extractor .user-guide{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:20px;font-size:.95rem;line-height:1.5}.seo-keyword-extractor .user-guide h2{margin-top:0;color:#2563eb}.seo-keyword-extractor .user-guide h3{font-size:1.1rem;margin-top:20px;margin-bottom:10px}.seo-keyword-extractor .user-guide ol,.seo-keyword-extractor .user-guide ul{padding-left:20px}.seo-keyword-extractor .user-guide li{margin-bottom:8px}.seo-keyword-extractor .controls{margin-bottom:20px}.seo-keyword-extractor .controls .url-input-container{display:flex;gap:10px;margin-bottom:20px}@media(max-width:768px){.seo-keyword-extractor .controls .url-input-container{flex-direction:column}}.seo-keyword-extractor .controls .url-input-container .url-input{flex:1;padding:12px 15px;font-size:1rem;border:1px solid #ced4da;border-radius:6px;outline:none;transition:border-color .15s ease-in-out}.seo-keyword-extractor .controls .url-input-container .url-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.25)}.seo-keyword-extractor .controls .url-input-container .analyze-button{padding:12px 24px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;transition:background-color .2s ease}.seo-keyword-extractor .controls .url-input-container .analyze-button:hover{background-color:#1d4ed8}.seo-keyword-extractor .controls .url-input-container .analyze-button:disabled{background-color:#a3a3a3;cursor:not-allowed}.seo-keyword-extractor .controls .text-input-container{margin-bottom:20px}.seo-keyword-extractor .controls .text-input-container .text-input{width:100%;padding:15px;font-size:1rem;border:1px solid #ced4da;border-radius:6px;resize:vertical;min-height:200px;outline:none;transition:border-color .15s ease-in-out}.seo-keyword-extractor .controls .text-input-container .text-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.25)}.seo-keyword-extractor .controls .settings{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.seo-keyword-extractor .controls .settings .setting{display:flex;flex-direction:column;flex:1;min-width:120px}.seo-keyword-extractor .controls .settings .setting label{margin-bottom:5px;font-size:.9rem;font-weight:500}.seo-keyword-extractor .controls .settings .setting input,.seo-keyword-extractor .controls .settings .setting select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.95rem;outline:none}.seo-keyword-extractor .controls .settings .setting input:focus,.seo-keyword-extractor .controls .settings .setting select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.25)}.seo-keyword-extractor .error-message{padding:15px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:20px}.seo-keyword-extractor .results{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;margin-bottom:20px;flex:1}.seo-keyword-extractor .results .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.seo-keyword-extractor .results .results-header h2{margin:0;font-size:1.5rem;color:#2563eb}.seo-keyword-extractor .results .results-header .export-buttons{display:flex;gap:10px}.seo-keyword-extractor .results .results-header .export-buttons button{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease}.seo-keyword-extractor .results .results-header .export-buttons button.copy-button{background-color:#4b5563;color:#fff}.seo-keyword-extractor .results .results-header .export-buttons button.copy-button:hover{background-color:#374151}.seo-keyword-extractor .results .results-header .export-buttons button.export-button{background-color:#10b981;color:#fff}.seo-keyword-extractor .results .results-header .export-buttons button.export-button:hover{background-color:#059669}.seo-keyword-extractor .results .keywords-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;max-height:500px;overflow-y:auto;background-color:#f8f9fa;padding:15px;border-radius:6px}@media(max-width:600px){.seo-keyword-extractor .results .keywords-container{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.seo-keyword-extractor .results .keywords-container .keyword-item{display:flex;justify-content:space-between;background-color:#fff;padding:10px 15px;border-radius:4px;border:1px solid #dee2e6;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}.seo-keyword-extractor .results .keywords-container .keyword-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.seo-keyword-extractor .results .keywords-container .keyword-item .keyword{font-weight:500;word-break:break-word;margin-right:8px}.seo-keyword-extractor .results .keywords-container .keyword-item .count{background-color:#e9ecef;color:#495057;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:600;min-width:24px;text-align:center}.seo-keyword-extractor .footer{margin-top:auto;padding-top:20px;border-top:1px solid #ddd;text-align:center;font-size:.9rem;opacity:.7}