:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:2.5em;text-align:center;color:#2563eb;margin-bottom:.5rem}.description{text-align:center;color:#64748b;margin-bottom:2rem}.input-group{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.keyword-input{flex:1;min-width:200px;padding:.8rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease}.keyword-input:focus{outline:none;border-color:#2563eb}.analyze-btn{padding:.8rem 2rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .3s ease}.analyze-btn:hover{background-color:#1d4ed8}.loading{text-align:center;margin:2rem 0;font-weight:600;color:#2563eb}.hidden{display:none}.results-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.keyword-results{background:#f8fafc;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.keyword-results h2{color:#1e293b;margin-bottom:1rem;font-size:1.25rem}.keyword-results ul{list-style:none;padding:0;margin:0}.keyword-results li{padding:.5rem 0;border-bottom:1px solid #e2e8f0;color:#64748b;display:flex;justify-content:space-between;align-items:center}.keyword-results li:last-child{border-bottom:none}.matching-url{color:#2563eb!important;font-weight:500}.match-badge{background:#dbeafe;color:#2563eb;padding:.2rem .5rem;border-radius:.25rem;font-size:.875rem;font-weight:600}.similarity{grid-column:1 / -1;background:#f0f9ff;padding:1.5rem;border-radius:.5rem;margin-bottom:1rem}.similarity h2{color:#0369a1;margin-bottom:1rem}.similarity-score{font-size:1.25rem;font-weight:600;color:#0369a1;margin-bottom:1rem}.matching-urls{background:#fff;padding:1rem;border-radius:.5rem;margin-top:1rem}.matching-urls h3{color:#0369a1;margin-bottom:.5rem;font-size:1rem}.matching-urls ul{list-style:none;padding:0;margin:0}.matching-urls li{padding:.5rem 0;color:#2563eb;border-bottom:1px solid #e2e8f0}.matching-urls li:last-child{border-bottom:none}.recommendation{grid-column:1 / -1;text-align:center;padding:2rem;background:#f0f9ff;border-radius:.5rem}.recommendation h2{color:#0369a1;margin-bottom:1rem}.recommendation-text{font-size:1.25rem;font-weight:600;color:#0369a1}@media (max-width: 768px){.results-container{grid-template-columns:1fr}.input-group{flex-direction:column}.keyword-input{width:100%}}