*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.container{max-width:900px;margin:0 auto}h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem;text-align:center}.subtitle{color:#ffffffe6;text-align:center;margin-bottom:2rem;font-size:1.1rem}.form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 40px #0003;margin-bottom:2rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.form-group input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error{background:#fee;border-left:4px solid #f44;padding:1.5rem;border-radius:8px;margin-bottom:2rem;color:#c33}.error h3{margin-bottom:.5rem}.loading{background:#fff;padding:3rem 2rem;border-radius:12px;text-align:center;box-shadow:0 10px 40px #0003}.spinner{width:50px;height:50px;margin:0 auto 1rem;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 40px #0003}.results h2{color:#333;margin-bottom:1.5rem;text-align:center}.result-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.result-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.result-section h3{color:#667eea;margin-bottom:1rem;font-size:1.3rem}.result-section h4{color:#555;margin-bottom:.75rem;font-size:1.1rem}.result-section p{color:#666;line-height:1.6}.keywords{display:flex;flex-wrap:wrap;gap:.5rem}.keyword{background:#f0f0f0;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#555;border:1px solid #ddd}.code-group{margin-bottom:1.5rem}.code-item{margin-bottom:1rem;padding:1rem;background:#f9f9f9;border-radius:8px;border-left:3px solid #667eea}.code-header{display:flex;gap:1rem;margin-bottom:.75rem;align-items:flex-start}.code-number{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:4px;font-weight:600;font-size:.9rem;flex-shrink:0}.code-name{color:#333;font-size:.95rem;line-height:1.5}.score-bar{position:relative;background:#e0e0e0;height:24px;border-radius:12px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease}.score-text{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.85rem;font-weight:600;color:#333}.coordinates{font-size:.9rem;color:#888;margin-top:.5rem}@media(max-width:768px){h1{font-size:2rem}.form,.results,.loading{padding:1.5rem}.code-header{flex-direction:column;gap:.5rem}}