body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{align-items:center;display:flex;justify-content:center;padding:20px}.unit-converter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000f;max-width:700px;padding:2.5rem;width:100%}.unit-converter h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.8rem;font-weight:800;margin-bottom:.5rem;text-align:center}.subtitle{color:#718096;font-size:1.1rem;text-align:center}.category-selector,.subtitle{margin-bottom:2rem}.category-selector label{color:#4a5568;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.category-selector select{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.category-selector select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.conversion-form{display:flex;flex-direction:column;gap:2rem}.input-section label{color:#4a5568;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.input-section input{border:2px solid #e2e8f0;border-radius:12px;font-size:1.1rem;padding:1rem;transition:all .3s ease;width:100%}.input-section input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.unit-selectors{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.from-unit label,.to-unit label{color:#4a5568;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.from-unit select,.to-unit select{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.from-unit select:focus,.to-unit select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.result{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 20px #667eea33;margin-top:2rem;padding:2rem;text-align:center}.result h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:.8rem}.result p{color:#fff;font-size:1.2rem;font-weight:500;line-height:1.4;word-break:break-word}.quick-examples{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:16px;margin-top:2.5rem;padding:2rem}.quick-examples h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:1.2rem}.quick-examples ul{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;padding:0}.quick-examples li{background:#fff;border-left:4px solid #667eea;border-radius:8px;color:#4a5568;font-size:.95rem;padding:.8rem 1rem;transition:all .2s ease}.quick-examples li:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.features{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #feb2b2;border-radius:12px;margin-top:2rem;padding:1.5rem}.features h4{color:#c53030;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.features p{color:#744210;font-size:.95rem;line-height:1.6}@media (max-width:768px){.unit-converter{margin:1rem;padding:2rem}.unit-converter h1{font-size:2.2rem}.unit-selectors{grid-template-columns:1fr}.quick-examples{padding:1.5rem}.quick-examples ul{grid-template-columns:1fr}.features{padding:1.2rem}}@media (max-width:480px){.unit-converter{margin:.5rem;padding:1.5rem}.unit-converter h1{font-size:2rem}.conversion-form{gap:1.5rem}}
/*# sourceMappingURL=main.4930a896.css.map*/