.unit-converter-container{max-width:800px;margin:0 auto;background:var(--card-bg);padding:2.5rem;border-radius:16px;border:1px solid var(--card-border);}.form-group{margin-bottom:2rem;}.form-group label{display:block;font-weight:500;margin-bottom:0.75rem;}.custom-select{width:100%;padding:1rem;background:rgba(255,255,255,0.05);border:1px solid var(--card-border);border-radius:8px;color:var(--text-color);font-family:var(--font-family);font-size:1rem;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(255,255,255,0.7)'%3E%3Cpath d='M12 16l-6-6h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;}.conversion-wrapper{display:flex;align-items:flex-end;gap:1.5rem;}.conversion-group{flex:1;display:flex;flex-direction:column;gap:1rem;}.form-control[type="number"]{width:100%;padding:1rem;background:rgba(255,255,255,0.05);border:1px solid var(--card-border);border-radius:8px;color:var(--text-color);font-family:var(--font-family);font-size:1.2rem;}.form-control[type="number"]:read-only{background-color:rgba(0,0,0,0.2);}.swap-icon{flex-shrink:0;font-size:1.8rem;color:var(--primary-color);cursor:pointer;background:none;border:none;padding:0.75rem;border-radius:50%;margin-bottom:0.75rem;transition:transform 0.3s ease,background-color 0.2s;}.swap-icon:hover{transform:rotate(180deg);background-color:rgba(255,255,255,0.1);}@media screen and (max-width:600px){.conversion-wrapper{flex-direction:column;align-items:center;}.swap-icon{transform:rotate(90deg);margin:0;}.swap-icon:hover{transform:rotate(270deg);}}