*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.header{color:#fff;margin-bottom:40px;text-align:center}.header h1{font-size:2.5rem;font-weight:300;letter-spacing:-.02em;margin-bottom:8px}.header p{font-size:1.1rem;font-weight:300;opacity:.9}.converter{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:32px;width:100%}.category-selector{margin-bottom:32px}.category-select{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;font-size:1rem;outline:none;padding:16px;transition:all .2s ease;width:100%}.category-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.conversion-area{display:flex;flex-direction:column;gap:20px}.input-group,.output-group{width:100%}.unit-input,.unit-output{display:flex;gap:12px}.value-input,.value-output{border:2px solid #e9ecef;border-radius:12px;flex:1 1;font-size:1.1rem;outline:none;padding:16px;transition:all .2s ease}.value-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.value-output{background:#f8f9fa;border-color:#dee2e6;color:#495057;cursor:not-allowed}.unit-select{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;font-size:.95rem;min-width:180px;outline:none;padding:16px;transition:all .2s ease}.unit-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.swap-button,.swap-section{align-items:center;display:flex;justify-content:center}.swap-button{background:#667eea;border:none;border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1.2rem;height:48px;transition:all .2s ease;width:48px}.swap-button:hover{background:#5a6fd8;box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.swap-button:active{transform:translateY(0)}@media (max-width:768px){.app{padding:16px}.header h1{font-size:2rem}.converter{padding:24px}.unit-input,.unit-output{flex-direction:column}.unit-select{min-width:auto}.category-select,.unit-select,.value-input,.value-output{padding:14px}}
/*# sourceMappingURL=main.3b4d3460.css.map*/